今のWordPress の制作手法ってなにがあんねん？(改) / What’s the Deal with WordPress Development These Days?

今のWordPressの制作手法ってなにがあんねん？

「WordPressはオワコン」と言われることがありますが、世界のWebサイトの約4割は今もWordPressで作られています。
では、現在のWordPressサイトはどのような方法で作られているのでしょうか？

このセッションでは、WordPressの主な制作手法として

サイトビルダー（Elementorなど）

ヘッドレスWordPress

既存テーマ

オリジナルテーマ

といった選択肢を整理し、それぞれの特徴や向いているケースを紹介します。

また、近年のWordPress開発で重要になっている ブロックテーマとtheme.json を中心に、
「これからWordPressでサイトを作るなら何を選ぶべきか？」について実例を交えながら解説します。

WordPress Meetup Kansai での登壇スライドです。

--

What Are the Ways to Build WordPress Sites Today?

WordPress is often said to be “outdated,” but it still powers around 40% of all websites on the internet.
So how are WordPress sites actually built today?

In this talk, we explore the major approaches to building WordPress websites, including:

Site builders (such as Elementor)

Headless WordPress

Existing themes

Custom theme development

We also focus on block themes and theme.json, which have become central to modern WordPress development.

Through practical examples, this session explains how to choose the right approach depending on your project, team, and workflow.

Slides from a talk at Kansai WordPress Meetup (March 2026).

Transcript

1. 今のWordPress の制作手法ってなにがあんねん？(改) つぶ @ Kansai WordPress Meetup 2026.03.14
2. > whoami
3. 　大阪で安く飲めるのは • 天満 • 京橋 • 十三 • 大阪駅前第1ビル～第4ビル Wikimedia Commons/ File:August 2007, Yodo River seen from Umeda Sky Building 5.jpg Author:Syced.License:Creative Commons Zero, Public Domain Dedication https://commons.wikimedia.org/wiki/File:August_2007,_Yodo_River_seen_from_ Umeda_Sky_Building_5.jpg 大阪市淀川区からきました
4. 　大阪で安く飲めるのは • 天満 • 京橋 • 十三 • 大阪駅前第1ビル～第4ビル 大阪市淀川区からきました https://x.com/tbshiki/status/1964314935418376337
5. つぶ 佐敷 亮太(さしき りょうた) リユース業界の片隅で買ったり売ったりしています。 Python を使って ブラウザと表計算ソフトの自動化システムをつくっています。 Web 制作が好きです。サビ猫も好きです。 好きな食べ物は🍜です。釣りが趣味です。 GitHub : @tbshiki X : @tbshiki 株式会社digi plus 取締役 合同会社エラフ 代表社員 株式会社hogehoge CEO
6. • イベントで喋ったりお酒飲んだり WordCamp の実行委員をしたり ボランティアスタッフしたり 釣りしたりしています。 • WordPress などを使って 小さなWeb サービス作るのが好き。 • オレオレプラグインを つくることがたまにあります。 • Kansai WordPress Meetup の オーガナイザーをしています。 ◦ もくもく会担当 参考：Graph from W3Techs 　　　Historical yearly trends in the usage statistics of content management systems 　　　https://w3techs.com/technologies/history_overview/content_management/all/y
7. Agenda 1. WordPress は◦◦◦◦？ 2. サイトビルダー・テーマフレームワークとヘッドレス 3. 既存テーマとオリジナルテーマ 4. どれを選べばいいか 5. オリジナルテーマならブロックテーマ 6. 既存テーマの選び方 7. まとめ
8. WordPress はオ◦コン？
9. しかし、現実 42.4％ この世のWeb サイトの42.4％はWordPress でできています。
10. 2022年から世界中全てのWeb サイトにおける WordPress シェアが伸びなくなった 一番高い2025年1月の43.6%から1.2％減少しています 参考：Graph from W3Techs 　　　Historical yearly trends in the usage statistics of content management systems 　　　https://w3techs.com/technologies/history_overview/content_management/all/y
11. シェア率が伸びなくなっただけ
12. でしたが、流れは変わってきているかもしれません
13. 本当にWordPress はオワコンなのか？
14. CMS 市場シェア 2024年9月に62.6%だったCMS 市場シェア率(世界)は 2026年3月現在、59.8%に低下しています。 日本国内のCMS 市場シェアは83.0%から82.9%とほぼ横ばいです。 参考：Usage statistics and market shares of content management systems 　　　https://w3techs.com/technologies/overview/content_management 　　　W3Techs.com, 9 December 2025 参考：Distribution of content management systems among websites that use Japanese 　　　https://w3techs.com/technologies/segmentation/cl-ja-/content_management 　　　W3Techs.com, 9 December 2025
15. 参考：Usage statistics and market shares of content management systems 　　　https://w3techs.com/technologies/overview/content_management 　　　W3Techs.com, 9 December 2025 参考：WordPress が Web の40%を支えるようになるまで | WordPress.org 日本語 　　　https://ja.wordpress.org/40-percent-of-web/ 世界のWeb サイトの40%以上が WordPress でつくられています。 WordPress はリリースから22年
16. WordPress が終わったら 4割のWeb サイトたちはどうするの？
17. 終われません
18. IPv4 / FTP / メール は終わりましたか？ ガソリン車 / 現金決済 は無くなりましたか？
19. WordPress という共通言語 使い方は人ぞれぞれで方言みたいなもの
20. WordPress がオワコンと言われる理由 • 古い手法でのWordPress 化の弊害 ◦ 作成者にしかわからないpage-***.php 群 ◦ 管理画面から更新できないWordPress ではない「なにか」 • メンテナンス・保守不足・人災による脆弱性の露呈 ◦ 簡単なパスワード設定によるハッキング被害 ◦ 更新していないプラグインによる脆弱性の放置 • 構築手法の多さ ◦ ジャムの法則（決定回避の法則） ◦ 頻繁なアップデートでキャッチアップが追いつかない。
21. WordPress がオワコンと言われる理由 • 古い手法でのWordPress 化の弊害 ◦ 作成者にしかわからないpage-***.php 群 ◦ 管理画面から更新できないWordPress ではない「なにか」 • メンテナンス・保守不足・人災による脆弱性の露呈 ◦ 簡単なパスワード設定によるハッキング被害 ◦ 更新していないプラグインによる脆弱性の放置 • 構築手法の多さ ◦ ジャムの法則（決定回避の法則） ◦ 頻繁なアップデートでキャッチアップが追いつかない。 　 セキュリティはしっかりしてもらうとして、 ← ここを整理しましょう
22. 構築手法を見ていきましょう
23. サイトビルダー・テーマフレームワーク • コード不要でページレイアウトを実装できる • GUI での実装でもリッチでデザイン自由度が高いものが作れる • デザイナー主体の制作に向いている • パフォーマンスや速度の低下 • テーマ・プラグインの学習コストがかかる • ロックインが課題になる = 他のテーマに乗り換えするハードルがあがる Elementor など – フロント側をGUI でレイアウトするビルダー方式で構築する。
24. ヘッドレス • 公開側を静的にしたり別基盤で運用できる ◦ セキュリティが強固 ◦ 規模が大きくなっても対応しやすい • アプリ開発寄りのアーキテクチャと実装 • 柔軟性が高い分、実装スキルが必要 • CDN から事前生成した HTML を配信して Jamstack 構成にすることもできる Next.js / Nuxt / Astro / SvelteKit など WordPress はCMS として使用、フロントエンドは別のフレームワークを使う。
25. テーマの種類
26. 既存テーマ • クラシックテーマ • ハイブリッドテーマ • ブロックテーマ オリジナルテーマ • クラシックテーマ • ハイブリッドテーマ • ブロックテーマ どれを選べばいいかわからなくないですか？
27. いま、鍵となるのは theme.json
28. クラシックテーマ functions.php index.php single.php style.css templates/ index.html style.css templates/ single.html functions.php {} theme.json ブロックテーマ etc. etc. どちらもブロックエディターでコンテンツを作成します。 「ブロックが使える = ブロックテーマ」ではない。 クラシックテーマでもブロックは使えます。
29. theme.json ってなんぞ？
30. テーマ全体のデザイン・スタイルを 一元管理する中心的なファイル レイアウト カラー ブロックのスタイル 参考：グローバル設定とスタイル (theme.json) 　　　 https://ja.wordpress.org/team/handbook/block-editor/how-to-guides/themes/global-settings-and-styles/ • デザインの一貫性をもたせる • CSS の記述量が減る • 保守・メンテナンスがしやすくなる タイポグラフィ
31. Aki Hamano 受託開発におけるハイブリッドテーマ開発 https://aki-hamano.blog/2022/11/27/hybrid-theme/ theme.json はクラシックテーマにも導入可能 クラシックテーマにtheme.json を導入すると 通称、ハイブリッドテーマと呼ばれるものになります。 詳しく知りたい方は
32. 既存テーマ • 開発コストを低く抑えることができる ◦ ブロック / UI / レイアウトが最初から揃っていることが多い ◦ 制作スピードをあげることがしやすい • コードを一切書かなくても実装できる • マニュアルやフォーラムがあれば情報も多い • 把握できていないアップデートで表示が崩れることも • 多機能がゆえに学習コストがかかる クラシックテーマ / ハイブリッドテーマ / ブロックテーマ WordPress テーマディレクトリ や公式サイトで配布・販売されているテーマで実装する。
33. オリジナルテーマ • 自由なデザインと構造を実現できる ◦ デザインカンプ通りのレイアウトが作りやすい ◦ 不要なものを読み込まないので軽量 • 自前で作成しているので構造が把握できる • 学習コストが高い ◦ Web に対しての総合的な知識とスキルが必要 • オリジナルブロックの開発が必要になることが多くある クラシックテーマ / ハイブリッドテーマ / ブロックテーマ テーマを自前で作成する。デザイン通りに実装するテーマ開発。
34. どれを選べばいいの？
35. いま選ぶべきは、既存テーマでの実装もしくは オリジナルテーマのブロックテーマ開発 既存テーマ • クラシックテーマ • ハイブリッドテーマ • ブロックテーマ オリジナルテーマ • クラシックテーマ • ハイブリッドテーマ • ブロックテーマ
36. いまからオリジナルテーマを作るなら
37. ブロックテーマ一択
38. 向いていること 自由なレイアウト ノーコード・ローコードでの 実装 プロトタイプ開発 使うメリット ヘッダー・フッター アーカイブページなど どこでも編集できる WYSIWYG WordPress 本体の エコシステムの享受 管理画面だけで実装できる 注意点 クラシック・ハイブリッドと 考え方や構造が違う 学習コストがかかる 実装・開発コストが 下がるわけではない 実装者とデザイナーの距離が 遠いと難易度があがる WordPress はブロックテーマに舵を切ってアップデートされています ブロックテーマ が向いていること・メリット・注意点
39. では、既存テーマは？
40. 既存テーマとオリジナルテーマのどちらを選ぶか 既存テーマ オリジナルテーマ 最優先事項 実装までを早くしたい、プロトタイプなど クオリティを求めたい、洗練されたデザイン 運用担当者 テーマの使い方を覚える必要がある 作り込み度合いにもよるが リテラシーが低くても更新できる 予算 構築時はなるべく費用を抑えたい ランニングコストがかかる可能性 潤沢にある 機能追加や改修をしなければ ランニングコストはかからない 拡張性 テーマのアップデート次第なので コントロールしにくい 実装さえすればどこまでも自由 スキルセット ノーコードで実装可 Web 全般の知識が必要
42. • コーポレートサイト • 実装期間が1ヶ月 • 運用者は納品先のスタッフさん • かっこよさよりアクセシビリティ意識したい • ダークモード対応したい • カスタムブロックを作る予算は無い • ピクセルパーフェクト不要、実装優先 こんな要件がありました
43. DesignStudio 35mm 三宅 敦（みやけ あつし） 福岡でホームページ制作をしています。 主にデザイン・コーディング・WordPress の構築を行っていますが、 WordPress はクラシックテーマばかりでheader.php やront-page.php など テンプレートファイルを用意したり、固定ページはコーディングしておいた html をエディタ内に貼り付けるという方法で作っていました。 今回つぶさんに制作をご相談したところ「それたぶん全部ブロックテーマで 出来ますよ」と言われ、はじめてブロックテーマで作ることになりました。 自然の中が好きで時々森で仕事しています。 Web : https://www.designstudio35mm.com/ X : @ds_35mm
44. 2人チーム体制と役割分担 三宅さん • 要件整理とサイトマップ整理 • ワイヤーフレーム作成(Figma) • デザインカンプ作成(Figma or XD) • 素材選定・加工 • コンテンツの流し込み • レイアウト調整 デザイン / ディレクション 私 エンジニアリング / プロデュース • 技術選定 • 環境構築・移行 • テーマ・プラグイン選定 • ブロックの骨組み作成 • アクセス解析・SEO ツールの導入 • マーケティングまわり
45. 制作フロー 三宅さん 私 ヒアリング・要件整理 お客様とのやりとり・要件確認 ドメインや現状環境の確認 構成・準備 ワイヤーの作成 実装可否の確認 デザイン・環境構築 デザインカンプの作成 サーバーの決定・開発環境構築 WordPress 導入 タイポグラフィ・サイズ・カラー決定 ブロック構築 構築・組版 コンテンツの流し込みとCSS 実装 公開準備 フィードバック・修正 修正・実機検証 フィードバック リリース お客様との公開調整 CSS/JS の子テーマ・プラグイン化 サポート・解析 使い方サポート 解析・SEO・レポートの実装
46. テーマの種類はどう選ぶ？
48. デザインデータを見てテーマを選びました 選ばれたのはunitone でした
50. 既存テーマの選び方 • 感覚で選ぶことも多い • デフォルトのフォントサイズの影響が大きいかも(≒タイポグラフィ) • クラシックテーマでも ヘッダーやフッターをブロックで組めるテーマもある • アーカイブページを触る必要があるならブロックテーマかも • ハイブリッドテーマは少ない印象 • 最終的には更新担当者さんの意向に合わせる
51. • タイポグラフィと各パーツのバランス 超えられない壁 • 更新担当者さんの使いやすさ • 実装したい機能が揃っているか • 料金・予算 テーマの決め手 優先度高
52. まとめ
53. 既存テーマのブロックテーマが気になる方は これだけでも追いかけていよう日本国内版 • Twenty Twenty-Five などデフォルトテーマ https://wordpress.org/themes/twentytwentyfive/ • unitone https://unitone.2inc.org/ • X-T9 https://x-t9.vektor-inc.co.jp/ • Hakoniwa https://hakoniwa.animagate.com/ 他にオススメがあったら教えて下さい。
54. • 既存テーマはとにかく触って覚える • ブロックテーマのエディタ画面も同じ、触って覚える　　　 • オリジナルテーマ開発も つくって、使って、調べて、真似して、とにかく触って遊んでみる • 学ぶのに楽はないので横着をしない • スキルがなくてもOK、触って調べ尽くせばスキルになります 触ってどうしてもわからなかったら
55. WordPress Meetup に来たらいいんやで
56. 世界のWeb サイトの4割が WordPress でできています
57. 仲間がいます
58. WordPress まだオワコンちゃうで！
59. Toro_Unit GitHub / X / WordPress.org and more... : @tbshiki tbshiki.com Special Thanks❢ Thanks❢