まほろば

Jimdo でホームページを作る3 (レイアウト)

投稿者:マーチン  2017年4月8日 
カテゴリ:一般::ウェブサイト製作

 最初に選択したテンプレートのままのデザインで良ければ、レイアウトを変更する必要はありません。ナビゲーションの表示の仕方や、サイドバーの配置の仕方を変更したい場合に実行します。

●レイアウトとは

 Jimdoでは世界の都市名がつけられた40種類のレイアウトを用意されていて、レイアウトごとのパターン〔プリセット〕を含めると全部で182種類です。(2016年6月24日現在)
  【Jumdo Suppot Center】デザイン:レイアウト

●基本構造

 Jimdo の基本構造は下の5つのエリア(管理メニューを除く)からなります。レイアウト変更には、この用語を覚えておいてください。
  • ヘッダー
  • ナビゲーション
  • メインコンテンツエリア
  • サイドバー
  • フッター
 【Jumdo Suppot Center】基本情報:Jimdo の基本構造

●レイアウト例

 同じコンテンツに対して、レイアウトだけ変更した例を示します。
 また、【Jimdoユーザーポータル】発見!Newレイアウト には、Newレイアウトで作られたサイトが紹介されていますので、こちらも参考にしてください。
◆St. Petersburg (サンクトペテルブルク)

◆Berlin (ベルリン)

◆Sydney (シドニー)

◆Cape Town (ケープタウン)

◆San Francisco (サンフランシスコ)

◆Amsterdam (アムステルダム)

●レイアウト変更方法

(1)[管理メニュー] [デザイン] [レイアウト] をクリックする。

(2)レイアウトを変更する前に、現在使用しているレイアウトの名前(ここでは、Berlin)を覚えておくと、変更前のレイアウトに戻したい時に役立ちます。

(3)たくさんのデザインから、機能的に自分の望むものを選択するには、[デザインフィルターをお試しください] をクリックする。

(4)【Jimdo】あなたのホームページに最適なレイアウトを見つける が開くので、 ここに書いてある説明を読んで、[デザインフィルターはこちら] をクリックする。

(5)ヘッダー、ナビゲーション、コンテンツ エリア、サイドバー、レスポンシブ から、条件を選択する(全部指定しなくてもいい)。
変更箇所選択肢
ヘッダーロゴ、タイトル
ナビゲーションスタンダード、ドロップダウン、スライド、パンくず
コンテンツ エリア広い、狭い
サイドバー左側、下部、右側
レスポンシブ(スマホでも見やすいレイアウト)


(6)条件に合ったレイアウトだけが表示されるので、気に入ったレイアウトの名前を覚えておく。

あるいは、ロゴ画像に大きなサイズのものを使用したいのなら、
 【Jumdo Suppot Center】デザイン:ロゴとページタイトルの設定:ロゴサイズの最大値
を考慮して、レイアウトを選択するのがよいでしょう。

(7)[管理メニュー] [デザイン] [レイアウト] を選択して、目星をつけたレイアウトで、[プリセット] をクリックすると、バリエーションが表示されるので、気に入ったものの [プレビュー] をクリックする。

(8)右上のアイコンをクリックすると、スマホを縦長や横長に置いた時のレイアウトが表示される。


(9)レイアウトを確認してよければ、[保存] をクリックする。


◆連載

◆関連サイト