WordPressブログにランダムなヘッダー画像を追加したいですか?ほとんどのWordPressテーマには、ヘッダー画像を追加するためのビルトインサポートが付属しています。これらの画像は、あなたのサイトのルック&フィールを完全に変更することができます。この投稿では、コードを書かずにWordPressブログにランダムなヘッダー画像を追加する方法を紹介します。
ほとんどの無料およびプレミアムWordPressテーマには、カスタムヘッダーがサポートされています。WordPressのカスタムヘッダーは、WordPressテーマが画像を表示するヘッダーエリアを指定できるテーマ機能です。
カスタムヘッダーは、WordPressサイトの背景画像を設定できる背景画像機能とは異なります。
それでは、WordPressブログにランダムなヘッダー画像を追加する方法を見てみましょう。
動画チュートリアル
動画が気に入らなかったり、もっと説明が必要な場合は、このまま読み進めてください。
方法1.WordPressテーマカスタマイザーを使ってランダムにヘッダー画像を表示する。
この方法は簡単で、ほとんどのWordPressユーザーにおすすめです。
WordPress テーマカスタマイザーを起動するには、外観 ” カスタマイズページに移動する必要があります。
次に、「ヘッダー」タブをクリックして展開します。ヘッダーオプションは、ヘッダー画像またはヘッダーメディアとして設定することもできます。
あなたのサイトの現在のヘッダー画像と、使用可能な他のヘッダー画像が表示されます。
ヘッダー画像として使用したい画像をアップロードするには、「画像を追加」ボタンをクリックする必要があります。
いくつかの画像をアップロードすると、それらは最近アップロードした画像の下に表示されます。
次に、最近アップロードした画像の下にある「アップロードしたヘッダーをランダムにする」ボタンをクリックし、変更を保存する必要があります。
これで、サイトにアクセスしてリロードすると、ヘッダー画像がランダムに変更されるのを確認できます。
方法2.プラグインを使って特定のページにカスタム・ヘッダー画像を追加する。
この方法はより柔軟で、WordPressの投稿日、ページ、カテゴリー、タグアーカイブに異なるヘッダー画像やランダムなヘッダー画像を表示する方法をよりコントロールできる。
まずWP Display Headerプラグインをインストールして有効化します。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。
有効化したら、投稿を編集するか、新規投稿を作成する必要があります。投稿エディターの下に「Header」と書かれた新しいメタ情報が表示されます。
ここで、あなたのテーマに過去のアップロードされたヘッダー画像を選択し、この投稿のヘッダーとして使用することができます。また、’Random’ オプションをチェックして、アップロードしたローダー画像からランダムに背景画像を表示することもできます。
さらにヘッダー画像を追加したい場合は、外観 ” カスタマイズに移動し、ヘッダータブをクリックしてください。
次に、’画像を追加’ボタンをクリックしてヘッダー画像をアップロードします。画像をアップロードしてカスタマイザーを終了するだけで、テーマのヘッダーを変更する必要はありません。
このプラグインでは、カテゴリーとタグアーカイブページのヘッダー画像を変更することもできます。
投稿日” カテゴリーページに行き、変更したいカテゴリーの下にある編集ボタンをクリックする必要があります。
カテゴリー編集画面では、ヘッダー画像を選択したり、ランダムなヘッダー画像を表示することができる新しいヘッダーセクションに気づくでしょう。
更新」ボタンをクリックして変更を保存することを忘れないでください。
以上、この投稿でWordPressブログにランダムなヘッダー画像を簡単に追加する方法を知っていただけたと思います。WordPressのスピードとパフォーマンスを向上させる方法についてのガイドもご覧ください。
この投稿を気に入っていただけたなら、WordPress動画チュートリアルのYouTubeチャンネルをぜひご登録ください。Twitterや Facebookでも私たちを見つけることができます。
Max
I have 7 header images and would like my site to display a different one each day, in order not randomly. Is there a plugin or code I can use that can achieve this? Thanks.
TPWidt
This was useful, but i was looking for randomized text, like in your second image, you had the image of the hill and the sky, with the Demo Text to the bottom left corner. I’m curious to see if its possible to have a randomized version of that, so whenever I would refresh the page, it would cycle through text such as “Demo Site” or “Welcome” just for variety.
Miguel
Can this method be used for place different ads on header ?
Neale
This looks like a good solution to running my own random promotional messages as part of the header. Thanks for the detailed guidance.