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

どうも、あらやんです。

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

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

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

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

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

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

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

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

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

 

具体的な設定方法

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

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

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

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

 

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

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

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

という項目があります。

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

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

(私ですけどね…)

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

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

あらやん公式メルマガはこちら

大切な人と幸せに過ごす自由なライフスタイルを創り上げるための無料メルマガです。
幸せに満ちた自由なライフスタイルを創造する方法を無料のメール講座で配信しています。

・自由なライフスタイルを創り上げるための無料メール講座
・月収100万円の価値を作り出す副業スタートノウハウ
・真の自由を手に入れるためのマインドセットレポート(PDF20ページ分)
・メルマガバックナンバー
・ブログアクセスアップのためのメールコンテンツ

等を無料プレゼント中!


おすすめWordPress用テーマ「STORK」
特典企画付きレビューはこちら



あらやん愛用のWordPress用テーマ「STORK」のレビューを公開しています。

STORKは非常に高性能かつシンプルでおしゃれなテーマで、
どの有料テーマを使おうかお悩みのあなたに間違いなくおすすめできます。

特別なオリジナル特典企画も紹介しているので
STORKに興味をお持ちであればぜひご覧ください。