Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
自作WordPressテーマを人気テーマにしたい妄想話
Search
Yoshiaki Ogata
December 07, 2019
Programming
330
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
自作WordPressテーマを人気テーマにしたい妄想話
Yoshiaki Ogata
December 07, 2019
More Decks by Yoshiaki Ogata
See All by Yoshiaki Ogata
ブロックと追加CSSでお手軽カスタマイズ
yosiakatsuki
0
470
スマホで出来る!WordPressサイト更新
yosiakatsuki
0
110
Gutenberg で「かんたん入力機能」~さよなら入力補助としてのカスタムフィールド~
yosiakatsuki
1
380
プラグイン3分クッキング.pdf
yosiakatsuki
0
44
Gutenbergになっても僕はWordの原稿コピペで投稿を作るという作業を続けられるのか
yosiakatsuki
0
740
WordPressブログカスタマイズ今日から本気出す
yosiakatsuki
0
1.2k
意のままに(わがままに)僕がテーマを作る為に覚えたこと2
yosiakatsuki
0
310
意のままに(わがままに)僕がテーマを作る為に覚えたこと
yosiakatsuki
1
980
WordBench群馬 第1回 自己紹介大会 20171209
yosiakatsuki
0
520
Other Decks in Programming
See All in Programming
Language Server 使ってる? 〜VSCode と Zed の場合〜 / Are you using a Language Server? ~For VS Code and Zed~
handlename
0
770
「エンジニアインターン、どうやって取った?」準備のリアルを語るLT会 Progate BAR
akiomatic
0
120
プロパティの順序で型推論が壊れる!? TypeScript6.0の修正からContext-Sensitivityの仕組みを追う
bicstone
2
1.3k
oxlintはeslint/typescript-eslintを置き換えられるのか
shomafujita
2
320
運用エージェントは "作る" から "育てる" へ - 記憶と自己進化の3層設計パターン / self-evolving-agents-three-layer-agent-design
gawa
12
3.5k
Old Dog, New Tricks: The Java 25 Reinvention - JNation
bazlur_rahman
0
150
TAKTでAI駆動開発の品質を設計する
j5ik2o
6
1k
AI時代のUIはどこへ行く?その2!
yusukebe
19
6.8k
AI駆動開発で崩れていくコードベースを立て直す
kyoko_nr_nr
1
440
tsserverとは何だったのか、これからどうなるのか
nowaki28
1
450
セキュリティの専門家じゃなくてもできる。「セキュリティ意識」をアップデートして サプライチェーン攻撃への耐性を高めよう。
tk3fftk
5
660
気づいたらRubyで100作品 ー クリエイティブコーディングが生活の一部になるまで / 100 Ruby Sketches Later: How Creative Coding Became Part of My Life
chobishiba
3
550
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
320
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
210
How to Talk to Developers About Accessibility
jct
2
220
The Spectacular Lies of Maps
axbom
PRO
1
790
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
230
Everyday Curiosity
cassininazir
0
220
Ethics towards AI in product and experience design
skipperchong
2
300
Are puppies a ranking factor?
jonoalderson
1
3.5k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.5k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.8k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
570
Transcript
⾃作WordPressテーマを ⼈気テーマにしたい妄想話 2019/12/07 @yosiakatsuki 群⾺ WordPress MeetUp #4
⾃⼰紹介
・尾形 義暁 (おがた よしあき) ・フリーランス ・WordPress テーマ/プラグインデベロッパー ・Twitter : @yosiakatsuki
著書・制作物 「本気でカッコよくする WordPressで⼈気ブログ」 無料WordPressテーマ 「yStandard 」
活動・イベント ・Gunma WordPress Meetup (群⾺県) (埼⽟県) ・WordPressもくもく勉強会@本庄
⾃作WordPressテーマを ⼈気テーマにしたい妄想話
\実は私/ 無料WordPressテーマの作者です
yStandard
・2017年に公開 ・今までに⼤きなアップデート2回 ・流⾏りに合わせていろいろ変えてきた ・「yStandard 2 」みたいな形にはしない ・ずっと「yStandard 」
2020年は yStandard をパワーアップするぞ!
ブログだけじゃない! ホームページ制作もイケる! WordPressテーマ… とりあえずyStandard … 使ってみようかな!? こんなことを⾔ってもらえるテーマを⽬指します
\夢はでっかく/ ⼈気テーマにするぞ!
「⼈気テーマ」…ってなに?
⾼機能なテーマ? おしゃれなテーマ?
どんなテーマが⼈気か調べてみよう
最近こっそりTwitter で 「wordpress lang:ja 」を検索 TweetDeck で眺めている… いろいろ学びがあります…
「wordpress」ツイートでよく⾒かけるテーマの特徴 ・有料 ・ SEO対策済み ・ 簡単⼊⼒機能つき(クラシックエディター機能) ・ 便利ショートコード ・ ボタンクリックでプロデザイナーが作成したようなサイトができる
※「wordpress」を含まないでテーマ名だけの感想ツイートもあると思うので、あくまで参考程度
・有料 ・ SEO対策済み ・ 簡単⼊⼒機能つき(クラシックエディター機能) ・ 便利ショートコード ・ ボタンクリックでプロデザイナーが作成したようなサイトができる HTMLレベルでのSEO対策は
どのテーマもそこまで差はない? ブロックでなんとかなる… というかブロックのほうがきっと簡単…
だいたいのことが ブロックでなんとかなる!
機能よりブロックが重要になる! \これからのテーマ選びは/ はず…
テーマの使いやすさ = ボタンクリックで簡単に いい感じのサイトが作れる こんなイメージ…? これだけじゃないし、⼈によっても違う
ブロックエディターがまさにそれ 横並びのコンテンツとかが超簡単に作れるようになった
今後はブロックだけを提供するプラグインも増えるはず
ブロックエディターを より使いやすくするための⼯夫 個⼈的にポイントだと思っている
カラーパレット 使える⾊の選択肢が多いと嬉しい ただ、多すぎると操作が煩雑になるの で、程々がうれしい。
ちなみにyStandard では、カラーパ レットの⾊を編集できる。 +3⾊までよく使う⾊をパレットに追 加できる。 全部で12⾊編集できる
テキストサイズ ⽂字サイズ設定も⾃分との相性が⼤事 「⼤きい⽂字サイズがやたら⼤きいッ」 みたいに思ったこともあるのでホント 相性⼤事。
幅広・全幅設定 これがあるとカッコいいレイアウトの TOPページとか作りやすい
本⽂だけ表⽰できるテンプレート ページタイトルやアイキャッチ、 公開⽇付などが表⽰されないページテ ンプレートがあるとブロックフル活⽤ でいろいろできる。
今後はブロックを追加! yStandard パワーアップの話に戻って…
吹き出し・FAQ・ステップなど… よく使われるものを追加予定 Q A 1 2 3
吹き出し・FAQ・ステップなど… よく使われるものを追加予定 Q A 1 2 3 「他のプラグインやテーマでもありますよね?(パクリでは?) 」
吹き出し・FAQ・ステップなど… よく使われるものを追加予定 Q A 1 2 3 ごもっとも…
吹き出し・FAQ・ステップなど… よく使われるものを追加予定 Q A 1 2 3 まあ、でも… それぞれテーマに合うレイアウト・デザインになるように調整されてるから よく使われる機能のブロックが出揃ってから本当の差別化がはじまる
開発・運営の⼯夫 すでに少しずつ始めている
やりたいこといっぱいで 何から⼿を付けたらいいかわからない問題
Trelloの公開ボードと投票機能を使って 優先対応の参考に → 今後フォーラム設置&投票機能を ⽤意する予定 問題点 ・Trelloアカウントが必要 ・みんなTrelloを使ってるって訳では…
アプデのたびにお知らせ記事⽤意するのが 思ったより⼤変問題
・ちょっとしたバグ修正のために1記事作る…? → 「〜〜を修正しました。」の1⾏ダケナンデスケド ・じゃあ、いくつかまとめてリリースしよう! → 改修にかける時間が取れず更新が遅れる… ・いい⽅法あるかな…?
・テーマのTwitterアカウントを作成 → 細かなアップデートの案内 → ⼤きなアプデのみ記事作成する ・アプデ履歴を⾒れるページを作成 → Twitterやっていない⼈向け → アカウント運営や管理ページが 増えたが、気持ち的にはスッキリ!
ワクワク・ドキドキ感を出したい
開発中機能のデモ動画をアップ コメントなどフィードバックがあれば 要望はなるべく取り⼊れていきたい!
「使ってみようかな」 って思ってもらうために…
「なんかそのテーマよく聞くよね!」 「あの⼈が使ってるのよさそう!」 こういう気持ちがたぶん⼤事
「⾼機能」「多機能」ならいい! というものではない 機能が⾜りないと「う〜ん…」 多すぎると「ワケワカラナイ」 「こういうことがやりたい!」を叶えつ つ、バランス良く
「サイト作例」的なものを作りたい 「こんな感じのサイトができるのか〜」 ってイメージできたらうれしい? デモサイトも作成予定 できれば実際に運営しているサイトを 紹介したい https://tsuruya.fun/
より使いやすく 変えていく
流⾏り廃り、環境変化に合わせて変えていきます! 欲しい機能などあればリクエスト⼤歓迎! 直接⾔いづらければ、Twitterなどでぼそっとつぶやいてくれて もOKです!
ただ、コンセプトは⼤切に。 なんでもアリアリになりすぎないように。
「⾃分だけのサイトを作る楽しさ」 を感じてもらうために作った⼀⾵変わったテーマ
「装飾が少ない分、⾃分でCSSカスタマイズがやりやすい」 今後も、そう⾔ってもらえるテーマであり続けながら、 アドオン(プラグイン)などで設定だけでデザインカスタマイ ズができるような仕組みも追加していきます
yStandard よろしくおねがいします。 おわり。