Studio Eddies » WPML

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

Eriko.N — Tue, 02 Mar 2010 02:52:43 +0000

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

　これは難しくありません。表示させたいテンプレート（header.phpとか、body.phpとか…）に

  languages_list_se() ?>

と記入し、あとはスタイルシートで、floatなりdisplay:inlineを使って、リストを横並びにすれば良いだけです。
cssのidは#se_language_listになっており、リストとして書き出されています。

●このサイトで使っているCSSのコード

#se_language_list  ul {
margin-right: 20px;
}
 
#se_language_list  ul li{
float: left;
margin-right: 20px;
}

●WPMLのランゲージ・スイッチャーに関するページ（英語）
http://wpml.org/documentation/support/wpml-compatibility-packages/tutorial-creating-a-compatibility-package/
　

結局style.cssに追加

Eriko.N — Fri, 13 Nov 2009 08:05:40 +0000

　はぁ〜、今週は非常に忙しかった。なんだか時間に追われております。まぁ来週までの忙しさだと思いますが…。とりあえず週末は出勤決定。

　さて、WPMLが1.4.0になりまして、自動アップデートしたらサイドバーにある「言語セレクター」が元の色に戻ってしまいました（トホホ）…。なので、前回のWPMLの記事で書いたように、cssのデザイン設定をテーマの方のstyle.cssに貼り付けました。今のところ不具合はありません。

　やはりテーマのcssで一括管理したほうがラクですよね！

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

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

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

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

WPML - Language Selector

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

●Easiest way to cusomize the language selector widget

　ちょっちややこしい…。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 > 言語 > アドバンス から設定できます。

WPML-英語の記事を書く

Eriko.N — Wed, 28 Oct 2009 01:09:02 +0000

　とりあえず、日本語・英語、両ページの見栄えがどうか…という話は置いておいて、WPMLをインストールした後（前回「英語」を設定しました）、管理パネルがどのように変化するか…という話

WPML導入後、英語で記事を書きます

　まずは記事一覧に「+」マークがつきます。ココをクリックすると、その記事の英訳版を作ることになり、いつもの「新規投稿」画面へ移動します。右サイドーバーに【言語】というカテゴリーが追加されていますね。

　先ほど「+」マークを押したので、「これは次の翻訳です。」という表記の下に、日本語の元記事のタイトルが書いてあるハズ。あとは、自分で翻訳していくだけ。英語ができないけど、英語のページをとりあえず作りたい…という人は翻訳ソフトなどを利用するのでしょうが、WEBのExcite翻訳あたりだと、ワケがわからないものが出来そうです。
　WPMLの設定項目には「プロ翻訳」というのがあるので、そこからWPMLの制作元に翻訳を依頼できるみたいです。一単語0.07USDだそうなので、まあまあではないでしょうか？

　投稿のカテゴリーも英語ページ用に編集します。私の場合、今のところカテゴリーは日本語版と同じでいいので、まったく同じものを入力しました。すると、「Wordpress@en」のように、後ろに勝手に「＠en」が入ってしまうのですが、再度編集すれば消えるようです。

　サイトのデザインも少しずつ変更したいし、利用しているテーマが多言語に対応していないと自分でファイルを準備する必要もありそうだし…学ばねばぬことが多いですな〜。