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
What's New in Twenty Seventeen
Search
Kite
January 21, 2017
Programming
3
7.3k
What's New in Twenty Seventeen
WordPress 4.7 では 多くの新機能が追加されました。
最新のデフォルトテーマ Twenty Seventeen を使って それらを最大限に体験してみよう。
Kite
January 21, 2017
Tweet
Share
More Decks by Kite
See All by Kite
個人からチームまで、情報・タスク管理の一元化はNotionにお任せ!
ixkaito
13
71k
WordPress でも大丈夫!実例で見るウェブパフォーマンス改善
ixkaito
7
5k
WordPress でも大丈夫!実例で見るウェブパフォーマンス改善
ixkaito
22
7.5k
タイポグラフィベーシック (+ デザインアイデア)
ixkaito
13
3.7k
WordPress の今とこれから
ixkaito
1
1.7k
世界で一人しかできない WordPress コアを写経する話 ― 修行の先に見たものとは?
ixkaito
5
14k
WordPress の今とこれから
ixkaito
4
2.5k
Let's Think about Right Answers of Design and UI/UX
ixkaito
0
300
ブラウザのデフォルトスタイルを見てみよう
ixkaito
3
1.5k
Other Decks in Programming
See All in Programming
PHP でアセンブリ言語のように書く技術
memory1994
PRO
1
170
CSC509 Lecture 13
javiergs
PRO
0
110
Laravel や Symfony で手っ取り早く OpenAPI のドキュメントを作成する
azuki
2
120
Contemporary Test Cases
maaretp
0
140
C++でシェーダを書く
fadis
6
4.1k
2024/11/8 関西Kaggler会 2024 #3 / Kaggle Kernel で Gemma 2 × vLLM を動かす。
kohecchi
5
930
みんなでプロポーザルを書いてみた
yuriko1211
0
280
レガシーシステムにどう立ち向かうか 複雑さと理想と現実/vs-legacy
suzukihoge
14
2.2k
Hotwire or React? ~アフタートーク・本編に含めなかった話~ / Hotwire or React? after talk
harunatsujita
1
120
どうして僕の作ったクラスが手続き型と言われなきゃいけないんですか
akikogoto
1
120
Jakarta EE meets AI
ivargrimstad
0
660
Figma Dev Modeで変わる!Flutterの開発体験
watanave
0
140
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
50
7.2k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Site-Speed That Sticks
csswizardry
0
28
GitHub's CSS Performance
jonrohan
1030
460k
Producing Creativity
orderedlist
PRO
341
39k
RailsConf 2023
tenderlove
29
900
It's Worth the Effort
3n
183
27k
Measuring & Analyzing Core Web Vitals
bluesmoon
4
130
Adopting Sorbet at Scale
ufuk
73
9.1k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
Imperfection Machines: The Place of Print at Facebook
scottboms
265
13k
Building Applications with DynamoDB
mza
90
6.1k
Transcript
IN TWENTY SEVENTEEN WHAT’S NEW ࠷৽ͷσϑΥϧτςʔϚ Twenty Seventeen ͔ΒݟΔ WordPress
ͷ৽ػೳ
Kite KITERETZ inc. CEO & Founder ! kite.koga " ixkaito
# ixkaito Web & graphic designer Programmer WordPress core contributor Ruby on Rails contributor React contributor Wocker developer Bathe developer Frasco developer
8PSE1SFTTͰ ଟ͘ͷ৽ػೳ͕Ճ͞Ε·ͨ͠ɻ ࠷৽ͷσϑΥϧτςʔϚ 5XFOUZ4FWFOUFFOΛͬͯ ͦΕΒΛ࠷େݶʹମݧͯ͠ΈΑ͏ɻ 4.7& TWENTY SEVENTEEN
CONTENTS 8PSE1SFTTͷਪಈ࡞ڥ 0 5XFOUZ4FWFOUFFOͱ 1 ॳΊͯGSPOUQBHFQIQΛ࠾༻ 2 ςʔϚελʔλʔίϯςϯπ 3 ฤूγϣʔτΧοτ
4 ಈըϔομʔ 5 ΧελϜ$44 6 1%'αϜωΠϧϓϨϏϡʔ 7 ϢʔβʔผμογϡϘʔυݴޠ 8 get_theme_file_uri() 9
8PSE1SFTTͷਪಈ࡞ڥ ˙ 1)1όʔδϣϯҎ্ ˙ .Z42-όʔδϣϯҎ্·ͨ.BSJB%#όʔδϣϯҎ্ ˙ )5514αϙʔτ ͳ͔ͥIUUQTKBXPSEQSFTTPSHʹͳ͍ ඞਢͰ͋Γ·ͤΜ͕ɺΑΓྑ͍ηΩϡϦςΟͷͨΊʹਪ͠·͢ɻ
5XFOUZ4FWFOUFFOͱ 8PSE1SFTTʹՃ͞ΕͨσϑΥϧτςʔϚɻ σϑΥϧτςʔϚͱͯ͠ ॳΊͯຊ֨తϏδωεαΠτ͚ʹ࡞ΒΕ͍ͯ·͢ɻ
5XFOUZ4FWFOUFFOͰݻఆϖʔδΛϑϩϯτϖʔδͱͯ͠ར༻͘͢͠ͳΓ·ͨ͠ɻϑϩϯτϖʔδηΫγϣϯػ ೳΛར༻͢Δ͜ͱʹΑͬͯɺ࠷େͭͷݻఆϖʔδΛՃͰϑϩϯτϖʔδʹදࣔͤ͞Δ͜ͱ͕ՄೳͰ͢ɻߘϖʔδ ͱͯ͠ઃఆͨ͠ݻఆϖʔδΛϑϩϯτϖʔδηΫγϣϯʹՃ͢Δ͜ͱʹΑͬͯɺݻఆϑϩϯτϖʔδΛઃఆ্ͨ͠ Ͱ࠷৽ߘͷҰ෦Λϑϩϯτϖʔδʹදࣔͤ͞Δ͜ͱՄೳͰ͢ɻͳ͓ɺϑϩϯτϖʔδʹݻఆϖʔδΛઃఆ͍ͯ͠ ͳ͍߹ɺ5XFOUZ4FWFOUFFOJOEFYQIQΛ͏Α͏ʹ͍ͯ͠·͢ GVODUJPOTQIQߦ͋ͨΓ ɻ σϑΥϧτςʔϚͰ ॳΊͯGSPOUQBHFQIQΛ࠾༻
ςʔϚελʔλʔίϯςϯπ ৽نαΠτͷΧελϚΠζΛ࢝ΊΔ ͱɺ࠷ॳͷ͔ͬ͠Γͨ͠ܗͱͯ͠ ςʔϚ͝ͱʹελʔλʔίϯςϯπ ͕ఏڙ͞Ε·͢ɻελʔλʔίϯς ϯπɺ࠷దͳॴʹϏδωεใ ΟδΣοτΛஔ͢Δͷ͔Βɺ ඒ͍͠ը૾ͷ੩తϑϩϯτϖʔδʹ ϦϯΫ͢ΔιʔγϟϧΞΠίϯ͖ ͷαϯϓϧϝχϡʔ·ͰଟذʹΘͨ
Γ·͢ɻͨͩ҆͠͝৺Λɻ࠷ॳͷςʔ ϚઃఆΛอଘ͠ެ։͢Δ·Ͱɺ࣮ࡍ ͷڥʹө͞Ε·ͤΜɻ
ฤूγϣʔτΧοτ ϥΠϒϓϨϏϡʔ࣌ɺαΠτͷதͰΧελ ϚΠζՄೳͳॴʹγϣʔτΧοτΞΠί ϯ͕දࣔ͞Ε·͢ɻΞΠίϯΛΫϦοΫ͢ Εɺ͙͢ʹฤूΛ࢝ΊΒΕ·͢ɻελʔ λʔίϯςϯπͱͷΈ߹ΘͤʹΑΓɺ͜ Ε·ͰҎ্ʹૉૣ͘αΠτΛΧελϚΠζ Ͱ͖·͢ɻ
ಈըϔομʔ ࣌ʹɺಈ͘ϔομʔը૾ͱͯ͠ͷɺ େ͖ͳಠಛͷงғؾ͕͋Δಈը࠽ ೳͷݟͤॴʹͳΓ·͢ɻ5XFOUZ 4FWFOUFFO Λ͓ࢼ͍ͩ͘͠͞ɻಈ ըͷΠϯεϐϨʔγϣϯ͕ඞཁͰ͢ ͔ μϯϩʔυͰ͖Δಈըϔομʔ ͷ͋ΔαΠτΛݕࡧ͠ɺͬͯΈͯ
͍ͩ͘͞ɻ
εϜʔζͳϝχϡʔ࡞ αΠτͷଟ͘ͷϝχϡʔʹݻఆ ϖʔδͷϦϯΫΛؚΉͷͰ͢ ͕ɺ·ͬͨ͘ݻఆϖʔδ͕ͳ͔ͬ ͨͱͨ͠ΒͲ͏ͳΔͰ͠ΐ͏͔ ࠓͰϝχϡʔΛ࡞͢Δؒʹɺ ΧελϚΠβʔ͔ΒΕɺมߋΛ ഁغ͢Δ͜ͱͳ͘ɺ ݻఆϖʔδΛ
Ճ͢Δ͜ͱ͕Ͱ͖·͢ɻΧελ ϚΠζͨ͠༰Λެ։͢Δͱɺί ϯςϯπͰ͍ͬͺ͍ʹ͢Δ४උ͕ Ͱ͖ͨ৽نݻఆϖʔδ͕ग़དྷ্͕ Γ·͢ɻ
ΧελϜ$44 ࣌ʹαΠτΛᘳʹ͢ΔͨΊʹϏδϡΞϧ ͷඍௐ͕ඞཁͱͳΓ·͢ɻ8PSE1SFTT ʹΑΓɺΧελϜ $44 ΛՃͯ͠ɺ͙͢ʹα Πτ͕ͲͷΑ͏ʹมߋ͞ΕΔͷ͔ΛݟΔ͜ͱ ͕Ͱ͖ΔΑ͏ʹͳΓ·͢ɻ ϥΠϒϓϨϏϡʔ
ͰɺϖʔδΛϦϑϨογϡͯ͠εϐʔυΛ མͱ͢͜ͱͳ͘ɺ͘͢࡞ۀ͢Δ͜ͱ͕Ͱ ͖·͢ɻ
1%'αϜωΠϧϓϨϏϡʔ υΩϡϝϯτίϨΫγϣϯͷཧ 8PSE1SFTTͰΑΓ؆୯ʹͳΓ·͢ɻ1%' ΛΞοϓϩʔυ͢ΔͱαϜωΠϧը૾͕࡞ ͞Εɺͯ͢ͷυΩϡϝϯτͷதͰΑΓ༰қ ʹ۠ผͰ͖ΔΑ͏ʹͳΓ·͢ɻ
Ϣʔβʔผ μογϡϘʔυݴޠ αΠτ͕ͻͱͭͷݴޠͰ͋Δ͔Βͱ ݴͬͯɺͦͷαΠτΛཧ͢Δ୭ ͕ཧը໘ͷͦͷݴޠΛΜͰ͍Δ ͜ͱΛҙຯ͠·ͤΜɻαΠτʹΑΓ ଟ͘ͷݴޠΛՃ͢ΔͱɺϢʔβʔ ϓϩϑΟʔϧʹϢʔβʔݴޠઃఆ͕ දࣔ͞Ε·͢ɻ
get_theme_file_uri() wp_enqueue_script( 'my-script', get_theme_file_uri( 'js/my-script.js' ) ); ্هͷίʔυɺࢠςʔϚʹ js/my-script.js ͕ଘࡏ͢Δ߹ɺͦͷ
URL Λऔಘ͠ɺଘࡏ͠ͳ͍߹ ςʔϚͷ js/my-script.js ͷ URL Λऔಘ͠·͢ɻ͜ΕʹΑΓɺςʔϚͰಡΈࠐΉϑΝΠϧΛࢠ ςʔϚͰ؆୯ʹ্ॻ͖Ͱ͖ΔΑ͏ʹͳΓ·ͨ͠ɻͪΖΜɺࢠςʔϚ͕ΘΕ͍ͯͳ͍߹ςʔ Ϛͷ URL Λऔಘ͠·͢ɻ
THANK YOU