閉じる
閉じる
閉じる
  1. wordpressで「致命的なエラーをチェックするためにサイトと通信で…
  2. Adobe Illustrator CC 2018の表示が崩れる
  3. SEO対策としてディスクリプション(descriptionタグ)の最適…
  4. SEO対策としてタイトルタグ(titleタグ)の最適な文字数は
  5. wordpressでプラグインを使わずに画像をランダム表示させる
  6. Illustrator CC 2015で配置画像を収集する方法
  7. デザイン変更しました
  8. WordPressのユーザー権限の日本語表記と英語表記
  9. Thunderbird(サンダーバード)の左側のメールフォルダが表示さ…
  10. wordpressプラグイン「WP Slimstat」を日本語化する方…
閉じる

海の森 SOHOデザイン ブログ

wordpressでプラグインを使わずに画像をランダム表示させる

こんにちは。
SOHOデザイナーのAquaForest-アクアフォレスト-です。

今日はWP内に画像をランダム表示させる方法です。
アクセスのたびにメインビジュアルの画像を変えたり、
バナーをランダムに表示させる場合に便利です。

プラグインを使わず簡単にタグを付けるだけなのでぜひ試して下さい。
サイドバーやトップのバナー画像をランダムに表示する方法です。

サンプルでは3枚の画像をランダム表示させます。

1.テーマのディレクトリーに「banner」というフォルダを作りそこにバナーを3枚置きます。

2.ファイル名は「img」+「数字」+「拡張子」となります。
※「img」の箇所は任意で変えて下さい。

3.表示させたい場所に下記のタグを追加します。

<img src="<?php bloginfo('template_url'); ?>/banner/img<?php echo(rand(1,3)); ?>.jpg" alt="alt属性" />

すべて共通になってしまいますがリンクを付けることも可能です。


関連記事

  1. Contact Form 7で郵便番号を入力して住所を自動で表示…

  2. wordpressでリビジョンを無効にする方法

  3. wordpressプラグイン「WP Slimstat」を日本語化…

  4. お問い合わせフォーム実装しました!!

  5. wordpressで「致命的なエラーをチェックするためにサイトと…

  6. wordpressで投稿記事をランダム表示させる方法

コメント

  • トラックバックは利用できません。

  • コメント (0)

  1. この記事へのコメントはありません。

CAPTCHA


おすすめ記事

  1. wordpressで「致命的なエラーをチェックするためにサイトと通信できないため、PHP の変更は取り消されました。SFTP を使うなど、他の手段で PHP ファイルの変更をアップロードする必要があります。」と出た場合
  2. Adobe Illustrator CC 2018の表示が崩れる
  3. SEO対策としてディスクリプション(descriptionタグ)の最適な文字数は
ページ上部へ戻る
Top