説明
XOOPS X (XCL2.2.2) 専用の管理画面用テーマです。
XOOPS X (Xoops Cube Legacy 2.2) にて動作確認しました。
左カラム固定のリキッドデザイン(レスポンシブウェブデザイン)です。
オリジナルの管理画面テーマを改造していますが、テーブル組みから最新のhtml5に変更しています。スマートフォンで表示すると、横スライドメニューとなり、使いやすさをアップしています。
基本、UTF-8での利用を想定していますが、EUCでの利用も可能なように配慮しています。(でも、もしかするとどこかで日本語が文字化けするかも?)
2013.12.29 左カラムのシステム管理メニューを折りたたみとした。(JSオフ環境では従前どおり)
マウスホバー(またはクリック)すると右側に小メニューが表示されます。
インストール
インストールは通常のテーマとは違い、ファイル群をアップロードするだけで使えます。つまり、通常のメニューと違って、「テーマの管理」などで設定する必要がありません。(以前は必須だったlegacyモジュールのプリロード差し替えは不要となりました。)
まず、解凍してできあがった html/themes/admin をFTPにてサイトのテーマ・ディレクトリへコピーしてください。(当然ながら、X-updateでインストールされた場合は、この作業は必要ありません。)
この作業が完了して管理画面を表示すると、基本的に切り替わるはずですが、もし表示が上手くいかない場合は、altsysの「テンプレートの高度な操作」にてキャッシュを削除するとともに、ブラウザのキャッシュも削除してください。
【アンインストール】
アンインストールは、テーマディレクトリ admin を削除してください。
また、キャッシュが残っていると画面が崩れて表示されますので、altsysの「テンプレートの高度な操作」にてキャッシュを削除するとともに、ブラウザのキャッシュも削除してください。
カスタマイズ
20140209
色合いの変更が劇的に簡単になりました。フッター左下のスライダーを動かすだけで、自在に変更可能です。
> nao-ponさん、ありがとうございます。
上が色相、下が彩度のスライダーです。まず、彩度を真ん中くらいまで上げてから、色相を調整した方が、色の変化がわかりやすいと思います。
利用について
利用ライセンスは、MITとなっております。ご自由にご利用ください。
ただし、違法行為を行っているサイト、公序良俗に反するサイトでの利用は、お断り申し上げます。
雑誌・書籍への掲載の場合には、あらかじめ当サイト管理人へご一報ください。
連絡先:http://xoops123.com/modules/liaise/
お願い
できましたら、当方のサイト掲示板(ご訪問帳)に何か書き込んでいただけると嬉しいです~m(_ _)m
http://xoops123.com/modules/d3forum/?forum_id=1
バージョンアップ履歴
2013-12-12 ver0.05
何とか使える形になったのでテスト版としてGitHubへ掲載
2013-12-12 ver0.06
言語定数の設定(utf8,japanese,english)
Welcomeメッセージを日本語化(UTF-8)、各種参考となるURLリンク集を追加
2013-12-15 ver0.07
色に関する設定をCSSから分離して、color.phpとした。
左カラムのシステムメニューを少し修正。
JSなどの読み込みを整理
2013-12-22 ver0.08
color.php から定義部分を分離して、config.php とした。
color.php での色指定、主要部分について hsl による記述を追加。
config.phpの色相・彩度を2箇所変更するたけで簡単に色合いの変更が出来るようにした。
2013-12-22 ver0.09
メディアクエリーにて、ブラウザサイズの変更に対応。横幅1024px以下で全体のフォントを少し小さくして、その他微調整実施。
横幅740px以下で1カラム表示+メニューボタン表示、同ボタンを押すと横スライドで左カラムメニュー表示。
2013-12-25 ver0.10
開発版legacy(XOOPSX)に対応
テーマ下テンプレートの保存ディレクトリを変更(admin/templates から admin/modules/legacy に変更)
【メモ】
XCLの仕様として管理画面テンプレートのオーバーライド順位は次のようになっています。
1. XOOPS_THEME_PATH/admin/modules/[DIRNAME]
2. XOOPS_THEME_PATH/admin
3. XOOPS_MODULE_PATH/[DIRNAME]/admin/templates
4. XOOPS_MODULE_URL/legacy/admin/theme
2013-12-25 ver0.11
スマートフォン用にviewportを設定
横幅740px以下での表示、左カラムのフォントサイズを少し大きく(13px)とした。右上にHomeアイコンを表示させた。
2013-12-25 ver0.12
左カラムのシステム管理メニューの子メニューをjQueryによる吹き出しに変更、項目のマウスホバーかクリックで子メニュー表示(JSオフ環境では通常のリスト表示)
2014-2-9 ver0.13
nao-ponさんのカスタマイズにより、カラーチェンジャー機能が追加されました。
Welcomeメッセージのエンティティ化により、EUC環境でも文字化けなく表示されるようになりました。 > thnx Mr. nao-pon
2014-2-9 ver0.14
css微修正
2014-2-9 ver0.15
config.php 修正
css微修正
2014-2-19 ver0.16
ページ内リンクをクリックすると、表示がずれるのをjQueryの機能を利用して修正 > thnx Mr. nao-pon
2014-2-20 ver0.17
システム管理のポップアップメニューの安定化 > thnx Mr. nao-pon
2014-2-20 ver0.18
各モジュール管理画面で、XUGJにマニュアル掲載のものについて「Module Manual」リンクを出し、同マニュアル掲載ページにジャンプできるようにした。
2014-3-21 ver0.19
xpwikiについて、「Module Manual」リンクを表示してnao-ponさんのサイトの該当ページにジャンプする設定とした。
テーマ管理画面で、テーマの説明(readme.txt)を表示するようにした。
(テーマディレクトリにreadme.phpを追加する必要があるが・・・)
2014-3-23 ver0.20
テーマ管理画面でのテーマの説明(readme.txt)読み込み機能を向上、各テーマはreadme.txtがあればそれを読み込む仕様となった。 > thnx Mr. nao-pon
2014-3-23 ver0.21
xpwimiについて、「Plugin Manual」リンクを表示、nao-ponさんのサイトの該当ページにジャンプする設定とした。
xugj_assignにて、ユーザーエージェント判定を追加、次の記述で判定が可能。
<$is_iphone>
<$is_android>
<$is_ipod>
<$is_pc>
2015-5-2 Ver0.22
各モジュールの一般設定画面で各モジュールの管理メニューを左カラム上部に表示
Merge pull request #8 from nao-pon/nao-pon-patch-1
2015-7-6 ver0.23
2016-4-1 ver0.24
kamezouさん提唱のJSを採用して、中央カラムを自動で可変するようにした。
ToDo
管理画面トップページ?でのWelcomeメッセージ表示を各言語対応にしたい。(言語定数で対応?) 【20131212 済】
テーマファイル内に直書きしている日本語部分を各言語対応にしたい。(言語定数対応) 【20131212 済】
スマホ対応は絶対やりたい。。。 【20131229 済】
簡単に表示イメージ(色)を変える仕組みを作りたい。 【20131222 済】【20140209 カラーチェンジャー機能追加】
もうちょっと、オシャレ?なデザインに・・・ムリ???
各モジュール設定のトップページに、モジュールの概要説明を追加したい。【20140227 とりあえずXUGJのマニュアルへのリンクをつけた】
ヘルプファイルを充実させたい気もする。。。
XOOPSの良さをもっと広めたい。。。(*ノω・*)テヘ