Translatorを使ってみた。Wordpressなにこれすごい。Translatorを使ってみた。2018/02/06お、ウォールストリートジャーナルみたいだ(笑)。Translatorプラグインを導入してみました。欧米人からすると、🇯🇵ひらがな、🇯🇵カタカナ、🇰🇷ハングルは、全部同じに見えるそうだ(笑)。いった作業、Wordpressは簡単でいいですね。いえ、他国のサイトに頻繁にアクセスする人は、当然言語の対策はそれなりに自前でできちゃう人が多いので、最悪必要ないといえばないのだけど、この方が親切でしょう。導入方法と基本設定は他の方が詳しく書いていますので、割愛します。以下あたりが詳しいの参考にしてみてください。自動翻訳ツールを利用できるWordPressプラグイン|NETAONE選択した言語は、中国語(簡体・繁体)・英語・韓国語・ポルトガル語・スペイン語の6言語。フランス・ドイツは、過去5年を遡っても数名しかいなかったので掲載せず。配置場所プラグインの設定で見せ方を決めたら、コードをコピペすればどこにでも貼れます。この手のウェジェット、一昔前ならサイドメニュー内に即確定だと思うんですが、すでに時代は変わっています。レスポンシブサイトをモバイルで表示させた場合、サイドメニューは下段に回り込んでしまい、下までスクロールして初めて翻訳機能を見つける、というのは、せっかく実装したのに見つけてくれる期待度が相当薄れてしまいます。そこで、この手の翻訳機能は、とにかく一番最初に配置でしょ?!これがユーザーに対して最も親切な配慮ではないでしょうか。いうと、トップページか?NO!私だ出した答えは「各記事のトップ」です。ブログの場合、検索してダイレクトで記事に飛んでくるユーザーがほとんどなので、ここしかないかと。ブログは最初の動線はそこしかない。そのタイトルを見て、読むか読まないか決めるのだ。国旗の並びがいい感じじゃないですね。width(表示幅)が指定されちゃってる感じです。ソースを調べたら「#flags{width:165px;}」の命令が。横幅は165ピクセル固定で、国旗が並んでそれ以上の幅になると自動で改行されちゃうらしい。左と下にも無駄なスペースが。そこで、CSSを少しいじって修正してみました。これで国旗の配置が落ち着いたでしょう。「style.css」に以下を加筆してみました。IDで「flags」が宣言されています。!important;}横幅を300pxに拡張して、marginで配置位置を調整しました。強引な命令ですが、まぁ良いでしょう(笑)。※marginはサイトによってしっくりする配置が変わってきますので、その都度数値を微調整してください。数値は左から、上、右、下、左の、上から時計回りです。文章がだいぶおかしくなっていることでしょうが、これでだいたい半分以上は意味が取れるようになることでしょう。強引な翻訳によって誤解も招きやすいんですけども。ちなみに、まなぶろぐは「玛娜博客」と書くらしい。