ツール一覧 / AI活用ノート / おしゃれなWordPressテーマの選び方|動きがあっても重くしない5つの条件
おしゃれで動きのあるWordPressテーマは、デザインより先に「更新が続くか・自分で直せるか・重さ・料金の形」で絞ると選びやすくなります。スライダーやふわっと出る演出の確かめ方と、SWELL・Snow Monkey・TCD・Lightningの料金とライセンスの違いを、2026年10月時点の公式情報でまとめました。
結論: 見た目で選ぶのは最後です。先に「更新が続くか・自分で直せるか・重さ・料金の形」で、候補を2〜3本まで減らしてください。
- 一度払って、いくつものサイトで長く使いたいなら → SWELL
- 年額を払ってでも、フォーラムとアップデートを受け取り続けたいなら → Snow Monkey
- 業種向けに作り込まれたデザインから選びたいなら → TCD
- まずは無料で、更新が続いているテーマを使いたいなら → Lightning
デモサイトを10個タブで開いた。どれもかっこよくて決められない。たいていここで手が止まりますよね。
デモの見た目は、ほとんどのテーマで十分に整っています。差が出るのは納品して半年たってから。「更新」「速さ」「困ったときに誰に聞くか」です。
Snow Monkeyの金額を除き、以下の価格と条件は、各提供元の公式ページで2026年10月13日時点に確認した内容です。
誰のサイトに使うかで、最初に見る条件が変わります。
3つ以上当てはまるなら、デモの見た目で決める前に、次の章の順番で絞ってください。
4つ目に当てはまる人は、ライセンスを一番先に読みます。ここを後回しにすると買い直しになります。
5段階で絞ります。見た目と動きは最後の段階です。
| 段階 | どこを見るか | 判断の目安 |
|---|---|---|
| ①更新が続く | 最終更新日・必要なPHPとWordPressのバージョン | 自分のサーバーで動くか |
| ②自分で直せる | ブロックエディタ対応・マニュアル | 管理画面だけで直せるか |
| ③重くない | デモのURLをPageSpeed Insightsで測る | モバイルのLCPとCLS |
| ④料金の形 | 買い切りか年額か・解約後に何が残るか | 3年後の総額 |
| ⑤見た目と動き | スマホでデモを触る | 次の章のチェック表 |
← 表は横にスクロールできます →
①は地味に見落としがちです。WordPress本体の推奨は「PHP バージョン 8.3 以上」(2026年10月時点)。テーマが求める最低バージョンとサーバーの設定画面を見比べれば、それで済みます。
②は、乗り換えの手間を考えると最初に確かめたいところです。テーマを替えても投稿と画像は残ります。ただ、テーマ専用のスライダーやショートコード([ ] で書く独自の部品)は効かなくなります。

動きそのものより、「重さ」「止められない動き」「表示のずれ」が問題になります。
| 演出 | 判断 | 理由 |
|---|---|---|
| スクロールで要素がふわっと出る(短く1回) | OK | 位置を動かすだけの軽い処理で作りやすい |
| 全画面の大きな画像スライダー | 要注意 | 最初に表示される大きな画像が遅れやすい |
| 自動で回り続けるスライダー・動画 | 要注意 | 止める手段が必要になる |
| 演出が終わるまでボタンが押せない | 要注意 | 操作を待たせる |
| 読み込み中に文字やボタンがずれる | 要注意 | 押し間違いのもとになる |
← 表は横にスクロールできます →
Googleのカルーセル(スライダー)の解説によると、大きなスライダーにはページで一番大きな表示要素が入りやすく、表示速度に大きく響きます。同じ解説には「自動再生を使用しないでください」ともあります。広告からLPに来た人を最初の画面で待たせてしまうのは、ここです。
自動で動き続ける演出は、国際的な指針(WCAG 2.1)が線引きの参考になります。自動で始まり、5秒より長く続き、ほかの内容と一緒に出るものは、止めたり隠したりできるようにする、という考え方です。法律上の義務ではありません。ただ、テーマ選びの物差しとしてはいちばん分かりやすいと感じました。
手早く確かめるなら、端末の「動きを減らす」設定をオンにしてデモを見る方法があります。演出が止まるかどうかを見てください。
| 端末 | 設定の場所 |
|---|---|
| iPhone | 設定 > 一般 > アクセシビリティ > 視覚効果を減らす |
| Android 9以上 | 設定 > ユーザー補助 > アニメーションの削除 |
| Windows 11 | 設定 > アクセシビリティ > 視覚効果 > アニメーション効果 |
← 表は横にスクロールできます →

デモのURLをPageSpeed Insightsで測り、結果をAIに読ませます。10分もかかりません。
PageSpeed Insightsの公式トップページを見る(pagespeed.web.dev)
GoogleはCore Web Vitalsを、検索順位の判断材料の一つだとしています。演出があるかないかより、この3つの数字がどう出るかを見てください。
手順4のCSSは、たとえばこんな形です。
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
1つ気をつけたいのは、デモが提供元の整えた環境で動いていることです。自分のサーバーやキャッシュの設定では数字が変わります。導入後にもう一度測るところまでを、1セットにしておくと安心です。
「解約後・販売終了後に何が残るか」まで並べると、違いがはっきりします。
| テーマ | 支払い方 | 複数サイト | サポート | 解約・販売終了後 |
|---|---|---|---|---|
| SWELL | 買い切り 17,600円(税込) | 自由に使える | 会員フォーラム | 支払いは一度だけ |
| Snow Monkey | 年額サブスク(自動更新) | 複数インストール可(GPL) | 購入者フォーラム | テーマは使える。自動アップデート・フォーラム投稿は停止 |
| TCD | テーマごとに異なる | 自分のサイトなら何サイトでも | メールのみ | 販売終了後もテーマは使える。更新・サポートは停止 |
| Lightning | 無料 | 制限なし | WordPress.orgのフォーラム | ― |
← 表は横にスクロールできます →
選び方の基準:2026年10月13日時点の公式ページにある料金・ライセンス・サポートの手段・動作環境の4点で比べました。デモの見た目の好みと、他サイトの速度の点数は判断に入れていません。


こんな人に: 自分のサイトを複数持つ人、ブロックエディタで更新したい人 / 確認しておくこと: 機能の質問はフォーラムで受け付け、全ての質問に答えられるとは限らない / 月あたり: 17,600円を3年使えば月約490円
価格は「¥17,600(税込)」。公式ページには「お支払いは一度限りです。」とあり、バージョン更新も無料です。
キャッシュ機能や遅延読み込み(画面に入るまで画像を読まない仕組み)といった高速化機能は、標準で入っていると公式サイトで説明されています。動作環境はPHP 7.3以上、WordPress 5.9以上(推奨6.1〜)です。
料金の計算がいちばん単純なのはこれだと思います。案件が増えても追加費用を考えずに済むのが、個人的には一番うれしいポイントです。

こんな人に: 最新版を受け取り続けたい人、質問の履歴をフォーラムで探したい人 / 確認しておくこと: 動作環境はWordPress 6.8以上・PHP 7.4以上 / 月あたり: 年額16,500円なら月約1,375円
年額のサブスクで、解約しない限り自動で更新されます。更新日の1週間前と1日前には案内メールが届きます。
金額は、エックスサーバーの紹介ページ(2026年3月19日更新)でスタンダード16,500円/1年です。最新の価格は公式の購入ページで確認してください。
解約後もテーマは使い続けられます。止まるのは自動アップデート、サポートフォーラムへの投稿、スタイルライブラリー(スタイルが適用されなくなります)。2024年8月1日からは、アップデートにライセンスキーが必要です。
フォーラムは購入前でも読めます。気になる機能の質問を、買う前に探しておけるのは便利です。

こんな人に: 業種に合わせて作り込まれたデザインから選びたい人 / 確認しておくこと: 他人のサイトを作るにはテーマごとに特別ライセンスが必要。返金は未ダウンロードの場合のみ / 月あたり: 特別ライセンス33,000円(税込)を3年なら月約917円
本体価格はテーマごとに違います。自分が所有するサイトなら、何サイトでも使えます。購入後のアップデートとサポートは無料で、サポートはメールで受け付けています。
制作代行に使うなら、特別ライセンス(30,000円、税込33,000円)が必要です。有効期間の3年間は、作るサイトの数もクライアントの数も制限なし。失効後も、クライアントのサイトは公開したまま運営できます。
子テーマも無料で配られています。CSSを足す前提の制作者には、扱いやすい作りだと思います。

こんな人に: 費用をかけずに始めたい人、会社やお店のサイトを堅実に作りたい人 / 確認しておくこと: 質問先はWordPress.orgのフォーラムが中心になる / 月あたり: 0円
2026年10月時点で、最終更新は2026年9月9日。有効インストール数は100,000+、評価は5つ星中4.8です。
無料テーマなら、このページの「最終更新日」「必要なPHP」「評価」の3か所で、更新が続いているかが分かります。動きの多い演出を最初から入れたい人より、まず更新しやすい土台がほしい人向けです。
Q. 動きのあるテーマはSEOに不利ですか? A. 動きがあるだけで不利にはなりません。決め手は、表示の速さ(LCP)とずれ(CLS)が悪くなる作りかどうかです。デモをPageSpeed Insightsで測って確かめてください。
Q. 無料テーマで足りますか? A. 自分のサイトを1つ作って自分で更新するなら、Lightningのように更新が続いている無料テーマで足ります。有料にする理由は2つ。困ったときに質問できる場所と、作り込まれたデザインです。
Q. デザインを自分で直したら、テーマ更新で消えませんか? A. 子テーマにCSSを足せば、親テーマを更新しても消えません。テーマの中のファイルを直接書き換えるのは避けてください。
次にやること:候補のデモをスマホで開き、PageSpeed Insightsでモバイルの数字を測ってください。
もっと多くのテーマと比べたいなら、WordPress.org日本語版のテーマディレクトリで、更新日と評価から探すところから始めるのがおすすめです。
この記事は、Webサイトの動く部品集 AETHER Motion の制作チームが書いています。