目 次
第１章 本書について ... 1 １－１ JIMDOとは ... 1 １－２ 自分でホームページを作るメリット ... 1 １－３ JIMDOの料金プラン ... 2 １－４ 本書で制作するサンプルのホームページ ... 3 １－５ サンプルのデータについて ... 4 第２章 ホームページを開設する ... 7 ２－１ ホームページを開設する ... 7 １ Jimdo のサイトを開く ... 7 ２ レイアウトを選択する ... 8 ３ Jimdo に登録する ... 10 ２－２ メールを認証する ... 16 ２－３ ログインとログアウト ... 18 １ ログインする ... 18 ２ ログアウトする ... 20 ２－４ プレビュー画面 ... 21 １ プレビュー画面を表示する ... 21 ２ 編集画面を表示する ... 23 ２－５ 編集画面の各部名称 ... 24 ２－６ 管理メニューの表示/非表示 ... 25 ２－７ ページを切り替える ... 26 第３章 ナビゲーションを編集する ... 28 ３－１ ナビゲーションとは ... 28 ３－２ ナビゲーションの編集画面の表示 ... 28 ３－３ 新規ページの追加 ... 29 ３－４ 「サブページ」について ... 32 ３－５ サブページに変更する ... 33 ３－６ 不要なページの削除 ... 34 ３－７ ページの順序を並べ替える ... 36第４章 コンテンツの編集 ... 38 ４－１ 「コンテンツ」とは ... 38 ４－２ コンテンツの削除 ... 40 ４－３ 画像の編集 ... 43 １ コンテンツ［画像］の追加 ... 43 ２ コンテンツ［画像］に画像を挿入する ... 45 ４－４ 文章の編集 ... 50 １ コンテンツ［文章］の追加 ... 50 ２ ［文章］の編集 ... 51 ４－５ 余白の編集 ... 55 １ 余白の追加 ... 55 ４－６ 水平線の追加 ... 57 ４－７ 見出しの追加 ... 59 １ コンテンツ［見出し］の追加 ... 59 ４－８ 画像付き文章の編集 ... 62 １ ［画像付き文章］の追加 ... 62 ２ ［画像付き文章］に画像を挿入する ... 63 ３ ［画像付き文章］に文章を入力する ... 64 ４－９ コンテンツをコピーする ... 66 ４－１０ コンテンツの順序変更 ... 67 ４－１１ カラムの編集 ... 69 １ カラムの具体例 ... 69 ２ カラムの編集画面を表示する ... 70 ３ カラムの追加 ... 71 ４ カラムの列数を変更する ... 73 ４－１２ 文章の書式を編集 ... 79 １ 文章の書式を編集 ... 79 ４－１３ マップの追加 ... 85 １ ［マップ］の追加 ... 85 ２ ［マップ］の地図を自店の住所に変更する ... 87 ４－１４ 表の作成 ... 91 １ コンテンツ［表］の追加 ... 91 ２ 表の編集（行の追加） ... 93 ３ 表の編集（列幅の変更） ... 94
４－１５ フォトギャラリーの追加 ... 99 １ フォトギャラリーの追加 ... 99 ２ フォトギャラリーの編集 ... 102 ４－１６ フォームの編集 ... 112 １ フォームの編集画面を表示する ... 112 ２ ［フォーム］の編集 ... 113 ４－１７ リンクを張る ... 119 １ 内部リンクを張る ... 119 ２ 外部リンクを張るには ... 124 第５章 その他の項目の編集 ... 125 ５－１ ロゴの張り替え ... 125 ５－２ 背景の変更 ... 127 ５－３ ホームページ全体の書式を変更する（スタイル） ... 132 第６章 ホームページを削除する ... 139 ６－１ サンプルのホームページについて ... 139 ６－２ アカウントを削除する ... 140
【テキストの画面環境】 ＯＳ ··· Windows 10 ブラウザー ··· Microsoft Edge
1
第
第
１
１
章
章
本
本
書
書
に
に
つ
つ
い
い
て
て
本章では、Jimdo（ジンドゥー）の概要と本書の進め方について説明します。１－１ Jimdo とは
「Jimdo」（ジンドゥー）」とは、専門的な 知識がなくても、簡単・手軽にホームページ を作成できるサービスです。 「① デザインを選択」→「② アドレスを決定」→「③ 無料で登録」の 3 ステップで、どなたでも簡単に素敵なホームページを作成できます。１－２ 自分でホームページを作るメリット
自分でホームページを作成すれば、作成後も自由に修正できます。 それに対し、業者に作成を依頼するなどして、自分で修正が できない場合は、少しの修正であっても、その都度、修正依頼 の手間と費用が掛かってしまいます。 また、ホームページは頻繁に内容を更新すると検索順位が上がりやすいので、自 分で編集できるようになっておくと、手軽に更新できるので有利になります。2
１－３ Jimdo の料金プラン
Jimdo には、３つの料金プラン「Free」、「Pro」、「Business」があります。
下表は、主な項目を各プランで比較したものです。 ※表内の緑色の文字は有利な方の項目です。
Free（フリー） Pro（プロ） Business （ビジネス） 料 金 ￥0（無料） ￥945/月 ￥2,415/月 ド メ イ ン※１ 〇〇.jimdo.com 独自ドメイン 独自ドメイン サ イ ト 内 の 広 告 表示される 非表示 非表示 オ ン ラ イ ン シ ョ ッ プ 商品点数 5 点 商品点数 15 点 商品点数無制限 日 本 語 フ ォ ン ト 15 書体 176 書体 プランは途中で切り替えることもできますので、例えば、始めは無料の「Free」 プランで作成し、気に入ったら各有料プランに切り換えることもできます。 本書の手順は、無料の「Free」プランで進めていきます。 ※１「ドメイン」とは、ＵＲＬの後半部分（下記の囲み枠の部分）のことです。 http://www. ○○○○.com ←有料プランの例（独自ドメイン）
http://www. ○○○○.jimdo.com ←無料プランの例（「jimdo.」が入る）
独自ドメインのほうが、ネットの検索結果が有利（ＳＥＯ）になるなどのメリット がありますので、企業で利用する場合は、有料プランへの移行も検討されると良いで しょう。
3
１－４ 本書で制作するサンプルのホームページ
本書の手順は、下記の架空の喫茶店「喫茶 なごみ」のホームページを制作してい きます。 ホームページの完成例は、下記のＵＲＬを入力して確認できます。「喫茶 なごみ」
http://cafe-nagomi.jimdo.com/
↓「喫茶 なごみ」のトップページです 表示したら各ページを 確認してみましょう4
１－５ サンプルのデータについて
サンプルのホームページで使われているデータについて説明します。 サンプルホームページの画像データは、本書では提供しておりません。 お手数ですが、代わりの画像をご自分でご用意くださいますようお願い致します。 なお、サンプルのホームページで使用し ている画像は、主に「写真ＡＣ」（右図）と いう画像サイトで入手しています。 写真ＡＣの利用手順については、本書の 趣旨とは逸れますので割愛しますが、手順 の説明が必要な方は、弊社テキスト「フリ ー素材を手に入れよう！」を発刊していま すので、そちらをご活用ください。 ※写真ＡＣの画像は、商用利用も可能ですが、画像の再配布は認められていません。 そのため、本書では画像を提供していません。 ホームページ内の画像は 提供しておりません ↓写真ＡＣ5 なお、サンプルのホームページで使用している文章データについては、下記の ＵＲＬで提供しております。
http://www.happypc.co.jp/textshop/jimdo11.zip
サンプルのホームページどおりの文章を入力されたい方は、上記の URL から ファイルをダウンロードしていただくと、文章をコピー貼り付けで入力していた だけます。 左図は、上記 URL で 入手できる文章データの ファイルです。 数字の順に、各データを 利用していきます。 ホームページ内の 文章データ6
【参考】編集等がうまくいかない場合は別のブラウザーで
この後、実際に操作を行っていきますが、その際、編集や登録がうまくいかなか ったり、画面の表示が本書と異なったりした場合は、違うブラウザーだと正常に動 作することがありますので試してみてください。 Jimdo は、下記の主要なブラウザーの最新版に対応しています。 ・マイクロソフト エッジ ・インターネットエクスプローラー （バージョン 11 以降） ・ファイアーフォックス ・グーグルクローム ・オペラ ・サファリ または、同じブラウザーでも、一旦閉じて、再度手順を行うとうまくいくことも あります。 それでは ホームページを 作成していきましょう!7
第
第
２
２
章
章
ホ
ホ
ー
ー
ム
ム
ペ
ペ
ー
ー
ジ
ジ
を
を
開
開
設
設
す
す
る
る
本章は、Jimdo でホームページを開設するまでの手順を学びます。２－１ ホームページを開設する
手順に沿って、ホームページを開設しましょう。 １ Jimdo のサイトを開く Jimdo の公式サイトを開きましょう。 ※ 「Jimdo」で キーワード検索 ① ブラウザーを起動 します。 ② Jimdo のサイトを 開きます。 ※ URL は jp.jimdo.com/8 ２ レイアウトを選択する Jimdo は、デザインが異なるレイアウトがいくつか用意されていて、ホームペー ジの開設時に、その中から好みのものを選びます。 レイアウトを選択してみましょう。 ③ レイアウトの候補 が表示されます。 ① Jimdo のサイトを 表示します。 ② ［レイアウト］を クリックします。 ※ レイアウトは、ホームページ 開設後にも変更できますの で、あまり神経質に選ばれな くても大丈夫です。
9 ④ 数を絞り込むため、 目 的 の ジ ャ ン ル を 選択します。 例：ショップ ※ ご自身のお店とは 違 う ジ ャ ン ル か ら 選んでもよいです。 ⑤ 目的のレイアウト をクリックします。 ※ ［全て］は、すべてのレイアウトが 表示されています。 この中から探してもよいでしょう。
10 ３ Jimdo に登録する 続いて、Jimdo への登録を行いましょう。 ① ご自分の メ ー ル ア ド レ ス を 入力します。 ※ このメールアドレスは、Jimdo からのお知らせや、 ホームページ内に設置されたお問合せフォームの 送信先に使われます。 （メールアドレスは、後で変更も可能です） ⑥ これでレイアウト の 選 択 は 完 了 し ま した。 ※ このまま、 次項に続きます。
