2021年のデフォルトのWordPressテーマの概要

公開: 2021-03-12

毎年、WordPressチームは新しいデフォルトのテーマをリリースします。 このアップグレードは通常、プラットフォームが提供する必要のある最新機能のいくつかを示しており、2021年のデフォルトのWordPressテーマも例外ではありません。

Twenty Twenty-Oneテーマの全体的な目標は、ブロックエディターのユーザーに可能な限り最高のエクスペリエンスを提供することです。 この記事では、それが何を提供しなければならないかについて話し、実際にそれをあなたに示します。 飛び込みましょう!

2021年のデフォルトのWordPressテーマの紹介

2021年のデフォルトのWordPressテーマ

TwentyTwenty-Oneは2020年12月8日にWordPress5.6に同梱されていたので、それが何を提供するのかを見る時間が少しありました。 ネストされたCSS変数、​​ニュートラルスタイルのローカルフォント、および制限されたカラーパレットを備えたSeedletテーマの修正バージョンを使用します。 テーマのモダンなデザインは、Pinterestボードを彷彿とさせるレイヤード画像を備えたいくつかの新しいブロックパターンを特徴としており、ポートフォリオWebサイトに最適です。

一見したところ、テーマは実際には画面から表示されませんが、表示されることを意図したものではありません。 その主な目的は、ブロックエディタを使用して簡単に作成できるキャンバスを提供することです。 ただし、次のようないくつかの興味深い機能も含まれています。

  • タイトルタグ
  • HTML5要素
  • カスタムヘッダーのロゴと背景
  • 2つのナビゲーションメニュー(ヘッダーに1つ、フッターに2番目のメニュー)
  • ブロックのグラデーションプリセット
  • カスタムカバーブロック
  • 複数のカスタム投稿フォーマット

それらの投稿フォーマットの中には、リンク、ギャラリー、引用、ステータス、ビデオ、さらにはチャットがあります。

TwentyTwenty-Oneポストレイアウトオプション。

このテーマは、前述のブロックパターンなど、ブロックエディターが提供する最新機能の一部もサポートしています。 さらに、複数のビルド済みカラーパレットがバンドルされており、カスタマイザーからアクセスできます。

Twenty Twenty-Oneは一見控えめなので、先に進んで、実際にどのように機能するかを確認しましょう。

21のテーマの実行

Twenty Twenty-Oneには、Webサイトのコアコンテンツのテンプレートとして使用できる4つのビルド済みページが付属しています。 このセクションでは、フロントエンドとバックエンドの両方から各ページをチェックします。

ホームページ

前に述べたように、2021年のデフォルトのWordPressテーマのホームページテンプレートは、Pinterestボードに非常によく似たブロックパターンを使用しています。

TwentyTwenty-Oneホームページヘッダー

ホームページのデザインはとてもシンプルです。 シンプルなアンダースコアのマウスオーバー効果とヒーローヘッダーを備えたミニマルなメニューがあります。 デザインの本当に興味深い部分は、以下に表示されているセクションです。

この領域には、スタイルが重複する2つの列が含まれています。これにより、右側の画像が左側の2つの画像の上に表示されます。

列の重複スタイルの選択

ブロックエディタから、画像を簡単に置き換えたり、境界線を追加したり、スタイルを変更したりできます。

ブロックエディタを使用して画像のスタイルを変更する

また、エディターを使用すると、数回クリックするだけで、ページ全体または個々のセクションのデフォルトの背景色を簡単に切り替えることができます。

ブロックの背景色を変更する

もう少し下にスクロールすると、テーマに関するいくつかの基本情報を含む3列のセクションが表示されます。 これらの列は、すでに説明した重複するスタイルと画像フレームについて説明しています。

TwentyTwenty-Oneのホームページの一部

最後のコラムでは、パターンについて説明しています。 前に述べたように、Twenty Twenty-Oneテーマには、事前に作成されたブロックパターンのセットが付属しています。 ホームページに表示されるすべての要素は、パターンとして利用できます。

二十二十一ブロックパターン。

パターンを使用すると、テーマのデフォルトセクションを拡張して、より包括的なポートフォリオを作成できます。

アバウトページとお問い合わせページ

Webサイトの上部にあるメインメニューから、TwentyTwenty-Oneのデフォルトの[バージョン情報]ページと[連絡先]ページにアクセスできます。 デフォルトでは、両方のページは非常に必要最低限​​のものであり、いくつかのヘッダーのみが含まれています。

TwentyTwenty-OneのAboutページ

[概要]ページは、テーマがレイアウトするパターンのいくつかをテストするのに最適な場所です。 たとえば、自分の写真と簡単な伝記を含めたい場合は、メディアとテキスト記事のタイトルパターンが最適です。

ブロックエディタを使用してメディアパターンを追加する

テーマの各ブロックパターンには、複数のスタイルとレイアウトが含まれています。 この特定の例では、画像の位置を切り替えたり、パターンの境界線を変更したり、モバイルデバイスでグラフィックをスタックするように設定したりして、スマートフォンやタブレットで見やすくすることができます。

ブロックエディタを使用したパターンの設定

[概要]ページでは、次のテーマに付属する2つの画像のショーケースまたは重複する画像とテキストパターンを使用して、最高の作品のいくつかを披露することもできます。

重複する画像とテキスト

ご覧のとおり、画像は2021年のデフォルトのWordPressテーマ全体で重要な役割を果たしています。 ブロックエディタを使用すると、メディアを表示したい場所に正確に配置することがこれまでになく簡単になります。 これで、カスタムCSSを手動で追加しなくても、要素をオーバーラップさせることができます。

Twenty Twenty-Oneテーマに欠けている機能の1つは、デフォルトの連絡先ページの連絡先フォームです。

二十二十一の連絡先ページ

ただし、これは、デフォルトのWordPressテーマに通常見られる機能ではありません。 利用可能な多くの無料の連絡フォームプラグインを考慮すると、テーマでそれを見逃すことはないでしょう。

ブログ

Twenty Twenty-Oneの私たちのお気に入りの側面の1つは、そのブログスタイルです。 テーマは読みやすい非常に控えめなフォントを使用しており、そのブログページでは、注目の各画像がそれに値する注目を集めることができます。

TwentyTwenty-Oneブログページ。

ただし、ブログコンテンツの複数のページをナビゲートするのは難しい場合があります。 テーマは、ユーザーが探している投稿を見つけやすくするために、デフォルトでサイトの下部に検索バーを配置します。 ナビゲーションを改善するために、検索バーを画面の上部、メニューの横に移動し、サイドバーに[最近の投稿]ウィジェットを含めることを検討してください。

全体として、クリエイティブポートフォリオのWebサイトや個人のブログに最適なテーマを探している場合は、TwentyTwenty-Oneを検討する価値があります。 同様に、将来のWordPressリリースで何が起こるかを味わうために、それが提供しなければならない新しいブロック関連機能を試してみるためだけにそれをチェックしたいかもしれません。

TT1ブロックとブロック実験

ここでの主な焦点は2021年のデフォルトのWordPressテーマですが、そのコンパニオンテーマであるTT1ブロックを指摘することも役立つかもしれないと考えました。

TT1ブロックのテーマ。

表面的には、これら2つのテーマはほとんど同じに見えます。 違いは、内部で何が起こっているかです。 TT1ブロックは、実験的なブロックベースのテーマです。 Gutenbergプラグインと同様に、その目的は、WordPressユーザーがコアにマージされる前に、今後の機能をいじくり回す機会を与えることです。

TT1ブロックをインストールすると、サイト全体の編集を有効にできます。 これは、ブロックエディタの開発における次のステップです。 これにより、ユーザーはブロックを使用してメインコンテンツ領域の外側にサイトの一部を構築できます。 つまり、独自のブロックベースのナビゲーションメニュー、ヘッダー、フッターなどを作成してみることができます。

ライブサイトでTT1ブロックを使用することはお勧めしません。 実験するために、ローカルサイトまたはステージングサイトにインストールすることをお勧めします。

結論

通常、WordPressのデフォルトのテーマは、パフォーマンスの観点から理想的であり、単純なWebサイトの適切な基盤です。 ただし、多くのユーザーは、より多くの機能にアクセスしたり、より柔軟なテーマを使用したりするため、できるだけ早く他のオプションに切り替えます。

2021年のデフォルトのWordPressテーマでは、それが変わる可能性があります。 そのモダンなデザインとブロックエディターとのシームレスな統合により、そのツールを快適に使用できる場合は素晴らしいソリューションになります。 ポートフォリオやブログで作業している場合は、TwentyTwenty-Oneをチェックすることをお勧めします。

Twenty Twenty-Oneテーマについて質問がありますか? 以下のコメントセクションでそれらについて話しましょう!

Soloma /shutterstock.com経由の注目の画像