こんにちは、@Joe_Nguyen さん ![]()
below-site-header プラグインアウトレットを使用して、次のように実行できます。
ステップ 1: テーマまたはテーマコンポーネントの common-head に以下を追加します。
<script type="text/x-handlebars" data-template-name="connectors/below-site-header/header-color-bar">
<div id="color-bar">
</div>
</script>
ステップ 2: 同じテーマまたはテーマコンポーネントの common-css に以下を追加します。
#color-bar {
background-color: #13d83d;
height: 30px;
}
注: 高さを調整したり、色プロパティを好きなものに変更したりできます。
これで完了です ![]()
