本日はJIMDOでホームページ制作を行いました。

— 全般

何を見せたいのか、何を伝えたいのかストーリー性を持たせてあげると良いです。

JIMDOでは最初に選んだレイアウトにより、作れるレイアウトに制限が出てしまいます。

ナビゲーションメニュー(メインメニュー)がサイドバー(横)にあるレイアウトは以下の通りです。

・Havana

・Milano

・Paris

・Reykjavik

これらのレイアウトを選択すると、画面の一番上に横幅いっぱいの画像を配置することはできないようです。

どんなレイアウトにするのかよく検討してレイアウトを選びましょう。

— 色

あまり色を使いすぎると見にくくなってしまうので、使う色を絞ると良いです。

色を選ぶ参考サイト

HUE360

https://hue360.herokuapp.com

Coolors

https://coolors.co

— レイアウト

「管理メニュー」「デザイン」「レイアウト」とたどって基本となるレイアウトを選択します。

ナビゲーションメニューの位置は後から変更できないようなので、最初のレイアウトで上か横か好きなレイアウトを選択します。

— 画像の加工

選択したレイアウトにより画像のサイズや縦横比を調整しないとうまく当てはまらないようなので、次回確認しましょう。

Mac標準のアプリ「プレビュー」でも簡単な画像加工ができます。

サイズの調整で「ツール」メニューから「サイズの調整…」を選択します。

ホームページで使用する場合、画像解像度は72ピクセル/インチにします。

横幅は、JIMDOで配置する場所に合わせてサイズ調整します。

プレビューで縦横比を変更すると、画像自体の縦横比も変わってしまうのでいくつか手順をふむ必要があります。

まず、短辺(横長の場合は縦側)を調整します。

「サイズの調整…」で幅と高さの間にあるロックマークがロックされている状態で短辺を調整。

その状態(縦横比の正しい状態)で全てを選択、コピーしておきます。

再び「サイズの調整…」で今度は幅と高さの間にあるロックマークのロックを切って長辺(横長の場合は横側)を調整します。

画像の縦横比が崩れてしまうので、先ほどコピーしておいた画像をペーストします。

文字の追加もプレビューアプリ上で行えます。

— コンテンツの追加

管理メニューを閉じた状態で、画面上にカーソルを持っていくと、黒い横棒と共に「コンテンツの追加」が表示される場所があります。

コンテンツの追加をタップするとコンテンツ(内容)を追加することができます。

コンテンツは「見出し」「文章」「画像」などから選択します。

「フォトギャラリー」を選択すると簡単に写真を並べることができます。

写真にタイトルや説明文を表示する場合、「カラム」を選択し、横に4つ写真を並べる場合は、カラムの数が4つになるまで、カラム数を追加します。

できたひとつひとつのカラムの中に写真とタイトル、説明文を追加します。