激熱プラグインCustom Field SuiteとWordPress Front-end Editorをさわってみよう！
20 likes11,500 views
奥辞谤诲叠别苍肠丑大分第六回勉强会のスライドです。
More Related Content
Viewers also liked (20)
Similar to 激熱プラグインCustom Field SuiteとWordPress Front-end Editorをさわってみよう！ (20)
![Webっちゃ vol.01 [Wordpressでできること]](https://cdn.slidesharecdn.com/ss_thumbnails/webccha-wordpress01-130527043932-phpapp01-thumbnail.jpg?width=560&fit=bounds)
![[修正版]大学生によるWordPress活用事例紹介 -1-大学生にこそ普及してほしいWordPress](https://cdn.slidesharecdn.com/ss_thumbnails/wordfes2016wordpress-160828041416-thumbnail.jpg?width=560&fit=bounds)
激熱プラグインCustom Field SuiteとWordPress Front-end Editorをさわってみよう！
- 1. 激熱プラグイン Custom Field Suite と WordPress Front-end Editor を さわってみよう！ WordBench大分 渡邊 俊之
- 2. 自己紹介 渡邊 俊之（@supernabeo） ?アーカイブ技術研究所 開発担当? →最近はサービスのクラウド化のためAWSを… ?WordBench大分の運営部隊（募集中！） ?スナック菓子が好きでしょうがない? →カラムーチョ、柿の種、じゃがりこ etc… ?今年はなんかついてる気がする
- 3. 本日の内容 ?はじめに ?カスタムフィールドについて ?Custom Field Templateの特徴 ?Advanced Custom Fieldsの特徴 ?Custom Field Suiteの特徴 ?最近のWebサイト制作ツール事情 ?WordPress Front-end Editorの特徴 ?お知らせ
- 4. はじめに 私自身がとても気になっているのです。 カスタムフィールド系のプラグインである Custom Field Suite 今後本体に入れられるのではと噂される WordPress Front-end Editor この二つのお話を中心に色んなお話を 時間いっぱいおつきあいいただきます！
- 10. Custom Field Templateの特徴 ?カスタムフィールドの入力フォームを ユーザーが使いやすい形式に変更できる！ ?ショートコードで表示できる！ ?カスタムフィールドの検索フォームを作れる！ ?カスタマイズ性も抜群で細かな設定が可能！ ?日本の開発者がこまめにメンテナンス！ とにかく多機能！すごいとしか言いようがない！
- 11. Custom Field Templateの特徴 誰もが感動し これを使う事で 多くの人が救われた！
- 14. Advanced Custom Fieldsの特徴 ?様々な形式の入力形式に対応 →Google map、カラーピッカー、ユーザー選択etc ?デザインが洗練されていて好印象 ?コーダーにもやさしい直感的なテンプレートタグ ?公式サイトでの充実したドキュメント（英語） ?有料プラグインRepeater Fieldを入れてさらに最強 このプラグインを「神」とまで呼ぶユーザーも！
- 15. Advanced Custom Fieldsの特徴 衝撃的なほど 分かりやすい！
- 16. コーディングもわかりやすく ループ内に以下のような記述をするだけ！ <?php if ( have_posts() ) : ?> <?php while ( have_posts() ) : the_post(); ?> <?php the_field( ’field_name’ ); ?> <?php endwhile; ?> <?php endif; ?> なんと簡単！これなら覚えられる！ Advanced Custom Fieldsの特徴
- 18. Repeater Fieldとは便利か？ こんなことができてしまいます！わお！ さらに行を増やせます→
- 20. ACFの独特なデータ形式 通常は wp_postmetaテーブルの meta_keyに名前、meta_valueに値が単体で入ります。 複数の値を選択する場合も１レコードずつ生成。 例）チェックボックスで二つ選択 meta_key = hobby, meta_value = music meta_key = hobby, meta_value = tennis しかし！ ACFでは若干？保存形式が違うのです！
- 21. シリアライズ化事件 ACFでは複数の値が設定されると 以下のようにシリアライズ化されて保存されます。 例）meta_key = hobby meta_value = a:2:{i:0;s:5:”music";i:1;s:6:”tennis";} これは多くの情報を保存する為になされる技ですが 本来カスタムフィールドは単純なもの こうなると検索など大変です 参考：素晴らしいまとめ http://notnil-creative.com/blog/archives/1752
- 23. Custom Field Suiteの特徴 ?ACFのバージョン2.Xからフォーク ?機能の肥大化を避け、安定性、パフォーマンスを 追求している ?ACFに似た分かりやすい操作性 ?なんと無料でリピート入力フィールドが使える ?テンプレートタグは <?php $cfs->get( ’field_name’ ); ?> ?ACFのシリアライズ問題を解消？ →独自のテーブル wp_cfs_sessions, wp_cfs_values
- 24. Custom Field Suiteの特徴 なかなかいい感じの设定画面！
- 26. 個人的な評価ですが デザイン 操作性 入力 フォーム の種類 細かな 条件設定 データ 汎用性 CFT △ △ ○ ◎ ◎ ACF ◎ ◎ ◎ ○ △ CFS ○ ○ ○ △ ○ ぜひ比べてみてください！
- 32. WordPress Front-end Editorの特徴 ?WordPress.orgが開発 →これはコアに入ると期待していいのかな？ ?管理画面に入らず「編集」をクリックすると タイトルと本文が編集可能 ?オプションでカテゴリ、タグ、カスタムフィール ド等も編集可能 ?余分な機能がなくシンプルで分かりやすい
- 34. 最後に Custom Field Suiteも WordPress Front-end Editorも まだまだ今後の行方が分からないプラグインですが 目の付け所はとても素敵です！ こうしてほしいなあという意見を伝えたり、 ちょっと頑張って改造してみるなり、 新たなプラグインに進化させるなり、 欲しい物は自分で手に入れましょう！ 笑
- 36. Thank You ! 本日はありがとうございました！