スマートフォンサイトを表示する

  1. TOP
  2. Jimdo逆引きコラム
  3. デザインのカスタマイズ
  4. デザインフィルター

Jimdo逆引きコラム

デザインのカスタマイズ

デザインフィルター

執筆:野崎 晃(株式会社デック)

2016年12月21日更新

  • このエントリーをはてなブックマークに追加

閲覧数374views

このコラムをPDF形式でダウンロードする

はじめてWEBのホームページにはさまざまなデザインのレイアウトが用意されています。
レイアウトがたくさんありすぎて選ぶのが大変だという方におすすめなのが「デザインフィルター」です。

まずはこちらのページにアクセスしてください。

デザインフィルターは「Header」「Navigation」「Content Area」「Sidebar」「Responsive」という5つの項目から好みのレイアウトの条件を設定すると、条件にあてはまるレイアウトが絞り込まれて表示されるので、効率的にレイアウトを探すことができます。

Headerで「logo」をクリックすると、ロゴ画像を挿入するエリアのあるレイアウトのみが表示されます。
「title」をクリックすると、ホームページのタイトルを挿入するエリアのあるレイアウトのみが表示されます。

Navigationで「Standard」をクリックすると、ナビゲーションが縦に並ぶレイアウトのみが表示されます。

「dropdown」をクリックすると、第2階層以下のナビゲーションがドロップダウンで表示されるレイアウトのみが表示されます。

「slide」をクリックするとボタンをクリックした時にスライドしてナビゲーションが表示されるレイアウトのみが表示されます。

「breadcrumbs」をクリックするとパンくずリストがあるレイアウトのみが表示されます。

Content Areaは「wide(広い)」「narrow(狭い)」から選択できます。

Sidebarはすべてのページに共通で表示される領域のことです。
サイドバーの位置が「left(左側)」「bottom(下部)」「right(右側)」から選択できます。

Responsiveはレスポンシブ対応しているレイアウトが表示されるという項目ですが、現在公開されているレイアウトはすべてレスポンシブ対応されているため、クリックする必要はありません。

レイアウトを名前から探したい場合は「Search by name…」と書かれた検索フォームにレイアウトの名前を入力してください。

絞り込みをリセットする場合は「reset filter」ボタンをクリックしてください。

これらの項目の中から好きなものを選択して、絞り込まれたレイアウトの中から気に入ったレイアウトの名前を覚えておいてください。はじめてWEBのホームページにログインして先ほど選んだレイアウトを探して選択をすれば、ホームページに反映することができます。

執筆者

執筆者の活用術

レイアウトはパソコン表示だけでなく、スマートフォンでの表示にも影響します。レイアウトを決定する前にはスマートフォンでの表示もチェックすることをおすすめします。

  • このエントリーをはてなブックマークに追加
このコラムをPDF形式でダウンロードする

野崎 晃(のざき・あきら)

野崎 晃(のざき・あきら)

株式会社デック 代表取締役/JimdoExpert
http://s-deck.jp/
http://jp-m.jimdo.com/

愛知県名古屋市を拠点に活動するWeb制作の会社の代表。
2009年Jimdoに出会い、より多くの人にJimdoの便利さ/楽しさを伝えるべく解説ページ「Jimdoでつくる簡単ホームページ!」を開設。JimdoJapan公式のJimdoCafeを運営するなど、Webサイトを多くの人にもっと身近に感じてもらうべく活動中。

著書に『WebデザイナーのためのJimdoスタイルブック』(共著、マイナビ)。

  • はじめてWEB 大感謝祭!~新規加入または2年目更新をし、アンケートに答えてギフト券をもらおう!~
  • Jimdoリメイク | プロがあなたのホームページを50,000円(税抜)でリニューアル!
  • 問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール
  • 文具、通信、オフィスのことなら何でもお任せ!まとめてオフィス

ホームページを作るのがはじめてのかたはまずこちらをご覧ください

Jimdo逆引きコラム週間アクセスランキング[期間:2017/4/16~2017/4/22]

おすすめコンテンツ

はじめてWEBおすすめ本

創業・経営のお役立ち情報

  • ソウギョウノート

    飲食・小売・サービス業の開業スケジュールから、融資申込に必要な書類までをカンタン作成

  • 経理通信

    経営者と経理ご担当者必見!中小企業・小規模事業者のための経理サポートサイト

  • まとめてオフィス

    文具、通信、オフィスのことなら何でもお任せ

  • フリーコールS

    問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール

  • auオフィスナンバー

    事務所開設するなら固定電話番号で信頼アップ
    今ならキャンペーン実施中!