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

海の森 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. wordpressで投稿日の日付や時間を表示させる方法

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

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

  4. wordpressで投稿記事を特定のカテゴリーのみ表示させる方法…

  5. ソーシャルプラグイン連動テスト

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

コメント

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

  • コメント (0)

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

CAPTCHA


ピックアップ記事

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