WordPress5.3の新しい20のテーマ

公開: 2019-12-20

数週間前、WordPressの新しいバージョンがリリースされました。 WordPress 5.3は、主に、ブロックエディターに含まれるすべてのUXとUIの改善と、新しいデフォルトのテーマによって特徴付けられます。

Twenty Twentyは、 WordPressブロックエディターを念頭に置いて設計されています。今日の投稿では、新しいテーマを簡単に紹介し、それを特別なものにしているいくつかのことをあなたと共有し、それを設定してニーズに適応させる方法を教えたいと思います。

二十二十一目で

WordPressが新しく更新されるたびに、ブロックエディターは質的な飛躍を遂げます（エディター自体が非常に活発に開発されており、プラグインとして利用できることを忘れないでください）。 グーテンベルクの究極の目標は、ユーザーが自分のWebサイトを自由に設計および構造化できる、本格的でユーザーフレンドリーなページビルダーになることです。

WordPressの新しいTwentyTwentyテーマ — 新しいTwentyTwentyWordPressテーマ。

WordPressテーマの責任は、ブロックエディターでユーザーが作成した構造とデザインに個性を加えることです。テーマの作成者によって定義されたとおり：

Twenty Twentyは、柔軟性を中核として設計されています。組織やビジネスで使用する場合は、列、グループ、メディアを幅広く完全に配置して組み合わせ、動的なレイアウトを作成してサービスや製品をアピールできます。従来のブログに使用したい場合は、中央のコンテンツ列がそれに最適です。
アンダース・ノーレン

新しいWordPressのデフォルトテーマに関する興味深い事実の1つは、以前のテーマとは異なり、ゼロから作成されていないことです。これは、WordPress.orgリポジトリにすでに存在するテーマであるChaplinに基づいています。

チャップリンテーマのプロモーション画像。 — WordPressのChaplinテーマのプロモーション画像。

Twenty Twentyを区別するもう1つの機能は、ラスムス・アンダーソンによって設計された、付属のタイポグラフィであるInterです。これは、特にフォントサイズが非常に小さい場合に、テキストを読みやすくするために作成された、自由でオープンな書体です。

Interのホームページのスクリーンショット（開いた書体）。 — Interは、TwentyTwentyに付属するデフォルトのタイポグラフィです。

新しい20の20のテーマをインストールする方法

すでに述べたように、このテーマはWordPress5.3の新しいデフォルトテーマです。したがって、新しいWordPressインストールを作成し、その最新バージョンを使用する場合、テーマはすでに存在します。

TwentyTwentyテーマはWordPress5.3のデフォルトテーマです — Twenty Twentyテーマは、WordPress5.3のデフォルトのテーマです。

ただし、以前のバージョンのWordPressにインストールすることもできます。 [外観]»[テーマ]»[新規追加]に移動して、テーマ「TwentyTwenty」を探します。

TwentyTwentyはすでにWordPress5.3に含まれています — Twenty Twentyは、他のテーマと同様に、インストールが非常に簡単です。

テーマはグーテンベルクを念頭に置いて設計されているため、ブロックエディタでコンテンツを作成する場合にのみ使用することをお勧めします。

20をカスタマイズする方法

テーマは、WordPressの組み込みテーマカスタマイザーから簡単にカスタマイズできます。 [外観]»[カスタマイズ]をクリックすると、使用可能なすべてのオプションが表示されます。

利用可能な設定のほとんどはすでにご存知だと思いますので、最も興味深いと思われる設定を詳しく見ていきましょう。 Twenty Twentyで個人的に最初に微調整することの1つは、デフォルトで使用されるセピアトーンが気に入らないため、カラーパレットです。代わりに、もっと白いものを使用します。

ポストアピアランス

デフォルトでは、ブログ投稿の外観は落ち着いてエレガントです。次のスクリーンショットでわかるように、タイトルはいくつかのメタ情報（作成者、発行日、カテゴリ）の横に表示され、すべて目立つように非常にきれいに表示されます。

TwentyTwentyの投稿のデフォルトビュー — TwentyTwentyのWordPress投稿のデフォルトビュー。

そして、タイトルの直後に注目の画像があり、それは多かれ少なかれコンテンツと調和しています。

注目の画像を使用しない場合（または時々のみ使用する場合）、このデフォルトのビューがおそらく最適です。ただし、すべての投稿で注目の画像を使用する場合は、投稿のテンプレートを全幅テンプレートに変更することをお勧めします。

このテンプレートを使用すると、注目の画像の関連性がさらに高まり、タイトルや投稿のメタデータと統合されます。ご覧のとおり、画像は最初の折り目を完全に取ります。

これは私がかなりきちんと見つけた機能です（私たちが自分のサイトで使用しているものにかなり近いので、ここでは驚くことではありませんよね??）

メニュー

私がこのテーマで気に入っているもう1つの点は、最も好きなスタイルに応じて、複数のメニューを作成できることです。一方では、デスクトップの2つのメニューオプションから選択できます。

水平メニュー。これは、以前のすべてのスクリーンショットに表示されているメニューです。オプションは、Webサイトのトップバーに常に表示されます。

拡張メニュー。それは「隠しメニュー」です。それを表示するには、省略記号アイコン（前のメニューの横）をクリックするだけで、拡張メニューが右隅からスライドインします。

非常に素晴らしいもう1つの偉業は、ソーシャルメニューです。これにより、ソーシャルネットワークへのリンクを追加でき、テーマは各プロファイルを問題のソーシャルネットワークのアイコンが付いたボタンとして自動的に表示します。

TwentyTwentyテーマのソーシャルメニュー — Twenty Twentyテーマのソーシャルメニューを使用すると、ソーシャルネットワークへのリンクを追加して、対応するアイコンとともに自動的に表示できます。

これはこのテーマにとって新しいものではありませんが（しばらくの間、現在、すべての20のテーマで利用可能になっています）、とにかくそれが大好きです。

ウィジェットと検索

最後に、テーマに含まれるウィジェット領域についても言及する価値があります。残念ながら、ここにあるオプションは非常に限られています。フッターにウィジェットを追加することしかできません。したがって、ブログなどにサイドバーを配置したい場合は、子テーマを作成し、テンプレートをニーズに合わせて調整する必要があります。

Twenty Twentyには、フッターに2つのウィジェット領域があります。これは、キャプチャに表示される2つの列に対応します。 — Twenty Twentyには、フッターに2つのウィジェット領域があります。これらは、キャプチャに表示される2つの列に対応しています。

WordPressの組み込みの検索機能に関して、テーマにはブログのコンテンツを検索するためのクイックフォームが含まれています。メニューには検索アイコンの付いたボタンがあります。それをクリックすると、検索ボックスがJavaScriptを介して画面の上部に表示されます。

概要

Twenty Twentyテーマは、WordPressのすべての新しいバージョンに付属するTwentyシリーズの次のステップです。革新的なテーマとは言えませんが、WordPressの新機能と完全に統合された非常にエレガントなテーマだと思います。新しいテーマへのアップグレードを考えていて、どれを使用すればよいかわからない場合は、TwentyTwentyにチャンスを与えてください。それは速くてとても素敵に見えます。

UnsplashのAnkhesenamun96による注目の画像。