【SWELL THE THOR 比較】お知らせバーの設定

2021年1月31日2022年2月6日

記事内にプロモーションを含む場合があります。

ワードプレステーマSWELLとTHE THORの違いについて、設定方法ごとに解説していきます。

今回はヘッダー周辺に表示できる「お知らせバーの設定」についてです。

当ブログではSWELLをおすすめしています。
SWELL贔屓という点あらかじめご了承ください。

SWELLのお知らせバー

SWELLのお知らせバーに関する設定は、「サイト全体設定」→「お知らせバー」で行います。

【表示位置の設定】

SWELLのお知らせバーの表示はグローバルメニューの上部もしくは下部で表示することができます。

【表示内容の設定】

さらに表示内容について次のような設定項目が用意されています。

お知らせバーの文字の大きさ

大中小の3サイズを選択

表示タイプ

テキスト位置固定（バー全体がリンク）: お知らせバー全体がリンクになります。テキストに動きはありません。
テキスト位置固定（ボタンを設置）: テキストの横にリンクボタンを設置することができます。
テキストに動きはありません。

SWELL ボタンありの表示イメージ
テキストを横に流す: テキストが画面右から左へ流れていくような表示になります。
お知らせバー全体がリンクになります。

お知らせ内容

入力したテキストがお知らせバーに表示されます。

リンク先URL

お知らせバーのリンク先を指定できます。

ボタンテキスト

表示タイプで「テキスト位置固定（ボタンを設置）」を選択した場合のみ出現します。

【背景効果】

SWELLではお知らせバーの背景効果を設定できます。

設定できる背景効果はグラデーションと斜めストライプに2種類です。

お知らせバーの背景色は次で説明するカラー設定で任意の色に変更できます。
簡単に美しいデザインのお知らせバーを作ることができるので楽しいです！

【カラー設定】

お知らせバー設定項目の一番下で色に関する設定をすることができます。

各カラーの役割

THE THORのお知らせバーに関する設定は、「共通エリア設定[THE]」→「ヘッダーボトムエリア[検索窓・お知らせ]」で行います。

THE THORではお知らせバーという呼称はありませんが、わかりやすさ優先でSWELLと統一して表記しています。

THE THORのお知らせバーの表示設定は次の4項目です。

ヘッダーお知らせを表示するか選択: 「表示」を選択するとグローバルメニューの下にお知らせバーが表示されます。

THE THORではグローバルメニューの下のみ表示設定できる
お知らせとして表示する文章を入力: 入力したテキストがお知らせバーに表示されます。
リンク先URLを入力: 　お知らせバーのリンク先を指定できます。