開発ツールブログ!!

  • TOP
  • ブログ
  • 簡単にできる多言語サイトの作り方!
20160801blog

制作ツールブログ!!

簡単にできる多言語サイトの作り方!

2020年に東京でオリンピックが開催されるということもあり、この機会に海外ビジネスを視野に入れた企業さんも多いかと思います。

海外企業や海外ユーザーなどをターゲットとした海外ビジネスの展開をお考えの企業さんなどにおすすめのワードプレスの「qtranslate-X」のプラグインのご紹介です!!

ここでの記事の紹介は既にワードプレスで構築された日本語版ホームぺーじをお持ちの方、
英語版サイトを構築を検討の方、コストを抑えて多言語対応のホームページ制作を行いたい方にオススメです。

このプラグインの特徴としては

英語版、他の言語単体のホームページの制作する必要がない。
日英(他)統一されてたデザインで制作可能など。

英語、多言語に翻訳する。

ワードプレスの管理画面のプラグインから「qtranslate-X」と検索!

20170801blog_img1

 

有効化後に管理メニューの「設定」→「言語」と項目が追加されるので、
英語以外の言語を追加したい場合にこちらから設定を行います。

 

20170801blog_img2

言語管理内の「Advanced」タブメニュー内に

PostTypesとあるので、こちらから投稿ページだけ翻訳または全てページに翻訳機能を使用することができます。

ice_screenshot_20160801-092424

 

 

有効化すると固定ページ、投稿ページの編集画面上に以下のようなアイコンが現れるので、
英語アイコンをクリックすると英語用のタイトル、内容があるので、翻訳された言語入力します。

 

20170801blog_img3

 

日本語の内容を書き、翻訳された言語を英語版に書きます。

 

20170801blog_img4

20170801blog_img5

 

投稿または固定ページに内容を書き込み更新ボタンを押す。

多言語に切り替えるためのボタンを設置

ウィジェットから言語選択ボタンを配置

日米他の言語切り替えに関してはウィジェットのトップページに「qtranslate言語選択機能」をトップページまでに引っ張ります。

 

20170801blog_img6

 

 

トップページのプレビューを見ると英語版のボタンまたはテキストリンクがあります。

 

20170801blog_img7

 

こちらをクリックすると英語に切り替わります。

20170801blog_img9

20170801blog_img8

URLもhttp://xxxx.jp/enとなります。

20170801blog_img10

 

また、英語版トップページを作るには固定ページよりトップページを制作する必要があります。

英語翻訳、他の言語の翻訳はGoogleの翻訳などありますが、

機械的な翻訳は間違った解釈などあるため、

専門の方に翻訳をお願いする方をオススメします。

 

今回の記事は以上になります。

この記事が気に入ったら
いいね!お願いします。

最新情報をお届けします

関連記事

  1. 201601190

    制作ツールブログ!!

    ワードプレスを運営するなら入れておきたいお勧めのプラグイン③

    ワードプレスを運営するなら入れておきたいお勧めのプラグイン~投稿・固定…

  2. 201601190

    制作ツールブログ!!

    ワードプレスを運営するなら入れておきたいお勧めのプラグイン④

    ワードプレスを運営するなら入れておきたいお勧めのプラグイン~ワードプレ…

  3. 20160105_blog24_031

    制作ツールブログ!!

    ワードプレスをローカル環境で構築!!1

    今回の制作ツールブログはローカル環境でWordPress(ワードプレス…

  4. 15d0dcde2feb2af4fea63f3ee6660a2f_s

    制作ツールブログ!!

    ホームページの運用に役立つ無料の編集ソフト!!

    こんなお悩みを抱えていたりしませんか?・CMS型のホームページ…

  5. 20c2d9831cf298a5195f78bbcf00f8e4_m[1]

    制作ツールブログ!!

    ネームサーバー移行前の新サーバーの動作確認

    今回の記事の内容は「容量のいっぱいになったサーバーまたはサーバーの環境…

  6. 20160105_blog24_031

    制作ツールブログ!!

    ワードプレスをローカル環境で構築!!3

    前回の記事の続きで今回はローカル上で構築したWordPress(ワード…

おすすめ記事

  1. ice_screenshot_20160831-012703
  2. 20160825blog
  3. CoverVid
  4. 20160810blog1
  5. 9eebd6ae3e003dafbcb134405e540da0_s
  6. 20160801blog
  7. 20160630_1

最近の記事

  1. ドラッグ&ドロップ機能を可能にするモーダルポップアッププラグ…
  2. スクロールする際に画像をフェードさせるJavascriptプ…
  3. レスポンシブ対応!!自動フルスクリーン背景スライドの作成方法…
  4. Googleが公表するSEOランキングの3大要素!
  5. RTLテキスト対応JQueryのコンテンツスライダー・グライ…

アーカイブ

  1. 8b5c6a43c12ceeea8b4844a8fe15efc8_s

    SEO対策

    SEO対策を行う上で知って得する検索順位が決まる仕組みについて!!
  2. 20160105_blog24_031

    制作ツールブログ!!

    ワードプレスをローカル環境で構築!!2
  3. bsN695_ipadwosousasurute

    動くホームページブログ!!

    背景動画を用いたWEBサイト!!
  4. 8e59eb4aa29ce1b551b409bed0416068_s

    WEBデザイン

    同じ色でも違って見える原因!
  5. 9eebd6ae3e003dafbcb134405e540da0_s

    制作ツールブログ!!

    OSの入ったSSD(Cドライブ)をコピー(クローン)、交換方法!!