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

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

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/twentytwentyfive/ ● 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