This is standard

KAIZEN PLATFORM社が提供するA/Bテストプラットフォームにてグロースハックを行っているフリーランサーのサイトです。

MovableTypeでイベントやフェアブログを構築するときに使えるテンプレート

   

MovableTypeでイベント情報ブログを構築するときに使えるテンプレートをご紹介します。

1.カスタムフィールドを用意します。
イベント開催日と終了日を登録するカスタムフィールドを用意します。
ここでは開催日のフィールド名を「fairdate」終了日を「fairenddate」とします。

customefield

2.タイムスタンプにします。
カスタムフィールドで登録した日付をphpのstrtotime()関数をつかってタイムスタンプにします。

3.現在の日時と比較します。
phpで現在の日付を取得し、イベント開催日のタイムスタンプと比較します。

現在開催中のイベントを表示するには、開催日は現在の日時より前でかつ、終了日は現在の日付より後になるので、こんなif文になります。

これから開催のイベントを表示するには、開催日も終了日も現在の日時より後になるので、こんなif文になります。

終了したイベントを表示するには、現在の日時より前になるので、こんなif文になります。

4.MTのテンプレートにのせる

イベントが終了すると自動で非表示にかわるので、便利です。

 - Tips, WordPress・MovableType

  関連記事

ECサイトで使いたい!カウントダウンをjavascriptで実装する

新作商品販売まで後◯◯日!のようなカウントダウンをjavascriptで実装する …

FutureShop2のfs2api.jsを利用してユーザー名を取得する方法

FutureShop2にはfs2api.jsが用意されていて、ユーザー名などログ …

マークアップにschema.orgを利用してGoogleフレンドリーなページを作成しよう

Googleのリッチスニペットで知られているスキーマを利用して商品詳細ページをマ …

CSS3で立体ボタンを作成する

立体デザインボタン 昨今のフラットデザインの流れでボタンと認識できず、CTRが下 …

jQueryで背景画像をフェードイン・フェードアウト

jQueryで背景画像をフェードイン・フェードアウトする方法の覚書です。 [cr …

LPで使えるjQueryアニメーションボタン

LPでgifアニメーションボタンが一時流行りましたが、ボタンを作るのは結構時間も …

[グロースハック 136.7%改善]スマホ版LPでCTRをあげる改善事例

※申し訳ございません、都合上クライアント名・デザイン画像の掲載は控えさせていただ …

【ECサイト】javascriptで出荷日時を自動で表示する方法

Amazonをはじめ、多くのオンラインショップで即日配送を実施されてますよね。 …

mampで実装したファイルをngrokで公開する

わざわざローカルで実装して、FTPでテストサーバーにアップしてのやり取りって本当 …

レスポンシブWebデザインで、selectフォームの高さを調整する

レスポンシブWebデザインに限ったことではないのですが、最近フォーム入力がしやす …