多言語化プラグイン「qTranslate」
ブログを多言語化しようと思い、プラグイン「qTranslate」を導入してみました。
General Settingsで使用する言語を選択する
★使用する言語を選択
管理画面「設定」⇒「Language」の下段に一覧があります。「Action」が"Disable"になっている言語が現在有効化されている言語ですので適宜切替えます。
そして、「Default Language / Order」でデフォルトの言語を選んで下さい。
Advanced Settings 部分
日付の表示がおかしくなる
ページにアクセスすると日付表示が「%Y年%m月%d日」(例)のようになったら、"Use strftime instead of date."を設定して下さい。表示が戻ります。
設定箇所:Date / Time Conversion
言語別のURL
言語別のURL構造を設定できます。
- Use Query Mode パラメータ形式→「http://mysite/parmalink/?lang=en」
- Use Pre-Path Mode サブディレクトリ形式→「http://mysite/en/parmalink/」
- Use Pre-Domain Mode サブドメイン形式→「http://en.mysite/parmalink/」
設定箇所:URL Modification Mode
言語切り替えボタンの表示
たとえば、特定の日本語のページから英語ページへ移動するためのボタンが用意できます。「外観」→「ウィジェット」から[qTranslate Language Chooser]を追加することで表示できます。
このブログでは、検索からの流入があればうれしいだけなので、言語切替のボタンやリンクは設置しませんでした。もし、表示しない場合は、スタイルも削除してもいいと思います。
削除方法
functions.phpに追加することで削除できます。
remove_action( 'wp_head', 'qtrans_header');
head内の以下のCSSが削除できます。
<style type="text/css" media="screen"> .qtrans_flag span { display:none } .qtrans_flag { height:12px; width:18px; display:block } .qtrans_flag_and_text { padding-left:20px } .qtrans_flag_ja { .... } </style>
翻訳した記事が用意されていない場合にインデックスされないようにする
これは、日本語の記事があるけど英語の記事がない場合には、英語の方をインデックスさせないようにするためのコードです。子テーマのfunctions.phpに追加して下さい。
add_action( 'wp_head', 'add_noindexnofollow'); function add_noindexnofollow(){ global $post; if( preg_match( '/Sorry, this entry is only available in/', $post->post_content) ==1) { echo '<meta content="noindex,follow" name="robots">'; } }
Noticeメッセージ対応
デバッグログをONの場合、以下のようなメッセージがひたすら出力されます。
対応方法は、下のリンクを参照。
PHP Notice: Undefined index: language in /wp-content/plugins/qtranslate/qtranslate_hooks.php on line
アップグレード対応
3.9版がリリースするまでの対応
// エラーメッセージ PHP Catchable fatal error: Object of class WP_Post could not be converted to string in /home/breakabroad/www/kwski/blog/wp-content/plugins/qtranslate/qtranslate_core.php on line 455
// qtranslate_core.php:455 // $before.を除去する // return $before.strftime($format, $date).$after; // 変更前 return strftime($format, $date).$after;
関連記事
-
独自のCSSやJSを読み込む
WordPressで、プラグインではなく自作したりダウンロードしてきたCSSやJS(プラグイン)を読み込んだりするケースがあると思います。今回は、その際のCSSやJSファイルの使用方法をまとめてみまし
-
サイトのキャプチャをショートコードで生成してくれる「Browser Shots」
外部のサイトを紹介する際にそのサイトのキャプチャが添えられているとイメージがつかみやすくなりクリックのモチベーションが上がるような気がします。 今回は、ショートコード一行でサイトのスクリーンショット
-
ブルー・オレンジ・ピンクと選べるテーマ「Bouquet」をカスタマイズ
プレビューはこちら ダウンロード 目次 ヘッダー画像の高さを変更 アイキャッチをアップロード h1タグがやたら多いので最適化 画像をレスポンシブ対応 フォント「Sorts Mill
-
Twenty Thirteen カスタマイズ
WordPress 3.6のデフォルトテーマである「Twenty thirteen」のカスタマイズをまとめて投稿します。 Twenty thirteenのカスタマイズネタがあまりないです。(それだけ
-
Google Code Prettifyを使用してソースコードを表示をしてくれる「Prettify Code Syntax」
Prettify Code Syntaxは、WordPressでGoogle Code Prettifyを使用してソースコードを表示してくれるプラグインです。 プラグインダウンロード Google
-
翻訳ファイルの子テーマ化
子テーマでfunctions.phpなどを変更していくと翻訳すべき項目にぶつかっていくと思います。例を挙げると_()の部分で、Wordpressが翻訳を行ってくれる部分です。 個人的には、日本語
-
「続きを読む」(moreタグ)をカスタマイズ
WordPressではほとんどのテーマでは、複数の投稿を表示するアーカイブページ(カテゴリー別、タグ別、年月日別、作成者別など)ではmoreタグ(<!--more-->)を挿入することで、
-
Twitterのツイートボタンの設置
Twitterのツイートボタンの設置はプラグインを使用しなくても容易に実装できるようです。 ソーシャルボタン設置のプラグインはこちらにいちおうまとめています。 Tweetボタンの設置コード 公式
-
JSやCSSに自動で付与されるバージョン番号を非表示に
Wordpressでは、JSやCSSがロードされる際にlinkタグやscriptタグ内にWordpressやプラグインもしくはスクリプトそのもののバージョン番号が付与されます。「?ver=」で検索して
-
Twenty Thirteen ナビゲーションメニューを固定
ナビゲーションメニューを固定にしてみました。下方にスクロールしても最上部に固定されるやつです。 スクリプト 以下のjsファイルを用意して下さい。 nav要素のidは、ソースもしくはheade