稼げる副業でお小遣いを稼ぐ方法

稼げる副業でお小遣いを稼ぐだけじゃなく、料理や映画アニメ、趣味などメモにも使っているブログ

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

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

投稿日:2017年2月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分だけとかでもよいから何かやっていかんといけないね。

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

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

ECCUBEのスマホでページ移管を使う方法

ECCUBEのスマホで簡単にページ移管する方法をご紹介 関連記事: カスタムフィールドで画像を出力する時のヒント【ワードプレス】 Biz Calendarを使いやすくカスタマイズ 新googlemap …

ECCUBE4をXサーバーにインストールしてみた

ECCUBE4系へバージョンアップできるかどうか実験中 関連記事: カスタムフィールドで画像を出力する時のヒント【ワードプレス】 ワードプレスの分岐topページのみやその他表示 【EC-CUBE】管理 …

EC CUBEでSSLページのみに表示させる方法

EC CUBEでSSLページにだけ違うデザインをしたい時に使えるコードです。 関連記事: 【EC-CUBE】管理画面に色々な箇所のファイルを呼び出す方法 iPhoneアプリ内の広告を無料で消す方法 ネ …

Contact Form 7の送信元をメールアドレスにする方法【さくら】

コンタクトフォーム7からのメールのメールアドレスと送信元が違うケースって結構ありますよね。 関連記事: WP-Membersのインストールと設定方法 ワードプレス全体にパスワードをかけるPasswor …

Contact Form 7のエラー項目を分かりやすく方法

Contact Form 7を利用している方でエラー項目をよりわかりやすくさせる方法をご紹介いたします 関連記事: スマホ画面の一番下にふわっとコンテンツを表示させる方法 スマホ画面の下にPC切り替え …