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

関連記事

ECCUBEの検索に商品IDを追加させる方法

ECCUBEはデフォルトだと検索機能は非常に弱いです。 はじめに ECCUBEでは検索機能がすご

記事を読む

ワードプレスに任意の画像サイズを追加する方法

2種類のサムネイル画像を表示させたいなぁって時に使えた技です。 はじめに ワードプレスだと元々サ

記事を読む

amazonアフィリエイトの登録方法

もし、自分のお勧めしたい何かがあった時に非常にうれしいツールの一つがこのamazonアフィリエイトで

記事を読む

WordPressのfeedが9時間ずれてしまう時の改善方法

ワードプレスの新着情報を取得する時にfeedから取得している人って多いですよね。ただ、feedから取

記事を読む

no image

ワードプレスにソースコードを表示させるプラグイン【SyntaxHighlighter】

ワードプレスにhtmlタグなどのソースコードを記入した際にわかりやすくする為のプラグインです。

記事を読む

WordPressのビジュアルとテキストの切り替えが出来ない時

ビジュアルとテキストの切り替えができない・・・そんな時の対策をご紹介 はじめに ワードプレスでは

記事を読む

ECCUBE3の商品CSV登録が簡単でした

毎回トラブルがあるCSV登録ですがECCUBE3では結構すんなり登録が出来ました。 はじめに 商

記事を読む

アフィリエイト用リンクをクリックされやすくするテクニック

アフィリエイターって他人のアフィリエイトリンクってクリックしたがらないですよね。そこでクリックさせる

記事を読む

ワードプレスで使えるLightbox Plusプラグイン

画像をクリックすると別ページに飛ぶのはちょっと見ずらいですよね?そこで登場なのがLightbox P

記事を読む

無料のお問合せフォームの作り方【FC2】

今回は無料で使えるFC2のお問合せフォームの導入方法をご紹介いたします。 はじめに お問

記事を読む

Message

現在の総記事数: 317件

ECCUBEのポイント関連のバグ

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

ECCUBEの検索に商品IDを追加させる方法

ECCUBEはデフォルトだと検索機能は非常に弱いです。 はじめに

EC-CUBEで各カテゴリーページに情報を表示させる方法

EC-CUBEでカテゴリーページごとに情報を入れる方法をご紹介

windows10のおすすめを非表示にする方法

windows10に変わってからめっちゃうっとおしくなってきましたね

PHPの中にPHPを入れたい人の為のヒント

PHP初心者によくある疑問点PHPの中にPHPを入れる事が出来れば

→もっと見る

PAGE TOP ↑