ブログBlog

Advanced Custom Field(ACF)で日時タイプを扱う

カスタムフィールドの作成ができるプラグインとして、「Advanced Custom Field」は、非常に便利なプラグインです。簡単に様々なタイプのカスタムフィールドを追加できますので、弊社でもよく利用するプラグインの1つです。
ただ1つだけ、【日付】を扱うタイプ「デイトピッカー」は、あるものの残念ながら【日時】を扱うタイプがありません。
日時を扱うパターンというのは、以外と結構あります。(何らかのサービスの開始日時や終了日時など)

そこで、そのような時に使えるプラグインが「Date and Time Picker Field」です。
本プラグインを導入する事で、「Advanced Custom Field」にアドオンされ【日時】を扱うタイプ「Date Time Picker」を追加する事ができます。
今回は、この「Date and Time Picker Field」についてご紹介させて頂きます。

1.インストール手順

WordPress.orgの公式プラグインとしてリリースされていますので、Wordpressの管理画面から「プラグイン」→「新規追加」を選択し、「Date and Time Picker Field」で検索頂くと、本プラグインが表示されますので、インストールして下さい。
(なお、まだこの時点では、最新版のWordpressでの動作検証は、まだ未検証のようでした。)

Date and Time Picker Field

Date and Time Picker Field

 

2.Date Time Pickerの設定内容

「Advanced Custom Field」の設定画面に、【日時】を扱うタイプ「Date Time Picker」がアドオンで追加されていますので、「Advanced Custom Field」からカスタムフィールドを追加し、【日時】を扱うタイプ「Date Time Picker」を選択頂く事で、【日時】を扱うカスタムフィールドを追加する事ができます。

【日時】を扱うDate Time Pickerの設定画面

【日時】を扱うDate Time Pickerの設定画面

弊社で制作したオークションサイトのオークション終了日時の設定に使用しています。
設定された【日時】の「表示フォーマット」と「返り値のフォーマット」を、日時の書式フォーマットで設定する事ができます。

 

3.追加した画面

追加されたカスタムフィールドではカレンダーが表示され、日付だけでなく時刻も設定可能になっています。

利用シーンは限られますが、【日時】を扱うような場合には、「Date and Time Picker Field」が利用できます。

参考URL)
https://wordpress.org/plugins/acf-field-date-time-picker/

 

WEB DESIGN

RishunTradingでは、日本にはないコンセプトや高いデザイン性をもったヨーロッパ製品の輸入販売、及び、Webサイト制作事業などをおこなっております。

「全てお任せ!ホームページ制作」は、ドメイン取得からサーバー設定、レスポンシブルデザイン(スマホ、タブレット対応)、SEO対策がすべて含まれたお得なホームページを制作するサービス商品です。

運用開始後に「Webサイト運用管理サービス(保守)」と組み合わせて購入しますと、メンテナンス、更新も含めてすべて弊社で実施しますので、お客様は安心して本業に集中する事ができます。

しかもなんと、「全てお任せ!ホームページ制作」は、¥100,000!で提供しております。

本業が忙しい中小企業様に大変ご好評を頂いている商品です。

  • 独自ドメイン取得

    独自ドメイン取得

  • サーバー開設&設定

    サーバー開設&設定

  • レイアウト設計

    レイアウト設計

  • レスポンシブルデザイン

    レスポンシブルデザイン
    (*1)

  • 検索エンジン最適化(SEO対策)

    検索エンジン最適化
    (SEO対策)

  • 場所Maps

    場所Maps

  • お問い合わせフォーム

    お問い合わせフォーム

  • SSL化

    SSL化

  • 各種SNS連携

    各種SNS連携

  • 運用マニュアル

    運用マニュアル

≫詳細はこちら

MENU