副業で稼ぐ仕組みの作り方

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

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分だけとかでもよいから何かやっていかんといけないね。

関連記事

  1. スマホ画面の下にPC切り替え可能なワードプレスプラグイン

  2. twitterをHPに埋め込みしてみたよ

  3. オリジナルドメインを使おう

  4. さくらサーバーでワードプレスの無料SSLを導入してみたよ

  5. 管理画面でお問合せメールの確認が出来るTrust Form

  6. WordPressでCSV登録が出来るReally Simple CS…

コメント

  • コメント (0)

  • トラックバックは利用できません。

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

コメントするためには、 ログイン してください。
PAGE TOP