WP ZoomUP 40 - Save JP Loss

WP ZoomUP #40 WordPressで社会貢献 〜発案から実装まで、舞台裏を見てみよう〜での発表スライドです

Transcript

1. 〜発案・チーム結成・試行錯誤の裏側〜
2. Save JP Loss ?
3. Save JP Loss ?
4. ※現在は販売者登録受付中です。
5. SNSやってます Twitter: @savejploss Facebook:savejploss #savejploss
6. 発案
9. チーム結成
11. Nishiki もくもく勉強会 オンライン https://wpnishiki.connpass.com/
13. プロジェクト管理 https://backlog.com/
14. コミュニケーション
15. 試行錯誤の裏側
16. 1.PR
18. プレスリリース プレスリリース13社の配信サービスを 有料･無料まとめて徹底比較！【2019年保存版】 https://frontier-pr.jp/6241.html#i-4
19. 2.サービス構成
21. Admin Menu Editor Announce from the Dashboard Colorlib Login Customizer Command Palette Crazy Bone (狂骨) Custom Post Type Permalinks Custom Post Type UI Disable Comments Duplicate Post Enable Media Replace Insert Headers and Footers Intuitive Custom Post Order MW WP Form MW WP Form Data 2 User MW WP Form Generator Native Lazyload Nav Menu Roles Nested Pages Official Facebook Pixel Passwordless Login Peter's Collaboration E-mails Peter's Login Redirect Public Post Preview Regenerate Thumbnails Save JP Loss Save JP Loss Plugin(Imamura) Search Meter Show Current Template Simple Custom CSS and JS Site Kit by Google User Role Editor User Switching WP Email Users WP File Manager WP Mail SMTP WP Multibyte Patch WP Remove Dashboard Extra Widgets WP SVG images XO Featured Image Tools 41 Plugins
22. Ver.1 構想 • 生産者を「寄稿者」としてユーザー登録 • 管理画面から投稿タイプ「商品」を作成してもらう
23. Ver.1 手順 • （生産者）サイトにアクセスする • （生産者）WPユーザーとして登録する • （生産者）パスワード作成メールを受信 • （生産者）パスワード作成 • （生産者）管理画面ログイン
24. Ver.1 手順（続き） • （生産者）「商品」作成（ブロックエディター） • （生産者）「レビュー待ち」に • （管理者）「商品」公開
25. Ver.1 工夫したこと • ログイン画面の文言などを分かりやすく • ブロックテンプレートで入力枠の制限 • 操作方法の動画マニュアルをYouTube公開
26. ブロックテンプレート $item = get_post_type_object( 'item' ); $item->template_lock = 'all'; $item->template = [ [ 'core/group', [ 'className' => 'item-block-group' ], [ [ 'core/image', [ 'className' => 'item-img','align' => 'full' ] ], [ 'core/heading', [ 'className' => 'item-h2','level' => '2', 'content' => '商品名' ] ], [ 'core/paragraph', [ 'className' => 'item-p', 'placeholder' => '新鮮たまねぎ 5kg（クリックで入力） ' ] ], [[ 'core/heading', [ 'className' => 'item-h2','level' => '2', 'content' => '商品説明' ] ], [ 'core/paragraph', [ 'className' => 'item-p', 'placeholder' => '無農薬にこだわって大切に栽培しています。（クリックで入力） '] ], ] ]; ]; Before Gutenberg – ブロックテンプレートによる入稿制限 https://capitalp.jp/2018/12/13/block-template-for-cpt/
27. Ver.1 うまくいかなかった • 生産者さんからの登録が10件ほど • 90%がスマホ / タブレットで登録 • モバイル端末で管理画面の操作は難しい
28. Ver.2 構想 • ユーザー登録・商品登録を外部フォーム化 • 管理画面を極力操作させない
29. Ver.2 手順 • （生産者）サイトにアクセスする • （生産者）販売者登録フォームを送信 • （システム）WPユーザー自動作成 • （システム）商品登録フォームURLを送信 • （生産者）URLから商品データを送信
30. Ver.2 工夫したこと • MW WP Form送信から「WPユーザー」自動作成 • ログイン簡略化のため「Passwordless Login」導入 • MW WP Form送信から「商品」自動作成
32. <?php /** * Plugin Name: MW WP Form Data 2 Post * Description: MW WP Formから送信されたデータを投稿に複製する * Author: mt8 * Version: 1.0 * License: GPL2 * MW WP Form Data 2 Post is free software: you can redistribute it and/or modify */ MW WP Formから送信されたデータを投稿に複製する https://bit.ly/mw2post
33. 神戸 おいしい マルシェ https://kobe-oishii.com/
34. Ver.2 うまくいった？
35. これから • 販売者・商品の掲載を進める • 販売者の業務がパンクしない仕組みづくりをする