閉じる
閉じる
閉じる
  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で「致命的なエラーをチェックするためにサイトと…

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

  5. WordPressのユーザー権限の日本語表記と英語表記

  6. wordpressで画像がアップロード出来ない時の対処法(WAP…

コメント

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

  • コメント (0)

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

CAPTCHA


ピックアップ記事

  1. こんにちは。SOHOデザイナーのAquaForest-アクアフォレスト-です。2014年…
  2. こんにちは。SOHOデザイナーのAquaForest-アクアフォレスト-です。イラストレ…
  3. こんにちは。SOHOデザイナーのAquaForest-アクアフォレスト-です。Macで画…
ページ上部へ戻る
Top