WordPressで土日の色が違うスケジュールを表示させる方法

投稿日：2017年2月18日更新日：2016年12月21日

1週間のスケジュールをPHPで出すときに土日の色だけ変える方法

はじめに

1週間のスケジュールをワードプレスで出す時に、土日だけ色を変えた方がクライアントも見やすいですよね。

注意事項

PHPをいじるので必ずテストをしてからアップしましょう

今日から1週間の日付

まずは今日から1週間の日付を取得します。

<table>  
<?php
  for($i=0; $i<7; $i++){
$time = strtotime('+' . $i . ' days');
echo '<td>'. date('n月j日', $time) .'</td>';
  }
; ?>
</table>

こちらのコードをワードプレスのスケジュールを表示させたい箇所に記載します。

するとこんな感じで表示されました。

土日の色を変えるんんだぜ

日付の取得ができれば土日だけの健康は非常に簡単です。

ワードプレスではthe_dateという関数を使う事で日付だけでなく曜日も取得可能です。

<table>  
<?php
  for($i=0; $i<7; $i++){
$time = strtotime('+' . $i . ' days');
echo '<td class="'. date('D', $time) .'">'. date('n月j日', $time) .'</td>';
  }
; ?>
</table>

このようにtdに対して曜日のクラスを追加しました。

<style type="text/css">
    .Sat {background:#DAD8EA;}
    .Sun {background:#FFE8E8;}
</style>

あとはこのように土日で背景の色を変更すると

このように土日の色だけ変えることが出来ました。

以上でWordPressで土日の色が違うスケジュールを表示させる方法の説明を終了いたします。

さいごに

PHP使わないと忘れるわ

本業が忙しすぎて稼げる副業にまで手が回っていないような状況です。
PHPはほんと使わなくなると一瞬で忘れてしまいますね笑

昔作ったコードを見ても何をしたかったんやろ？って全然理解できなくなってしまってた

1日に10分だけとかでもよいから何かやっていかんといけないね。