WordPress-ショートコードでコンテンツをランダムに表示させる方法

今回は、 WordPress-ショートコードでコンテンツをランダムに表示させる方法という投稿です。

どのような時に役に立つのかというと、毎回、記事の中に「何か」を入れることにしていて、その「何か」が「複数パターンある」時です。

※バックアップを取った上で自己責任でお願いします。

ファイル・フォルダ構成
やり方
1. functions.phpから、Func-shortcode.phpを読み込む
2. Func-shortcode.phpで、ショートコードを入れるとランダムに表示させるようにする
参考
1. ショートコードとは？
2. 使用した関数

ファイル・フォルダ構成

このようなファイル・フォルダ構成にします。

1つのショートコードで、”Source_1.html”と”Source_2.html”のコンテンツをランダムに表示します。

つまり、ページ表示をしたある時は “Source_1.html” のコンテンツが表示され、またある時は “Source_2.html” のコンテンツが表示されるようになります。

面白いでしょ？

functions.php以外はファイル名・フォルダ名は、拡張子だけ合っていれば何でもよいです。

やり方

それではさっそくやり方をご紹介します。

functions.phpから、Func-shortcode.phpを読み込む

まず、”functions.php”から” Func-shortcode.php “を読み込みます。

私は子テーマで運用しているので、こんな感じです。

include(get_stylesheet_directory() . '/func-inc/Func-shortcode.php');

Func-shortcode.phpで、ショートコードを入れるとランダムに表示させるようにする

<?php
function shortcode_xxx()
{

    // ランダム表示ソース①
    $filename_1 = get_stylesheet_directory() . '/func-inc/origin/Source_1.html';
    $content_1 = file_get_contents($filename_1);

    // ランダム表示ソース②
    $filename_2 = get_stylesheet_directory() . '/func-inc/origin/Source_2.html';
    $content_2 = file_get_contents($filename_2);

    // ランダムで選択して返す
    $ary = array($content_1, $content_2);
    $key = array_rand($ary, 1);
    $content = $ary[$key];

    return $content;
}
add_shortcode('xxx', 'shortcode_xxx');

①file_get_contents()関数を使って外部ファイルのHTMLを取得する。

②array_rand()関数を使って、取得した外部ファイルのHTMLをランダムに選択させる。

というのをやっています。

Soucre_1.htmlとSource_2.htmlはHTMLの表示したい内容だけでO.K.です。

例えば、