Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
WordPress のサイト制作について改めて考える Toro_Unit / 2026.07....
Search
Toro_Unit (Hiroshi Urabe)
July 25, 2026
210
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
800
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
torounit
0
630
ブロックテーマとこれからの WordPress サイト制作 / nishinomiya.dev@2025-12-21
torounit
1
300
ブロックテーマとこれからの WordPress サイト制作 / Toyama WordPress Meetup Vol.81
torounit
0
830
ブロックテーマ時代における、テーマの CSS について考える Toro_Unit / 2025.09.13 @ Shinshu WordPress Meetup
torounit
0
930
ブロックテーマでサイトリニューアルした話 / Toro_Unit / 2025.04.12 @ Shinshu WordPress Meetup
torounit
1
370
Cloudflare Meetup Nagano Vol.3
torounit
1
190
僕が考える 「HTML サイトを WordPress にする」話 / 2023-11-05 Kansai WordPress Meetup
torounit
9
8.9k
Cloudflare Pages に入門してみた / 2023-10-14 Cloudflare Meetup Nagano Vol.2
torounit
2
2.4k
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
55
13k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
460
WENDY [Excerpt]
tessaabrams
14
39k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
560
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
67
58k
Done Done
chrislema
186
17k
The Language of Interfaces
destraynor
162
27k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
apolaine
2
440
The Invisible Side of Design
smashingmag
301
52k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
3.1k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.4k
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