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

公開日: : 最終更新日:2017/02/18 副業で稼ぐ仕組みの作り方 , ,

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>

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

scjl1

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

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

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

ワードプレスでは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>

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

scjl2

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

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

さいごに

PHP使わないと忘れるわ

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

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

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

関連記事

tinymce advancedに絵文字を増やすTypePad 絵文字 for TinyMCE

ワードプレスでも無料ブログ同様絵文字を使いたいけど、tinymce advancedだと少ないですよ

記事を読む

JetpackのWP.me 短縮 URL

ブログ記事を紹介する時、長いURLをコピペするのが面倒な人もいらっしゃるでしょう。そんな人の為の機能

記事を読む

ふわっと表示したらごっつカッコええやん

スクロールしたらふわっと表示されるやつ作ってみたよ はじめに 縦長系のサイトで下

記事を読む

Biz Calendarを使いやすくカスタマイズ

営業日カレンダーを導入したけれど、こんな機能が欲しい!って要望があったのでカスタマイズしてみました。

記事を読む

スプレッドシートで見積書を作る時に役立つテクニック

スプレッドシートでもエクセルと同様に計算が出来ました はじめに googleの提供してい

記事を読む

ワードプレス全体にパスワードをかけるPassword Protected

特定の人だけにホームページやブログを見せたいなぁっと考えている方、ステキなプラグインを発見しました。

記事を読む

Jetpackの購読

ブログの更新やコメントをした際にすぐに知らせてくれるのがこの購読機能です。 はじめに ワードプレ

記事を読む

youtubeの動画をダウンロードする方法

この動画が削除される前にダウンロードしておきたいって動画や、編集したいと言う動画がyoutubeにあ

記事を読む

ワードプレスのシンプルな営業日カレンダーBiz Calendar

店舗経営しているなら見ている人の為に一目でわかる営業日カレンダーって欲しいですよね。 はじめに

記事を読む

画像をクリックしてテキストを表示させる

画像をクリックしたらlightboxのようにテキストを表示させる方法をご紹介させて頂きます は

記事を読む

Message

現在の総記事数: 321件

【EC-CUBE】管理画面に色々な箇所のファイルを呼び出す方法

ブロックで作成した情報以外からも情報を取得したい場合はこちらの情報が参

【画像あり】XAMPPを使ってPHPの動作確認方法

PHPの動作確認をするのにXAMPPは絶対に必要です。 はじめに

【画像あり】XAMPPの誰でもわかるインストール方法

これからPHPを勉強しようと考えている人の強い味方XAMPPのインスト

PHPのランダムを任意の数だけ表示させる方法

PHPのランダムを使い方をもう少し調べたらこんな使い方ができました

ECCUBEのポイント関連のバグ

最終保持ポイントがマイナス表示にならないように調整して下さい。って出て

→もっと見る

PAGE TOP ↑