WPML・ランゲージ・スイッチャー

　WordPressで多言語対応サイトを構築するためのプラグイン「WPML」。プラグインをインストールした後は、簡単にサイドバーに言語切り替えのための「ランゲージ・スイッチャー」をプルダウンメニューとして表示させることができるのですが、このサイトではヘッダの下に横並びで「ランゲージ・スイッチャー」を設置しました…
Read more

2010年 3月 2日 火曜日 | コメント（0）

サイトデザイン・リニューアル

　10月に仕事用のサイトをWordPressに変更しましたが、やっとオリジナルのデザインに変更できました！ヘッダー部分のナビゲーションは、まだ「Home」と「About」しかなくて寂しいですが、そのうちコンテンツを充実させます。あ、Flickr!にロイヤリティ・フリー、使用料無料の写真素材（ただクレジットだけは入れてください）をアップしてあるので、その写真を紹介するページがあっても楽しいかもしれませんね！

　さて、愛用しているWordPressのマルチ言語プラグイン「WMP」。インストール後、WMPのコントロールパネルから、簡単にランゲージセレクタ（言語を切り替えるためのメニュー）をサイドバーに表示することができます。色の設定も、現在のバージョンは「言語設定」から簡単に指定することができるようになりました！

　今回のデザインではデフォルトのプルダウンメニューを使いたくなかったので、ご覧のように「日本語」と「英語」をリストで表示して横並びにしてみました。後日、詳しい方法をご紹介しようと思います。

2010年 1月 11日 月曜日 | コメント（0）

課題ドロップダウン・メニュー

　毎年冬は仕事が忙しく、現在も紙媒体、WEBともに色々作業を進めています。さて、Webのお仕事で解決しなくてはならない問題が出てきました。典型的なリストを使った横並びのナビゲーションに、ドロップダウン・メニューを追加したのですが、子要素の li にマウスが移ると、親ボタンからフォーカスが外れて、hoverの指定が効かなくなります。理由があって親のナビゲーションのロールオーバーはJavaScriptで制御し、子要素は普通にCSSでデザインしているので、ためにし全部CSSのみでやってみたのですが、やっぱり親のリスト部分はhoverした状態ではなく、hoverがはずれた普通の指定に戻ってします。

　ネットも検索したのですが、いまいちそれらしい記述があるページを発見できませんでした。私と同じように、親ボタンが元の状態に戻るものは何個か発見したんですけどね…。文字だけだと説明が難しいので、問題が解決した時に改めて画像入りで記事を書きたいと思います。

2010年 1月 7日 木曜日 | コメント（0）