Microsoft Word - Jimdo基礎編(10版)

Transcription

1 目 次 第 1 章本書について JIMDO とは 自分でウェブサイトを作るメリット JIMDO の料金プラン 本書で制作するサンプルのウェブサイト サンプルのデータについて... 4 第 2 章ウェブサイトを開設する ウェブサイトを開設する Jimdo のサイトを開く レイアウトを選択する Jimdo に登録する メールを認証する ログインとログアウト ログインする 管理メニューの表示 / 非表示 ログアウトする プレビュー画面 プレビュー画面を表示する 編集画面を表示する サイトの各部名称 ページを切り替える 第 3 章ナビゲーションを編集する ナビゲーションとは ナビゲーションの編集画面の表示 新規ページの追加 サブページ について サブページに変更する 不要なページの削除 ページの順序を並べ替える... 36

2 第 4 章コンテンツの編集 コンテンツ とは コンテンツの削除 画像の編集 コンテンツ [ 画像 ] の追加 コンテンツ [ 画像 ] に画像を挿入する 文章の編集 コンテンツ [ 文章 ] の追加 [ 文章 ] の編集 余白の編集 余白の追加 水平線の追加 見出しの追加 コンテンツ [ 見出し ] の追加 画像付き文章の編集 [ 画像付き文章 ] の追加 [ 画像付き文章 ] に画像を挿入する [ 画像付き文章 ] に文章を入力する コンテンツをコピーする コンテンツの順序変更 カラムの編集 カラムの具体例 カラムの編集画面を表示する カラムの追加 カラムの列数を変更する 文章の書式を編集 文章の書式を編集 マップの追加 [ マップ ] の追加 [ マップ ] の地図を自店の住所に変更する 表の作成 コンテンツ [ 表 ] の追加 表の編集 ( 行の追加 ) 表の編集 ( 列幅の変更 ) フォトギャラリーの追加... 97

3 1 フォトギャラリーの追加 フォトギャラリーの編集 フォームの編集 フォームの編集画面を表示する [ フォーム ] の編集 リンクを張る 内部リンクを張る 外部リンクを張るには 第 5 章その他の項目の編集 ロゴの張り替え 背景の変更 ウェブサイト全体の書式を変更する ( スタイル ) 第 6 章ウェブサイトを削除する サンプルのウェブサイトについて アカウントを削除する

4 テキストの画面環境 OS Windows 10 ブラウザー Microsoft Edge

5 第 1 章本書について 本章では Jimdo( ジンドゥー ) の概要と本書の進め方について説明します 1-1 Jimdo とは Jimdo ( ジンドゥー ) とは 専門的な知識がなくても 簡単 手軽にウェブサイトを作成できるサービスです 1 デザインを選択 2 アドレスを決定 3 無料で登録 の 3 ステップで どなたでも簡単に素敵なウェブサイトを作成できます 1-2 自分でウェブサイトを作るメリット 自分でウェブサイトを作成すれば 作成後も自由に修正できます それに対し 業者に作成を依頼するなどして 自分で修正ができない場合は 少しの修正であっても その都度 修正依頼の手間と費用が掛かってしまいます また ウェブサイトは頻繁に内容を更新すると検索順位が上がりやすいので 自分で編集できるようになっておくと 手軽に更新できるので有利になります 1

6 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 の後半部分 ( 下記の囲み枠の部分 ) のことです 有料プランの例 ( 独自ドメイン ) 無料プランの例 ( jimdo. が入る ) 独自ドメインのほうが ネットの検索結果が有利 (SEO) になるなどのメリットがありますので 企業で利用する場合は 有料プランへの移行も検討されると良いでしょう 2

7 1-4 本書で制作するサンプルのウェブサイト 本書の手順は 下記の架空の喫茶店 喫茶なごみ のウェブサイトを制作していきます ウェブサイトの完成例は 下記のURLを入力して確認できます 喫茶なごみ 喫茶なごみ のトップページです 表示したら各ページを確認してみましょう 3

8 1-5 サンプルのデータについて サンプルのウェブサイトで使われているデータについて説明します サンプルのウェブサイトの画像データは 本書では提供しておりません お手数ですが 代わりの画像をご自分でご用意くださいますようお願い致します ウェブサイト内の画像は提供しておりません なお サンプルのウェブサイトで使用している画像は 主に 写真 AC ( 右図 ) という画像サイトで入手しています 写真 AC 写真 ACの利用手順については本書の趣旨から逸れますので割愛します 手順の説明が必要な方は 弊社テキスト フリー素材を手に入れよう! をご活用ください 写真 ACの画像は 商用利用も可能ですが 画像の再配布は認められていません そのため 本書では画像を提供していません 4

9 なお サンプルのウェブサイトで使用している文章データについては 下記の URLで提供しております ウェブサイト内の文章データ サンプルのウェブサイトどおりの文章を入力されたい方は 上記の URL からファイルをダウンロードしていただくと 文章をコピー貼り付けで入力していただけます 左図は 上記 URL で入手できる文章データのファイルです 数字の順に 各データを利用していきます 5

10 参考 編集等がうまくいかない場合は別のブラウザーで この後 実際に操作を行っていきますが その際 編集や登録がうまくいかなかったり 画面の表示が本書と異なったりした場合は 違うブラウザーだと正常に動作することがありますので試してみてください Jimdo は 下記の主要なブラウザーの最新版に対応しています マイクロソフトエッジ インターネットエクスプローラー ( バージョン 11 以降 ) ファイアーフォックス グーグルクローム オペラ サファリ または同じブラウザーでも 一旦閉じて 再度手順を行うとうまくいくこともあります それではホームページを作成していきましょう! 6

11 第 2 章ウェブサイトを開設する 本章は Jimdo でウェブサイトを開設するまでの手順を学びます 2-1 ウェブサイトを開設する 手順に沿ってウェブサイトを開設しましょう 1 Jimdo のサイトを開く Jimdo の公式サイトを開きましょう 1 ブラウザーを起動します 2 Jimdo のサイトを開きます Jimdo でキーワード検索 URL は jp.jimdo.com/ 7

12 2 レイアウトを選択する ウェブサイトのレイアウトを選択してみましょう 1 Jimdo のサイトを表示します 2 [ レイアウト ] をクリックします 3 レイアウトの候補が表示されます レイアウトは ホームページ開設後でも変更できますので気軽に選んでください 8

13 4 数を絞り込むため 目的のジャンルを選択します 例 : ショップ ご自身のお店とは違うジャンルから選んでもよいです [ すべて ] は すべてのレイアウトが表示されています この中から探してもよいでしょう 5 目的のレイアウトをクリックします 9

14 6 これでレイアウトの選択は完了しました このまま次項に続きます 3 Jimdo に登録する 続いて Jimdo への登録を行いましょう 1 ご自分のメールアドレスを入力します メールアドレスは忘れないように P.14 のメモ欄に記入しましょう 10