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
Takashi Kitajima
December 23, 2019
Technology
4
480
WordPress_テーマのつくりかた.pdf
Takashi Kitajima
December 23, 2019
Tweet
Share
More Decks by Takashi Kitajima
See All by Takashi Kitajima
Snow Monkey&unitone から見た WordPress エディターの変遷
inc2734
0
100
Snow Monkey CM
inc2734
0
64
メンテナンス性を考慮した CSS 設計
inc2734
0
290
Snow Monkey とは
inc2734
0
1k
受託開発者だった僕が WordPress の有料テーマ開発者になって学んだこと
inc2734
1
910
Snow Monkey(WordPress) による web コンテンツ制作の新しいカタチ【ビジネスパーソン向け】
inc2734
0
73
Snow Monkey とコミュニティ
inc2734
0
570
Snow Monkey における私の技術的偏愛
inc2734
0
530
受託をやめるな!
inc2734
0
1.7k
Other Decks in Technology
See All in Technology
Turing × atmaCup #18 - 1st Place Solution
hakubishin3
0
470
社内イベント管理システムを1週間でAKSからACAに移行した話し
shingo_kawahara
0
180
10分で学ぶKubernetesコンテナセキュリティ/10min-k8s-container-sec
mochizuki875
3
330
re:Invent をおうちで楽しんでみた ~CloudWatch のオブザーバビリティ機能がスゴい!/ Enjoyed AWS re:Invent from Home and CloudWatch Observability Feature is Amazing!
yuj1osm
0
120
【re:Invent 2024 アプデ】 Prompt Routing の紹介
champ
0
140
TSKaigi 2024 の登壇から広がったコミュニティ活動について
tsukuha
0
160
開発生産性向上! 育成を「改善」と捉えるエンジニア育成戦略
shoota
1
230
1等無人航空機操縦士一発試験 合格までの道のり ドローンミートアップ@大阪 2024/12/18
excdinc
0
150
成果を出しながら成長する、アウトプット駆動のキャッチアップ術 / Output-driven catch-up techniques to grow while producing results
aiandrox
0
180
大幅アップデートされたRagas v0.2をキャッチアップ
os1ma
2
520
ブラックフライデーで購入したPixel9で、Gemini Nanoを動かしてみた
marchin1989
1
520
20241220_S3 tablesの使い方を検証してみた
handy
3
340
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
365
19k
A better future with KSS
kneath
238
17k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
0
97
Into the Great Unknown - MozCon
thekraken
33
1.5k
For a Future-Friendly Web
brad_frost
175
9.4k
How STYLIGHT went responsive
nonsquared
95
5.2k
Visualization
eitanlees
146
15k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
Producing Creativity
orderedlist
PRO
341
39k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
A Tale of Four Properties
chriscoyier
157
23k
Why Our Code Smells
bkeepers
PRO
335
57k
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
·ͱΊ