【STORK(ストーク)】ヘッダー画像をパソコンとスマホで使い分ける方法

どうも、あらやんです。

今回はSTORK(ストーク)で
ヘッダー画像をパソコンとスマホで
使い分ける方法を説明しますね。

ブログのカスタマイズを進めていくうちに、

「パソコンとスマホで別々のヘッダー画像を設定したい!」

という状況になるかもしれません。

例えばヘッダーテキスト位置を左よせもしくは右よせにした場合。
【STORK(ストーク)】ヘッダーテキストの位置を変える方法

この設定を行うとパソコンから見た時は良くても
スマホから見ると必ず見た目が崩れます。

そういった時はスマホ用に別のヘッダー画像を
設定しておけば問題は解決しますよね。

STORK(ストーク)では非常に簡単に
パソコンとスマホ別々のヘッダー画像を
設定できるので、

もしそういったカスタマイズを行う際には
参考にして下さいね。

 

具体的な設定方法

まずはパソコンから見た場合のヘッダー画像を設定する

まずはWordPressのダッシュボード画面左の「外観」から
「カスタマイズ」→「トップページ設定」へと進みます。

ここでパソコンから見た場合のヘッダー画像を設定しましょう。
下の画像の赤丸で囲った部分を入力(もしくは設定)すれば
設定完了です。

このままだとパソコンから見てもスマホから見ても
同じヘッダー画像が表示されます。

 

次にスマホから見た場合のヘッダー画像を設定する

パソコン用の設定項目(上の画像)の一つ下に

「ヘッダー背景画像(SP用)」

という項目があります。

ここにスマホから見た場合に表示させたい
ヘッダー画像を設定しておくことで、
パソコンとスマホで別々のヘッダー画像を
使い分けることができます。

非常に簡単な方法なのですが、
必要に迫られないと知らなかったりするので
こういった機能があることを意外と
知らない人もいます。

(私ですけどね…)

ぜひこういった細かい機能も
使いこなしていきたいですね!

それでは今回は以上です。
お疲れ様でした。