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