WordPress Twenty Twenty Three テーマのデモ: ライブプレビュー

公開: 2023-05-16


2023 年に特化した新しい WordPress 2023 テーマが 2022 年末にリリースされました。この新しいスキンの命名規則は、以前のリリースの伝統に従い、捧げられた年が名前として使用されます。 前任者と同様に、このテーマは、世界で最も人気のある CMS をダウンロードすれば、誰でもすぐに利用できます。

テンプレートの中心的な特徴は、そのシンプルさとミニマリズムです。 強力な起動パッドとして機能し、想像力を解き放ち、無限のスタイルの選択肢を作成できます。 最新の WP 機能を試したり、さまざまなデザイン要素を試したりできる遊び場としてイメージしてください。

過去 1 年間に新しいデザイン手法が発表されたことで、コミュニティの好みが新たな方法で反映されるようになりました。 シンプルなTwenty Twenty-Twoを出発点として利用したこのアプローチは、膨大な範囲のユニークな装飾オプションの作成への扉を開きました。 この革新的なアプローチのおかげで、コミュニティからインスピレーションを得た無数のデザインが生まれました。

2023 テーマが実際の Web サイト設定でどのように機能するのかを知りたくてうずうずしていますか? 残念ながら、wp.org のデフォルトのプレビューでは十分に機能しません。 適切なデモ コンテンツなしで設計と機能を理解しようとするのは、素手で魚を捕まえようとするようなものであることは誰もが知っています。 そこで、このテンプレートをステージング サーバーにデプロイして、WordPress テーマのデモの全体的なアイデアをすばやく簡単に把握できるようにしました。 楽しみ!

Twenty Twenty Three テーマのデモ

そこには、テンプレートのプレビューとそのさまざまなスタイルの選択肢があります。 ページの右側にある「スタイル」ボタンを押して、好みのデザインを選択し、包括的なビジュアル体験に浸ってください。

無料の Getwid ブロック プラグインは、WordPress 2023 テーマの素晴らしいカスタマイズ機能を補完する優れたヘルパーです。 このツールは、Gutenberg とテンプレート ライブラリ用の多目的ブロックのバンドルを表すため、一石二鳥のようなものです。 この強力なツールを使用すると、サイトの視覚的な魅力を簡単かつ便利に強化できます。

Twenty Twenty Three WordPress テーマによって提供されるさまざまなスタイル機能

2023 テンプレートの主な機能

新しいテーマは前年のテーマに基づいて作成されましたが、これら 2 つはいくつかの点で異なります。 デフォルトの配色とフォント ファミリを変更するだけでなく、新しいテンプレートは、ほぼすべての個人の好みに対応する、事前定義されたスタイル オプションの広範な点で際立っています。

今年の開発では、10 種類の外観オプションの印象的なセレクションが用意されており、それぞれに息を呑むようなフォント サイズ、フォント ファミリー、色合いが独特にブレンドされています。 このように幅広いオプションがあるため、ユーザーは自分の個性や独特の好みを表すデザイン スタイルを厳選することができます。

レイアウト オプション: 知っておくべきこと

WordPress 2023 テーマを詳しく調べてみると、既成のレイアウトがぎっしり詰まっているわけではないことがすぐにわかります。 実際には 1 つだけあります。 すべてのページ テンプレートを開くと、白紙の状態とほんの一握りの構成要素が表示されます。 あなたが望むデザインを構築しなければならないのはあなたです。 ただし、デフォルトのレイアウトは 1 つしかありませんが、好みに合わせて調整する一般的な方法はまだあります。 これらのオプションにアクセスするには、サイト エディターの右側にある [スタイル] メニューの [レイアウト] タブをクリックします。

レイアウトは、サイト エディターの右側にあるスタイル メニューの対応するサブメニューで調整できます。

中央のコンテンツ領域の幅を調整し、視覚的なセンスを追加するには、さまざまな可能性が用意されています。 さまざまな幅の選択肢から選択し、間隔とパディングのオプションを微調整して、レイアウトの空の領域を完全に制御します。 こうすることで、コンテンツの読みやすさとバランスを高め、読者が従うためのよりシームレスで自然な流れを作り出すことができます。

「レイアウト」サブメニューでは、コンテンツの幅を調整したり、パディングやブロック間隔を変更したりできます。

好みに合わせて配色を調整する

私たちの物語の主人公には、レイアウトの選択肢だけではありません。希望に応じてテーマの色を微調整することもできます。 [スタイル] メニューに移動し、[色] タブを選択するだけで、さまざまな色のオプションが表示されます。 数回クリックするだけで、背景、テキスト、リンク、見出し、ボタンのさまざまなトーンを組み合わせて、Web サイトの雰囲気を完全に変えることができます。

Twenty Twenty Three WordPress テーマでは、サイト全体で色のオプションを変更することもできます

書体は重要: エンゲージメントと認識を高める

あなたはおそらく、すべての Apple 製品のフォントの品質に対する Steve Jobs の情熱的な執着の話を知っているでしょう。 そしてそれは単なる奇妙な気まぐれではありません。 デジタル時代では、テキストを通じて大量の情報を認識するようになり、オンラインでの存在に対する全体的な好印象は、適切な書体を選択するかどうかにかかっています。 綿密に計画されたタイポグラフィは、独自のブランディングに役立ち、ユーザー エクスペリエンスを向上させ、感情に影響を与え、注目を集めることができます。

そのため、2023 年のテーマ開発では、特にこの側面に多大な注意が払われました。 WP バージョン 6.1 に組み込まれた新しいフォント セットと Fluid Typography (画面サイズに応じた自動テキスト スケーリング) は、今年のテンプレートに基づいて構築された Web サイトの全体的な魅力を高める機能パッケージ全体の中核要素です。 実際には、フォント設定を見つけるには、サイト エディターの右側にある [タイポグラフィ] タブをクリックするだけです。

このパネルでは、フォント ファミリーを選択し、フォントのサイズを変更できます。

どのような書体が利用可能ですか? 多様性を示しながらミニマリズムの美しさを体現する、新鮮なオプションの数々をご覧ください。

  • DMサンズ
  • IBM Plex モノ
  • インテル
  • システムフォント
  • ソースセリフプロ

ここでは、上のリストと同じ順序でそれらの視覚的表現を確認できます。

Twenty Twenty Three WordPress テンプレートで使用できるさまざまなフォントの視覚的表現

これらの各書体の背後にある歴史については、別の記事にする価値がありますが、この概要の範囲内で、これらすべてのフォントの重要な特徴は、どのデバイスでも表示に適していることであると言えます。

私たちの物語の主人公は、流れるようなタイポグラフィーを WP テーマにどのように組み込むことができ、この機能を独自のデザインに統合するための青写真として使用できるかを優れたデモンストレーションで示しています。 フォント サイズを表示しているデバイスの画面サイズにシームレスに適応させる Web サイトの機能のおかげで、ユーザー エクスペリエンスが向上するだけでなく、サイト全体のプロフェッショナルなイメージも向上します。

個々のページの見栄えを向上させる

今年リリースされた WordPress のデフォルト テーマは、WP バージョン 6.1 に伴うサイト編集の最も進歩的な改善の素晴らしい例です。 テンプレートとテンプレート パーツは、この事実をよく表しています。 サイト エディター内で、各主要ページのモデルのリストを閲覧できます。

  • 404
  • アーカイブ
  • 空欄
  • ブログ (代替)
  • 索引
  • ページ
  • 検索
  • 独身

そして 4 つのテンプレート パーツ:

  • コメント
  • フッター
  • ヘッダ
  • ポストメタ

Twenty Twenty Three WP テーマで編集可能なページテンプレート

つまり、使い慣れたブロック エディターを使用して、これらの各項目のデザインを個別に調整できるということです。

グローバルなスタイルとバリエーションの力を探る

WP の第 6 バージョンでは、素晴らしい機能が追加されました。 この機能により、デザイナーは複数の外観スタイルを 1 つのテンプレートにバンドルすることが非常に簡単になります。 実際の実装は 2023 スキンの中心的な役割を果たし、最も注目すべきハイライトの 1 つとして際立っています。

サイト エディターの右側に、「スタイルの参照」というタイトルのタブがあります。 それをクリックすると、利用可能なすべての外観オプションにアクセスできます。 ここでそれらを確認し、選択したものを Web サイト全体に適用できます。

すべての WordPress テンプレートに一度に適用されるスタイル オプションを選択できるパネル

さまざまなブロック パターンを参照し、選択したデザインに追加します。 このサブメニューに入るには、ページ プレビューの上部にある「プラス」記号を押し、クリックすると表示されるポップアップの下部にある「すべて参照」を選択します。

デフォルトの WordPress テーマの任意のページに Gutenberg ブロックを追加する方法を示す画像

ここでは、ブロック パターンを追加するだけでなく、以前の WP バージョンで使い慣れた特定の Gutenberg ブロックを追加することもできます。

特定のページに特定のブロックを追加するだけでなく、パターンも追加できます。

スタイル自体については、独自の CSS を追加することが可能です。 右上隅にある縦の三点記号を押し、表示されるメニューから「追加 CSS」を選択します。

パネル。デフォルトの 2023 WordPress テンプレートにカスタム CSS を追加できます。

コミュニティが数多くのスタイルのバリエーションを生み出す上で極めて重要な役割を果たしたことは、どれだけ強調してもしすぎることはありません。 Twenty Twenty Three の取り組みが開始されたとき、世界のさまざまな地域の人々が熱心に貢献しました。 慎重に検討した結果、いくつかのオプションのみが選択されました。 たとえば、Pitch — デフォルトのデザインの暗いバリエーションです。

ピッチの視覚的表現 - デフォルトの WP テーマ 2023 で利用可能なスタイル バリエーションの 1 つ

Electric は、サイト全体のすべてのタイポグラフィーに青色を使用していることを誇りに思っており、コンテンツをエネルギーと活気に満ちたポップなものにしています。 マリーゴールドは、より柔らかく、より心地よい代替品を提供します。 本当にユニークで人目を引くものをお探しなら、シャーベットがきっと忘れられない印象を残すでしょう。 全体として、考えられるすべてのデザインバリエーションを備えた WordPress テーマのデモは、Twenty Twenty-Three テーマのデモでプレビューできます。

独自のスタイルを作成するためにコーディングの達人である必要はありません。 コーディングに精通している場合は、styles フォルダーをよく読んで、開始点として .json ファイルの 1 つを選択してください。 そこから先は限界です。 同時に、無料の公式 Create Block Theme プラグインを使用すると、同じことをより簡単に行うことができます。

このツールを使用すると、コーディングの知識がなくても創造性を発揮できます。 テーマをエクスポートしますか、それともその子を作成しますか? もしかしたらそれをクローンしたいのですか? 空のテンプレートを使って最初から始めてみてはいかがでしょうか? 自由に使えるこれらのオプションは、仮想世界の羨望の的となるような Web サイトを作成するのに役立ちます。

WordPress Twenty Twenty Three — 使いやすさに重点を置く

WP テーマがあなたの Web サイトに完璧にマッチするかどうか疑問に思ったことはありますか? それを文脈に当てはめることは、その適合性を判断するのに役立つかもしれません。 Twenty Twenty-Three は、手袋のようにさまざまなタイプの部位にフィットします。 このオプションは、物事をシンプルでありながらプロフェッショナルなものにしたい人に最適です。

  1. あなたは、ポートフォリオ Web サイトに最適なテンプレートを探しているビジュアル アーティストですか? 画像と複数のスタイル オプションに重点を置いた WordPress 2023 テーマは、クリエイティブな作品を紹介するのに理想的な選択肢です。 写真家、グラフィック デザイナー、画家のいずれであっても、このテンプレートはあなたの才能を補完し、可能な限り最高の光でアートを表現することができます。
  2. あなたは、読者をコンテンツからそらすことのないオプションを探している意欲的なブロガーですか? それなら、今年の WordPress デフォルトテーマがあなたにぴったりです! すっきりとした単純なレイアウトと読みやすいタイポグラフィーを組み合わせることで、コンテンツの多いサイトに理想的な選択肢となります。 このテンプレートを使用すると、視覚的に雑然としたものが邪魔になることなく、記事や思索が中心に据えられます。
  3. ビジネス Web サイトを次のレベルに引き上げるための WP テーマをお探しですか? 洗練された洗練されたデザインは、プロフェッショナルで信頼できるイメージを伝えたい企業サイトに最適です。 すっきりと整然としたレイアウトと洗練されたタイポグラフィーが、貴社の製品にエレガントな背景を提供します。
  4. あなたは、電子商取引サイトに素晴らしい外観と雰囲気を与えるテンプレートを探しているオンライン起業家ですか? 2013 があなたの答えです! WooCommerce とのシームレスな統合のおかげで、この優れたスキンはあなたの Web サイトを、訪問者を引きつけて顧客に変える素晴らしいオンライン エンポリアムに変えることができます。

WordPress Twenty Twenty Three テーマについての最後の言葉

一見すると、新しい WordPress のデフォルトのテーマは、WP テンプレートの分野ではそれほど目立った例ではないように見えるかもしれません。 特に、すぐに使える多数の機能を備えた幅広い商用オプションと比較した場合はなおさらです。 同時に、これは以前のリリースの伝統に従い、ミニマリズムとシンプルさを強調したデフォルトのスキンです。 したがって、デフォルトのテンプレートに本当にこの世のものとは思えないものを期待するのは合理的ではありません。

そうは言っても、WP チームとコミュニティ全体によって、定められた行動方針が取られています。 目標は、デザインの独自のバリエーションを作成する迅速かつ簡単なプロセスに興味があるすべての人に、必要なツールをすべて提供することです。 実際、この戦略は、ページ テンプレートやその他の同様のカスタマイズ オプションが導入されて以来、長い間存在しています。 しかし、今年のリリースでは、箱から出てくる 10 種類のスタイル バリエーションによって、そのコンセプトがこれまでにないほど強調されています。

その結果、WP 愛好家の広大なコミュニティは、将来のリリースでさらに魅力的な機能が期待できることを安心していただけます。 これらの将来の機能の主な目標は、Web サイトの外観を調整するという点で、シンプルでありながら非常に強力なデフォルトのソリューションを提供することになるでしょう。このソリューションは、さまざまな側面で実行でき、最終的なデザインはほとんど認識できないほど変更される可能性があります。最初のバリアントとの比較。

Twenty Twenty Three テーマのデモを参照する

WP チームは、その素晴らしいプラットフォームのカスタマイズ機能を強化するために常に努力しています。 最新のデフォルト テンプレートは、新しいサイト編集機能をさらに活用する方法を提供するという点でさらに優れており、パーソナライゼーションを重視するクリエイティブな個人にとって最高の選択肢となっています。 詳細に興味がある場合は、WordPress テーマのデモを見て、どの優れた機能が目に留まったかを教えてください。

Twenty Twenty Three テーマのデモ