閉じる
閉じる
閉じる
  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. Jetpackが自動出力するOGPを削除

  2. wordpressの個別記事で同一カテゴリーへのリンクのみ表示さ…

  3. wordpressで自動保存を無効にする方法

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

  5. Contact Form 7で送信完了画面を表示させる方法

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

コメント

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

  • コメント (0)

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

CAPTCHA


ピックアップ記事

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