グーペでホームページを作ってみよう後編・デザイン変更〜トップページ〜ナビゲーション〜基本設定

前回の記事では新規登録から実際に表示するところまでをやりました。
今回は中身を作っていきます。基本的な操作方法は公式マニュアルに譲るとして、ここでは気を付けるポイントや補足事項を中心にお伝えしていきます。

各項目の最初に公式マニュアルページへのリンクを載せています。そのページを開いてから読み進めていくとさらに効率的です。

あらかじめグーペの管理画面にログインしておきましょう。

デザインを変更する

グーペにはあらかじめ豊富なテンプレートが用意されています。
まずはその中から気に入ったものをダウンロードしてみましょう。あとはデザイン変更ボタンをカチッと押すだけで完了です。

参考マニュアルページ:
デザイン|ホームページ作成「グーペ」マニュアル

「デザイン」メニュー選択→「ダウンロード」項目選択でテンプレート一覧を見ることができます。気に入ったテンプレートが見つかったらダウンロードボタンを押します。なるべく「スマホ対応」のものを選びましょう。

ダウンロードしたテンプレートは「デザイン一覧」項目へ新たに追加されます。編集ボタンを押すとフォントや色を変更できます。編集できたら「このデザインに変更」ボタンを押します。

一言アドバイス

  • なるべく「スマホ対応」のテンプレートを選ぶこと
  • 中には有料のテンプレートもあるのでよく確認すること
  • 一般的によく使われているフォントはゴシック体
  • 高級感を出したいときは明朝体が効果的
  • テンプレートによっては色を変更できない場合がある

トップページを設定する

次にスライドショーとあいさつ文を変更します。これで一気にあなたらしいホームページへと近づけることができます。お知らせの表示・非表示設定、表示件数の変更もここで行えます。

参考マニュアルページ:
トップページを変更する|ホームページ作成「グーペ」マニュアル

一言アドバイス

  • スライドショーは4枚以内を目安に
  • 画像の横幅は最低でも1,500ピクセル以上。スマホで撮影したもので十分
  • あいさつ文は短く2〜3行程度にまとめる。文の途中で改行しないように
  • お知らせをあまり更新しない場合は非表示がおすすめ

ナビゲーションを設定する

トップページ以外にはどんなページが必要ですか?
それを把握するためにナビゲーションの設定をしてみましょう。グーペでは色々なページを作ることができるので、ついあれもこれもと欲張ってしまいがちです。訪問者がすぐに目的の情報を探し出せるよう、とにかく「より少なく、よりシンプルに」を意識してください。

参考マニュアルページ:
ナビゲーションを変更する|ホームページ作成「グーペ」マニュアル

一言アドバイス

  • 理想はトップページを含め6つ以内に抑えること
  • おすすめの構成はトップページ・サービス・概要情報・お問い合わせの4ページ+その他(写真・カレンダー・スタッフ紹介・予約)より1〜2ページ
  • 必要なページが一覧に無いときは「フリーページ」機能で新たに作る

基本設定

ホームページの基本設定を今一度確認しましょう。ファビコン画像やロゴ画像、独自ドメインの登録もここで行います。

参考マニュアルページ:
基本設定を編集する|ホームページ作成「グーペ」マニュアル

ファビコンについて

ファビコンとはロゴやブランドイメージを簡単に表したアイコンのことです。ホームページを開いたとき以下のようにタイトルの左横に表示されます。

作成ツールを使えば無料で簡単に作ることができます。以下の記事を参考にぜひ挑戦してみてください。

参考記事:
・ファビコンの作成方法(近日公開予定)

ロゴ画像について

バランス良く表示するポイントは、なるべく横長のものを使うことです。サイズの目安は横260ピクセル・縦60〜70ピクセル以内です。

独自ドメインについて

グーペでも取得できますが、割高になるためあまりおすすめできません。一般的なドメイン取得業者と比べると約3倍もの差が出ます。毎年払うことを考えるとこの差はなかなか見過ごせません。自力でドメインを取得する方法については以下の記事をご覧ください。

参考記事:
お名前.comで新たに独自ドメインを取得する方法

表示確認

それでは最後にホームページの表示を確認してみましょう。だいぶすっきりとした印象になりました。この要領で各ページの内容を編集していけば無事完成です。

要点まとめ

  • 好みのテンプレートを選ぶだけで簡単にデザインが変更できる。書体や色も変更可能。テンプレートを選ぶ際、必ずスマホ対応と書かれているものを選ぶこと。
  • トップページを設定すると一気にあなたらしいホームページになる。スライドショーは4枚以内を目安にする。スマホで撮影した写真で十分。あいさつ文は2、3行で短く簡潔にまとめる。
  • 用意するページは最小限におさえること。理想は6ページ以内。おすすめの構成は、トップページ・サービス・概要情報・お問い合わせの4ページ+その他2ページ。各ページの内容についても「より少なく、よりシンプルに」を意識する。
  • ファビコンはなるべく設定しておくこと。作成ツールで簡単に作れる。ロゴ画像は横長のものを使う。サイズの目安は横260ピクセル・縦60〜70ピクセルぐらい。独自ドメインを設定するときは、まず先にドメイン取得サービスで取得しておくこと。そうすれば費用を3分の1程度に抑えることができる。

コメントを残す

メールアドレスが公開されることはありません。