激熱プラグインCustom Field SuiteとWordPress Front-end Editorをさわってみよう！
•
20 likes•11,388 views
WordBench大分第六回勉強会のスライドです。
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (20)
Similar to 激熱プラグインCustom Field SuiteとWordPress Front-end Editorをさわってみよう！
Similar to 激熱プラグインCustom Field SuiteとWordPress Front-end Editorをさわってみよう！ (20)
激熱プラグイン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 ! 本日はありがとうございました！