WordPress は終わったのか～今のWordPress の制作手法ってなにがあんねん？～ / Is WordPress Over? How We Build with WordPress Today

by tbshiki

Slide 1

Slide 1 text

WordPress は終わったのか～今のWordPress の制作手法ってなにがあんねん？～つぶ @ 信州 WordPress Meetup 2025.12.13

Slide 2

Slide 2 text

> whoami

Slide 3

Slide 3 text

　大阪で安く飲めるのは ● 天満 ● 京橋 ● 十三 ● 大阪駅前第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 大阪市淀川区からきました

Slide 4

Slide 4 text

　大阪で安く飲めるのは ● 天満 ● 京橋 ● 十三 ● 大阪駅前第1ビル～第4ビル大阪市淀川区からきました https://x.com/tbshiki/status/1964314935418376337

Slide 5

Slide 5 text

つぶ佐敷亮太(さしきりょうた) リユース業界の片隅で買ったり売ったりしています。 Python を使ってブラウザと表計算ソフトの自動化システムをつくっています。 Web 制作が好きです。サビ猫も好きです。好きな食べ物は🍜です。釣りが趣味です。 GitHub : @tbshiki X : @tbshiki 株式会社digi plus 取締役合同会社エラフ代表社員株式会社hogehoge CEO

Slide 6

Slide 6 text

● イベントで喋ったりお酒飲んだり WordCamp の実行委員をしたりボランティアスタッフしたり釣りしたりしてます。 ● WordPress などを使って小さなWeb サービス作るのが好き。 ● オレオレプラグインをつくることがたまにあります。 ● Kansai WordPress Meetup のオーガナイザーをしています。 ○ もくもく会担当

Slide 7

Slide 7 text

Agenda 1. WordPress はオワコン？ 2. サイトビルダー・テーマフレームワークとヘッドレス 3. 既存テーマとオリジナルテーマ 4. どれを選べばいいか 5. オリジナルテーマならブロックテーマ 6. 既存テーマの選び方 7. まとめ

Slide 8

Slide 8 text

WordPress はオワコン？

Slide 9

Slide 9 text

しかし、現実 43.2％この世のWeb サイトの43.2％はWordPress でできています。

Slide 10

Slide 10 text

2022年から世界中全てのWeb サイトにおける WordPress シェア率が伸びなくなった参考：Graph from W3Techs 　　　Historical yearly trends in the usage statistics of content management systems 　　　https://w3techs.com/technologies/history_overview/content_management/all/y

Slide 11

Slide 11 text

シェア率が伸びなくなった「だけ」

Slide 12

Slide 12 text

本当にWordPress はオワコンなのか？

Slide 13

Slide 13 text

参考：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年

Slide 14

Slide 14 text

CMS 市場シェア 2024年9月に62.6%だったCMS 市場シェア率(世界)は 2025年12月現在、60.7%に低下しています。日本国内のCMS 市場シェア率は83.0%から83.1%に増加しています。参考：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

Slide 15

Slide 15 text

WordPress が終わったら 4割のWeb サイトどうすんの？

Slide 16

Slide 16 text

終われません

Slide 17

Slide 17 text

WordPress がオワコンと言われる理由 ● 古い手法でのWordPress 化の弊害 ○ 作成者にしかわからないpage-***.php 群 ○ 管理画面から更新できないWordPress ではない「なにか」 ● メンテナンス・保守不足・人災による脆弱性の露呈 ○ 簡単なパスワード設定によるハッキング被害 ○ 更新していないプラグインによる脆弱性の放置 ● 構築手法の多さ ○ ジャムの法則（決定回避の法則） ○ 頻繁なアップデートでキャッチアップが追いつかない。

Slide 18

Slide 18 text

Slide 19

Slide 19 text

サイトビルダー・テーマフレームワーク ● コード不要でページレイアウトを実装できる ● GUI での実装でもリッチでデザイン自由度が高いものが作れる ● デザイナー主体の制作に向いている ● パフォーマンスや速度の低下 ● テーマ・プラグインの学習コストがかかる ● ロックインが課題になる = 他のテーマに乗り換えするハードルがあがる Elementor など – フロント側をGUI でレイアウトするビルダー方式で構築する。

Slide 20

Slide 20 text

ヘッドレス ● 公開側を静的にしたり別基盤で運用できる ○ セキュリティが強固 ○ 規模が大きくなっても対応しやすい ● アプリ開発寄りのアーキテクチャと実装 ● 柔軟性が高い分、実装スキルが必要 ● CDN から事前生成した HTML を配信して Jamstack 構成にすることもできる Next.js / Nuxt / Astro / SvelteKit など WordPress はCMS として使用、フロントエンドは別のフレームワークを使う。

Slide 21

Slide 21 text

既存テーマ ● クラシックテーマ ● ハイブリッドテーマ ● ブロックテーマオリジナルテーマ ● クラシックテーマ ● ハイブリッドテーマ ● ブロックテーマどれを選べばいいかわからなくないですか？

Slide 22

Slide 22 text

クラシックテーマ functions.php index.php single.php style.css templates/ index.html style.css templates/ single.html functions.php {} theme.json ブロックテーマ etc. etc. どちらもブロックエディターでコンテンツを作成する。「ブロックが使える = ブロックテーマ」ではない。クラシックテーマでもブロックは使える。

Slide 23

Slide 23 text

theme.json ってなんぞ？

Slide 24

Slide 24 text

テーマ全体のデザイン・スタイルを一元管理する中心的なファイルレイアウトカラーブロックのスタイル参考：グローバル設定とスタイル (theme.json) 　　　 https://ja.wordpress.org/team/handbook/block-editor/how-to-guides/themes/global-settings-and-styles/ ● デザインの一貫性をもたせる ● CSS の記述量が減る ● 保守・メンテがしやすくなるタイポグラフィ

Slide 25

Slide 25 text

Aki Hamano 受託開発におけるハイブリッドテーマ開発 https://aki-hamano.blog/2022/11/27/hybrid-theme/ theme.json はクラシックテーマにも導入可能クラシックテーマにtheme.json を入れると通称、ハイブリッドテーマと呼ばれます。詳しく知りたい方は

Slide 26

Slide 26 text

既存テーマ ● 開発コストを低く抑えることができる ○ ブロック / UI / レイアウトが最初から揃っていることが多い ○ 制作スピードをあげることがしやすい ● コードを一切書かなくても実装できる ● マニュアルやフォーラムがあれば情報も多い ● 把握できていないアップデートで表示が崩れることも ● 多機能がゆえに学習コストがかかるクラシックテーマ / ハイブリッドテーマ / ブロックテーマ WordPress テーマディレクトリや公式サイトで配布・販売されているテーマで実装する。

Slide 27

Slide 27 text

オリジナルテーマ ● 自由なデザインと構造を実現できる ○ デザインカンプ通りのレイアウトが作りやすい ○ 不要なものを読み込まないので軽量 ● 自前で作成しているので構造が把握できる ● 学習コストが高い ○ Web に対しての総合的な知識とスキルが必要 ● オリジナルブロックの開発が必要になることが多くあるクラシックテーマ / ハイブリッドテーマ / ブロックテーマテーマを自前で作成する。デザイン通りに実装するテーマ開発。

Slide 28

Slide 28 text

どれを選べばいいの？

Slide 29

Slide 29 text

既存テーマでの実装もしくはオリジナルテーマのブロックテーマ開発既存テーマ ● クラシックテーマ ● ハイブリッドテーマ ● ブロックテーマオリジナルテーマ ● クラシックテーマ ● ハイブリッドテーマ ● ブロックテーマ

Slide 30

Slide 30 text

いまからオリジナルテーマを作るならブロックテーマ一択

Slide 31

Slide 31 text

向いていること自由なレイアウトノーコード・ローコードでの実装プロトタイプ開発使うメリットヘッダー・フッターアーカイブページなどどこでも編集できる WYSIWYG WordPress 本体のエコシステムの享受管理画面だけで実装できる注意点クラシック・ハイブリッドと考え方や構造が違う学習コストがかかる実装・開発コストが下がるわけではない実装者とデザイナーの距離が遠いと難易度があがる WordPress はブロックテーマに舵を切ってアップデートされていますブロックテーマが向いていること・メリット・注意点

Slide 32

Slide 32 text

既存テーマは？

Slide 33

Slide 33 text

既存テーマとオリジナルテーマのどちらを選ぶか既存テーマオリジナルテーマ最優先事項実装までを早くしたい、プロトタイプなどクオリティを求めたい、洗練されたデザイン運用担当者テーマの使い方を覚える必要がある作り込み度合いにもよるがリテラシーが低くても更新できる予算構築時はなるべく費用を抑えたいランニングコストがかかる可能性潤沢にある機能追加や改修をしなければランニングコストはかからない拡張性テーマのアップデート次第なのでコントロールしにくい実装さえすればどこまでも自由スキルセットノーコードで実装可 Web 全般の知識が必要

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

● コーポレートサイト ● 実装期間が1ヶ月 ● 運用者は納品先のスタッフさん ● かっこよさよりアクセシビリティ意識したい ● ダークモード対応したい ● カスタムブロックを作る予算は無い ● ピクセルパーフェクト不要、実装優先こんな要件がありました

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

デザインデータを見てテーマを選びました選ばれたのはunitone でした

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

既存テーマの選び方 ● 感覚で選ぶことも多い ● デフォルトのフォントサイズの影響が大きいかも ● クラシックテーマでもヘッダーやフッターをブロックで組めるテーマもある ● アーカイブページを触る必要があるならブロックテーマかも ● ハイブリッドテーマは少ない印象 ● 最終的には運用者の意向に合わせる

Slide 40

Slide 40 text

まとめ

Slide 41

Slide 41 text

既存テーマのブロックテーマが気になる方は正直今はこれだけを追いかけていたらいい日本国内版 ● Twenty Twenty-Five などデフォルトテーマ https://wordpress.org/themes/twentytwentyﬁve/ ● unitone https://unitone.2inc.org/ ● X-T9 https://x-t9.vektor-inc.co.jp/ ● Hakoniwa https://hakoniwa.animagate.com/ 他にオススメがあったら教えて下さい。

Slide 42

Slide 42 text

● 既存テーマはとにかく触るしかない ● ブロックテーマのエディタ画面も同じで触るしかない　　　 ● オリジナルテーマ開発もつくって、使って、調べて、真似して、とにかく触る ● 学ぶのに楽はないから横着をしない ● スキルがなくてもOK、触って調べ尽くせばスキルになる触ってどうしてもわからなかったら

Slide 43

Slide 43 text

WordPress Meetup に来たらいいんやで

Slide 44

Slide 44 text

世界のWeb サイトの4割が WordPress でできている、仲間はいる

Slide 45

Slide 45 text

WordPress まだオワコンちゃうで！

Slide 46

Slide 46 text

Toro_Unit GitHub / X / WordPress.org and more... : @tbshiki tbshiki.com Special Thanks❢ Thanks❢

Slide 47

Slide 47 text

No content