Archive for the WordPress Category

WordPressの多言語化プラグイン”qTranslate”の設定と使い方。その1

WordPressを多言語化するプラグインqTranslateの管理画面の設定について見ていきます。

インストールしてから設定すること

まず、インストールするといきなり管理画面が英語になります。メニューも何もかも全部です。「あれ?日本語で使えないの?」と思ったのですが、できました。

qTranslateでは、「このサイトでは何語を使うのか」というのをまず設定します。

管理画面 > 設定 > Languagesと進んだ上で、下の方にあるLanguagesの欄で、使う言語を選びます。最初は英独中文となっているので、EnableボタンやDisableボタンを押します。

写真の例では、日英のみにしてみます。

次に、同じ画面の一番上、Default Language / Orderのところで、デフォルト言語を選択&順番を決めます。

この順番というのは、投稿画面などのタイトルなどの表示順です。

デフォルトで使う言語と順番を別々に指定できるということです。デフォルトを日本語にすると、管理画面が全部日本語になりました。

ちなみに、サイドメニューの一番下に、下の画像のようなメニューが現れて、英語をクリックすると管理画面が英語になります。

なので、日本人とイギリス人が同じ管理画面を使ってサイトを管理する場合にもちゃんと使えるということですね。便利すぎます。

言語別のURLの設定

qTranslateでは、以下の3つの形式で言語別のコンテンツを表示させることができます。

  1. example.com/somethinghere?lang=en
  2. example.com/en/somethinghere
  3. en.example.com/somethinghere

いちばん後ろに?lang=xxが付くパターン、ドメイン直後に/xx/が付くやり方、xx.example.com/なサブドメインコースの3つです。

これは、Advanced Settings > URL Modification Modeのところで設定します。

デフォルトの言語は、example.com/example.com/ja/の両方で表示されるようです。

また、Detect Browser Languageという欄で、ブラウザの言語を取得してリダイレクトさせる設定が可能みたいです。

日付がバグるのを治す

qtranslateで日本語を導入したときに、日付がぐちゃぐちゃになる場合の対処という記事にまとめたので、これをやります。

投稿してみる

実際に投稿してみます。

投稿画面は、以下の写真のようになります。

日本語、英語のタイトルを入れて、画像をUPしてみました。画像には日本語でキャプションを入れて。。

その後、「ビジュアル/HTML」の並びにある英語タブをクリックすると、以下のように、英語コンテンツは空白になっています。

なので、英語コンテンツを入れていきます。画像は、アップロード済みなので選択してみるとキャプションに日本語が入っているので、削除して英語を入れます。

公開してチェックしてみると、

日本語表示

英語表示

ちゃんと表示されました。
ちなみに、カテゴリーが「その他」と”other”にちゃんとなっているのは、投稿 > カテゴリーの項目で設定しているからです。

言語別に非表示にすることはできるの?

できました。

デフォルトでは、たとえば、「英語表示の時に日本語しかないコンテンツを表示させる」をやると以下のように(日本語)タイトルとなります。

英語表示で無理やり日本語の投稿を表示させる。

サイドバーにも、日本語コンテンツが表示されています。

英語表示時のサイドバー

これを、General Settings > Hide Untranslated ContentHide Content which is not available for the selected language. というところにチェックを入れると、サイドバーからは表示が消えます。

日本語表示がサイドバーの最新記事から消えたとこ

今後の課題

  • キャッシュ系プラグインどうなるの?
  • カスタムポストタイプはどうなるの?
  • カスタムフィールドは?
  • テンプレートファイルには、どう書くのさ?
  • マルチサイトは?(これは今のところ不要なのでまた今度必要が生まれたら)

といったことを調べていきたいと思います。

カスタムフィールド、無理っぽいのですがねぇ。。

@hissyNさんなんとかしてくださいm(__)m。

qTranslateが投稿のデータをどうやって保存してるのか、データベースを覗いてみたよ。

WordPressを多言語対応させてくれるプラグインのqTranslate、便利なんですが、すっごい不思議です。

そもそもひとつひとつの投稿はどうなっているのでしょう。

データベースを見てみました。

なるほどなるほど。

<!--:ja-->WordPress へようこそ。これは最初の投稿です。編集もしくは削除してブログを始めてください !<!--:-->
<!--:en-->Hello World.

This is the first post of your blog.<!--:-->

コメントタグみたいなものが挿入されてました。ソースを見ると。。。

別に普通に見えている。the_contentフィルターに何かをしているみたいです。

qtranslateで日本語を導入したときに、日付がぐちゃぐちゃになる場合の対処

WordPressを多言語対応させるプラグイン、qtranslateで日付や時間の表示が上手くいかない場合、下記をやってみましょう。

設定 > Languages > 対象の国旗 > Editと進んで、好きなフォーマットを入力する。

で、Save Changeをクリック!

これでちゃんと表示されました。

それでも上手くいかない場合、Advanced Setting > Date / Time Conversionをチェックして、一番上のUse emulated date function.が選択されているかどうかを確認してみましょう。

管理画面フォームで保存された値を取得して表示するのに便利な関数form_option()。

管理画面のフォームで、ユーザが保存した値がすでにある場合、下記のように書いていませんか?

if( get_option('a_key') ) {echo esc_attr(get_option('a_key')); }

ここは、下記のように書くことができます。

form_option('a_key');

このform_option()関数は、esc_attr()を含んでいるのでそのまま書いちゃって、だいたい大丈夫です!

Codex > form_option

ころぐのブログをスタートしたので、考えたことや設定について。

ころぐ(パスワード制のブログを作れる子育て日記のサービス)で、ブログをスタートしました。

ころぐのブログ colog.jp/papaer です。

「ころぐ」のブログ。ちなみにキャラの名前はコロちゃんです。

設定や考えたことについてまとめまてみたいと思います。

ブログを始める理由

そもそも僕達が「子育て中のパパ・ママ」やそのコミュニティにどうやったら知ってもらえるのか、もちろん広告などもありますけれども、そういう根本的な悩みがあり、ブログ解説に至りました。

使っているプラグイン

少なくしました。

  • Google XML Sitemaps:Googleにサイトマップを送る
  • Jetpack by WordPress.com:アクセス解析とソーシャルアイコン
  • Simple Tags:タグの管理
  • TypePad 絵文字 for TinyMCE:かわいくするために絵文字を入れる

今後、キャッシュ(WP Super Cacheを使うためにはもうちょっとnginx頑張んないといけない。ルートじゃない場合どうやるんだろ。。)や、スマホ対応も進めたいと思ってます。

Jetpackがすごい便利

使えるな、と思った機能は、アクセス解析、Twitter・Facebook・Google+の共有ボタン、メールで購読の機能です。

特に、メールで購読機能に期待しています。

jetpackの主な機能一覧

ZenBack

ZenBackに色々頼りました。

まず、WordPressのコメント欄は表示せず、ZenBack内のFacebookコメント欄を使っています。

ちょっと迷ったのですが、情報系ブログになる場合、僕自身コメント欄に何かを残しませんし、タレントさんのアメブロと炎上以外でコメント欄が盛り上がるケースというのを最近見ることがないので、やめました。

フィードバックは、TwitterとFacebookでしていけたらいいな、と思っていますし、FacebookにしてもFacebookコメント欄ではなくて、コミュニケーションが発生するとすれば、いいねやシェアが中心になると思います。

本当は、コメント欄が盛り上がるといいのですが、「書きこむ楽しさ」という点でTwitterやFacebook、質問サイトなどに勝つ方法が分からないのです。

コンテンツの真下にメッセージを入れた

下の写真は、コンテンツを読みきった場所のスクリーンショットです。

ころぐのブログのコンテンツ下

シェアボタン、カテゴリーとタグがサイト内、購読のお願い、ころぐの宣伝

このように、上から順に、

  1. シェアボタン
  2. カテゴリーとタグを表示。(タグは、「話題」としています。)
  3. Twitter、RSS、メール購読のお願い
  4. ころぐの宣伝
  5. 画像にはありませんが、この直下がZenBackになります

を載せました。

ここも色々改善していきたいと思います。

更新する人

僕の妻が、更新しています。そろそろ産休にも入りますし、毎日更新を目指しています。

情報収集→執筆→シェアの流れをどこまで効率化できるかというのがポイントになろうかと思います。

サブドメイン?サブディレクトリ?

今回は、サブディレクトリにしました。参考にしたのは、新コンテンツは別ドメイン名? サブドメイン? サブディレクトリ? SEO的に検討するというWeb担当者Forumの記事他です。

  • ルートドメインが強力なら、そこに含まれる個々のページもその恩恵を受けられる。
  • サブドメインは、同じルートドメイン上にある他のサブドメインが持つプラスの評価や順位獲得能力を常に受け継ぐとは限らない。
  • 所属するルートドメインから恩恵を一切得られないサブドメインもある。具体的には、wordpress.comや、blogspot.com、typepad.comなど、誰でもサブドメインを作ってブログを始められるサイト

といったことが書かれていて、最初はblog.colog.jpなどのサブドメインも考えたのですが、やめました。

こちらに色んなコンテンツを書きためていき、ころぐのサイトとしての価値やアクセス的貢献につながればと思っています。

今後の課題

  • キャッシング(サーバーのセッティング的な話になります)
  • ころぐの親サイトでフィードを流すこと
  • モバイル対応(ガラケーはしないかもしれないです)
  • 情報収集ツールの研究
  • ソーシャルメディアにポストするタイミングについて
  • 購読者(RSSとメール)やフォロワーさんなどを中心にしたリピーターをいかに増やすことができるか

みなさんの中に、子育てに関する情報について興味がある方がいらしたら、購読してみてください。また、周りのおとうさん・お母さんたちに教えてもらえると嬉しいですm(_ _)m!

わ!