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
74
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
6.9k
Cloudflare Pages に入門してみた / 2023-10-14 Cloudflare Meetup Nagano Vol.2
torounit
2
910
ブロックエディタをゴリゴリに使い倒してサイトを作った話 / Kansai WordPress Meetup 2023 09 23
torounit
14
9k
ブロックエディターカスタマイズことはじめ #wpshinshu / 2023-06-17 Shinshu WordPress Meetup vol.24
torounit
1
300
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 Technology
See All in Technology
SIEMを用いて、セキュリティログ分析の可視化と分析を実現し、PDCAサイクルを回してみた
coconala_engineer
0
220
ChatGPT for IT Service Management (IT Pro)
dahatake
4
260
ユーザーストーリーのレビューを自動化したみたの
bun913
1
330
日本におけるデータエンジニアリングのこれまでとこれから
foursue
14
2.6k
インシデントレスポンスのライフサイクルを廻すポイントってなに / Pinpoints of Incidentresponse Lifecycle for Operation
sakaitakeshi
1
300
Hands-on / Kaname Frusawa / Cloud Compare Users Meetup 2024 at University of Tokyo on April 17
paraworld
2
470
Terraformあれやこれ/terraform-this-and-that
emiki
7
610
SREとその組織類型
tatsuo48
8
1.5k
最近たまに見かけるTiDBってなんだ? - Findy
pingcap0315
2
620
Databricksを活用してDELISH KITCHENのレシピレコメンドを開発した話
furu8
0
250
巨大なテーブルのテーブル定義を無停止で安全に誰でも変更できるようにする / Table-definitions-for-huge-tables-can-be-modified-by-anyone-safely-and-non-disruptively
freee
1
740
SPI原点回帰論:事業課題とFour Keysの結節点を見出す実践的ソフトウェアプロセス改善 / DevOpsDays Tokyo 2024
visional_engineering_and_design
4
1.6k
Featured
See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
124
32k
Why You Should Never Use an ORM
jnunemaker
PRO
50
8.6k
Designing the Hi-DPI Web
ddemaree
276
33k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
115
18k
Music & Morning Musume
bryan
41
5.6k
A Tale of Four Properties
chriscoyier
150
22k
KATA
mclloyd
14
12k
How to name files
jennybc
64
92k
Done Done
chrislema
178
15k
10 Git Anti Patterns You Should be Aware of
lemiorhan
646
57k
Faster Mobile Websites
deanohume
297
30k
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