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
480
スマホで出来る!WordPressサイト更新
yosiakatsuki
0
120
Gutenberg で「かんたん入力機能」~さよなら入力補助としてのカスタムフィールド~
yosiakatsuki
1
380
プラグイン3分クッキング.pdf
yosiakatsuki
0
45
Gutenbergになっても僕はWordの原稿コピペで投稿を作るという作業を続けられるのか
yosiakatsuki
0
760
WordPressブログカスタマイズ今日から本気出す
yosiakatsuki
0
1.2k
意のままに(わがままに)僕がテーマを作る為に覚えたこと2
yosiakatsuki
0
310
意のままに(わがままに)僕がテーマを作る為に覚えたこと
yosiakatsuki
1
990
WordBench群馬 第1回 自己紹介大会 20171209
yosiakatsuki
0
530
Other Decks in Programming
See All in Programming
AI時代に設計が 最大の生産性レバーになる 意図駆動開発とデータを消さない設計|Don't Delete Your Data or Your Intent — Design as the Deepest Lever in the AI Era
tomohisa
0
380
AIが無かった頃の素敵な出会いの話
codmoninc
1
350
使用 Meilisearch 建立新聞搜尋工具
johnroyer
0
210
yield再入門 #phpcon
o0h
PRO
0
870
これって Effect でできたのでは? / TSKaigi Mashup Kansai #2
susisu
0
140
<title><a id="</title>君はこのHTMLをパースできるか"></a></title> #雑LT_study
pizzacat83
0
130
「寝てても仕事が進む」Claude Codeで組む第二の脳
tomoyafujita2016
0
260
Augmenting AI with the Power of Jakarta EE
ivargrimstad
0
410
AI Engineeringは、AIプロダクトだけのものか? 〜AIがソフトウェアを作る時代の新しい当たり前〜 / No AI in your product. AI Engineering in your development.
rkaga
4
340
わからない話を追いかけたら、プログラミング言語を作る側にいた
ydah
3
380
変わらないものが、変わるものを決める — 意図駆動開発 × イベントソーシング × イミュータブル | What Doesn't Change Decides What Can — IDD × Event Sourcing × Immutability
tomohisa
0
1k
Android CLI
fornewid
0
200
Featured
See All Featured
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
160
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
520
Abbi's Birthday
coloredviolet
3
8.9k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.1k
Bash Introduction
62gerente
615
220k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
430
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
230
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
201
75k
Raft: Consensus for Rubyists
vanstee
141
7.6k
Darren the Foodie - Storyboard
khoart
PRO
3
3.5k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
470
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 よろしくおねがいします。 おわり。