Tag : Loggix

13 - 15 of 30

LoggixのコンテンツメニューにLoginボタンを追加してみた

旧Ganesha's Lab.（by SQLite2版Loggix）より移転転記。（2009-12-13）

WordPress を使うようになって、メニュー内の Loginボタンがとても便利だと感じたので、P_BLOG にも追加してみた。Loggix にも Loginボタンは無いので、作者のkazさんは無い方がセキュリティ的に望ましいと考えてらっしゃるんでしょうが、ユーザー名とパスワードで充分でしょ。（たぶん）

P_BLOGのコンテンツメニューにLoginボタンを追加してみた

昼間、P_BLOG でやったことと同じことを Loggix でもやってみる。

Loggix の場合は、システム環境設定内にコンテンツメニュー設定という項目が用意されており、ここでメニューを増やすことができる。具体的には、次の1行を追加するだけだ。

1

ログイン,admin/login.php

画面上では、こんな感じ。

Login_000.png

設定を保存すれば、サイドバーのコンテンツメニューに「ログイン」ボタンが現れ、クリックすればログイン画面に偏移することができる。

  • 追加前

Login_001.png

  • 追加後

Login_002.png

ログイン後は、Admin Menu 内に「ログアウト」ボタンがあるので、コンテンツメニューから「ログイン」ボタンを隠したいんだけど、その方法が分からない。まあ、ログイン後のメニューは自分しか見ないから良いか。

当BlogのHｅａｄｅｒ周りのデザインをようやく修正

旧Ganesha's Lab.（by SQLite2版Loggix）より移転転記。（2009-12-13）

1年以上も前に予告していた当BlogのHeader周りのデザイン修正をようやく実現させた。

最終的には、positionプロパティを使って、サイトタイトルと自動挿入広告を横に並べるようにするつもりですが、XHTML Validにする方が先ですので、後のお楽しみにとっておくことにします。

後の楽しみも何も、1年以上ほったらかしじゃ。

ちなみに、修正前のデザインはこんな感じだった。あ、それと実際にはpositionプロパティではなくfloatプロパティを使ってデザイン修正した。

修正前デザインの画面キャプチャ（Sleipnir/IE7）

ところで、今回CSSを修正していて「LoggixのCSSファイル構成は意外と使いにくい」と感じたので、以下に気付いた点を書き留めておく。回避方法はたぶんあると思うので、いずれ修正しようと思う。

LoggixのCSSファイル構成の欠点

Loggixの吐くXHTMLソースが直接読み込むCSSファイルはdefault.cssだ。そしてdefault.cssから複数のCSSファイルを@importで読み込むようになっている。（Win IEの場合はwin_ie.cssを介してdefault.cssを読み込むが、説明が煩雑になるので割愛する）

  • default.css内の@import構文
@import url(../_import/text.css);
@import url(text.css);
@import url(modules.css);

ここで問題になるのは、最初に読み込まれるdefault.cssに、@import構文以外に具体的なCSS指定が記述されていることだ。

@import規則によれば、@importで読み込まれる外部ファイルの記述内容よりも元ファイル（ここではdefault.css）の記述内容の方が優先されるため、default.cssの内容をカスタマイズしたい時は、直接default.cssを編集するしかない。

しかし、直接default.cssを編集してカスタマイズする方法だと、Loggixがバージョンアップする度に再編集が必要になるので管理が大変だ。それよりも、例えばuser-custom.cssというカスタマイズ専用の外部ファイルを作ってそこにカスタマイズ内容をまとめることができれば、管理は大変楽になる。あとは、default.cssの記述内容を上書きできるように工夫すれば良い。

そのための処方箋は下記の通りだ。

  1. Loggixの吐くXHTMLソースから直接読み込むCSSファイルを、例えばimport.cssというファイルに変更する。

  2. default.css内の@import構文はすべて削除する。

  3. 自分カスタマイズ用にuser-custom.cssを用意する。

  4. import.cssから@import構文で各CSSファイルを読み込むように設定する。（下記参照）

  • import.cssの記述内容
@import url(default.css);
@import url(../_import/text.css);
@import url(text.css);
@import url(modules.css);
@import url(user-custom.css);

問題は、Loggixの出力するXHTMLソースから直接読み込ませるCSSファイルをどうやって変更するか。PHPを弄らないといけないと思うので、それはまた後日検討することにする。面倒だったら、default.cssをimport.cssの代わりにして、default2.cssを読み込むようにするのが簡単かもしれない。（cssファイル名の意味づけも重要だと思うので、出来るだけPHP修正方法を考えるようにするつもりですが）

追記

@import構文を多重化するとレンダリング・パフォーマンスが悪化する場合があるそうだ。特にInternet Explorerで顕著らしい。

[CSS]外部スタイルシートの指定は@importとlinkでどちらがいいか | コリス

[css] @importを使うべきでない理由 | Screw-Axis

したがって、必要以上の@import多重化を避けるためにも@import.cssから直接その他の全cssファイルを読み込むようにしたい。また、Win IEの場合もwin_ie.cssからimport.cssを読み込むのではなく、win_ie.cssから直接その他の全cssファイルを読み込むようにすべきだろう。これも、そのうち対処することにしよう。

切り捨てられたわけでは、なかった。

旧Ganesha's Lab.（by SQLite2版Loggix）より移転転記。（2009-12-13）

JAM LOG エントリにTrackBackを貼った前エントリにkazさんからコメントを頂いた。要するに前エントリ内容は誤解だったのだが、普段コメントは隠れているのでそのままではいけないと思い、ちゃんとエントリにしておく。

ようするに、最新のアップデートの適用をすぐに提供できるようにする、というのがGitHubを使うメリットです。GitHubが、アーカイブを自動で作ってくれるんですよ。

「Download」をクリックすれば、zipかtarか選択できる画面が出るはずですが・・・さきほどWindowsで試してみたのですが、なんと、IEではうまくいかない、というのが判明。

Firefoxや他のブラウザだとうまく動作するようです。

つまり、アーカイブのダウンロードが出来なかったのは、Win-IEを使っていたから。確認したところ、Firefox、Opera、Safariでは、download_button.pngクリックでアーカイブ形式（zip or tar）選択画面がちゃんと出た。

  • Firefox firefox_cap_090806.jpg

  • Opera opera_cap_090806.jpg

  • Safari safari_cap_090806.jpg

一方、Win-IEではdownload_button.pngでは選択画面が出ないのだが、「Download(1)」というタブをクリックしてみたところ、アーカイブDownload画面を出すことが出来た。但し、zip形式は選べないようだ。

  • IE ie_cap_090806.jpg

IEでもアーカイブのDownloadが可能、ということで、前回の「切り捨てられた、のか？」は完全に私の被害妄想だったということが判明した。kazさん、申し訳ありませんでした。

前へ 1 2 3 4 5 6 7 8 9 10 次へ