WordPress投稿欄に一覧表を表示する PART2【外部データベース編】

WordPress投稿欄に一覧表を表示する【外部データベース編】

千ちゃん

自分の投稿欄に、別のデータベースやサービスからのデータを一覧表示したい。どうしたらいいの？

シンさん

今回は「ショートコード」の機能を使ってできる方法を解説するよ！

コーディングはよく分からないけど、コピペはできる！という人にはおすすめです！

Contants

どうやってやるの？
- サンプルソース
- 使用方法
デモ
まとめ

どうやってやるの？

今回は外部データベースを呼び出す「ショートコード」を作成し、投稿欄に張り付けます。
サンプルソースをテーマのfunction.php内にコピペして修正をします。

ショートコードとは

ショートコードは、function.phpに記入したプログラムを投稿欄などで呼び出す機能です。セキュリティ上難しい機能をカスタマイズすることができます。

MySQLの使い方を習得した人であれば、別システム等のデータベース内容を自由にWordPress内に表示させることができます。

WordPress投稿欄に一覧表を表示する【外部データベース編】-概念図

サンプルソース

今回はショートコード呼び出し時に、データベース名と取得したい表のSQL文を指定します。

コードは3部構成になっており、DB接続、列タイトル、行内容の設定構成です。

※$wpdbのプロパティ【WordPressホストサーバ情報】を使用していますが、別サーバにも設定可能

function call_db($atts) {
	extract(shortcode_atts(array( 'dbname'=>"", 'sql'=>""),$atts)); 
	
        global $wpdb;
	$db_user = $wpdb->dbuser; //データベース接続ユーザーの取得
	$db_passwd = $wpdb->dbpassword; //データベース接続用パスワードの取得
	$db_host = $wpdb->dbhost; //データベースホストの取得
	$another_wpdb = new wpdb($db_user, $db_passwd, $dbname, $db_host);
	
	//DB接続
 	$rows = $another_wpdb->get_results($sql);
	$wdb ='<table><thead><tr>';

	//カラム名をTABLEタグタイトルに変更
	$columns = [];
	$keys = get_object_vars($rows[0]);
	foreach($keys as $key=>$value) {
		$columns[] = $key;
		$wdb .='<th>'.$key.'</th>';
	}
	$wdb .='</tr></thead><tbody>';
	
	//TABLEタグに取得行を追加
	foreach($rows as $row){
		$wdb .='<tr>';
		foreach($columns as $column){
			$wdb .='<td>'.$row->$column.'</td>';	
		}
		$wdb .='</tr>';
	}
	$wdb .='</tbody></table>';
    return $wdb;
}  
add_shortcode("wdb", "call_db");