Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressブログにランダムなヘッダー画像を追加する方法

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressブログにランダムなヘッダー画像を追加したいですか?ほとんどのWordPressテーマには、ヘッダー画像を追加するためのビルトインサポートが付属しています。これらの画像は、あなたのサイトのルック&フィールを完全に変更することができます。この投稿では、コードを書かずにWordPressブログにランダムなヘッダー画像を追加する方法を紹介します。

How to add random header images in WordPress

ほとんどの無料およびプレミアムWordPressテーマには、カスタムヘッダーがサポートされています。WordPressのカスタムヘッダーは、WordPressテーマが画像を表示するヘッダーエリアを指定できるテーマ機能です。

Header image in WordPress

カスタムヘッダーは、WordPressサイトの背景画像を設定できる背景画像機能とは異なります。

それでは、WordPressブログにランダムなヘッダー画像を追加する方法を見てみましょう。

動画チュートリアル

Subscribe to WPBeginner

動画が気に入らなかったり、もっと説明が必要な場合は、このまま読み進めてください。

方法1.WordPressテーマカスタマイザーを使ってランダムにヘッダー画像を表示する。

この方法は簡単で、ほとんどのWordPressユーザーにおすすめです。

WordPress テーマカスタマイザーを起動するには、外観 ” カスタマイズページに移動する必要があります。

Changing header image in WordPress

次に、「ヘッダー」タブをクリックして展開します。ヘッダーオプションは、ヘッダー画像またはヘッダーメディアとして設定することもできます。

あなたのサイトの現在のヘッダー画像と、使用可能な他のヘッダー画像が表示されます。

ヘッダー画像として使用したい画像をアップロードするには、「画像を追加」ボタンをクリックする必要があります。

いくつかの画像をアップロードすると、それらは最近アップロードした画像の下に表示されます。

Randomize header image

次に、最近アップロードした画像の下にある「アップロードしたヘッダーをランダムにする」ボタンをクリックし、変更を保存する必要があります。

これで、サイトにアクセスしてリロードすると、ヘッダー画像がランダムに変更されるのを確認できます。

方法2.プラグインを使って特定のページにカスタム・ヘッダー画像を追加する。

この方法はより柔軟で、WordPressの投稿日、ページ、カテゴリー、タグアーカイブに異なるヘッダー画像やランダムなヘッダー画像を表示する方法をよりコントロールできる。

まずWP Display Headerプラグインをインストールして有効化します。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化したら、投稿を編集するか、新規投稿を作成する必要があります。投稿エディターの下に「Header」と書かれた新しいメタ情報が表示されます。

Random header for single post and pages in WordPress

ここで、あなたのテーマに過去のアップロードされたヘッダー画像を選択し、この投稿のヘッダーとして使用することができます。また、’Random’ オプションをチェックして、アップロードしたローダー画像からランダムに背景画像を表示することもできます。

さらにヘッダー画像を追加したい場合は、外観 ” カスタマイズに移動し、ヘッダータブをクリックしてください。

Add more header images

次に、’画像を追加’ボタンをクリックしてヘッダー画像をアップロードします。画像をアップロードしてカスタマイザーを終了するだけで、テーマのヘッダーを変更する必要はありません。

このプラグインでは、カテゴリーとタグアーカイブページのヘッダー画像を変更することもできます。

投稿日” カテゴリーページに行き、変更したいカテゴリーの下にある編集ボタンをクリックする必要があります。

Editing a category

カテゴリー編集画面では、ヘッダー画像を選択したり、ランダムなヘッダー画像を表示することができる新しいヘッダーセクションに気づくでしょう。

Random or fixed header image for category archive page

更新」ボタンをクリックして変更を保存することを忘れないでください。

以上、この投稿でWordPressブログにランダムなヘッダー画像を簡単に追加する方法を知っていただけたと思います。WordPressのスピードとパフォーマンスを向上させる方法についてのガイドもご覧ください。

この投稿を気に入っていただけたなら、WordPress動画チュートリアルのYouTubeチャンネルをぜひご登録ください。Twitterや Facebookでも私たちを見つけることができます。

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

5件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Max says

    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.

  3. TPWidt says

    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.

  4. Neale says

    This looks like a good solution to running my own random promotional messages as part of the header. Thanks for the detailed guidance.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。