ランダムでヘッダー画像が表示されるように変更|WordPressカスタマイズ記録

WordPress Logo
ブログ村を再開してみました。
下のバナーをクリックするとカテゴリーランキングに飛び、当ブログのランキングが上がります。

にほんブログ村 旅行ブログ 女性トラベラーへ  にほんブログ村 海外生活ブログ 海外一人暮らしへ  にほんブログ村 ライフスタイルブログ ノマドワーカーへ



WordPressカスタマイズ記録です。
今回はヘッダー画像。
WordPressテーマ、最初はColorMagを使っていたのを途中でOPENCAGEの『ストーク』(Stork) に替えたのですが、思い通りにならないことの一つとして、『ヘッダー画像の表示ができない』というのがありました。

テーマのカスタマイズは必ずバックアップを取ってから自己責任で行いましょう。一般的に子テーマの利用が推奨されています。(私も子テーマを使っています)


ColorMag時代、各地の写真がヘッダーにランダムで表示されるように設定していたんですね。
こんな感じの画像です。

ラオス・ルアンパバーン

ラオス・ルアンパバーンの寺院。

ウズベキスタン・サマルカンド

ウズベキスタン・サマルカンド

ベトナム・ホイアンのランタン

ベトナム・ホイアンのランタン

タイ・パンガン島のKoh Ma

タイ・パンガン島のKoh Ma

キルギス・イシククル湖のユルタ

キルギス・イシククル湖のユルタ

これらをランダムで表示するのは特にColorMagの仕様ではなく、WordPressの基本機能としてできていたと思うんですけど、Storkになってからヘッダイメージが表示できなくてちょっと困っていたんです。

無くても情報の中身は変わらないので 大した問題ではないと言えばないんですけど…
世界には色んな所があるよね』というのは私がこのブログで伝えたい世界観の一つとしてあったので、あった方がよかったなあって。

仕方ないのかなーと思っていたんだけど、ある時何かでそれを表示する方法を目にしたので、試すことに。
最初見たのはこのページ。

ほう、function.phpを変更することで復活するんだ。
と思ってさっそくやってみたのですが、実はこれだけだと足りなくて。
ヘッダー部分に、画像を表示するコードが書かれていなかったみたいなんです。(この人のテーマには多分元からあったんじゃないかな…?)

次に参考にしたのはこちら。

こちらの方が情報も不足がなくて分かりやすかったです。
function.phpにコードを追記するのは同じなんですが、それに加えてheader.php(私の環境では『テーマヘッダー (header.php)』となっていました)に、ヘッダー画像を呼び出すコードを追記します。

header.phpのどこにいれたらいいかは、自分のコードと相談で…
私は一番上やグローバルメニューの下など色々迷いましたが、グローバルメニューの上が一番収まりが良いなと思ってそこに収まりました。

stork_custom-header

スマートフォンの画面でも確認してみましたが、スマートフォンでヘッダ画像を出すとちょっと見苦しいので、パソコンからと割り切って、<?php if (!is_mobile()):?>をかませてスマートフォン画面からは表示されないようにしました。

これでカスタマイズに『ヘッダー画像』が無事復活しました。よかった。

stork-customize-header



Storkを使ってるところって似たようなトップページになってるのを見るのが多かったので、それをちょっと危惧していたのですが、うまい感じに無事カスタマイズできてよかったです。
まあ、モバイルファーストになってきてるので、パソコン版トップページのデザインはそんなに重要じゃなくなってきてるんですけどね。

関連記事

WordPress関連

ショートコード自作のプラグイン追加|WordPressカスタマイズ記録

2017.01.31

WordPressの過去記事からアフィリエイトリンクを一括検索して書き換えよう、Booking.com等の張り替えにどーぞ

2016.09.01
ブログ村を再開してみました。
下のバナーをクリックするとカテゴリーランキングに飛び、当ブログのランキングが上がります。

にほんブログ村 旅行ブログ 女性トラベラーへ  にほんブログ村 海外生活ブログ 海外一人暮らしへ  にほんブログ村 ライフスタイルブログ ノマドワーカーへ
WordPress Logo