目次
Chapter 1 JimdoProに登録する
- section 01 Jimdoとは
- section 02 無料版JimdoFreeと有料版JimdoProの違い
- section 03 Jimdoに登録する
- section 04 ダッシュボードから管理する
- section 05 プランをアップグレードする
- section 06 独自ドメインを取得して適用する
- section 07 独自ドメインのメールを利用する
Chapter 2 Jimdoの基本操作
- section 01 Jimdoの画面について知る
- section 02 ログイン／ログアウトについて知る
- section 03 編集画面について知る
- section 04 プレビュー画面について知る
- section 05 管理メニューについて知る
- section 06 ページのデザイン要素を知る
Chapter 3 ホームページの基本構造
- section 01 レイアウトを選ぶ
- section 02 背景画像を設定する
- section 03 背景画像をスライドや動画にする
- section 04 ロゴを設定する
- section 05 ページタイトルを変更する
- section 06 スタイルを変更する
- section 07 ナビゲーションを編集する
- section 08 非表示ページと外部リンクナビゲーションを作成する
- section 09 フッターを編集する
- section 10 ファビコンを設定する
Chapter 4 基本のコンテンツを作成する
- section 01 コンテンツを追加・編集する
- section 02 見出しを追加・編集する
- section 03 文章を追加・編集する
- section 04 文章の書式を設定する
- section 05 画像を追加する
- section 06 画像を加工する
- section 07 リンクを設定する
- section 08 画像付き文章を追加する
- section 09 カラムを利用する
- section 10 ボタンを追加する
- section 11 余白を追加する
- section 12 水平線を追加する
Chapter 5 一歩上のコンテンツを追加する
- section 01 表を追加する
- section 02 フォトギャラリーを作成する
- section 03 YouTubeなどの動画を掲載する
- section 04 ファイルをダウンロードで配布する
- section 05 Googleマップを表示する
- section 06 Googleカレンダーを表示する
- section 07 フォームを設置する
- section 08 ブログ機能を知る
- section 09 ショップ機能を知る
Chapter 6 SEOやソーシャル連携を利用する
- section 01 シェアボタンをまとめて設置する
- section 02 Facebookのボタンを設置する
- section 03 Twitterのボタンを設置する
- section 04 便利な機能を追加する
- section 05 ページごとのSEO対策をする
- section 06 ページに独自のURLを設定する
- section 07 Jimdoの機能でアクセス解析をする
- section 08 Googleアナリティクスでアクセス解析をする
- section 09 Googleサーチコンソールを利用する
- section 10 SEOについて知る
- section 11 ページの公開設定を変更する
- section 12 ホームページを削除する
Chapter 7 文字情報が多いビジネス系の作例
- 作例のデザイン解説
- section 01 魅力的な背景画像を選ぶ
- section 02 文字が多すぎる画面は嫌われる
- section 03 色の使い過ぎに注意
- section 04 フォントは原則2種類以内で
- section 05 ナビゲーションは多すぎず＆深すぎず
- section 06 長すぎるページは分割して階層化する
- section 07 長文はメリハリを付けて読みやすく
- section 08 ページ同士の横移動を便利にする
- section 09 画像で安心感と安定感をアップ
- section 10 共通の要素はサイドバーに入れる
- section 11 フッターの点検を忘れずに
Chapter 8 便利な情報が多い習い事・スクール系の作例
- 作例のデザイン解説
- section 01 全面背景の画像選びのコツ
- section 02 ぼかし効果のある画像を作る
- section 03 繰り返しの技でデザインを統一する
- section 04 空きすぎたエリアはカラムで活用
- section 05 表はスマートフォンに注意
- section 06 ボタンで関連情報に移動しやすくする
- section 07 余白を使って見やすさアップ
- section 08 スケジュール告知にカレンダーを使う
- section 09 アクセス情報にひと工夫
Chapter 9 写真が多い飲食店・ショップ系の作例
- 作例のデザイン解説
- section 01 背景画像をスライドショーにする
- section 02 ショップのイメージに合う色を選ぶ
- section 03 画像の配置と縦横比をそろえる
- section 04 ダウンロードできるクーポンを設置する
- section 05 カラムを使いこなしてデザインする
- section 06 フォトギャラリーで写真を魅力的に見せる
- section 07 表を「表らしくなく」使いこなす
- section 08 電話をかけるリンクを設定する
- section 09 特別なイベントは専用ページを作る
- section 10 Jimdoの画像編集機能でバナーを作成する