Slide 1
Slide 1 text
⾃作WordPressテーマを
⼈気テーマにしたい妄想話
2019/12/07
@yosiakatsuki
群⾺ WordPress MeetUp #4
Slide 2
Slide 2 text
⾃⼰紹介
Slide 3
Slide 3 text
・尾形 義暁 （おがた よしあき）
・フリーランス
・WordPress
テーマ/プラグインデベロッパー
・Twitter : @yosiakatsuki
Slide 4
Slide 4 text
著書・制作物
「本気でカッコよくする
WordPressで⼈気ブログ」
無料WordPressテーマ
「yStandard
」
Slide 5
Slide 5 text
活動・イベント
・Gunma WordPress Meetup (群⾺県)
(埼⽟県)
・WordPressもくもく勉強会@本庄
Slide 6
Slide 6 text
⾃作WordPressテーマを
⼈気テーマにしたい妄想話
Slide 7
Slide 7 text
\実は私/
無料WordPressテーマの作者です
Slide 8
Slide 8 text
yStandard
Slide 9
Slide 9 text
・2017年に公開
・今までに⼤きなアップデート2回
・流⾏りに合わせていろいろ変えてきた
・「yStandard 2
」みたいな形にはしない
・ずっと「yStandard
」
Slide 10
Slide 10 text
2020年は
yStandard
をパワーアップするぞ！
Slide 11
Slide 11 text
ブログだけじゃない！
ホームページ制作もイケる！
WordPressテーマ…
とりあえずyStandard
…
使ってみようかな！？
こんなことを⾔ってもらえるテーマを⽬指します
Slide 12
Slide 12 text
\夢はでっかく/
⼈気テーマにするぞ！
Slide 13
Slide 13 text
「⼈気テーマ」…ってなに？
Slide 14
Slide 14 text
⾼機能なテーマ？ おしゃれなテーマ？
Slide 15
Slide 15 text
どんなテーマが⼈気か調べてみよう
Slide 16
Slide 16 text
最近こっそりTwitter
で
「wordpress lang:ja
」を検索
TweetDeck
で眺めている…
いろいろ学びがあります…
Slide 17
Slide 17 text
「wordpress」ツイートでよく⾒かけるテーマの特徴
・有料
・ SEO対策済み
・ 簡単⼊⼒機能つき（クラシックエディター機能）
・ 便利ショートコード
・ ボタンクリックでプロデザイナーが作成したようなサイトができる
※「wordpress」を含まないでテーマ名だけの感想ツイートもあると思うので、あくまで参考程度
Slide 18
Slide 18 text
・有料
・ SEO対策済み
・ 簡単⼊⼒機能つき（クラシックエディター機能）
・ 便利ショートコード
・ ボタンクリックでプロデザイナーが作成したようなサイトができる
HTMLレベルでのSEO対策は
どのテーマもそこまで差はない？
ブロックでなんとかなる…
というかブロックのほうがきっと簡単…
Slide 19
Slide 19 text
だいたいのことが
ブロックでなんとかなる！
Slide 20
Slide 20 text
機能よりブロックが重要になる！
\これからのテーマ選びは/
はず…
Slide 21
Slide 21 text
テーマの使いやすさ
= ボタンクリックで簡単に
いい感じのサイトが作れる
こんなイメージ…？
これだけじゃないし、⼈によっても違う
Slide 22
Slide 22 text
ブロックエディターがまさにそれ
横並びのコンテンツとかが超簡単に作れるようになった
Slide 23
Slide 23 text
今後はブロックだけを提供するプラグインも増えるはず
Slide 24
Slide 24 text
ブロックエディターを
より使いやすくするための⼯夫
個⼈的にポイントだと思っている
Slide 25
Slide 25 text
カラーパレット
使える⾊の選択肢が多いと嬉しい
ただ、多すぎると操作が煩雑になるの
で、程々がうれしい。
Slide 26
Slide 26 text
ちなみにyStandard
では、カラーパ
レットの⾊を編集できる。
＋３⾊までよく使う⾊をパレットに追
加できる。
全部で12⾊編集できる
Slide 27
Slide 27 text
テキストサイズ
⽂字サイズ設定も⾃分との相性が⼤事
「⼤きい⽂字サイズがやたら⼤きいｯ」
みたいに思ったこともあるのでホント
相性⼤事。
Slide 28
Slide 28 text
幅広・全幅設定
これがあるとカッコいいレイアウトの
TOPページとか作りやすい
Slide 29
Slide 29 text
本⽂だけ表⽰できるテンプレート
ページタイトルやアイキャッチ、
公開⽇付などが表⽰されないページテ
ンプレートがあるとブロックフル活⽤
でいろいろできる。
Slide 30
Slide 30 text
今後はブロックを追加！
yStandard
パワーアップの話に戻って…
Slide 31
Slide 31 text
吹き出し・FAQ・ステップなど…
よく使われるものを追加予定
Q
A
1
2
3
Slide 32
Slide 32 text
吹き出し・FAQ・ステップなど…
よく使われるものを追加予定
Q
A
1
2
3
「他のプラグインやテーマでもありますよね？(パクリでは？)
」
Slide 33
Slide 33 text
吹き出し・FAQ・ステップなど…
よく使われるものを追加予定
Q
A
1
2
3
ごもっとも…
Slide 34
Slide 34 text
吹き出し・FAQ・ステップなど…
よく使われるものを追加予定
Q
A
1
2
3
まあ、でも…
それぞれテーマに合うレイアウト・デザインになるように調整されてるから
よく使われる機能のブロックが出揃ってから本当の差別化がはじまる
Slide 35
Slide 35 text
開発・運営の⼯夫
すでに少しずつ始めている
Slide 36
Slide 36 text
やりたいこといっぱいで
何から⼿を付けたらいいかわからない問題
Slide 37
Slide 37 text
Trelloの公開ボードと投票機能を使って
優先対応の参考に
→ 今後フォーラム設置＆投票機能を
⽤意する予定
問題点
・Trelloアカウントが必要
・みんなTrelloを使ってるって訳では…
Slide 38
Slide 38 text
アプデのたびにお知らせ記事⽤意するのが
思ったより⼤変問題
Slide 39
Slide 39 text
・ちょっとしたバグ修正のために1記事作る…？
→ 「〜〜を修正しました。」の1⾏ﾀﾞｹﾅﾝﾃﾞｽｹﾄﾞ
・じゃあ、いくつかまとめてリリースしよう！
→ 改修にかける時間が取れず更新が遅れる…
・いい⽅法あるかな…？
Slide 40
Slide 40 text
・テーマのTwitterアカウントを作成
→ 細かなアップデートの案内
→ ⼤きなアプデのみ記事作成する
・アプデ履歴を⾒れるページを作成
→ Twitterやっていない⼈向け
→ アカウント運営や管理ページが
増えたが、気持ち的にはスッキリ！
Slide 41
Slide 41 text
ワクワク・ドキドキ感を出したい
Slide 42
Slide 42 text
開発中機能のデモ動画をアップ
コメントなどフィードバックがあれば
要望はなるべく取り⼊れていきたい！
Slide 43
Slide 43 text
「使ってみようかな」
って思ってもらうために…
Slide 44
Slide 44 text
「なんかそのテーマよく聞くよね！」
「あの⼈が使ってるのよさそう！」
こういう気持ちがたぶん⼤事
Slide 45
Slide 45 text
「⾼機能」「多機能」ならいい！
というものではない
機能が⾜りないと「う〜ん…」
多すぎると「ワケワカラナイ」
「こういうことがやりたい！」を叶えつ
つ、バランス良く
Slide 46
Slide 46 text
「サイト作例」的なものを作りたい
「こんな感じのサイトができるのか〜」
ってイメージできたらうれしい？
デモサイトも作成予定
できれば実際に運営しているサイトを
紹介したい
https://tsuruya.fun/
Slide 47
Slide 47 text
より使いやすく
変えていく
Slide 48
Slide 48 text
流⾏り廃り、環境変化に合わせて変えていきます！
欲しい機能などあればリクエスト⼤歓迎！
直接⾔いづらければ、Twitterなどでぼそっとつぶやいてくれて
もOKです！
Slide 49
Slide 49 text
ただ、コンセプトは⼤切に。
なんでもアリアリになりすぎないように。
Slide 50
Slide 50 text
「⾃分だけのサイトを作る楽しさ」
を感じてもらうために作った⼀⾵変わったテーマ
Slide 51
Slide 51 text
「装飾が少ない分、⾃分でCSSカスタマイズがやりやすい」
今後も、そう⾔ってもらえるテーマであり続けながら、
アドオン（プラグイン）などで設定だけでデザインカスタマイ
ズができるような仕組みも追加していきます
Slide 52
Slide 52 text
yStandard
よろしくおねがいします。
おわり。