WordPress・WEB系の開発(プログラム)関係や技術情報ほか、技術情報全般を掲載

  • このエントリーをはてなブックマークに追加

WordPressショートコードでバスケのスコアテーブルを表示する

バスケットボールのスコアテーブルをWordPressで投稿したいときに、いちいちテーブルタグを書くのは非常に面倒なので、少しでも手間を減らせるようWordPressショートコードにしてみました。

[1]ショートコード:

<?php
//スコアテーブル
function shortcode_scoretable( $atts ) {
	extract(
		shortcode_atts(
			array(
				'teama'  => '', //チームAの名前
				'teamb'  => '', //チームBの名前
				'scorea' => '', //チームAのスコア
				'scoreb' => '', //チームBのスコア
			),
			$atts
		)
	);

	//スコア文字列をコンマで区切り配列に入れる
	$scoreA_arr   = explode(',', $scorea);
	$scoreB_arr   = explode(',', $scoreb);

	//初期化
	$scoreA_str   = ''; //
	$scoreB_str   = ''; //
	$scoreA_total = 0;  //
	$scoreB_total = 0;  //
	$period_count = 0;  //
	$period_str   = ''; //

	//チームAのデータ処理
	foreach ($scoreA_arr as $val) {
		$scoreA_str .= '<td>'.$val.'</td>';
		$scoreA_total += $val;

		$period_count++;
		if ($period_count <= 4) {
			$period_str .= '<th>'.$period_count.'P</th>';
		} else {
			$tmp = $period_count - 4;
			$period_str .= '<th>OT'.$tmp.'</th>';
		}
	}

	//チームBのデータ処理
	foreach ($scoreB_arr as $val) {
		$scoreB_str .= '<td>'.$val.'</td>';
		$scoreB_total += $val;
	}

//スコアテーブルのHTML出力する
return <<<EOT
	<table>
		<tr>
			<th>チーム名</th>
			{$period_str}
			<th>TOTAL</th>
		</tr>
		<tr>
			<td>{$teama}</td>
			{$scoreA_str}
			<td>{$scoreA_total}</td>
		</tr>
		<tr>
			<td>{$teamb}</td>
			{$scoreB_str}
			<td>{$scoreB_total}</td>
		</tr>
	</table>
EOT;
}
add_shortcode('scoretable', 'shortcode_scoretable');
?>

[2]利用法:

[scoretable teama='リンク栃木' teamb='三菱電機名古屋' scorea='17,19,17,18' scoreb='15,16,23,16']

[3]出力される内容:

チーム名 1P 2P 3P 4P TOTAL
リンク栃木 17 19 17 18 71
三菱電機名古屋 15 16 23 16 70

【PR】ショップナビでコインランドリーを検索!無料掲載でSEOと集客効果に期待!
【PR】大学バスケを盛り上げよう!筑波大学女子バスケ部情報

関連記事

コメント

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

コメントは利用できません。

アーカイブ