はじめて相談室第 8 回 : 日本語版と同じアドレスで英語版ページをつくりたい! 執筆 :#fc0( 株式会社エフシーゼロ ) はじめて相談室 では はじめてWEB を使ったホームページづくりが初めての方のお悩みや不安にナビゲーターがお答えします! こんなこと聞いていいのかな という方大歓迎の相談室です 今回は 日本語版と同じアドレスで英語版ページをつくりたい という方のご相談です おたより ホームページの英語版を作りたいです 現在 JimdoProでホームページをつくっていますが そのホームページのアドレスを活かしたまま 英語版を作れないでしょうか? 現在は 無料版で別のアドレスを作っており それにリンクさせています 英語版と日本語版がクリック1つで切り替わるホームページを見かけますが どうしているのでしょうか? ご教授くださいませんか? ナビゲーターからの回答 おたよりありがとうございます! はじめてWEBナビゲーターの立花かずみです 英語版のホームページも作って全世界へ情報発信 いいですね さて 同じアドレス ( ドメイン ) のままで日本語と英語を切り替えられるページ よく見かけますよね 結論から言うと 残念ながらJimdoにはそういった機能がないので 同じことをそのまま実現はできません でも 工夫をすれば アドレスを活かしたまま英語版をつくる ということも不可能ではないと思います! 今回は 同じアドレスのままで日本語と英語のページを作るテクニックについて紹介します 英語版ページを同じ Jimdo のアカウントで実現する方法 わたしが思いついたのは 2 つあります! ひとつは 非表示ページ を活用する方法 もうひとつは Google 翻訳 を使う方法 です やり方の説明の前に まずそれぞれのメリットとデメリットを知っておきましょう! 非表示ページを使う場合 自分の言葉で英語版ページを作ることができるので正確に情報を伝えられます でも 同じ Jimdo アカウントなのでナビゲーションは共通になります たとえば 公開しているページが日本語だった場合 英語版ページからナビゲーションをクリックすると日本語ページに飛びます
Google 翻訳を使う場合 Google 翻訳を使えばナビゲーションも含めて英語にすることができますし 英語版ページを作る必要もありません で も 機械による自動翻訳なので 思ったような翻訳にはならない場合があります ひとまずやり方を見ながら 自分のホームページで活用できそうか考えてみてください (^^) 非表示の英語ページを作ってみよう まずは非表示で英語ページを作って切り替える方法について見ていきます (1) ページを 2 つつくる まずは日本語版ページをふつうに作成します できあがったらそのページをコピーします ( ページのコピーの操作は Jimd opro 以上でしかできません ) そして コピーしたページを英語の内容に差し替えます ホームページ全体を英語版にし たい場合は すべてのページについて行います (2) 言語切替リンクをつける 両方のページに言語切替リンクをつけます ページの上のほうにつけたほうが見る人にはわかりやすいです ページのレイアウトによっては 右寄せにすると目に入りやすいかもしれませんね! [ コンテンツを追加 ] で [ 文章 ] を選んで Japanese / English と入れ 作成したページにリンクをはります このとき 日本語版のページでは Japanese を太字にして En glish だけにリンクをはり 英語版では Japanese にリンクをはって English を太字にする なんてことをやるとそれっぽくなるかも (3) 英語版を非表示にする [ ナビゲーションの編集 ] で 英語版のページのほうを非表示にします ちなみに Jimdo での 非表示 というのは ナビゲーションに表示されなくなる だけで 実際のページはアドレスが分か れば誰でも見ることができます つまり リンクをはっておけば非表示ページでも見てもらえるのです! (4) ナビゲーションの名前を工夫する さきほど書いたとおりナビゲーションは共通なので ナビゲーションをクリックして飛ぶ先は日本語のページになります 英語版でいろんなページを見たい人はその都度 日本語版のページを見る 英語版ページに切り替える という操作が必要になります ちょっと大変ですがここはどうしようもないので せめてナビゲーションの名前に日本語と英語を併記しておくと 英語しかわからない人にもどんなページなのかがわかり クリックしてもらいやすくなると思います
(5) アドレスを工夫する Jimdoでは 通常は ナビゲーションで設定した名前 = ページのアドレス となります 例えば上記でいうと http:// ****.com/ ショップ-shop/ のような感じです ここを カスタムURL で http://****.com/shop/ と表示されるように変更しておくとよいでしょう ( カスタムURLはJimdoPro 以降で利用可能です ) 変更したいページを開いた状態で管理メニューから [ パフォーマンス ] [SEO] を選択して少し下にスクロールすると カスタムURL の入力欄に自分が設定したいアドレスを入力できます! 最後に [ 保存 ] をクリックするとアドレスが書き換わります ホーム ( トップページ ) のアドレスは変えられません Google 翻訳を入れてみよう 次に Google 翻訳 を自分のページに導入する方法を紹介します 非表示ページを新たに作らないので サクッとでき ます Google 翻訳の利用には Google アカウントが必要です (1) Google 翻訳のページにアクセス http://translate.google.com/manager/website/?hl=ja まず Google 翻訳のページにアクセスして 今すぐウェブサイトに追加 をクリックします (2) コードを取得する 画面の指示にしたがって設定をして コードを取得します ちなみに設定のところで すべての言語 を選ぶと ものすごく たくさんの言語に翻訳ができるんです 図のような画面が出たら コードをコピーします (3) Jimdo に埋め込む Google 翻訳の機能を入れたい場所で [ コンテンツ追加 ] をして [ その他コンテンツ ] から [ ウィジェット /HTML] を選び ます さきほどコピーしたコードを貼り付けて 保存 をクリックします レイアウトにもよりますが 全ページ共通で表示さ れるところに入れると便利ですね (4) プレビューで確認 プレビューモードにしてページを見て 実際に翻訳してみましょう プルダウンメニューから言語を選ぶと そのページにあっ たあらゆる日本語が一瞬で翻訳されます! すごい!
ちなみにもとの日本語に戻すには 上の方に出ているバーの 原文を表示 をクリックします 以上 ホームページを英語にするための 2 つの方法をご紹介しました それぞれいいところ 不便なところがありますが いろいろな言語で発信したい方はぜひ工夫をしてみてくださいね! おたよりお待ちしています! はじめて相談室 では みなさまからの はじめてWEB の素朴な疑問をお待ちしています! こんなこと聞いたら恥ずかしいかも というご質問大歓迎です! はじめてWEB ナビゲーターがなんでもお答えしちゃいます! おまちしてまーす! はじめて WEB でホームページを作成しよう! はじめて WEB のホームページ開設支援サービスとは 7 つのステップで簡単に無料で作成がで き さらにその後 1 年間無料でご利用いただけるサービスです
ホームページ公開の 7 ステップ はじめて WEB サービス紹介 次回のコラムを見る» #fc0( 株式会社エフシーゼロ ) JimdoExpert http://fc0.vc/ もっと多くの人に "Webへの入口" を をコンセプトに 中小企業や個人商店をメインとしたWebサイトの企画 制作 運営アドバイスなどの業務を行う また 主に初心者を対象とした講師 執筆も多数 主な著書に デザインの学校これからはじめるFireworksの本 ( 技術評論社 ) デザインの学校これからはじめるDreamweaverの本 ( 同 ) ああしたい こう変えたいが手にとるようにわかるCSS 基礎 ( 共著 エムディエヌコーポレーション ) など Copyright 2019 はじめて WEB All Rights Reserved. https://hajimeteweb.jp/