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_テーマのつくりかた.pdf
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Takashi Kitajima
December 23, 2019
Technology
4
590
WordPress_テーマのつくりかた.pdf
Takashi Kitajima
December 23, 2019
Tweet
Share
More Decks by Takashi Kitajima
See All by Takashi Kitajima
「ブロックテーマでは再現できない」は本当か?
inc2734
0
1.2k
Snow Monkey&unitone から見た WordPress エディターの変遷
inc2734
0
170
Snow Monkey CM
inc2734
0
110
メンテナンス性を考慮した CSS 設計
inc2734
0
380
Snow Monkey とは
inc2734
0
1.3k
受託開発者だった僕が WordPress の有料テーマ開発者になって学んだこと
inc2734
1
1.1k
Snow Monkey(WordPress) による web コンテンツ制作の新しいカタチ【ビジネスパーソン向け】
inc2734
0
120
Snow Monkey とコミュニティ
inc2734
0
670
Snow Monkey における私の技術的偏愛
inc2734
0
610
Other Decks in Technology
See All in Technology
互換性のある(らしい)DBへの移行など考えるにあたってたいへんざっくり
sejima
PRO
0
370
Microsoft Fabricで考える非構造データのAI活用
ryomaru0825
0
520
出版記念イベントin大阪「書籍紹介&私がよく使うMCPサーバー3選と社内で安全に活用する方法」
kintotechdev
0
120
DMBOKを使ってレバレジーズのデータマネジメントを評価した
leveragestech
0
480
Zephyr(RTOS)でOpenPLCを実装してみた
iotengineer22
0
160
AI時代のオンプレ-クラウドキャリアチェンジ考
yuu0w0yuu
0
650
20260323_データ分析基盤でGeminiを使う話
1210yuichi0
0
200
サイボウズ 開発本部採用ピッチ / Cybozu Engineer Recruit
cybozuinsideout
PRO
10
77k
15年メンテしてきたdotfilesから開発トレンドを振り返る 2011 - 2026
giginet
PRO
2
230
CloudFrontのHost Header転送設定でパケットの中身はどう変わるのか?
nagisa53
1
230
How to install a gem
indirect
0
2k
不確実性と戦いながら見積もりを作成するプロセス/mitsumori-process
hirodragon112
1
130
Featured
See All Featured
Producing Creativity
orderedlist
PRO
348
40k
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.8k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
91
For a Future-Friendly Web
brad_frost
183
10k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
240
Building Adaptive Systems
keathley
44
3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
3.8k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
160
Building a Scalable Design System with Sketch
lauravandoore
463
34k
WCS-LA-2024
lcolladotor
0
500
Code Review Best Practice
trishagee
74
20k
Transcript
8PSE1SFTTςʔϚͷ ͭ͘Γ͔ͨ
ςΩετ ΩλδϚλΧγ !JOD ϑϦʔϥϯε ϞϯΩʔϨϯν࡚ 4OPX.POLFZ
.881'PSN
4OPX.POLFZ ԁ ੫ผ (1- ϒϩοΫΤσΟλʔରԠ
։ൃऀ͚"1*
ͪΐͬͱ͚ͩσϞ
w ·ͱͳ8PSE1SFTTςʔϚͱ w ϋϯυϒοΫΛಡ͏ w ςϯϓϨʔτλάΛ͓͏ w 8PSE1SFTTͷηΦϦʔʹԊ͓͏ w ϒϩοΫΤσΟλʔରԠ
ΞδΣϯμ
w ͜Ε͔Β8PSE1SFTTςʔϚΛͭ͘Ζ͏ͱͯ͠ ͍Δํ w ձࣾͷࣄͰΦϦδφϧͷ8PSE1SFTTςʔϚ Λ৮Γ͡Ίͨํ ର
·ͱͳ8PSE1SFTT ςʔϚͱ
w 8PSE1SFTTࣗମͷػೳ͕͑Δ w ϓϥάΠϯΛՃͯ͠յΕͳ͍ w Ͳ͜ͰͳʹΛ͍ͬͯΔ͔༧͕ͭ͘ ·ͱͳ8PSE1SFTTςʔϚͱ
w ϝχϡʔػೳ w ϗʔϜϖʔδઃఆ w ΤσΟλʔ w ӈدͤࠨدͤதԝἧ͑ɺશ෯෯ w FUD
8PSE1SFTTࣗମͷػೳ͕͑Δʁ
w ϓϥάΠϯͷ+4$44͕ಡΈࠐ·Εͳ͍ w K2VFSZΛࠩ͠ସ͍͑ͯΔͨΊόʔδϣϯ͕ׯ ব͠Τϥʔ w ಈ࡞දࣔΛมߋ͢ΔܥϓϥάΠϯͰɺΤϥʔ Λى͍ͯ͜͠ͳ͍ͷʹͳ͔ͥը໘্ʹө͞Ε ͳ͍ ϓϥάΠϯΛՃͯ͠յΕͳ͍ʁ
w ઍߦɺສߦͷGVODUJPOTQIQ w ໋໊نଇ͕ҙຯෆ໌ʢ$441)1ʣ Ͳ͜ͰͳʹΛ͍ͬͯΔ͔૾͕ͭ͘ʁ
w దʹςϯϓϨʔτλά͕ΘΕ͍ͯΔ w 8PSE1SFTTͷηΦϦʔʹԊ͍ͬͯΔ w ϑΝΠϧߏ໋໊نଇ͕ཧ͞Ε͓ͯΓ༧ Ͱ͖Δ ·ͱͳ8PSE1SFTTςʔϚͱ
ϋϯυϒοΫΛಡ͏
w 5IFNF)BOECPPL IUUQTEFWFMPQFSXPSEQSFTTPSHUIFNFT w 5IFNF3FWJFX(VJEFMJOFT IUUQTNBLFXPSEQSFTTPSHUIFNFTIBOECPPL SFWJFXSFRVJSFE w (PPHMF༁ͰΘΓͱ·ͱʹಡΊ·͢ w
Ҏ্ʂ ϋϯυϒοΫΛಡ͏
w @TʢVOEFSTDPSFTʣ IUUQTVOEFSTDPSFTNF w 5XFOUZ5XFOUZɺ5XFOUZ/JOFUFFOʜ ࢀߟςʔϚ
ςϯϓϨʔτλάΛ ͓͏
w %#ͷίϯςϯπΛऔಘ͢ΔͨΊʹ༻͢Δ ؔ w ྫ͑ɺHFU@IFBEFS ɺUIF@UJUMF ɺUIF@QPTU ͳͲ w 8PSE1SFTTͷઃఆίϯςϯπશ෦%#ʹೖͬͯ
͍ΔͷͰ42-Ͱͱͬͯ͘Δ͜ͱͰ͖Δ͚Ͳɺςϯ ϓϨʔτλά͕͋Δ߹ʮઈରʹʯςϯϓϨʔτ λάΛ͍·͠ΐ͏ ςϯϓϨʔτλάͱ
w ྫ͑HFU@IFBEFS ͷதʹHFU@IFBEFSΞΫγϣϯϑοΫ w ྫ͑UIF@UJUMF ͷதʹUIF@UJUMFϑΟϧλʔϑοΫ w ϓϥάΠϯʢίΞʣ͜ͷϑοΫʹର͠ॲཧΛ͓͜ͳ͏ͷ ͰɺςϯϓϨʔτλάΛ͍ͬͯͳ͍ͱϓϥάΠϯʢί Ξʣͷॲཧ͕ൈ͚ͯ͠·͏ɻ
w طଘͷςϯϓϨʔτλά͕͋ΔʹؔΘΒͣಠࣗॲཧͰͳΜ ͱ͔ͯ͠͠·͏ͱҾ͖ܧ͕͗େมʢ͋Δ͋Δʣ ςϯϓϨʔτλάΛΘͳ͍ͱͲ͏ͳΔ͔
8PSE1SFTTͷηΦϦʔ ʹԊ͓͏
w JOEFYQIQ࠷ޙͷࡆ w $44ͷಡΈࠐΈXQ@FORVFVF@TUZMF w +4ͷಡΈࠐΈXQ@FORVFVF@TDSJQU w ݟͨͱػೳͷ
w FUD 8PSE1SFTTͷηΦϦʔʹԊ͓͏
w 5FNQMBUF)JFSBSDIZ IUUQTEFWFMPQFSXPSEQSFTTPSHUIFNFTCBTJDT UFNQMBUFIJFSBSDIZ w JOEFYQIQτοϓϖʔδ༻ͷςϯϓϨʔτʮͰͳ ͍ʯʂͲͷςϯϓϨʔτϚον͠ͳ͔ͬͨͱ͖ͷ࠷ޙͷ ࡆͷςϯϓϨʔτɻ w τοϓϖʔδ༻GSPOUQBHFQIQɺ
ϒϩάͷτοϓIPNFQIQ JOEFYQIQ࠷ޙͷࡆ
None
w IFBEʹॻ͖ʁ w XQ@FORVFVF@TUZMF Λ͏͜ͱͰಡΈࠐΈॱ ͷཧɺΩϟογϡରࡦɺϓϥάΠϯ͔Βͷ ແޮԽͳͲͷૢ࡞͕Մೳ $44ͷಡΈࠐΈXQ@FORVFVF@TUZMF
wp_enqueue_style( ‘ϋϯυϧ໊’, get_theme_file_uri( ‘/css/style.css’ ), [ ‘ઌʹಡΈ͍ͨ CSS ͷϋϯυϧ໊’, …
], filemtime( get_theme_file_path( ‘/css/style.css’ ) ) );
w IFBEʹॻ͖ʁ w XQ@FORVFVF@TDSJQU Λ͏͜ͱͰಡΈࠐΈॱ ͷཧɺΩϟογϡରࡦɺϓϥάΠϯ͔Βͷ ແޮԽͳͲͷૢ࡞͕Մೳ +4ͷಡΈࠐΈXQ@FORVFVF@TDSJQU
wp_enqueue_script( ‘ϋϯυϧ໊’, get_theme_file_uri( ‘/js/app.js’ ), [ ‘ઌʹಡΈ͍ͨ JS ͷϋϯυϧ໊’, …
], filemtime( get_theme_file_path( ‘/js/app.js’ ) ), true // ϑολʔ = trueɺhead = false );
w IUUQTNBLFXPSEQSFTTPSHUIFNFTIBOECPPL SFWJFXSFRVJSFEQSFTFOUBUJPOWTGVODUJPOBMJUZ w ςʔϚɺࣗࣾར༻डୗ։ൃͰͲ͜·ͰΔ͔ ҧ͏ͱࢥ͍·͕͢ʜ w جຊతʹςʔϚΛΓସ͑ͨͱ͖ʹফ͑ͨΒࠔ ΔͷʢΧελϜߘλΠϓɺγϣʔτίʔυʣ ϓϥάΠϯྖҬʹॻ͘͜ͱ͕ਪ͞Ε͍ͯ·͢ɻ
ݟͨͱػೳͷ
w ςʔϚ͕·ͱ͔Ͳ͏͔ࣗಈνΣοΫͰ͖·͢ɻ w ؆қతͳͷͳΒςʔϚνΣοΫϓϥάΠϯ͕ศར IUUQTXPSEQSFTTPSHQMVHJOTUIFNFDIFDL w ίϚϯυͰΓ͍ͨɺνΣοΫ༰ΛΧελϚΠζ͍ͨ͠ ͳΒ8PSE1SFTT$PEJOH4UBOEBSETGPS1)1@$PEF4OJ⒎FS IUUQTHJUIVCDPN8PSE1SFTT8PSE1SFTT$PEJOH 4UBOEBSET
FUD
ϒϩοΫΤσΟλʔ ରԠ
w #MPDL&EJUPS)BOECPPL IUUQTEFWFMPQFSXPSEQSFTTPSHCMPDL FEJUPS ϒϩοΫΤσΟλʔରԠ
w 8PSE1SFTT͔ΒΤσΟλʔ͕มߋ w 8:4*8:(ΤσΟλʔʢΫϥγοΫΤσΟ λʔʣ͔ΒϒϩοΫΤσΟλʔʹ ϒϩοΫΤσΟλʔରԠ
None
None
w ʮจষΛॻ͘ʯͱ͍͏جຊతͳૢ࡞ײΫϥ γοΫΤσΟλʔͱ΄΅ಉ͡ w ϒϩοΫ୯ҐͰૢ࡞ɻฒͼସ͕͑Ͱ͖ͨΓૢ࡞ ײ্͕ɺઃఆϒϩοΫ୯ҐͰ࣋ͯΔ w )5.-͕͜ΘΕͳ͍ ϒϩοΫΤσΟλʔͷϝϦοτ
w ʮΤσΟλʔͷதʹೖྗͨ͠จࣈʯ Λ০ w )5.-͕Α͘͜ΘΕΔͷͰɺ)5.- ͷཧղ͕ඞཁ ৽چΤσΟλʔͷ͕͍ͪ w ϒϩοΫΛॏͶͯίϯςϯπΛߏ w
)5.-Λॻ͔ͤͳ͍ͱ͍͏ڧ͍ҙࢤ w ಠࣗʹϒϩοΫΛՃ͢Δʹ +BWB4DSJQUྗ 3FBDU +49 ͕ඞ ཁ ΫϥγοΫΤσΟλʔ ϒϩοΫΤσΟλʔ
w ΫϥγοΫΤσΟλʔʢϓϥάΠϯʣͷαϙʔτ ·Ͱ IUUQTNBLFXPSEQSFTTPSHDPSF DMBTTJDFEJUPSQMVHJOTVQQPSUXJOEPX w ϒϩοΫΤσΟλʔ(VUFOCFSHϓϩδΣΫτͷϑΣ ʔζɻϑΣʔζͱͯ͠αΠτશମͷϒϩοΫԽ͕ਐ ߦத IUUQTDBQJUBMQKQCMPDLCBTFEUIFNF
ϒϩοΫΤσΟλʔରԠ
w 5IFNF)BOECPPL IUUQTEFWFMPQFSXPSEQSFTTPSHUIFNFT w 5IFNF3FWJFX(VJEFMJOFT IUUQTNBLFXPSEQSFTTPSHUIFNFTIBOECPPL SFWJFXSFRVJSFE w #MPDL&EJUPS)BOECPPL IUUQTEFWFMPQFSXPSEQSFTTPSHCMPDLFEJUPS
·ͱΊ