WordPressの核となる概念はテーマでございます。テーマなしでは、ウェブサイトを運営することはできません。そのため、WordPressユーザーが最初に行うべき決定事項となることがよくございます。この決定を間違えますと、おそらく満足できないであろうシステムの習得に時間を無駄にしてしまうことになります。さらに、テーマを変更するには、サイト全体の再構築が必要になることも少なくございません
問題を複雑にしているのは、利用可能なテーマの種類が非常に多いことでございます。大きく分けて3つのカテゴリーがございます。
(1)フルサイトエディター（FSE）/ブロックテーマは、WordPressのネイティブ機能のみを使用するように設計されております。
(2)ページビルダーに対応したクラシックテーマもございますが、テーマとページビルダーを選択する必要がございます（これもまた別の選択肢でございます）。
(3)テーマ自体にビルダーが組み込まれており、ウェブサイト構築に必要な機能をすべて備えているテーマがございます（これはほとんどの方がテーマに求めるものでございます）。
選択肢は豊富にございますが、今回は次のビルドに最適なWordPressテーマについて、私の考えを共有させていただきたいと存じます。これらの提案は3種類のWordPressテーマすべてを網羅し、各カテゴリーの最適なテーマをご紹介いたします。掲載されております各テーマは、パフォーマンス、ワークフロー、連携、価格など、それぞれにメリットがございます。読みながら、どの基準が最も重要か、そして各テーマが皆様のワークフローとどのように合致するかを書き留めていただけますと幸甚に存じます。
おすすめのWordPressテーマ
1. Divi 5
Diviは、これまでにリリースされたプレミアムWordPressテーマの中でも最も人気のあるテーマの一つでございます。長い歴史と実績を誇りますが、何年も前にDiviを知っていたり、使用していたりしたことがある方は、その驚異的な進化を想像もつかないかもしれません。Divi 5のリリースにより、Diviビルダーは明るい未来を切り開き、ユーザーエクスペリエンスに徹底的に重点を置いたイノベーションを通じて、市場リーダーの地位を取り戻す準備が整いました。
Diviは、プリセットを優先したビジュアルデザインシステムを採用しております。プリセットは、特定の要素やモジュール全体のスタイル設定、あるいはそれらに共通する特定の設定をターゲットにするために使用されます。クラスベースのデザインシステムと非常に似ておりますが、プリセットには以下の違いがございます。
- カスタムCSSは必須ではない（ただし許可する）
- ビジュアルビルダーで簡単に割り当てることができます
- ビジュアルビルダーで編集可能（子テーマのスタイルシートでは編集不可）であり、
- 要素/モジュール設定に応じて、構造的なHTMLとJavaScriptの実装（CSSに加えて）を変更できます
Diviでは、スタイルマネージャーを使ってあらゆるスタイルを更新するのではなく、要素を一つずつ操作することで、グローバルなデザインシステムを構築することができます。これは、非常に視覚的でやりがいのあるウェブサイト構築方法でございます。ビルダー、フロントエンド、そしてスタイルシート用のコードエディターなど、複数のタブを必要としていた時代は終わりました。
プリセットは、要素レベル（デフォルトのプリセットと、特定の用途向けの追加プリセットを使用）またはオプショングループレベル（そのオプショングループを持つすべての要素で使用可能）で設定することができます。また、プリセットをスタック（特定のルールを適用）したり、ネスト（他のプリセットを使用してプリセット全体または一部を作成）したりすることも可能でございます。
要素とプリセット内の個々のスタイル、コンテンツ、または設定は、色、フォント、数値（クランプ、最小/最大、計算関数を含む）、URL、テキスト、画像を保存するためのグローバルで再利用可能なシステムであるDiviのデザイン変数で使用することができます。
DiviはWordPressで最も使いやすいビジュアルレイアウトシステムでございます。グリッドとフレックス構造があらかじめ用意されており、2クリックで設定することができます。また、構造は瞬時に変更できます（異なるブレークポイントでも変更可能でございます）。CSSとHTMLに慣れている方は、「詳細設定」タブで豊富なオプションを使い、好みに合わせて要素を調整することができます。
オフキャンバスシステムを使えば、スライド式のナビゲーションメニュー、インタラクティブなポップアップ、そしてユーザーインタラクションやオフページコンテンツに依存するその他の動的コンテンツを簡単に構築することができます。これを使用することで、文字通りデザインに新たな次元が加わります。
Diviの優れた点
- 条件付き可視性と動的データを備えた機能豊富なループビルダー
- スライドアウトメニューと非表示のコンテンツ領域用のオフキャンバスビルダー
- 直感的なレイアウトテンプレートを備えたネイティブフレックスおよびグリッドレイアウト
- アニメーションとスクロール効果のためのインタラクションシステム
- クラス最高のプリセットファーストのデザインシステム（すべて視覚的で、現代のデザイナー向けに構築されております）
最適な用途：プロフェッショナルなクライアントサイトの構築が必要な代理店やフリーランサーにとって、Diviは頼りになる存在でございます。特に、年間5件以上のサイトを構築し、シンプルなビジネスサイトから複雑な会員制プラットフォームまで、あらゆる機能を単一のツールで管理したい場合に最適でございます。生涯ライセンスは、一度購入すれば無制限のサイトで永久に使用できるため、ビジネスとしてサイトを構築するプロフェッショナルにとって最も費用対効果の高い選択肢となります。また、この生涯価格は、年間サブスクリプション料金を最小限に抑えたい企業にとっても、Diviは優れた投資となります。
価格：年間89ドルまたは生涯249ドル（アップデート、サポート、無制限のサイト使用が含まれます）
※当WEB等の制作サービスでは、DIVIなどの初期費用は一切不要です。
無料でDIVIをご利用いただけますので、ご安心ください。
2. Kadence
Kadenceは、クリーンなコードと思慮深い機能の実装で高い評価を得ております。私はKadenceをサイトに導入し、大規模なレイアウトでもページの読み込みが高速であることを確認いたしました。スターターテンプレートはデザインが優れており、カスタマイズの良い出発点となります。
Kadenceはブロックエディターとスムーズに連携します（これは見方によってはメリットにもデメリットにもなります）。無料版は、コア機能が制限されている多くのフリーミアムテーマとは異なり、非常に便利でございます。Pro版では、多くの代理店やフリーランサーにとって必須となる機能がいくつか利用可能になります。ただし、Kadenceをインストールしますとブロックエディターの見た目が雑然としてしまうと感じることがございます。
クライアントはKadenceのカスタマイザーを使って基本的な変更を自分で行えるため、「ここだけ変更できますか？」というリクエストが減ることがわかりました。もっとも、カスタマイザーはこの種の変更を行うには時代遅れの手段のように思えますが。
WordPress Blocksの方向性に魅力を感じるなら、Kadenceテーマ + Kadence BlocksはネイティブWordPress機能のギャップを埋めるのに最適でございます。
Kadenceの優れた点
- 機能を有効にしても速度を維持する軽量コードベース
- ビジュアルヘッダーとフッタービルダー
- ネイティブWordPressを拡張する広範なブロックライブラリ
- カスタムレイアウトによるWooCommerce統合（Ultimateプランのみ）
- AIクレジットはすべての有料プランに含まれております
最適な用途：ブロックエディターとブロックベースのワークフローに対応した、信頼性が高く高速なテーマを求めるフリーランサーや小規模な代理店。使用料はかなり高額になる場合がございます（「Ultimate」プランではProテーマとProブロックに加え、WooCommerceとの連携が必要でございます）。そのため、この製品に本当に満足していない限り、お金をかけたことを後悔するかもしれません。
価格：無料で使い始めることができます。有料プランはテンプレートが制限されており、年間69ドルからとなっております。ほとんどのユーザーは年間169～299ドルのプランを必要としております。
3. Hello Elementor
Hello ElementorはElementorの空白のキャンバステーマで、ページビルダーと組み合わせて使用するように設計されております。テーマ自体にはスタイル設定オプションがほとんどないため、Elementorのページビルダーが主導権を握っております。これは、Elementorエコシステムに精通している方にとっては非常に便利でございます。しかし、このテーマは背景に溶け込むように作られているため、特筆すべき点はあまりございません。しかし、だからこそ、Elementorを選ぶ方にとっては素晴らしいテーマとなっているのでございます。
Hello Elementorテーマにはページビルダーも必要でございます。最初に求められるのはElementorをインストールすることです。
私はElementorを使って多くのサイトを構築・維持してまいりましたが、無料版でも非常に基本的なサイトであれば問題なく使えます。しかし、Hello ElementorとElementor Freeを使いますと、クライアントのプロジェクトではすぐに限界に達してしまいます。例えば、Hello Elementorはサイトのヘッダーとフッターの作成をElementorに任せておりますが、これはElementor Proでのみ利用可能でございます。Elementorの無料版を使いたい場合は、より高度なテーマが必要になるかもしれません。
テーマ作成にElementor Proを使用しておりますが、サイトテンプレートの構成が他のテーマ作成ツール（DiviやBricksなど）と比べて直感的ではないと感じました。テンプレートの構成方法のせいで、必要なテンプレートを見つけるのが難しく、割り当てを確認するにはテンプレートをクリックする必要がございます。また、Elementorのバックエンドの読み込み速度が遅いことも分かります。
Elementorのループビルダーはテーマテンプレートとしても機能します。テーマビルダーでループテンプレートを作成し、ループグリッドウィジェットを使ってそのテンプレートをページに挿入します。このウィジェットでは、テンプレートに特定のクエリを適用できますが、ページ編集がやりにくくなります。Diviのようなツールと比較しますと、Diviでは作業中のページ上で直接ループを構築でき、他の場所で再利用したい場合はグローバルモジュールに変換することができます。
近々リリースされるElementor v4では、スタイリングに大きな変更が加えられ、クラスベースの全く異なるスタイリングメカニズムへと移行します。そのため、たとえ現在のバージョンに既に精通している場合でも、ビルダーの一部を再学習する必要がございます。近い将来、Elementorを2回学習することになるかもしれません。また、アップデート版はDivi 5にかなり似ております（ElementorのクラスとDiviのプリセットを除く）。現状では、Elementorのグローバルカラーとタイポグラフィは他のビルダーと比較して比較的貧弱ですが、今後の変更で改善されることを期待しております。
Elementorに関する根強い不満の一つは、率直に言って、読みにくいDOM構造でございます。シンプルなセクションでさえ、div要素が無限にネストされ、その全てに読みにくいデータ属性が付加されているように見えることがございます。そのため、中級から上級のWeb開発者にとって、トラブルシューティングの際にHTML出力を確認するのは非常に困難でございます。
Hello Elementorの優れた点
- 最小限のテーマフットプリントでElementorがすべてを処理します
- すぐに始められるElementorの豊富なテンプレートライブラリ
- サードパーティのアドオンと拡張機能の大規模なエコシステム（ただし、これらにより動作が遅くなる可能性がございます）
- 膨大なユーザーベースは豊富なチュートリアルとサポートリソースを意味します
最適な対象：Elementorエコシステムに既に投資しており、Proライセンスのコストを正当化できる企業や代理店。Hello Elementorは無料なので、Elementorを利用する有料テーマ（Astra、GeneratePress、Neveなど）よりも優れております。他の有料テーマには追加機能が含まれている場合もございますが、テーマとページビルダーの両方に年間料金がかかります。
価格：テーマは無料、Elementor Proは年間69ドル（1サイト）または年間199ドル（25サイト）から
4. Ollie
Ollieは、フルサイトエディター（FSE）を使って、楽しくデザイン重視のサイト構築を実現します。このテーマは、WordPressネイティブのFSEとブロックエディターを改良します。ブロックエディターとFSEにネイティブであるべきなのに、そうではない多くのオプションを追加します。例えば、グローバルデザインの更新は簡単でございます。
私は、WordPressのコア機能セットはそのままに、より使いやすく優れたメニュービルダーと、豊富なパターンを必要とするクライアントのプロジェクトでOllieをテストいたしました。このテーマは、組み合わせてページを素早く構築できるブロックパターンのコレクションを提供しております。
Ollieのアプローチは、標準的なWordPressブロック編集を超えた、限定された学習曲線を意味します。
私の意見では、OllieのおかげでブロックエディターとFSEが使いやすくなりました。私はFSEテーマをあまり好みませんが、Ollieのおかげで例外になりました。WordPressコアにはない、デザインや構造に関するオプションを大量に取り入れております。しかし、WordPressではフルサイト編集とブロックテーマはまだ成熟途上でございます。
Ollieの得意分野
- 多くの必要なアップグレードを備えたWordPressネイティブエディタを使用した純粋なブロックベースのデザイン
- 素早くページを組み立てるためのパターンライブラリ
- グローバル設定で簡単に設計
最適なユーザー：サードパーティのページビルダーよりもWordPressのネイティブツールを好み、モダンでブロックベースのワークフローを求めるユーザーには、テーマとPro版のアドオンプラグインであるにもかかわらず、Ollieが適しているかもしれません。Ollieは、高度な機能よりもシンプルさと将来的な互換性を重視する、シンプルなサイト要件を持つブロガー、コンテンツパブリッシャー、そして中小企業に最適でございます。
価格：無料
5. Bricks Builder
Bricksは、HTML出力を制御し、CSSにもより深く関わりたい開発者やパワーユーザーを対象としております。そのため、他の多くのビルダーよりも学習曲線は急ですが、その制御レベルはほぼ比類のないレベルでございます。
ただし、多くのBricksパワーユーザーは、デザインシステム管理のためにCore FrameworkまたはACSS（Automatic.css）を補足しており、これはネイティブツールに特定のギャップがあることを示唆しております。
テーマスタイルエリアには、サイト上のあらゆる場所に適用できるオプションが多数用意されており、特定のページやページタイプに適用するための条件を設定することができます。そのため、ウェブサイト全体のスタイルを定義するのが、特にDiviのプリセットシステム（各要素タイプにスタイルが適用される）と比べると、本来よりも難しくなっているように感じます。
Bricksの動的データ機能は、カスタム投稿タイプ、タクソノミー、さらには外部APIからコンテンツを取得するサイトの構築において特に優れております。Advanced Custom Fields、Meta Box、JetEngineなどのソースとの連携は、ほとんどのクエリループよりも優れております。非常に具体的で強力なループを構築するための、優れたクエリロジックオプションが多数用意されております。
Bricksには、あらゆるページやテンプレートに追加できるワイヤーフレームやコミュニティテンプレートが豊富に用意されております。これらのテンプレートには、グローバル変数やスタイルのリストがインポートされており、ユーザーは必要に応じて更新したり、そのまま保存したりすることができます。ワイヤーフレームは、本格的なデザインフェーズに入る前にページの構造を構築するのに最適でございます。
Bricksの優れた点
- セマンティックマークアップによるクリーンなHTML出力
- 複数のソースからの高度な動的データ統合
- 豊富なフィルタリングオプションを備えたクエリループビルダー
- 一貫したスタイル設定のためのグローバルクラスシステム
最適な対象：コード品質を重視し、高度な動的データ機能を必要とする開発者やテクニカルフリーランサー。Bricks Builderは、ビルドにCSSフレームワークを全面的に採用し、そのクラスと変数の命名規則にほぼ全面的に依存している場合に最適でございます。
価格：年間79ドル（単一サイト）、生涯最大599ドル（無制限サイト）
6. Avada
Avadaは、100万件以上の販売実績を誇り、長年にわたりThemeForestで最も売れているWordPressテーマの1つとしての地位を維持しております。このテーマは、Avada Core、Avada Builder、Avada Brandingなどの必須プラグイン（すべてテーマ購入時に含まれております）を使用しております。つまり、複数の開発者による別々の製品を同時に扱う必要はございません。これらのプラグインに加えて、優れたテンプレートとフルサイトビルドが付属しており、すぐに使い始めることができます。しかし、多くの既成のデザインは、アニメーションに過度に依存しており、目障りでパフォーマンスの低下を招いていることに気づきました。
Avada Builderは多くの古いページビルダーと同様に構築されており、DiviのプリセットシステムやBricksのクラスベースのアプローチに比べると、重苦しく現代的ではない印象を受けます。Avadaにはグローバルスタイルがございますが、柔軟なデザインシステムはあまりございません。基本的なサイトは素早く構築できますが、パワーユーザーはレイアウトをより細かく制御したい場合、しばしば行き詰まりを感じます。また、標準コンテナではCSSグリッドがサポートされておらず、BlockとFlexのみに対応しているという興味深い欠点もございます。
このテーマには、画像をWebPなどの最新フォーマットに変換する画像最適化機能が搭載されております。これは便利そうに聞こえますが、画像最適化は通常、ShortPixelやImagifyなどの専用プラグイン、あるいはホストやCloudflareを介したエッジ処理の方が適しております。Envato Marketの他の多くのテーマと同様に、Avadaには他のプレミアムプラグインがバンドルされております。これらは必須ではございませんが、スライダーやCPTプラグインをAvadaアカウントに連携させたい場合は、追加のツールが提供されております。
重要な考慮事項が1つございます。AvadaはThemeForest（現Envato Market）から購入する必要があるため、アップデートやライセンス管理は同マーケットプレイスに依存します。サイトごとに69ドルのライセンスが必要でございます。年間10件のクライアントサイトを構築する場合、年間690ドルのライセンスが必要になります。一方、Diviは無制限のサイトを永久に利用できる249ドルの永久ライセンスでございます。サイトごとのライセンス設定のため、代理店やフリーランサーにとってAvadaは高額になります。ただし、クライアントがライセンスを管理する単一のサイトを構築する場合は別でございます。
Avadaの優れた点
- 業界を問わず、構築済みのウェブサイトデモの膨大なコレクション
- 統合ビルダーにより、別個のページビルダーが不要になります
- サイトの全体的なコントロールのための広範なオプションパネル。ほとんどの要素をスタイル設定する主な方法が1つしかないサイトに最適でございます
- 豊富なコミュニティリソースを備えた大規模なユーザーベース
最適な用途：単一のサイトのみを構築するユーザーは、継続的なサブスクリプションではなく、サイトごとにライセンスを購入することを好む傾向がございます。Avadaは、豊富な機能を備えたソリューションを必要とし、サイトごとのライセンスモデルに対応できる場合に最適でございます。ライセンス費用が高いため、年間で複数のクライアントサイトを構築する代理店には適しておりません。ただし、価格には便利なプレミアムプラグインがバンドルされております（例えば、スライダーオプションは3つございますが、すべてが実用的というわけではございません）。
価格：サイトごとに69ドルの生涯ライセンス（ThemeForestで購入、6か月のサポートが含まれ、追加料金で延長サポートも利用可能）
年間複数のサイトを構築する代理店やフリーランサー（あるいは1つのウェブサイトを3年間運営する予定の個人）にとって、Diviの無制限永久ライセンス（249ドル）は最もお得でございます。単一サイトのプロジェクトの場合、Avada（1回限りのライセンス69ドル）は初期費用が最も低いため、経済的でございます。
ユースケース別のおすすめ
これらのテーマを徹底的にテストした結果、いくつかの最も重要なニーズに基づいた私の推奨事項は次の通りでございます。
クライアントサイトを構築する代理店やフリーランサー向け
選択：Divi
無制限のサイトライセンス、生涯価格オプション、そして統合されたテーマビルダーアプローチにより、Diviはプロにとって最も費用対効果の高い選択肢となっております。プリセットシステムは、一度理解すれば構築をスピードアップします。ビジュアルビルダーは非常に分かりやすく、クライアントは独自のコンテンツ更新を行うことができます。年間5サイト以上の運用であれば、経済性は抜群でございます。さらに、Diviは完全な再構築以来、機能アップデートで驚異的な進歩を遂げております。コストと機能性の両面でDiviは優れております。
CSSにこだわる開発者向け
選択：Bricks Builder
クラス、CSS変数、HTMLで考えるなら、Bricksは必要なアクセスを提供します。他のビルダーではカスタムCSSを簡単に追加できないわけではございませんが、Bricksは開発者中心のサイト構築方法でございます。コード出力と高度なクエリビルダーは、複雑でデータ駆動型のサイトを構築する開発者にとって、より高い価格を正当化します。また、デザインシステムのギャップを埋めるためにACSSやCore Frameworkに大きく依存している方も多く、これは追加費用として検討する必要があるかもしれません。
WordPress純粋主義者とシンプルなサイト向け
選択：Kadence または Ollie
WordPressのFSEとブロックというビジョンに賛同するなら、KadenceとOllieはどちらも、機能不足を補うことなく、そのビジョンに可能な限り近いものを提供します。追加のデザインオプション、パターンライブラリ、メニュー作成機能は、シンプルなニーズを持つブロガー、コンテンツパブリッシャー、そして中小企業に最適でございます。しかし、FSEを避けたい場合は、他の選択肢を検討した方が良いでしょう。
テーマの決定
WordPressテーマの選択は、絶対に間違えたくない決断でございます。プロジェクトの途中、あるいは数年後にテーマを変更しますと、サイト全体を再構築しなければならなくなり、カスタム作業が失われる可能性があり、サイト構築やクライアントへの対応に費やせるはずだった時間を無駄にしてしまうことになります。
まず、いくつのサイトを構築しますか？
年間3～5サイト以上構築する場合、生涯ライセンスが経済的でございます。Diviの生涯ライセンスは249ドルで、無制限のサイトを無制限に利用することができます。サイト単位や年間サブスクリプションに比べて、すぐに元が取れます。Hello Elementorは無料ですが、Elementor Proが必要かどうかを検討することをお勧めいたします。
2つ目：技術的な快適度はどの程度ですか？
CSSを毎日書く開発者なら、DiviとBricksの両方のコントロールを活用できるでしょう。視覚的に考えるデザイナーなら、プリセットシステムのあるDiviを好むでしょう。WordPressネイティブツールにこだわるなら、Ollieを選ぶのが良いかもしれません。
3つ目：長期的にサイトを保守するのは誰ですか？
クライアントが自分で更新を管理する場合（必ずしも推奨されません）、クライアントが理解しやすいインターフェースを備えたテーマを選びましょう。ご自身でサイトを保守する場合は、ワークフローの効率化をどの程度図るかに基づいて選びましょう。実にシンプルでございます。
私が何度も繰り返し使っているテーマは、Divi（クライアントワークでスピードと一貫性が求められる場合）とOllie（WordPressコア内で完結したいシンプルなプロジェクトの場合）でございます。ワークフローによって好みは異なるかもしれませんが、期限内に質の高い仕事を納品することで評判と収入が左右される場合、これらのテーマを信頼しております。
ユースケースに合ったテーマをテストしましょう。ほとんどのテーマは無料版、デモ版、またはトライアル版を提供しております。実際に使用する前に、それぞれのテーマでサンプルプロジェクトを作成してみてください。今、適切なテーマを選ぶために時間を費やすことで、後々何ヶ月も悩まされることがなくなります。
まとめ
WordPressテーマの選択は、Webサイトの成功に直結する重要な決定でございます。本記事では、Divi 5、Kadence、Hello Elementor、Ollie、Bricks Builder、Avadaという6つの優れたテーマについて、それぞれの特徴、メリット、最適な用途、そして価格について詳しくご説明いたしました。
各テーマには独自の強みがございます。代理店やフリーランサーにとっては、無制限のサイトライセンスと生涯価格オプションを提供するDiviが最も費用対効果が高く、CSSにこだわる開発者にはBricks Builderが最適でございます。WordPressのネイティブツールを好む方には、KadenceやOllieが適しており、Elementorエコシステムに投資している方にはHello Elementorが推奨されます。
テーマを選ぶ際には、構築するサイト数、技術的な快適度、そして長期的な保守体制を考慮していただくことが重要でございます。適切なテーマを選択することで、効率的なワークフローを確立し、高品質なWebサイトを構築することが可能になります。本記事が、皆様のWordPressテーマ選びの一助となりますことを心より願っております。
