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
Toro_Unit (Hiroshi Urabe)
May 26, 2018
Programming
2
350
WordPress のつくりかた
WordBench 長野 vol.19 WordPress 15th Birthday! の登壇資料です。
Toro_Unit (Hiroshi Urabe)
May 26, 2018
Tweet
Share
More Decks by Toro_Unit (Hiroshi Urabe)
See All by Toro_Unit (Hiroshi Urabe)
僕が考える 「HTML サイトを WordPress にする」話 / 2023-11-05 Kansai WordPress Meetup
torounit
9
6.9k
Cloudflare Pages に入門してみた / 2023-10-14 Cloudflare Meetup Nagano Vol.2
torounit
2
940
ブロックエディタをゴリゴリに使い倒してサイトを作った話 / Kansai WordPress Meetup 2023 09 23
torounit
14
9k
ブロックエディターカスタマイズことはじめ #wpshinshu / 2023-06-17 Shinshu WordPress Meetup vol.24
torounit
1
310
FSE時代におけるWEBサイト制作の研究 #wpshinshu / 2023-05-20 Shinshu WordPress Meetup vol.23
torounit
0
380
ブロックエディターを用いたWEBサイト開発とカスタムフィールドのあり方を考える。/ WordCamp Japan 2021
torounit
0
500
ブロックエディターで変わる、WordPress でのウェブサイト開発 / SaCSS Special 26
torounit
4
820
Block Editor カスタマイズ入門 #WPmeetupOsaka / Get started customize for block editor
torounit
12
2.9k
本当にだれにでもできる、WordPress をよりよいものにする方法。/ wordcamp tokyo 2019
torounit
2
2.4k
Other Decks in Programming
See All in Programming
使ってみよう Azure AI Document Intelligence
kosmosebi
2
290
Git Rebase
bkuhlmann
11
1.6k
코틀린으로 멀티플랫폼 만들기
pangmoo
0
150
Blue/Greenデプロイの導入による 運用フローの改善
kudoas
1
370
Goのmultiple errorsについて (2024年4月版)
syumai
3
590
ゆるい個人開発のススメ
kuroppe1819
10
990
educure_カリキュラム生操作マニュアル.pdf
linew_official
0
720
Ruby Function Composition
bkuhlmann
1
330
Git Lint
bkuhlmann
4
750
ADRを一年運用してみた/adr_after_a_year
hanhan1978
7
2.3k
try! Swift Tokyo 初参加報告LT
hinakko2
0
220
見た目から始める生産性向上
ikumatadokoro
7
820
Featured
See All Featured
Creatively Recalculating Your Daily Design Routine
revolveconf
210
11k
Gamification - CAS2011
davidbonilla
76
4.6k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
9
8.3k
Faster Mobile Websites
deanohume
299
30k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
120
39k
What's in a price? How to price your products and services
michaelherold
237
11k
Fireside Chat
paigeccino
21
2.6k
In The Pink: A Labor of Love
frogandcode
138
21k
Build your cross-platform service in a week with App Engine
jlugia
225
17k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
78
42k
Embracing the Ebb and Flow
colly
80
4.1k
Transcript
WordPress ͷͭ͘Γ͔ͨ Toro_Unit @2018.05.26 / WBOsaka 1
$ whoami 2
Toro_Unit ෦ ߛ (͏Β ͻΖ͠) • Frontend Engineer • WordPress
Plugin and Theme Developer Github: @torounit Twitter: @Toro_Unit 3
ࡳຈͷձࣾͰϦϞʔτϫʔΫͯ͠·͢ 4
5
Contribution • WordBench ϞσϨʔλʔ • WordCamp Kyoto 2017 /
Osaka 2018 / Ogijima 2018 • WordCamp Tokyo 2017 Speaker • etc... 6
Plugins and Themes • Custom Post Type Permalinks • Simple
Post Type Permalinks • Powerful Posts Per Page (PPPP) • Smart PWA <- new! • Vanilla • and more... 7
WordBench Nagano ຖ݄ ͬͯ·͢ɻ Next • 6/23 • 7/21(Ծ) 8
9
10
͍·͞ΒͰ͕͢ 11
WordPress ͬͯʁ 12
"Blog Tool, Publishing Platform, and CMS — WordPress" 13
"WordPress is open source software you can use to create
a beautiful website, blog, or app." 14
Web Technology SurveysͷௐࠪʹΑΔ ͱɺΠϯλʔωοτશମʹ͓͚Δ WordPressͷγΣΞ͕30%ɻCMSͷத Ͱ60% • Usage Statistics and
Market Share of Content Management Systems for Websites, May 2018 • WordPressͷγΣΞ͕30%ʹ - Capital P 15
16
WordPress 5/27 ʹ15ࡀʹͳΓ·͢ɻ 17
Matt Mullenweg ࢯͱɺ Mike Litte ࢯͷೋਓʹΑͬͯɺb2 ͱ͍͏ϒϩάιϑτΣΞͷϑΥʔΫͱͯ͠2003ʹੜɻ 18
࠷ॳ͜Μͳײ͡ͷը໘ɻ The history of WordPress user interface | Blog of
Leonid Mamchenkov 19
20
21
22
23
The History of WordPress: 2003 – 2016 | Blog –
PSD2HTML® 24
ຊʹͨ͘͞ΜͷਓʹΑͬͯ࡞ΒΕͯ·͢ɻ 25
wp-admin/credits.php 26
27
28
29
ݱࡏͰ͔ͳΓ׆ൃʹ։ൃ͕ଓ͍ͯ·͢ɻ 30
ຊମͷ։ൃ 31
WordPress Trac • ৽ػೳͷՃɺόάɾमਖ਼ͳͲΛ ཧɻ୭Ͱߘग़དྷΔɻ • ηΩϡϦςΟϗʔϧͳͲͷใผ ͷ૭ޱɻ • ͜͜ʹ
Patch Λߘͯͦ͠Ε͕ྑ͍ ײ͡Ͱ͋ΕίΞίϛολʔʹΑͬ ͯϚʔδ͞ΕΔɻ • ϨϙδτϦ Subversion. 32
Slack http://wordpress.slack.com/ • Slackࣾͷఏڙ͢ΔίϥϘϨʔγϣϯ πʔϧ • νϟοτͰͷϛʔςΟϯάͳͲ͕͜ ͜ͰߦΘΕΔɻ 33
৽ػೳɺGithub ্ͰɹPlugin ͱͯ͠։ൃ͞Ε͔ͯΒϚʔδ ͞ΕΔ͜ͱ͕ଟ͍ɻ • MP6 (3.8ͰϚʔδ͞Εͨཧը໘ͷ৽σβΠϯ) • REST API
• ίʔυΤσΟλͷվળ • Shiny Updates ʢϓϥάΠϯςʔϚͷΞοϓσʔτΛը໘ ભҠͳ͠Ͱɻ) 34
Gutenberg • ࣍ظόʔδϣϯ(5.0)ͰϚʔδ༧ఆͷ ৽͍͠هࣄͷߘը໘ɻ • GitHub - WordPress/gutenberg 35
Plugins / Themes. 36
37
WordPress.org ʹɺ • 55,000 Ҏ্ͷϓϥάΠϯ • 5,800 Ҏ্ͷςʔϚ ͕ଘࡏɻ •
GPLͰϥΠηϯε͞ΕͨແྉͷͷͷΈܝࡌɻ • ୭Ͱਃग़དྷΔ͕ɺϨϏϡʔΛ௨ա͢Δඞཁ͕͋Δɻ • ςʔϚͷϨϏϡʔ݁ߏ͍ͨΜɻ 38
Translate • ຊମɺϓϥάΠϯɾςʔϚͳͲͷ༁ɻ • ୭ͰؾܰʹࢀՃͰ͖Δɻ • Ҋ݅ͰͬͨϓϥάΠϯͷ༁ͱ͔ೖΕ ͓ͯ͘ͱࣗΈΜͳศརɻ • WordSlack
ʢຊޠ൛ίϛϡχςΟͷඇ ެࣜSlackʣͰฉ͘ͱ͍Ζ͍ΖΞυόΠε Β͑ͨΓ͢Δɻ • WordSlackͷࢀՃํ๏ - WordPress Codex ຊޠ൛ 39
Make WordPress ίΞϓϥάΠϯςʔϚҙ֎ʹ༷ʑͳνʔϜɻ • Core • Design • Mobile •
iOS Android ͷΞϓϦ • Accessibility 40
• Polyglots • ༁ • Support • αϙʔτϑΥʔϥϜ • Documentation
• Handbook Codex(Wiki) • Themes • WordPress.org ܝࡌ͞ΕΔςʔϚͷϨϏϡʔ 41
• Plugins • ϓϥάΠϯͷϨϏϡʔ • Community • Meetup WordCampͳͲͷνʔϜ
• Meta • ϏϧυπʔϧɾࢧԉπʔϧͳͲͷ։ൃ • Training • Test 42
• TV • WordPress.tv. ΠϕϯτͳͲͷηογϣϯͷಈը͕ܝࡌ͞ΕΔαΠτ ͷӡӦ • Marketing • CLI
• WP-CLI. ίϚϯυϥΠϯ͔ΒWordPressΛૢ࡞͢Δπʔϧͷ։ൃ • Hosting • Tide • ϓϥάΠϯςʔϚͳͲͷࣗಈςετͷ։ൃɻ 43
͜ΕΒϘϥϯςΟΞͷ׆ಈɻ • ಛఆͷاۀ͕։ൃ͍ͯ͠ΔΘ͚Ͱແ͍ɻ • WordPress.com Λ։ൃɾӡӦ͢Δ Automattic ͷϓϩμΫτ Ͱແ͍ɻ •
ίΞίϛολʔଟॴଐ͍ͯ͠Δ͠ɺΊͪΌΊͪΌߩݙ ͍ͯ͠Δ͚Ͳɻ 44
Why? 45
ίϛολʔͷॴଐاۀ͝ͱͷίϛοτͷׂ߹ɻ(20161݄) 63% of WordPress Core Committers Are Not Employed by
Automattic – WordPress Tavern 46
• WordPress Ͱ WEBαΠτΛ੍࡞͍ͯ͠Δاۀ (10up,XWP, Human Made, Inpsyde,required) • αʔϏεΛఏڙ͍ͯ͠Δاۀ
(Automattic, Yoast) • ϗεςΟϯά (Siteground,Human Made) • Ϣʔβʔ (NY Times, United States Digital Service) 47
48
49
Github ͷϓϩμΫτϚωʔδϟʔ Ben Batler ࢯʹΑΔεϥΠυ Government open source — ࣏ࣗମͷΦʔϓϯιʔε׆
༻ // Speaker Deck 50
• WordPress ʹΈΜͳͰίϛοτ͢Δํ͕ޮ͍͍ɻ • ΦʔϓϯιʔεϫʔΫϑϩʔʂ 51
ݸਓతʹΑ͔ͬͨମݧɻ ࣌ؒମྗ࣌ʹԕඅ͔͔Δ͚Ͳŋŋŋ 52
• WordPressྗ্͕Γ·ͨ͠ɻ • ϑΥʔϥϜͳͲͰͷճΛ͖͔͚ͬʹ͍Ζ͍ΖษڧͰ͖· ͨ͠ɻ • ӕΛॻ͖ͨ͘ͳ͍ΜͰ࠶ௐͨ͠ΓެࣜͷυΩϡϝϯ τΛಡΜͩΓ͍ͯ͠Δ͏ͪʹ͍ΖΜͳൃݟ͕͋ͬͨΓɻ • ͍ΖΜͳਓ͕͍ΔͷͰɺ͍ΖΜͳεΩϧʹৄ͘͠ͳΓ·ͨ͠ɻ
• ϑϩϯτΤϯυͷਓͳͷʹɺͳ͔ͥΠϯϑϥܥͷεΩϧ͕ ʹ͖ͭ·ͨ͠ɻ։ൃڥߏஙָͰ͢ɻ 53
• ϓϥάΠϯ࡞ͬͨΓɺίΞʹύονૹͬͨΓɺίϛϡχςΟ ׆ಈͯͨ͠ΒϑϦʔʹͳΕ·ͨ͠ɻ • ͳ͔ͥւಓͷձࣾʹೖΓ·ͨ͠ɻ • ͳ͔ͥஉౡʹߦͬͨΓ͠·͢ɻ • ຊͷ͍ΖΜͳͱ͜ΖͰ͓ञΛҿΉػձ͕૿͑·ͨ͠ɻ 54
<dl> <!-- ----------- --> <dt>Get involved<dt> <!-- ----------- --> <dd>ר͖ࠐ·ΕΔ</dd>
<dd>ؔ༩͢Δ</dd> <dd>ࢀՃ͢Δ</dd> <dd>खΛି͢</dd> <dd>ਂೖΓ͢Δ</dd> <dd>ҰཌྷΛ୲͏</dd> <dd>ເதʹͳΔ</dd> </dl> 55
Get involved! 56
͓ΘΓɻ Thanks! Github: @torounit Twitter: @Toro_Unit Facebook: fb.me/torounit WEB Site:
https://torounit.com 57