ヘッダーメニューは、ヘッダー直下に挿入するテキストリンクの機能です。自由なテキストリンクを挿入できます。
![](https://the-sonic.jp/wp-content/uploads/2020/03/header-menu-bar-01.png)
内部リンク・外部リンク・ショートコードが利用可能です。
目次
ヘッダーメニューの使い方
カスタマイザー>SONICオリジナル機能>ヘッダーメニュー設定から設定できます。
![](https://the-sonic.jp/wp-content/uploads/2020/03/header-menu-bar-02.png)
タイトルテキスト、URL、バーの背景色と文字色を選択すれば表示できます。
対応したタグ一覧
marquee、a、i、span、p、div、img
応用の使い方
ヘッダーメニューの効果的な使い方を紹介します。
セール期間中のみAmazon・楽天セールのアフィリエイトリンクを表示する
キャンペーン配信管理機能を使うと、セール情報を割り込み表示できます。
![](https://the-sonic.jp/wp-content/uploads/2020/09/campaign-02-6.png)
キャンペーン配信機能
Amazon・楽天市場・Yahoo!ショッピングのセール・キャンペーン情報(例:Amazonサイバーマンデー・楽天スーパーSALE)を自動配信・自動表示するサービスです。
各社キャンペーン情報の収集から利用サイトへのマイクロコピー設置作業を、THE SONICが「自動」で行います。
ヘッダーバーにカウントダウンタイマーを使う
カウントダウンタイマーのショートコードと組み合わせると、ヘッダーバーにセール期限のカウントダウンが表示できます。
![](https://the-sonic.jp/wp-content/uploads/2021/02/the-sonic-128-header-count-mob-mob.png)
![](https://the-sonic.jp/wp-content/uploads/2021/02/the-sonic-128-header-count-pc-mob.png)
![](https://the-sonic.jp/wp-content/uploads/2021/02/the-sonic-128-countdown-1024x551.png)
その他にも、ショートコードを組み合わせて様々な用途でご利用いただけます。
ショートコードに対応している機能
ヘッダーバーにFontAwesomeアイコンを使う
FontAwesome5のアイコンを挿入したい場合は、FontAwesomeサイトより好みのアイコンを取得してください。