Recommandé
Contenu connexe
Tendances
Tendances (20)
Similaire à カスタムフィールドを使ってハッピーになろう
Similaire à カスタムフィールドを使ってハッピーになろう (14)
Plus de Seiichiro Mishiba
カスタムフィールドを使ってハッピーになろう
- 2. 名前 三柴 誠一郎 出身 愛媛県 拠点 千葉県松戸市 趣味 カメラ、 旅、 料理、 滝めぐり、宅飲み 特徴 絶望的に方向音痴 自己紹介 高知城（鷹城） 彦根城（金亀城） タコスパーティー 焼き鳥パーティー
- 7. とってもシンプル
- 16. ・・・よく解らない
- 17. そんな時は プラグインを使うと
- 24. 基本情報
- 25. Advanced Custom Fields (ACF) Smart Custom Fields (SCF) Custom Field Suite (CFS) 最新バージョン 4.4.2 1.4.0 2.4.3 最新更新日 2015-5-20 2015-4-29 2015-5-13 要件 3.5.0 以降 3.9 以降 3.8 以降 ダウンロード数 3,537,173 3,331 135,410 インストール数 900,000+ 1,000+ 20,000+ 作者 elliotcondon さん Takashi Kitajima さん Matt Gibbs さん MW WP Form の作者さん ※2015年6月24日調べ
- 26. スクリーンショット
- 28. Advanced Custom Fields オプション部 表示するページタイプ（固定とか 投稿とか）や表示位置を設定。
- 29. Smart Custom Fields フィールド部
- 30. Smart Custom Fields オプション部
- 31. Custom Field Suite フィールド部
- 32. Custom Field Suite オプション部
- 33. フィールドタイプ
- 34. Advanced Custom Fields (ACF) Smart Custom Fields (SCF) Custom Field Suite (CFS) フィールドタイプ 基本 テキスト テキストエリア 数値 メール パスワード Content Wysiwygエディタ 画像 ファイル 選択肢 セレクトボックス チェックボックス ラジオボタン 真偽 Relational ページリンク 投稿オブジェクト 関連 タクソノミー ユーザー Jquery Google Map デイトピッカー カラーピッカー レイアウト メッセージ タブ （繰り返し） 基本フィールド 真偽値 テキスト テキストエリア 選択フィールド チェックボックス ラジオボタン セレクトボックス コンテンツフィールド ファイル 画像 WYSIWYG その他フィールド カラーピッカー 日付ピッカー リレーション 単一行テキスト テキストエリア リッチエディタ ハイパーリンク 日付フォーマット カラーピッカー 真/偽 セレクトボックス 関連ポスト ユーザー ファイルのアップロード ループ タブ
- 39. Advanced Custom Fields フィールド部 Jquery Google Map デイトピッカー カラーピッカー
- 49. ① カスタムフィールドを作成する ② テンプレートファイルを編集する ※カスタムフィールドが表示されるようにする ③ ページを作成する（カスタムフィールドに値を入力） ④ ページを表示して確認する 基本的な使い方は同じ ここでの書き方がプラグイン によって少し違ってくる
- 51. そうすれば
- 54. ハンズオンの流れ ① プラグインを導入する ② カスタムフィールドを作成する ③ ページを作成する ④ テンプレートファイルを編集する ⑤ ページを表示する
- 55. ① プラグイン⇒新規追加 ② プラグインの検索に Custom Field Suite を入力 ③ プラグインを導入する クリック
- 57. ページを作成する（例） 項目 値 ショップ情報 新松戸バナナ肉店 商品リスト （ループ行） 商品名 バナナハンバーグ 販売開始日 2015-06-25 商品イメージ - 商品名 バナナ肉 販売開始日 2015-07-01 商品イメージ -
- 58. フィールドの値を取得する <?php echo CFS()->get('フィールド名'); ?> ループフィールドの値を取得する <?php $loops = CFS()->get('ループフィールド名'); foreach ( $loops as $loop ) { echo $loop['フィールド名']; } ?> カスタムフィールドの値を取得する Custom Fields Suits の場合
- 59. テンプレートファイルを編集する（例） <dl> <dt>店舗名：<?php echo CFS()->get('shop'); ?></dt> <?php $loops = CFS()->get('goods-loop'); foreach ( $loops as $loop ) { echo '<dd>' . wp_get_attachment_image( $loop['image'] ) . '</dd>'; echo '<dd>商品名：' . $loop['goods'] . '</dd>'; echo '<dd>販売開始日：' . $loop['date'] . '</dd>'; } ?> </dl> 表示させたい箇所に以下を記入 Twenty Fifteen の場合 content-page.php の22行目 <?php the_content(); ?> の下あたり
- 61. フィールドの値を取得する <?php the_field('フィールド名'); ?> カスタムフィールドの値を取得する Advanced Custom Fields の場合 Smart Custom Fields の場合 フィールドの値を取得する <?php echo esc_html( SCF::get( 'フィールド名' ) ); ?> 時間に余裕のある方は、他のプラグインでも試してみてください。