【WordPress】データベースの値を本文に表示する方法

こんにちはJitanTechです。

今回はWordPressで データベースからSELECT文で取得した値を表示させる方法 をご紹介します。

以下の記事では、今回紹介する方法でYouTuberの登録者ランキングを表示しています。

ではいってみましょう。

テーブルを作成する
class-wpdb.php を編集
functions.php を編集
プログラムの解説
実行結果
さいごに

テーブルを作成する

WordPressの記事で表示するテーブルを新規で作成する時、テーブル名の先頭が wp_ になっている必要があります。この記事では、以下の画像のようにDBに２つのテーブルを新規作成しました。このテーブルからデータを取得しWordPressの記事に表示していきます。

wp_subscriber、wp_target_youtuberテーブルを作成した様子

wp_subscriber には以下の画像のようにYouTuberの登録者数や再生数が格納されています。

ポイント①

テーブルを作成する時はテーブル名の頭にwp_ を付ける

class-wpdb.php を編集

作成したテーブルを参照するには、wp-includesフォルダの中にある class-wpdb.php ファイルに作成したテーブル名を記載する必要があります。このファイルはWordPressのバージョンによってはファイル名が違う場合があります。例えば以下の記事では wp-db.php ファイルを編集するとありますが、私のWordPressの場合は class-wpdb.php の編集が必要でした。

WordPressのMySQL独自テーブルの作成と利用方法【wp-db.phpの更新必須】 - Qiita

『WordPressのMySQLに独自テーブルを作りたい！！』というときに必要となる作業と、独自テーブルへの接続方法についての説明です。 WordPressのMySQL独自テーブルの作成と利用方法ということで、早速ですがMySQLへのテー...

編集する場所

class-wpdb.php の $tables 配列の中に、作成したテーブル名を記載します。この時 wp_ を外して記載します。

ポイント②

class-wpdb.php ファイルの $tables 配列変数に wp_ を外したテーブル名 を記載します。

functions.php を編集

外観 → テーマエディタ → functions.php にSQL文を書いて、テーブルからデータを取得します。取得したデータを画面に整形して表示させるためにHTML文も記載し、その結果を return します。

サンプルコード

以下は今回追記したプログラムです。

//子テーマ用のビジュアルエディタースタイルを適用
function wp_show_onepiece()
{

    global $wpdb;
    
    $query = "SELECT";
    $query.= "	 *";
    $query.= " FROM";
    $query.= "	 $wpdb->target_youtuber AA";
    $query.= "	 LEFT JOIN $wpdb->subscriber BB ON AA.id=BB.id";
    $query.= "	 INNER JOIN (SELECT MAX(add_date) AS add_date";
    $query.= "	 FROM $wpdb->subscriber GROUP BY id) CC ON BB.add_date = CC.add_date GROUP BY AA.id";
    $query.= "	 ORDER BY subscriber_count DESC";
    
    $rows = $wpdb->get_results($query);
	
	$return_val = "";
    $return_val .= "<br> OnePiece考察者ランキング(※毎日更新中) <br><hr>";
	
	$no = 1;
    if ($rows) {
        foreach ($rows as $row) {
            
            $return_val.= "<table>";
            	$return_val.= "<tr>";
            		$return_val.= "<td colspan='4'>No.".$no." <a href=https://www.youtube.com/channel/".$row->id.">".$row->title."</td>";
            	$return_val.= "</tr>";
            	$return_val.= "<tr>";
            		$return_val.= "<td><img border='0' src='".$row->img88."'></td>";
            		$return_val.= "<td>登録者数:".$row->subscriber_count."人</td>";
            		$return_val.= "<td>動画数:".$row->video_count."本</td>";
            		$return_val.= "<td>視聴数:".$row->view_count."回</td>";
            	$return_val.= "</tr>";
            $return_val.= "</table>";

            $return_val.= "<hr>";
            
            $no++;
        }
    }
    return $return_val;
}
add_shortcode('show_table', 'wp_show_onepiece');

//子テーマ用のビジュアルエディタースタイルを適用

function wp_show_onepiece()

{

global $wpdb;

$query = "SELECT";

$query.= " *";

$query.= " FROM";

$query.= " $wpdb->target_youtuber AA";

$query.= " LEFT JOIN $wpdb->subscriber BB ON AA.id=BB.id";

$query.= " INNER JOIN (SELECT MAX(add_date) AS add_date";

$query.= " FROM $wpdb->subscriber GROUP BY id) CC ON BB.add_date = CC.add_date GROUP BY AA.id";

$query.= " ORDER BY subscriber_count DESC";

$rows = $wpdb->get_results($query);

$return_val = "";

$return_val .= "<br> OnePiece考察者ランキング(※毎日更新中) <br><hr>";

$no = 1;

if ($rows) {

foreach ($rows as $row) {

$return_val.= "<table>";

$return_val.= "<tr>";

$return_val.= "<td colspan='4'>No.".$no." <a href=https://www.youtube.com/channel/".$row->id.">".$row->title."</td>";

$return_val.= "</tr>";

$return_val.= "<tr>";

$return_val.= "<td><img border='0' src='".$row->img88."'></td>";

$return_val.= "<td>登録者数:".$row->subscriber_count."人</td>";

$return_val.= "<td>動画数:".$row->video_count."本</td>";

$return_val.= "<td>視聴数:".$row->view_count."回</td>";

$return_val.= "</tr>";

$return_val.= "</table>";

$return_val.= "<hr>";

$no++;

}

return $return_val;

}

add_shortcode('show_table', 'wp_show_onepiece');

プログラムの解説

$wpdb とは

$wpdb 変数を介して、テーブルにアクセスします。変数の宣言は global で宣言 します。

global $wpdb;

1	global $wpdb;

wp_target_youtuber テーブルにアクセスする場合は以下のようにします。

$wpdb->target_youtuber;

1	$wpdb->target_youtuber;

add shortcode とは

functions.php で return した内容をショートコードを介して表示することができます。

add_shortcode('記事で使用するショートコード', 'function名');

1	add_shortcode('記事で使用するショートコード', 'function名');

このショートコードを記事の中で [] を付けて記載します。

ポイント③

functions.phpで設定したショートコードを本文に記載します。

実行結果

以下の画像のように、テーブルに登録されているYouTuberの登録者数や再生回数を記事の中に表示することができました。

さいごに

今回はWordPressの記事にデータベーステーブルの内容を表示する方法をご紹介しました。

この記事が皆様の参考になれば幸いです。ではまた。

・以下の記事を参考にさせて頂きました。

WordPressの独自テーブルに格納したデータを記事内で表示する方法【$wpdbとショートコードの利用】 - Qiita

WordPressのホスティングサーバで動作するMySQLの独自テーブルに格納したでデータを、記事内で表示する方法について説明します。 WordPressの独自テーブルに格納したデータを記事内で表示する方法ということで、前回の説明で活用し...

WordPressのMySQL独自テーブルの作成と利用方法【wp-db.phpの更新必須】 - Qiita

JitanTech

OnePieceの大ファンであり、考察系YouTuberのチェックを欠かさない。