WPML-言語セレクターの色を変える

Eriko.N — Fri, 06 Nov 2009 04:59:44 +0000

　多言語コンテンツ・マネージメント・プラグイン【WPML】をインストールした記事を以前アップしました。なかなか使い勝手も良く気に入っています。

　しかし、サイドバーに追加される「言語セレクター（Language Selector）」の色が気にくわな〜い！なんてったって、デフォルトがコバルトブルー？！こんな感じ…

WPML - Language Selector

ね〜〜〜！このプルダウンメニューのデザインを変更する方法を発見するのにしばらくかかりました。WPML本家サイトのフォーラムに、まさにこの件についてのトピックスがあるんですけど…。

　ちょっちややこしい…。PHPに詳しくない私にはheader.php内のwp_head()云々がサッパリ理解不能。ちょっと色々いじってみて判明したことを書いておきます。

言語セレクタウィジェットのCSSは「wp-content」フォルダ内、plugins/sitepress-multilingual-cms/res/css/language-selector.css であること。それを書き換えれば良いっぽい
選択されている言語の背景色（デフォはコバルトブルー）を変更するには、32行目

#lang_sel a.lang_sel_sel{
background:url(../img/nav-arrow-down.png) #09c right no-repeat;
color:#fff;

の#09cを変更。薄い色にしたら文字色も変えなきゃ見えませんね。color:#fff
普通はheader.php内のwp_head()を気にしなくても良いっぽい
language-selector.cssを使用しているテーマのstyle.css内に貼付けても、ちゃんと反映される。その場合プルダウンメニューのグレーの三角画像のパスを変更しなくてはならない。../../plugins/sitepress-multilingual-cms/res/img/nav-arrow-down.png

　FTPクライアントで深い階層にあるlanguage-selector.cssを毎度書き換えるより、テーマのcssにコピペして利用した方が、デザイン管理がしやすい気がするのですが、やはり何か弊害があるのでしょうか？謎です…。

　あ、そうそう。言語の横に旗をつけたり、はずしたりするのはwordpressの管理画面、WPML > 言語 > アドバンス から設定できます。

Studio Eddies » Language Selector