STORK19の購入ページはこちら

トップページヘッダー(ヘッダーアイキャッチ画像)の設定

アニメーションテキストとリンクボタンを設置可能な、トップページヘッダー(ヘッダーアイキャッチ画像)の設定ができます。

美しいデザインと、動きのあるテキストの表示でトップページの第一印象を高めることができます。

設定場所

【外観 > カスタマイズ > トップページ設定 > ヘッダーアイキャッチの設定】より設定可能です。

ヘッダーアイキャッチの設定方法

仕上がりイメージ

1. 画像の登録

まずは、ヘッダーアイキャッチの背景に使う画像を登録します。

「ヘッダー背景画像」に画像をアップロードします。

「ヘッダー背景画像(SP用)」も登録することで、スマートフォン用の背景画像と切り分けることができます。

2. テキストの登録

次に、画像の上に表示するテキストを入力します。テキストカラーもここで変更可能です。

ちなみに、どちらか1つだけの入力でも大丈夫です。

3. ボタンの登録

リンクさせたいURLとボタンの文字も入力しましょう。ボタンの色もここで変更します。

ボタンの色は背景カラーを2種類設定することでグラデーション表示が可能です。

4. テキストレイアウト

画像のどのあたりにテキストを表示するかを選択します。

※スマートフォンではどれを選んでも中央寄せになります。

できあがり

仕上がりイメージ

ここまで登録できたら、デモサイトのような表示となります。

番外編の表示例

ちなみに①...

テキストを設定しなかった場合は、画像のみが表示されるようになります。

ちなみに②...

画像を設定しなかった場合は、テキストとボタンのみが表示されます。

CTAを設置しよう!

ここにリンクさせたい自分の商品やアフィリエイトリンクなどを表示させることが可能です。記事下のCTAは収益化においてかなり重要となるので効果的に使いたいところです。タグを追加してあげれば画像なども表示させることが可能!簡単にサイトの収益化の仕組みを導入することができます。