Twenty Twenty-F​​our テーマのレビュー: すべての機能、すべての事実

今年も、私たち全員が真剣に取り組む新しいデフォルトの WordPress テーマが提示される時期がやってきました。 Twenty Twenty-F​​our は現在リリースされており、新機能、カスタマイズ オプション、テーマを徹底的にレビューする価値のある詳細を提供しています。

この投稿では、新しいデフォルトのテーマが提供するすべての機能を見ていきます。 新しい点、Twenty Twenty-Three から引き継がれた点、およびテーマの長所と短所を検討します。 そうすることで、それが現在または将来の Web サイト プロジェクトのオプションであるかどうかを判断できます。

コンセプトと設計思想

Twenty Twenty-F​​our は WordPress 6.4 に同梱されており、WordPress テーマの概念化に大きな変化をもたらします。 普遍的に適応可能であり、あらゆる種類のサイトやトピックに適していることを目指しています。 そのため、一貫した単一のテーマではなく、ニーズに応じて組み合わせることができるデザイン パターンと美学の大規模なコレクションを提供します。

過去のWordPressデフォルトテーマからの脱却

以前は、WordPress のデフォルトのテーマは、よりニッチな、または狭い範囲に焦点を当てたデザインが多かったです。 たとえば、Twenty Nineteen では、主にタイポグラフィーに重点が置かれており、テーマはブログとしても、静的なビジネス Web サイトのテンプレートとしても機能しました。

同様に、読みやすさと明瞭さに重点を置いた Twenty Twenty は作家や出版社にとって完璧でした。 これは、テキストコンテンツと大きなビジュアルのための優れたフレームワークを提供しました。 その一方で、ポートフォリオやマルチメディア サイトに必要な汎用性が欠けていました。

Twenty Twenty-One はミニマリズムを採用しており、主にブロガーや中小企業を対象としていました。 そのシンプルさは、コンテンツ中心の Web サイトとクリーンでわかりやすいレイアウトに最適でした。 ただし、デフォルトの落ち着いたカラー パレットは、どの種類の Web サイトにも実際には適していませんでした。

これらのテーマは、特定の範囲内では効果的ですが、より幅広い種類の Web サイトでの使用可能性には多少制限がありました。 それぞれに明確なデザイン哲学があり、魅力的ではありましたが、必ずしも他の種類の Web サイトに適用できるわけではありませんでした。

224はより広い範囲をカバーします

一方、Twenty Twenty-F​​our は、より幅広いユースケースに対応します。 具体的には、起業家と中小企業経営者、写真家とアーティスト、作家とブロガーという 3 つの主要なユーザー グループをターゲットとしています。 この 3 つの焦点に焦点を当てたアプローチには、専門家や個人の Web サイトのさまざまなニーズに対応できる汎用性の高いテンプレートとパターンが付属しています。

Twenty Twenty-F​​our をその直接の前身である Twenty Twenty-Three と比較すると、デザイン哲学が明らかに進化していることがわかります。 Twenty Twenty-Three は、主にコミュニティから投稿されたスタイルのバリエーションに焦点を当てた Twenty Twenty-Two の最小限のバージョンでしたが、Twenty Twenty-F​​our は、最新の WordPress デザイン機能にスポットライトを当てています。

そのアプローチは、単一の包括的な設計を推進することではありません。 ユーザーが創造的なビジョンを実現できるようにする、目に見えないフレームワークを提供することに重点を置いています。

カスタマイズのオプションと柔軟性

Twenty Twenty-F​​our は、豊富なカスタマイズ オプションをテーブルに提供します。 7 つの異なるグローバル スタイル バリエーションが付属しており、異なるデザイン美学を自由に選択して切り替えることができます。

デフォルト

Twenty Twenty-F​​our のデフォルトのスタイルは、完全には白ではない背景色、ダークグレーのアクセント、そしてシンプルなエレガンスを備えた明るい配色になっています。 見出しには Cardo、本文には Inter という 2 つのフォント ファミリが使用されます。 オプションの一部として、10 色、12 グラデーション、5 つのデュオトーンも提供しています。

残り火

Ember バリエーションは、新しいデフォルト テーマの新鮮でダイナミックな外観を示します。 画像に明るいオレンジ色のオーバーレイを追加し、非セリフ フォントである Jost と Instrument Sans に切り替えます。同時に、落ち着いた背景色を使用して鮮やかな色の飛び散りを相殺します。

化石

次はFossilです。 本文にはセリフ フォントを使用し、見出しにはセリフのない書体を使用することで、オリジナルのタイポグラフィーをひっくり返します。 色に関しては、素朴な色合い (5 つの異なる色を提供) と調和し、より有機的な外観を実現するために丸いボタンを使用しています。 ウェルネス関連のウェブサイトにとっては素晴らしいオプションだと思います。

氷

このスタイル バリエーションは、デフォルトのテーマ デザインと厳密に一致しており、同じカラー パレットを使用します。 ただし、見出しにはシステム フォントが、本文には Inter フォントが表示されます。 これらを組み合わせることで、幅広い色とグラデーションの選択により、テーマの元の設定を反映した、クリーンでシャープな美学が作成されます。

大渦巻き

Maelstrom は、多数の機能強化によりデフォルトのスタイルに革命をもたらします。 青と白のカラーパレットを使用し、Fossil のバリエーションと同様のタイポグラフィーのアプローチを採用しています。 唯一の違いは、ボディコピーに Jost を使用することです。 その結果、高級感がありながらもモダンなデザインが生まれました。

ミント

ミント スタイルは、カラー パレットとフォント ファミリーの変更を組み込むことで、新鮮なひねりを加えています。 見出しには Instrument Sans が、本文には Jost が示されています。 これにより、他のバリエーションとは一線を画す、独特で現代的な視覚美が生まれます。 ミントチップアイスクリームも欲しくなります。

オニキス

デフォルト スタイルのダーク バージョンである Onyx では、よりエレガントなカラー パレット (なんと 10 色) に加え、グラデーションとダブルトーンの組み合わせが導入されています。 上品な配色と視覚的に魅力的な要素により、オンラインでの洗練された存在感を求めるユーザーに応えます。

さび

最後に、Rust スタイルのバリエーションでは、元のデザインを維持しながら、わずか 3 つの色合いの砂色の配色を追加します。 これは、Twenty Twenty-F​​our の控えめな性質を維持しながら、より生き生きとした色付けを追加するための優れたテーマのバリエーションです。

Twenty Two-Four: 利用可能なページテンプレート

Twenty Twenty-F​​our には、Web サイトのデザインと機能のさまざまな側面に対応するように設計された、包括的な組み込みページ・テンプレートのセットが付属しています。 これらのテンプレートは次のとおりです。

1. 単一投稿— 個々のブログ投稿の標準テンプレート。
2. サイドバー付きページ— シングル投稿テンプレートに似ていますが、サイドバーが含まれており、ウィジェットや追加情報用の追加スペースを提供します。
3. 検索結果— このテンプレートは、検索されたコンテンツの表示を担当します。
4. ページ— 標準ページの基本テンプレート。
5. サイドバー付きページ— サイドバーを含むページ テンプレートのバリエーション。
6. 幅広の画像を含むページ— このテンプレートでは、上部に幅広の画像が表示され、その下の 2 列にタイトルとコンテンツが表示されます。
7. ページ タイトルなし— ページ タイトルのないページ レイアウトで、特定の種類のコンテンツの見た目がすっきりします。
8. インデックス— ホーム ページまたはメイン ブログ ロールのデフォルトのテンプレート。 また、テンプレート階層に従ってすべてのページのフォールバック テンプレートとしても機能します。
9. ホーム— ホームページ用に特別に設計されたこのテンプレートは、カスタマイズして独自の第一印象を作り出すことができます。 これは、この Twenty Twenty-F​​our テーマのレビューを通して見てきたサンプルのホームページでもあります。
10. アーカイブ— このテンプレートは、カテゴリやタグなど、すべてのアーカイブ ページのコンテンツをきちんと整理して表示します。
11. ページ: 404 — 404 エラー ページのテンプレート。一般的なエラー メッセージの代わりにカスタム デザインが可能です。

パターンとテンプレートパーツ

Twenty Twenty-F​​our のハイライトの 1 つは、約 40 個のデザイン パターンのコレクションであり、サイト エディターのパターンで見つけることができます。 これらは事前に設計されたブロックであり、最初から作成しなくても簡単にカスタマイズしてページや投稿を作成できます。

パターンには、セクション パターンとフルページ パターンの 2 種類があります。 最初の種類には、バナー、行動喚起、ブログ投稿のさまざまな表示方法、メディア ギャラリーなどが含まれます。

さらに、テーマには本格的なページパターンが8種類も付属しています。 これらは、デフォルトの Twenty Twenty-F​​our ホームページに表示されるビジネス ホームパターンからプロジェクト概要、概要ページなどにまで及びます。

これらのテンプレートに加えて、Twenty Twenty-F​​our にはテンプレート パーツも含まれていますが、数は少ないです。 ヘッダーが 1 つと一般的なテンプレート パーツが 2 つあります。 公式にはフッター用も 1 つしかありませんが、パターンの中にはさらに 3 つのフッター デザインがあります。

それにもかかわらず、Twenty Twenty-F​​our は、これらのテンプレート、テンプレート パーツ、およびパターンを使用して、編集ワークフローを簡素化します。 このテーマを使用すると、その包括的なテンプレートとそのパターンとパーツによって提供される柔軟性のおかげで、必要に応じて最小限のカスタマイズで Web サイト全体を構築できます。

このアプローチにより、初心者でもプロ並みの Web サイトを簡単に作成できるだけでなく、経験豊富なデザイナーに構築およびカスタマイズするための強固な基盤も提供されます。

タイポグラフィーと美学

スタイルのバリエーションですでに見てきたように、Twenty Twenty-F​​our のテーマはタイポグラフィーを多用するのが好きです。 ここでの中心的な柱の 1 つは、デフォルト スタイルの洗練された外観を担う、Cardo フォントです。 これは、サイトの外観に洗練さを加えるオールド スタイルのセリフ書体です。

このフォントの選択は、クラシックなタッチを維持しながら、美的洗練を優先する現代のデザイン トレンドを反映しています。 そのため、エレガントで洗練された外観を目指すサイトに特に適しています。

段落テキストの場合、Twenty Twenty-F​​our のデフォルト スタイルでは Inter フォントが使用され、テキストがきれいで読みやすくなります。 この選択により、Web サイト全体の読みやすさが向上し、コンテンツがよりアクセスしやすく、訪問者にとって魅力的なものになります。 Inter は、Cardo の優雅さを補完し、洗練さと実用性のバランスをとり、モダンでユーザーフレンドリーなインターフェイスに貢献します。

これら 2 つの書体に加えて、Twenty Twenty-F​​our には、スタイル バリエーションの一部として Jost および Instrument Sans フォント ファミリも含まれています。 さらに、これらのフォントを使用すると、サイトの個性やデザインの目的に最適なタイポグラフィを選択できます。 さらに、サンセリフとセリフのシステム フォントから選択することもできます。

全体的に、Twenty Twenty-F​​our のデフォルトのカラー パレットは明るく、箱から出してすぐに新鮮で魅力的な外観を提供します。 この明るいパレットはサイトの視覚的な魅力を高め、居心地の良いモダンな雰囲気を作り出します。

上記の慎重に厳選されたスタイルのバリエーションはすべて、テーマのパターンやテンプレートと美しく連携します。 サイトのデザインをパーソナライズするための選択肢が豊富に用意されているため、Twenty Twenty-F​​our は幅広い視覚的な好みやニーズに確実に対応できます。

課題と限界

このレビューで見られるように、Twenty Twenty-F​​our テーマは、数多くの印象的な機能をもたらします。 ただし、課題や限界のないテーマはないということを認識することが重要です。 考慮すべき重要な側面は次のとおりです。

• 比較的複雑さ— Twenty Twenty-F​​our は、カスタマイズ可能なオプションと高度な機能をすべて備えているため、以前のバージョンと比べて学習曲線が急峻になる可能性があります。 これは、WordPress 初心者やシンプルなテーマに慣れている人にとっては特に難しいかもしれません。
• 柔軟性とシンプルさのバランス— テーマの柔軟性は強みであると同時に、人によっては問題を引き起こす可能性もあります。 選択できるオプションが増えると、サイトを希望どおりに設定するのに時間がかかる、または手順があまり明確ではないと感じる人もいるかもしれません。 選択肢が多すぎるケースです。
• 豊富な機能と速度— テーマにはさまざまな機能とカスタマイズ オプションが用意されていますが、これらはサイトの読み込み速度と全体的なパフォーマンスに影響を与える可能性があります。 これは、機能豊富なデザインとともにサイトの速度を最適化することに精通していないユーザーに特に当てはまります。
• 万能のアプローチ —このテーマは多目的であり、さまざまなニッチに適応できることを目指していますが、すべてのユーザーの特定のニーズや好みを満たしていない可能性があります。 特定のニッチな Web サイトでは、独自のブランドやメッセージを効果的に伝えるために、より専門的なテーマが必要になる場合があります。

パフォーマンスと最適化

WordPress テーマを評価する場合、パフォーマンスは重要な要素です。 見た目は良くても読み込みが遅い、またはサイトの効率を妨げるテーマは、ユーザー エクスペリエンスや SEO ランキングに悪影響を与える可能性があります。

Core Performance チームの結成により、WordPress プロジェクトは最近、読み込み速度を最重要機能にすることの重要性を再強調しました。 これは『Twenty Twenty-F​​our』の制作中に考慮されたことでもあります。 寄稿者はパフォーマンスの問題を指摘し、対処しました。

どうやら成功したようです。 一時的な Web サイトで簡単なパフォーマンス テストを行ったところ、明らかな速度の問題は見つかりませんでした。 GTmetrix はパフォーマンスで B を与え、最大コンテンツフル ペイントは 1.8 秒でOKでした。 かなり長く、完全に最適化されていない多数の画像を含むホームページの場合、これは許容範囲です。

確かに、ページの読み込み速度はさまざまな要因に依存するため、これは実際には代表的なサンプルではありませんが、パフォーマンスの良い Web サイトの強固な基盤を示しています。 WordPress 6.5 リリースでは、さらなるパフォーマンスの強化と修正が約束されていることにも注意することが重要です。

224 のテーマをテストしてみよう

Twenty Twenty-F​​our のレビューを終えるにあたり、この最新の WordPress デフォルトテーマが大胆な前進であることは明らかです。 洗練さと多用途性の融合を提供し、幅広いカスタマイズ オプションで際立っています。

Cardo のようなフォントと柔軟なカラーパレットを思慮深く使用することで、見た目の美しさがさらに高まります。 豊富なテンプレートとテンプレート パーツが含まれており、Web サイトの多様なニーズに対応します。

全体として、このテーマは、WordPress がテーマと Web サイトのデザインに提供する機能を示す優れたデモンストレーションです。 あらゆるスキル レベルのユーザーが活用できるようになっています。

『Twenty Twenty-F​​our』を自分でレビューする予定はありますか? この新しいデフォルトテーマを採用することについての考えや計画を以下のコメント欄で共有してください。