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)
March 31, 2018
Technology
0
84
WordPress の機能をちゃんと知る
WordBench Nagano vol. 17 での登壇資料です
Toro_Unit (Hiroshi Urabe)
March 31, 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
7.2k
Cloudflare Pages に入門してみた / 2023-10-14 Cloudflare Meetup Nagano Vol.2
torounit
2
1.5k
ブロックエディタをゴリゴリに使い倒してサイトを作った話 / Kansai WordPress Meetup 2023 09 23
torounit
14
9.5k
ブロックエディターカスタマイズことはじめ #wpshinshu / 2023-06-17 Shinshu WordPress Meetup vol.24
torounit
1
360
FSE時代におけるWEBサイト制作の研究 #wpshinshu / 2023-05-20 Shinshu WordPress Meetup vol.23
torounit
0
400
ブロックエディターを用いたWEBサイト開発とカスタムフィールドのあり方を考える。/ WordCamp Japan 2021
torounit
0
520
ブロックエディターで変わる、WordPress でのウェブサイト開発 / SaCSS Special 26
torounit
4
840
Block Editor カスタマイズ入門 #WPmeetupOsaka / Get started customize for block editor
torounit
12
3.1k
本当にだれにでもできる、WordPress をよりよいものにする方法。/ wordcamp tokyo 2019
torounit
2
3k
Other Decks in Technology
See All in Technology
社内で最大の技術的負債のリファクタリングに取り組んだお話し
kidooonn
1
550
OCI Vault 概要
oracle4engineer
PRO
0
9.7k
AGIについてChatGPTに聞いてみた
blueb
0
130
信頼性に挑む中で拡張できる・得られる1人のスキルセットとは?
ken5scal
2
530
データプロダクトの定義からはじめる、データコントラクト駆動なデータ基盤
chanyou0311
2
300
Incident Response Practices: Waroom's Features and Future Challenges
rrreeeyyy
0
160
EventHub Startup CTO of the year 2024 ピッチ資料
eventhub
0
110
マルチモーダル / AI Agent / LLMOps 3つの技術トレンドで理解するLLMの今後の展望
hirosatogamo
37
12k
いざ、BSC討伐の旅
nikinusu
2
780
AWS Lambda のトラブルシュートをしていて思うこと
kazzpapa3
2
170
Application Development WG Intro at AppDeveloperCon
salaboy
0
180
Oracle Cloud Infrastructureデータベース・クラウド:各バージョンのサポート期間
oracle4engineer
PRO
28
12k
Featured
See All Featured
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
Adopting Sorbet at Scale
ufuk
73
9.1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
Imperfection Machines: The Place of Print at Facebook
scottboms
265
13k
Building an army of robots
kneath
302
43k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
A Philosophy of Restraint
colly
203
16k
Navigating Team Friction
lara
183
14k
Automating Front-end Workflow
addyosmani
1366
200k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Transcript
WordPress ͷػೳΛͪΌΜͱΔɻ Toro_Unit @2018.03.31 / WBNagano #17 1
$ whoami 2
Toro_Unit ෦ ߛ (͏Β ͻΖ͠) HAMWORKS • Frontend Engineer •
WordPress Plugin and Theme Developer • Custom Post Type Permalinks • Vanilla • more... Github: @torounit Twitter: @Toro_Unit 3
ࡳຈͷձࣾͰϦϞʔτ ϫʔΫͯ͠·͢ɻ 4
Plugins and Themes • Custom Post Type Permalinks • Simple
Post Type Permalinks • Powerful Posts Per Page (PPPP) • Responsive Slide • Vanilla • and more... 5
Contribution • WordBench ϞσϨʔλʔ • WordCamp Kyoto 2017 ࣮ߦҕһ
• WordCamp Tokyo 2017 Speaker • WordBench.org • VCCW Team • etc... 6
WordPress ͷςʔϚ࡞ͬͯ·͔͢ʁ WordPress ͰαΠτ࡞ͬͯ·͔͢ʁ 7
WordPress ͷػೳͬͯ·͔͢ʁ 8
ࠓݴ͍͍ͨ͜ͱɿωοτͰरͬͨ ίʔυΛfunctions.php ʹίϐϖ͢Δ લʹߟ͑Α͏ɻ 9
Case.1 ίϝϯτϑΟʔυΛফ͍ͨ͠ɻ <link rel="alternate" type="application/rss+xml" title="Toro_Unit » ϑΟʔυ" href="https://torounit.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="Toro_Unit » ίϝϯτϑΟʔυ" href="https://torounit.com/comments/feed/" /> ίϝϯτΘͳ͍͔Βফ͍ͨ͠ɻ 10
remove_action( 'wp_head', 'feed_links_extra', 3 ); add_filter( 'feed_links_show_comments_feed', '__return_false'); άάΔͱ͜Μͳͷग़ͯ͘Δ͚Ͳɾɾɾ 11
12
• feed_links_extra Λফ͢ͱɺίϝϯτҎ֎ͷϑΟʔυແ ͘ͳΔɻ • ࡢࠓ feed ͕ඞཁͱ͍͏໘গͳ͍Ͱ͠ΐ͏͕ɻɻɻ • link
λάΛফͨ͠ͱ͜ΖͰɺΞΫηεͰ͖ͯ͠·͏ɻ 13
• ҆қͳίϐϖΛ͢Δલʹɺཧը໘ΛோΊΔɻ • ཧը໘Ͱग़དྷΔ͜ͱཧը໘Ͱɻ 14
case.2 admin-bar Λফ͍ͨ͠ɻ 15
<?php wp_footer();?> ·͔͞ɺwp_footer ফͯ͠ͳ͍ΑͶɾɾɾɻ 16
• wp_head, wp_footer WordPress ɺϓϥάΠϯ͕ɺCSS, ϝλλάɺJSͳͲΛग़ྗͨ͠Γ͢ΔࡍʹΘΕΔͷɻ • ίϨ͕ແ͍ςʔϚςʔϚͱͯ͠όάͬͯΔɻ 17
πʔϧόʔͷ߲͔Βඇදࣔʹग़དྷΔɻ 18
case.3 ߘҰཡϖʔδ Λ࡞Δ 19
<?php query_posts( array( 'post_type' => 'post', 'paged' => get_query_var('paged') )
);?> <?php if( have_posts(): while( have_posts()) : the_post();?> <?php endwhile; endif;?> <?php wp_reset_postdata();?> <?php wp_reset_query();?> ͱ͔ <?php $blog = new WP_Query( array( 'post_type' => 'post', 'paged' => get_query_var('paged') ) );?> <?php if($blog->have_posts(): while($blog->have_posts() ): $blog->the_post();?> <?php endwhile; endif;?> <?php wp_reset_postdata();?> Ͱ࣮ग़དྷΔ͔͠Ε·ͤΜ͕ɻɻɻ 20
දࣔઃఆͰઃఆͰ͖Δͧɻ ϗʔϜϖʔδʹɺfront-page.php → page.php → index.php ͷςϯϓϨʔτ͕ద༻͞ΕΔɻ ߘϖʔδʹɺhome.php → index.php
ͷॱͰςϯϓϨʔτ͕ద༻͞ΕΔɻ σϑΥϧτͷ ʮ࠷৽ͷߘʯͷ߹ɺfront-page.php → home.php → index.php ͷॱɻ 21
ςʔϚͷ࡞Γํɻ ެࣜͷυΩϡϝϯςʔγϣϯɻࠓͷͱ͜ Ζӳޠ͔͠ແ͍͚ͲɺίʔυͰͷղઆ ଟ͍ͷͰҙ֎ʹͳΜͱ͔ͳΔɻ • Theme Developer Handbook • https://developer.wordpress.org/
themes/ 22
ςʔϚϨΠϠʔͱϓϥάΠϯϨΠϠʔ • ςʔϚ͕ͬͯྑ͍ͷɺσβΠϯɺݟͨʹؔΘΔ͜ͱͷ Έɻ • WordPress ͷڍಈΛม͍͑ͨͱ͖ϓϥάΠϯͰɻ 23
• ϓϥάΠϯʹ͓͍ͯͨ͠ํ͕ɺςʔϚΛม͑ͯෆ۩߹ແ ͍ɻ • ػೳʹ໊લΛ͚Δ͜ͱͰɺͦΕ͕ԿΛ͢ΔͨΊͷϞϊͳͷ ͔ʁ͕ޙ͔ΒผՄೳɻ 24
ใͷूΊํ 25
• ωοτͷใۄੴࠞަɻ҆қʹඈͼ͔ͭͣɺଞͷϞϊݟΔɻ • ·ͣɺ৴པͰ͖ΔϦιʔεΛௐΔɻ • ެࣜͷυΩϡϝϯςʔγϣϯ • Codex • σϑΥϧτςʔϚ
• WordPress.org ܝࡌςʔϚ • ༗໊ͳϓϥάΠϯ/ςʔϚ࡞ऀͷίʔυɻ • forum Ͱͷղɻ/ ࣭ͯ͠ΈΔɻ 26
ࣗͰ৮ͬͯΈΔɻ • ·ͣࣗͰԿͰ͍͍͔Β৮ͬͯΈΔɻ • ࣗͰ͍ͪ͜͝ͱ͔ΛΘ͔ͬͯΔͱɺצॴͱ͔͕͔ͭΈ ͍͢ɻ • ࣗ1Ϣʔβʔͱ͍ͯ͢͠ɻ 27
and.. Let's Join WordBench! wordbench.org 28
͓ΘΓɻ Thanks! Github: @torounit Twitter: @Toro_Unit Facebook: fb.me/torounit WEB Site:
https://torounit.com 29