ヘッダー｜ドロワーメニューに情報を格納できる

2025.09.05

BIJOUXでは「ヘッダーボタン」で重要リンクを表示します。各メニューを表示する「ドロワーメニュー」、タイムリーなお知らせの告知に使える「ヘッダーメッセージ」とあわせて解説します。

ユーザーにとって必要なリンクはどれかを考えて、ヘッダー内各所からの導線を設計しましょう。

設定できる内容

ヘッダーメッセージ	サイトの最上部にメッセージを表示する
ヘッダーバー	ヘッダーボタンの設定
ドロワーメニュー	・背景（画像スライダーor動画）・言語ボタン・メニュー・SNSアイコン・バナー
モバイル用メニュー	・メニュー・検索フォーム・SNSアイコン

ダッシュボード内のTCDテーマ > ヘッダーで設定します。

サイト内の最上部に表示され、タイムリーなお知らせやLPへの導線に使うのがおすすめです。固定ページLPではページごとに内容を設定できます。

設定項目はこちら。シンプルなので、設定や更新も簡単ですね。

ヘッダーボタンを表示します。アイテム（ボタン）を追加して、以下の項目を設定します。

アイコンは以下から選べます。お好きな画像を設定することも可能です。

ロゴについては、TCDテーマ > 基本設定 > ロゴから設定します。

サイトの画面右上「≡」アイコン（ハンバーガーメニューと呼びます）をクリックすると展開される画面を「ドロワーメニュー」といいます。

以下の内容を設定していきます。

背景タイプ	・画像スライダーorMP4動画・オーバーレイ
言語ボタン	別途作成した多言語サイトへのリンクを設定できます。・タイトル・URL
メニュー	外観 > メニューの「ドロワーメニュー」を表示 >> メニューの設定方法
SNSアイコン	TCDテーマ > 基本設定 > SNSの「SNSアイコン」を表示できます。
バナー	フッター > フッターバナーの「バナー（下）」を表示できます。

テーマには多言語サイト作成機能・翻訳機能は搭載されていません。
当デモサイトではサブドメインで英語版サイトを作成し、そのサイトをリンク先に設定しています。

スマホ時のドロワーメニューについての設定です。

メニュー	外観 > メニューの「モバイル用メニュー」を表示 >> メニューの設定方法
検索フォーム	サイト内キーワード検索を表示するかどうか
SNSアイコン	TCDテーマ > 基本設定 > SNSの「SNSアイコン」を表示できます。