当サンプルのポイントを紹介しています。
※画像は開発中のものため、実際とは異なる場合がございます
※全ての工程を説明しているものではありません。テーマ使用方法の詳細は公式マニュアルをご参考ください。
ヘッダー
header画像
カスタマイザーの「基本エリア設定」＞”headerエリア”にて背景を画像を設定しています。
ヘッダーエリアやPCメニューの背景色は「空」にして透過させています。
「ヘッダー画像」＞”トップページのヘッダー画像エリアの高さを画面サイズに応じて最大にする”を有効化して画面一杯にしています。
背景画像
背景画像には薄いグレーの斜めの画像を設定しています。
フッター
フッター一括ウィジェットエリア
下部のMAPはウィジェットのフッター一括ウィジェットエリアを使用しています。
カスタマイザーの「基本エリア設定」＞「フッター一括ウィジェットエリア」で”幅を100%にする"を有効化しています。
※MAP表示には無料プラグイン「Simple Map」を使用しております
フッターエリア
フッターエリアはカスタマイザーの「基本エリア設定」＞「フッターエリア」で背景画像を設定しています。
サイドバー
サイドバーのコンテンツはウィジェットで挿入しています。
バナー作成
サイドバーのバナーボタンはマイブロックにて「バナー風ボックス」で作成しています（画像素材は別途必要です）。
マイボックスで生成されたショートコードをウィジェットで利用しています。
※内容によっては投稿エリア外では正常に表示できない場合もございます