>サイトの作り方これ便利!ワードプレスサイトを多言語化するプラグイン「Bogo」使い方まとめ2018年3月13日ブログを翻訳して、もっとPVを稼ぎたい!英語圏にも読んでもらいたい!ワードプレスなら、プラグインを使うだけで、簡単に多言語サイトを構築できます。この記事では、多言語サイトを構築するためのプラグイン「Bogo」の機能と使い方の紹介をしたいと思います。一つづつ外国語ページを作るプラグインをインストールし有効化すると、投稿や固定ページの編集画面に「翻訳を追加」というボタンが生成されます。このボタンをクリックするだけで、自動的に、その投稿に対応する外国語ページが一つ作られます。「https://shibuya-osamu.net/en/example/」という英語版ページを作ってくれます。英語以外にも50以上の言語に対応しています。翻訳は、自分でする必要があります。言語切り替えボタンもつけられるこのサイトのヘッダーとフッターにあるような、言語を切り替えるためのリンクを付けられます。対応する外国語ページがない場合も、切り替えボタンは表示されますが、リンクが無効になります。ウィジェットやメニューも、英語対応できる英語ページでは英語のメニュー、日本語ページでは日本語メニューというように、メニューの表示を変えることができます。hreflangタグも自動生成サイトの多言語化をするために重要な「hreflang」タグも自動で生成してくれます。自分で設定する必要はありません。「Bogo」の基本的な使い方プラグインのインストールと有効化をした後の操作は以下の通りです。管理画面の「言語」→「言語パック」をクリックします。50以上の言語が表示されるので、使いたい言語をクリックしてインストールします。「翻訳を追加」をクリック翻訳したい投稿の右上に表示されている「翻訳を追加」ボタンを、その上にある言語のプルダウンを選択してからクリックします。ちなみに、一回下書き保存しないと「翻訳を追加」ボタンが表示されません。すると、次のような表示に切り替わり、右上に英語ページへのリンクが表示されます。これで、既に英語用ページが作られています。リンクをクリックすると、英語用ページに移動します。翻訳はされないので、内容はまったく同じ日本語のページが表示されます。「外観」→「メニュー」をクリックします。各メニューのプルダウンをクリックすると以下のような、言語を選択するチェックボックスがあります。チェックされている言語のページでのみ、そのメニューが表示されることになります。日本語のメニューは「日本語」にだけチェックし、英語のメニューは「英語」にだけチェックすればいいわけです。ウィジェットも、設定方法は同じです。「外観」→「ウィジェット」とクリックします。「利用できるウィジェット」の中に「言語切り替え」というものがあるので、それをクリックします。表示されたリストの中から、任意の場所を選択して「ウィジェットを追加」をクリックします。テーマによって異なりますが、私の利用している「Affinger4」の場合は「ヘッダー用ウィジェット」という項目があるので、そこに置きました。すると、このサイトのように、ページのヘッダーとフッターに言語切り替えボタンが表示されます。(スマホ表示ではフッターのみ)応用編サイト名とキャッチフレーズは非対応Bogoは、サイト名とキャッチフレーズの多言語化には対応していません。サイト名とキャッチフレーズを、言語によって切り替えることができません。プラグイン私の使っているテーマ(Affinger4)の場合は、トップページのメタディスクリプションを入力することができるので、英語版のキャッチフレーズはそこに入力しています。サイトのキャッチフレーズは空欄にしました。外国語版のトップページは、自動的に生成されています。英語版のトップページは「https://shibuya-osamu.net/en」となります。トップページの設定を「最新の記事」にしていれば、特に設定しなくても、英語の最新の記事だけが表示されるようになっています。トップページを「固定ページ」にして、何かしらの本文を表示させたい場合には、言語によって切り替えるのは難しいです。私の場合は、「最新の記事」にして、ウィジェットを使うことで、英語版のトップページに本文を表示させました。私の使っているテーマ(Affinger4)の場合は、ウィジェットの設定に「トップページ上部ウィジェット」というエリアがあります。ここに「テキスト」を置いて、トップページ用の本文を、日本語と英語の両方設置します。前述のような言語表示を切り替える設定すればいいわけです。カテゴリーを言語別に分けるカテゴリーも翻訳して、言語別に分け直したほうがいいと思います。「マンガ」というカテゴリーにある投稿を英訳したら、「Manga」という英語用のカテゴリーを新しく作って、そこに分類するということですね。カテゴリーを一括移動する方法については、以下の記事にまとめています。AMBOGOの使い方をわかりやすく説明してくださりありがとうございます。ひとつだけ質問させてください。英語/日本語のメニューは項目数を同じにすることが必要でしょうか?現在もっている英語/日本語ページは異なるメニューをもっています。AMご質問いただいてうれしいです。メニュー項目数を同じにする必要はありません。極端な話、全く別のメニューにもできます。PMお返事ありがとうございました。PMご参考までに、私の場合は「AFFINGER4」というテーマを使っていて、「Bogo」が問題なく動作しています。何かありましたらご質問ください。PMShibuya様ありがとうございます。こんにちは!英語ページは出来てるのに何故英語じゃないの?と、他の事は本当にあれこれあっても一つの答えは無くて...ここに答えがあって助かりました。「翻訳は自分でします」これを見つけるのに・・・相当ポンコツな感じです。ありがとうございました。AMコメントありがとうございます!お役に立てて嬉しいです。私も多言語化は勉強中ですが、他にも疑問がありましたらご質問下さい。PM渋谷さま、こんばんは。すみません、また質問があります。私はシアトルに住んでいます、Wordpressは英語版です。Primerなど)で試してみましたが、それぞれメニュー項目の順番が変わります。日本語メニューがおかしいのです。カスタムメニュー?にして、Widgetでサイドバーに入れないとダメなのかな?と思っているところです。Menu1(英)、Menu2(日)とある場合にはMenu1をPrimaryMenuにすると日本語メニューは表示されなくなりますね、どちらもLocationを設定しなくて良い、これは正しいでしょうか?お忙しいところ申し訳ありませんが、何かお気づきの点があれば教えて下さい。ありがとうございます。PMすみません、メニューの項目を表示させたい順にいれて作っても、ページにそのまま反映されないという問題です。PMまた来てくださってうれしいです。メニューの順番に関しては、Bogoの問題ではなく、もしかしたらキャッシュ系プラグインの影響かもしれません。参照ページ:キャッシュの影響で、メニューの順番が変わらないという事例すみません...私はここまでしかわかりません。公式サポートも確認してみましたが、事例が見つかりませんでした。問い合わせてみるのもいいかもしれません。PMお忙しいところ公式サポートまで見てくださり恐縮です、ありがとうございました。はい、問い合わせてみます。お陰で、BOGOの使い方はよくわかりました。あと、キャッチ画像を探すヒントも頂きました。ありがとうございます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。おすすめ記事ブログのアイキャッチに使える,高品質な画像が見つかる格安有料サイトまとめ・料金比較ブログのアイキャッチなどの画像を、無料サイトで探すことも可能ですが、限界があります。無料サイトだと、記事にぴったりの画像を探すのが大変ですが、有料サイトだと大抵すぐ見つかります。どんなに面白くて、クオリティの高い作品だとしても、よっぽど有名でもなければ、そう簡単にアクセスを集めるのは難しいでしょう。...宣伝のためにツイッターを使う方法|今さら聞けないフォロワーの増やし方と減らさないコツ自分の作品や、ブログの宣伝・拡散のために、ツイッターを使い始める人も多いと思います。そのためには、まず、自分のフォロワーを増やす必要があります。...ワードプレスのサイトにマンガを表示する方法。ワードプレスで、マンガを読みやすく表示させる方法についてまとめました。ブログのアイキャッチ画像の探し方|厳選!高品質な画像をダウンロードできる無料サイトまとめサイトのクオリティを上げるために、アイキャッチ画像は、なるべく質の良いものを使いたいところです。この記事では、無料の画像をダウンロードできるサイトをまとめました。@ShibuyaO主にデジタルで、フルカラーのマンガ作品を発表していきます。Webマンガや電子書籍の表現方法・Webマンガサイトの作り方等を模索しています。工学部卒の経験をちょっとだけ生かしつつ「エンジニア!」というマンガを描いています。業界モノではなくSFです。各種ストアで配信しています。