目 次
第１章 本書について ... 1 １－１ JIMDOとは ... 1 １－２ 自分でウェブサイトを作るメリット ... 1 １－３ JIMDOの料金プラン ... 2 １－４ 本書で制作するサンプルのウェブサイト ... 3 １－５ サンプルのデータについて ... 4 第２章 ウェブサイトを開設する ... 7 ２－１ ウェブサイトを開設する ... 7 １ Jimdo のサイトを開く ... 7 ２ レイアウトを選択する ... 8 ３ Jimdo に登録する ... 10 ２－２ メールを認証する ... 16 ２－３ ログインとログアウト ... 18 １ ログインする ... 18 ２ 管理メニューの表示／非表示 ... 20 ３ ログアウトする ... 21 ２－４ プレビュー画面 ... 22 １ プレビュー画面を表示する ... 22 ２ 編集画面を表示する ... 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 ４－１４ 表の作成 ... 89 １ コンテンツ［表］の追加 ... 89 ２ 表の編集（行の追加） ... 91 ３ 表の編集（列幅の変更） ... 92 ４－１５ フォトギャラリーの追加 ... 97
１ フォトギャラリーの追加 ... 97 ２ フォトギャラリーの編集 ... 100 ４－１６ フォームの編集 ... 110 １ フォームの編集画面を表示する ... 110 ２ ［フォーム］の編集 ... 111 ４－１７ リンクを張る ... 117 １ 内部リンクを張る ... 117 ２ 外部リンクを張るには ... 122 第５章 その他の項目の編集 ... 123 ５－１ ロゴの張り替え ... 123 ５－２ 背景の変更 ... 125 ５－３ ウェブサイト全体の書式を変更する（スタイル） ... 130 第６章 ウェブサイトを削除する ... 137 ６－１ サンプルのウェブサイトについて ... 137 ６－２ アカウントを削除する ... 138
【テキストの画面環境】 ＯＳ ··· 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
１－４ 本書で制作するサンプルのウェブサイト
本書の手順は、下記の架空の喫茶店「喫茶 なごみ」のウェブサイトを制作してい きます。 ウェブサイトの完成例は、下記のＵＲＬを入力して確認できます。「喫茶 なごみ」
https://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 のサイトを 表示します。 ② ［レイアウト］を クリックします。 ※ レイアウトは、ホームページ 開設後でも変更できますので 気軽に選んでください。
9 ④ 数を絞り込むため、 目 的 の ジ ャ ン ル を 選択します。 例：ショップ ※ ご自身のお店とは 違 う ジ ャ ン ル か ら 選んでもよいです。 ⑤ 目的のレイアウト をクリックします。 ※ ［すべて］は、すべてのレイアウト が表示されています。 この中から探してもよいでしょう。
10 ３ Jimdo に登録する 続いて、Jimdo への登録を行いましょう。 ① ご自分の メ ー ル ア ド レ ス を 入力します。 ⑥ これでレイアウト の 選 択 は 完 了 し ま した。 ※ このまま 次項に続きます。 ※ メールアドレスは 忘れないように P.14 のメモ欄に記 入しましょう。
