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

海の森 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. ワードプレスで記事のカテゴリー名をリンク付きで表示させる方法

  2. WPでアイキャッチ画像を表示させるタグ

  3. wordpressの管理画面内のフッタの文言を変える方法

  4. wordpressとtwitterの連動

  5. WordPressで同一カテゴリーのページ送りを表示

  6. サーバーの PHP バージョンは 5.1.6 で使えるwordp…

コメント

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

  • コメント (0)

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

CAPTCHA


ピックアップ記事

  1. こんにちは。 SOHOデザイナーのAquaForest-アクアフォレスト-です。今日はG…
  2. こんにちは。SOHOデザイナーのAquaForest-アクアフォレスト-です。先日自分の…
  3. こんにちは。SOHOデザイナーを目指しているAquaForest-アクアフォレスト-です。…
ページ上部へ戻る
Top