【Bogo】プラグインは案外動作が重いかも・・・WordPressでサイトを作り始めてはや数年。作っては壊しをしながらようやく今のサイトに落ち着きました。考えれば過去に消し去った記事がもったいなかったなぁと思う今日この頃、後悔先に立たずとはこのことを言うんだなと痛感してます。関係ない内容からのスタートですみません。そんな後悔をしつつ書き続け、今や結構な数の記事がこのサイトにはあります。そこでふと浮かんだのが「読んでくれる方は日本語が分かる人だけなの?」という素朴な疑問。このサイトではWordpressに関する使い方などを書いた記事も多数あり、逆に私自身もサイト作りの参考に海外のサイトを見る機会も多いですから、自分の記事も英語で表記できたら・・というのが今回行った別言語を使った別ページ作成のきっかけでした。そこで下調べとして、そもそもどんな言語が世界では使われているの?と調べたところ、こちらの文部科学省の資料によれば、世界で使用されている言語のランキング(言語別使用人口ランキング)は中国語(1,075,000,000人-10億7千500万人)英語(514,000,000人-5億1千400万人)ヒンディー語(496,000,000人-4億9千600万人)スペイン語(425,000,000人-4億2千500万人)ロシア語(275,000,000人-2億7千500万人)アラビア語(256,000,000人-2億5千600万人)ベンガル語(215,000,000人-2億1千500万人)ポルトガル語(194,000,000人-1億9千400万人)マレー・インドネシア語(176,000,000人-1億7千600万人)フランス語(129,000,000人-1億2千900万人)となっており、いかに中国語の使用人口が多いかが分かります。「使用されている言語」として日本語は少ないんですね(日本人の数も少ないので当然かと)。そこで、せっかく記事を書くなら日本だけでなく世界の人に読んでもらえるようなサイトが作れないか?ということで今回の多言語化チャレンジをしてみたわけです。いえ、私自身中国語の「ち」の字も分からないですし、ネットの世界では中国語って・・・という印象が個人的にあるため、今回は今ある日本語ページとは別に同じ内容の英語のページを作ってみたいと思います。何分初めてのチャレンジですので経緯を次々に追記していく形になりますから読みづらいところが多々ありますが、ちょっと我慢してお付き合いください(こういうのはまとまっている紹介記事よりも過程が書いてあった方が役に立つ・・・と勝手に思ってます)。Baseボルト最後の100m、優勝はガトリン(世界陸上)だったのに・・・https://www.momosiri.info/zakki/%E3%83%9C%E3%83%AB%E3%83%88%E6%9C%80%E5%BE%8C%E3%81%AE%EF%BC%91%EF%BC%90%EF%BC%90m%E3%80%81%E5%84%AA%E5%8B%9D%E3%81%AF%E3%82%AC%E3%83%88%E3%83%AA%E3%83%B3%EF%BC%88%E4%B8%96%E7%95%8C%E9%99%B8%E4%B8%8A/数々の記録を打ち立てた陸上選手ウサイン・ボルト選手の100mが終わりましたね。引退ラストランという情報を見て普段あまり陸上競技見ないのに今日ばかりは注目していました。優勝はアメリカのジャスティン・ガトリン選手でした。ジャスティン・ガ...を作ってみましたのでぜひ動作確認をしてみてください。画面右上(サイドバーの一番上)に言語切り替えのボタンを設置しています。テーマ内の文字列がすべて英語になるわけではないので基本的には本文のみの対応にはなってしまいますが、何か急にワールドワイドになったみたいでかっこいい!!と自身では満足しています。BaseWordpressで訪問者が任意の言語へ変更できるようにする翻訳プラグイン「GTranslate...https://www.momosiri.info/wppi/wordpress-plugin-gtranslate/自分のサイトがワンタッチで多言語に対応したら格好いいですよね?違った・・・訪問者に親切ですよね??これを簡単に実現できるのが今回紹介する多言語化プラグイン「GTranslate」です。ここからダウンロードしてインストール、有効化して、サイドバーに表示するだ...これを使えば確かに「訪問してくれた方」には対応ができます。訪問されるのか?となると疑問がいっぱいです。英語なら検索結果にページが表示され、かつタイトルなどに英語のタイトルや抜粋が表示されなければ訪問される可能性はゼロですからね。どんなに読者がいても検索経由でのアクセスが多いインターネットの世界において、これでは意味がありません。そこでやりたいのが「日本語のページ」と「同じ内容の英語ページ」を作るということ。単純に英語のサイトをもう一つ作って運用する方法が一番単純です。サブドメインやサブディレクトリに英語のサイトを作るんですね。サブディレクトリなら同一サイトと認識されるのでサイト全体のパワーアップにつながるかもしれません。この方法だと結局別サイトだから管理が煩雑になって結局放置になるかもしれません。ものぐさな私なら100%ダメになると思います。なるとあくまでも同一の管理が必要、マルチサイトにするか??いやいやそれでも別のサイトには変わりありません。次に考えたのが投稿の中にタブ切り替えで英語・日本語の切り替えをすれば・・・という方法。根本的な検索経由でアクセスされる可能性はゼロです。それなら同じサイトにカスタム投稿タイプを作って英語版とすればいいのでは?と思いましたが、これも根本解決にはならない。SEOという観点では「このページの言語は英語ですよ~」としないと本文にいくら英語を使っても無駄になるようです。意味がないからやめるか・・・でさらにいろいろ調べたら、プラグインで何とか実現できそうな予感。日本の方が作ったプラグインだからより安心です。ここからはサイトを多言語化するプラグインの導入・設定とその他気になる事柄について書いていきます。5.3+対応バージョンどこかで見覚えのある上のプラグイン公式配布サイトの画像、そうです、【Bogo】は有名なコンタクトフォーム作成プラグイン【ContactForm7】と同じ作者が提供しているプラグインです。日本人の方なので説明などもすべて日本語、これは心強いです。他にも多言語化できるプラグインはいろいろありますが、やっぱり日本人ですから・・・でこのプラグインを使うことにします。プラグインかぁ~~と思われた方も多いと思います。このプラグイン、多言語のサイトを同一サイト内で作るにあたっての問題を一気に解決できるんです。【ContactForm7】と同様に「こうなったら、ああなったら、こんなときは、あんなときは・・・」に対処してくれる本当に優れたプラグインなんです。自分で何とか・・と考えたらプラグイン1つでできるわけですから使わない手はない!!ということで、これを軸に作っていきます。インストールは他と同様にプラグインの新規追加から【Bogo】で検索するか、上の画像リンクから公式ページへ行き、ダウンロードしたものをインストールするかの2つです。前者の方が圧倒的に簡単です。日本の方のプラグイン、有効化すると日本語表記になっています。簡単に【Bogo】で何ができるのかを紹介すると日本語の記事とは別言語の記事を複製する複製された記事は日本語ページのスラグの前に英語なら「/en/」が付与されます例:「http://〇〇.co.jp/post/」の場合、英語版は「http://〇〇.co.jp/en/post/」になる作成した言語のページであることをhtmlへ書き出す前述した「別言語のページで〇〇の言語のページですよ~」という記述に変更してくれます投稿編集画面上で日本語記事と別言語の記事を移動できる投稿編集画面にこういう項目が追加されます。ここで他の言語の記事を作成したり、切り替えたり、編集したりできます管理画面の投稿一覧で日本語記事と別言語の記事を絞り込むことができる画像のように管理画面の投稿一覧に項目が追加されます。日本語(通常)のものと、別言語のものとの絞り込みができます。[bogo]ショーコードを挿入して投稿本文内やウィジェットに別言語ページへの切り替えリンクが設置できる日本語ページと別言語ページとでウィジェットの表示が切り替えられる各ウィジェットに言語によって表示するかどうかの選択項目が加わります。これによって日本語のページでのみ表示したい場合や別の言語のページのみで表示したい場合など切り替えることができます特に赤字の項目は管理上すごく便利な機能です。1点スラグについてはカテゴリーやタグ、カスタム投稿タイプなどで同じスラグを使っていたら不具合や競合が起こる可能性があるのでチェックが必要ですね。【Bogo】をサイトで使うにあたって気になることいろいろ【Bogo】をカスタム投稿タイプで使えるようにする当サイトはカスタム投稿タイプで記事のジャンル分けをし、ヘッダーの画像スライダーやウィジェットの内容を分けて表示しているため、多言語にするにしてもカスタム投稿タイプで使えなければ意味がありません。https://ja.wordpress.org/plugins/bogo/WordPressで多言語サイト運用するならこのプラグインが便利。カスタム投稿タイプでも使うにはちょっとしたカスタマイズが必要...に方法とコードが掲載されていました。いつも何かに困るとここのサイトで解決させていただいてるありがたいサイトです。);【注意】コードをコピーして使用する前に必ずお読みくださいこの記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。使用については自己責任でお願いしますコードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いませんコードの変換エラーなどにより動作しない場合、更新エラーが出る場合がありますコードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがありますその場合には以下の方法で修正を行ってみてくださいコードの中に全角の記号が入っていませんか?半角にすることで解消できますコードの中に全角の空白(スペース)がありませんか?半角にすることで解決できますコードは合っているはずなのに更新できないときは特にエラーの出た行内に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があり、Wordpressのエディタチェックではこれを「'」や「)」など閉じ子のエラーとして認識され更新できないことがあります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。「何かが間違っています...」と表示され、更新できないときはこのエラーは本当に何がエラーなのかをWordpressのチェックが判断できない場合に発生します。解決策としてはその画面を開き直すことなのですが、その際希に元のコードがすべて削除されてしまう場合がありますので、今表示されているコードを一旦どこかへコピーしてからページの再読み込みをするようにしてやり直します。Base【Wordpress】コードは合っているのにfunctions.phpの更新ボタンをクリックすると...https://www.momosiri.info/cms/%E3%80%90wordpress%E3%80%91%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AF%E5%90%88%E3%81%A3%E3%81%A6%E3%81%84%E3%82%8B%E3%81%AE%E3%81%ABfunctions-php%E3%81%AE%E6%9B%B4%E6%96%B0%E3%83%9C%E3%82%BF%E3%83%B3/Wordpressで何かをカスタマイズするときに通らなければならないのがテーマのfunctions.phpへの追記。検索エンジン向けのサイトマップはどうなる?せっかくコンテンツ作るんだからきちんとインデックスされるようにしたい、そのためには「sitemap.xml」に追加されていることが登録への近道です。それでは【Bogo】で作った別言語の記事はどうなっているのかを検証しました。Sitemaps」が一番有名だと思います。feeds」プラグイン。確認してみたところ、残念ながら英語版ページはサイトマップに含まれていませんでした。この状態でインデックスされるのかはしばらく様子を見るしかなさそうです。認識してもらえるよう言語切り替え用のショートカットは本文内に埋め込んでおいた方がよさそうです。別言語のページへ非表示で日本語を入れられないか【Bogo】を使うことで投稿編集画面から日本語の記事と別言語の記事をクリック一つで移動できるようになります。移動が簡単にできてもよほどその言語に堪能でなければ編集するときに「この部分の記述は・・・????」となってしまいますよね?こんな時はCSSで【display:none】にすればいいのでは?と思うかもしれませんが、実はこの方法だとソース上には記述があるのに目に見えないようにする、いわゆるブラインドテキストになってしまうのです。googleではブラインドテキスト(わざと非表示にしたり、文字色を背景色と同じにして見えなくする)があまりにも多いとseoスパムと判断されてしまうこともありますから気を付けたいところですね。別のCSSで【visibility:hidden】にする方法もありますが、divクラスなどで設定した場合にはその部分が空白になってしまう(日本語の部分の表示は真っ白の空白として表示される)のでこちらもあまりよくありません。そこで登場するのがまたまたプラグイン。3.0+対応バージョンこのプラグインは本文などで編集画面上のみ見えるようにしたい部分を[hide]~[/hide]で囲むだけの簡単操作です。【display:none】での非表示のようにhtmlソース上に出てしまうこともなければ、【visibility:hidden】のように余計な空白ができてしまうこともないので簡単便利です。tag」は昔からある定番のプラグインですが、本当に便利でどんどんボタンを増やしたくなってしまうほどシンプルかつ高機能な無料追加プラグインなので、あえて紹介します。quick...でクイックタグにしておけばボタン1つで非表示にしたい文章が設定できるので、非表示の日本語の下に表示する別言語の文章という形を簡単に作ることができます。肝心の別言語に翻訳した記事をどう作る?最初に考えておくべきことが最後になってしまいました。読んで理解できることと書くことは全く別次元の話です。私も海外サイトの文章を読んだりしますからある程度読むことはできます。早く気づくべきでした(笑)。本格的な翻訳済みサイトを作るのならもちろん有料の翻訳ソフトなりツールなりが必要になります。日本語で作っているサイトのエッセンスとして別言語のページを作りたいわけですから限りなくゼロ投資でやりたいところ。そこで登場するのがネットの翻訳ツール。「翻訳」というキーワードで検索すればたくさん出てきますね。これを利用するわけです。日本語から英語などへ文章の変換が即座にできるのですからこれを使わない手はないということです。語学の勉強になるわけですから1つ1つの文章を翻訳してはチェック・・・を繰り返していくのです。習うより慣れろ!の精神です。いつかすらすらと別の言語で記事が書けるようになれたら・・・が夢です。新着記事や関連記事などの表示(テーマでの動作)当サイトで使用している【Simplicity】テーマでの結果ですので他のテーマでは別にカスタマイズが必要かもしれません。新着記事については英語版は新しく公開された英語の記事の一覧が表示され、日本語の記事ではきちんと日本語の一覧が表示されました。」という英訳記事を意味するカテゴリーを追加して登録することで表示されるようになりました。トップページにはブログ様の一覧をそのまま使っているので日本語と英語の記事が混在して表示されるのかな?と思いましたが、英語版ではURL「/en」が付いた英語記事のみの一覧が表示されました。動作としてはサブディレクトリに新しく英語サイトができたようなもの?と考えればいいようです。最後にどうでしたか?参考になりましたか?【Bogo】を軸に別言語のコンテンツを付加する方法をいろいろと考察しながら書いてみました。途中で誤って「公開」ボタンを押してしまい、完全中途半端の記事を見られた方もいたと思います、スミマセン・・・。今後使っていくうちにいろいろと問題&解決を追記していこうと思ってますのでブックマークなどしてまた見ていただけたらうれしいです。今回のコンテンツ追加がSEO的にどんな影響を及ぼすかが未知数(というかちょっと怖い)なのでひとまず簡単な数件の記事だけ英語版を作って様子を見ることにしました。アクセス状況など結果はまた追記予定です。逆に「こんな方法もあるよ!!」とコメントなどでアドバイスいただけたら幸いです。何件かこの方法で英語の記事を作ってみました。フロントエンド(閲覧画面)側は問題ありませんでしたが、その頃から?だんだんと管理画面側の表示が重くなって、投稿一覧などを開くと次のアクションができるまでにタイムラグが生じるようになりました。??としたのは【Bogo】が原因なのかどうか特定できないから。P3というプラグインを使うとサイト内でどのプラグインにどの程度の負荷がかかっているのかが分かるので、それを使って計ったらという結果のためです。出ている症状としては、投稿一覧画面やプラグインの管理画面、特に遅いのがウィジェットの設定画面の順。一覧が開いてからしばらくするとスクロールが効くようになって編集などのボタンも反応し始めるという感じです。極端に遅いウィジェットの設定画面については分単位で時間がかかる感じです(一瞬フリーズしたかと思う位の長さです)。何かのスクリプトと衝突しているのでは?という感じがするのですがエンジニアでないため不明です。【Bogo】の影響で速度低下が起こるなら【Bogo】で作成した英語ページの速度も極端に遅くなるはずですし、プラグインを停止すれば解消できるはずなのにそうでもない状況。何とも言えないのでしばらく英語記事の追加はしないようにして様子見です。ひまあーと(管理人)☆最後までお読みいただきありがとうございました。記事作者のひまあーとです。☆Wordpressでサイトをカスタマイズしていく上で有用な情報を配信しつつ、「ココナラ」でサイトカスタマイズのお手伝い、不具合の修復、サイト引っ越し代行などをさせていただいております。☆Wordpressネタが多いですが、趣味の「園芸」「卓球」などの情報や日々の出来事などもどんどん増やしていきますのでよろしくお願いいたします。作者の記事一覧はこちらいつでもご相談・サイトカスタマイズの依頼を受け付けていますWordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。こちらのバナーからお気軽にお問い合わせください。※一度もココナラを使ったことがない方はココナラへの無料登録が必要です。こちらから登録後、上のリンクをクリックする、またはココナラトップページから「ひまあーと」を検索してお問い合わせください。【スポンサーリンク】タグ:Wordpressワードプレス記事の拡散にご協力をお願いします閲覧いただきありがとうございました。先日当サイトも同じようにテーマ変更を行ったのですが、その時は結構カスタム投稿タイプを使っているので「何かあったらいけないからリフレッシュしておこう」と半ば本能的にやっていたのでしょう。今回は完全に落とし穴でした。カスタム投稿タイプに書いた投稿がどうしても表示されないという方、カスタム投稿タイプではここを忘れて表示されないことがエラー要因のほぼ100%ですから、何か困ったらパーマリンク構造のリフレッシュを行ってくださいね。WordPressで作ったサイトを個人的なファイル(メディア)サーバーとして稼働させたときに役立ったテーマやプラグインいろいろWordpressは何も公開サイトを作るだけのものではありません。今回はデジカメなどで撮影した画像の管理が楽になるサイト作りの例で使用したプラグインやテーマを一挙公開します。メールマガジンの運用は難しい・・・サイトで様々なことにチャレンジすると、やった分だけいろいろな勉強ができますね。今回はメールマガジンについて。記事の拡散にご協力お願いします閲覧いただきありがとうございます。この記事が役に立つ情報でしたら是非SNSでシェアやコメントをお願いします。Amazonアソシエイト・プログラムの参加者です。