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 のサイト制作について改めて考える Toro_Unit / 2026.07....
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Toro_Unit (Hiroshi Urabe)
July 25, 2026
38
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
WordPress のサイト制作について改めて考える Toro_Unit / 2026.07.25 @ Shinshu WordPress Meetup
Toro_Unit (Hiroshi Urabe)
July 25, 2026
More Decks by Toro_Unit (Hiroshi Urabe)
See All by Toro_Unit (Hiroshi Urabe)
ブロックテーマ、WordPress でウェブサイトをつくるということ / 2026.02.07 Gifu WordPress Meetup
torounit
0
740
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
torounit
0
600
ブロックテーマとこれからの WordPress サイト制作 / nishinomiya.dev@2025-12-21
torounit
1
290
ブロックテーマとこれからの WordPress サイト制作 / Toyama WordPress Meetup Vol.81
torounit
0
810
ブロックテーマ時代における、テーマの CSS について考える Toro_Unit / 2025.09.13 @ Shinshu WordPress Meetup
torounit
0
830
ブロックテーマでサイトリニューアルした話 / Toro_Unit / 2025.04.12 @ Shinshu WordPress Meetup
torounit
1
350
Cloudflare Meetup Nagano Vol.3
torounit
1
180
僕が考える 「HTML サイトを WordPress にする」話 / 2023-11-05 Kansai WordPress Meetup
torounit
9
8.8k
Cloudflare Pages に入門してみた / 2023-10-14 Cloudflare Meetup Nagano Vol.2
torounit
2
2.3k
Featured
See All Featured
Context Engineering - Making Every Token Count
addyosmani
9
1k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
350
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
118
120k
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
220
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
11k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
53k
AI: The stuff that nobody shows you
jnunemaker
PRO
9
840
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
470
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
180
Reality Check: Gamification 10 Years Later
codingconduct
0
2.2k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
770
Transcript
WordPress のサイト制作について改めて考える Toro_Unit / 2026.07.25 @ Shinshu WordPress Meetup 1
$ whoami Toro_Unit / 占部 紘 Frontend & WordPress Engineer
Github: @torounit Twitter: @Toro_Unit 2
「えっ、page-◦◦.phpって書き方ダメなの..?」 みたいな話が先日ありまして。。 3
4
個人的見解 WordPress のテーマ: サイトの見た目を定義。もともとブログの見た目を 変える機能。 => そもそも、「テンプレートファイル」の集まりなので、当然そこに コンテンツを書くことは念頭置かれていない。 5
デメリット 該当ページのコンテンツを管理画面から変更出来ない。 サイト内検索などが機能しない 6
プラグイン作者として考えていること デフォルトテーマとかそれに準ずるテーマでくらいしかテストしてないし、 page-〇〇.php ファイルに固定ページがベタ書きされてる前提でプラグインは 開発してない。 タイトルは、post_title / 本文は post_content に入ってることを前提に開発・
テストをする。 7
結果 カスタムフィールドでの解決が増える テーマ内の functions.php 等が複雑化する 更新できないページが増える 8
また、カスタムフィールドをそもそも前提として開発をすると、テーマに HTML を書く作りになることが多い。 => そもそも WordPress のカスタムフィールドはコンテンツを入力するために 作られていない。 9
編集画面の大部分を占める エディターを無視して、下の方に あるメタボックスを積極的に 使っていくのはそもそも編集用の UI としておかしい。 カスタムフィールドは、 「post_meta」投稿本文に対する 付随情報を保存するフィールドと して設計されてる。
10
11
Tokyo WordPress Meetup にて 高橋文樹さんが話してたスライド https://docs.google.com/presentation/d/e/2PACX-1vRjVF2kBO196E5GhpEJemB_oWL3D_FPHAbjZFDGI29YaQ_FGEwD01lyRNPFz5yJPC UMe4VsreAuSPc/pub? start=true&loop=false&delayms=5000&slide=id.g38490438b43_0_0 12
問うべきは 「なぜそんなデザインになったか?」 上手くいくケースとして、「デザインを担当する会社と連携できた」を 挙げているが、同じ感想。 13
CMS の実装を担当するレイヤーの人間としての責務は、「エンドユーザー の情報発信をスムーズにすること」 WordPress は、HTML / CSS を自由に記述する機能は弱い。 現代だと、カスタムブロック開発、ブロックパターンなどを駆使する ことがたぶん
WordPress 的アプローチ。 14
そもそも、HTMLを WordPress 化するという フローが WordPress と相性が 悪い。 https://speakerdeck.com/torou nit/2023-11-05-kansaiwordpress-meetup 15
デザインにめちゃくちゃこだわってかつ、WordPress で更新したい。。。 16
17
18
news の部分のみ、wp-api を用いて 別のサブドメインに配置した WordPress から取得して表示するようになってる。 jQuery の $.ajax や、fetch
API を用いて、WordPress から JSON を取得して、 フロントエンドで組み立ててコンテンツを表示している。 19
こちらも、ニュースと エピソードのみ、WP-API から 取得。 20
全部 一つの WordPress に完結させずに部分的に使いたいならこんな アプローチもあります。 当然トレードオフもありますが(OGPとか)、「HTML + CSS に WordPress
を 後付けして news だけ更新したい」という要件に対して素直なアプローチ。 OGPとかをなんとかするために、SSRしたりとかはまた色々ある。(SSR したりとか) 21
なぜ、そのアーキテクチャでつくるのか? なぜ、WordPress を使うのか? 立ち止まって考えてみると色んな解決策があるのでは? 22
Thanks!!! https:://torounit.com Github: @torounit Twitter: @Toro_Unit 23