PostX フルサイト編集サポートのご紹介【WordPress向け】

公開: 2023-08-29

WordPress バージョン 6.0には、いくつかの歓迎すべき変更が加えられました。 大きな変更点の 1 つは、「フル サイト編集」機能の導入です。

Twenty Twenty-two WordPress テーマ」の最初の成功の後、2023 年末までに「 Twenty Twenty-three WordPress テーマ」が登場しました。

2022 WordPress テーマと同じ機能がたくさん搭載されていました。 ただし、これはユーザーにとってより自由な設計が可能な、より無駄のないオプションとして提供されました。

そして、私たちは自由の味をさらに高めるためにここにいます。 私たちは、WordPress 向けのPostX フル サイト編集サポート (FSE) を発表できることを誇りに思います。 WordPress で完全に編集がサポートされているテーマでお気に入りの投稿ブロックを使用できるようになりました。

このサポートがどのように機能するかを見てみましょう。

内容を隠す
1 2023 WordPress テーマを使用した完全なサイト編集
1.1 PostX for WordPress フルサイト編集
1.2 PostXフルサイト編集サポート【ブログページの作成】
1.2.1テンプレートパーツ
1.2.2ページテンプレート
1.3フルサイト編集 WordPress テーマをインストールしてアクティブ化する
1.4 PostX ダイナミック サイト ビルダー プラグインのインストール
1.5ヘッダーおよびフッターのテンプレート パーツを作成する
1.6これらのテンプレート パーツをページ テンプレートに追加する
1.7特定のページでページ テンプレートを使用する
2最終的な考え

2023 WordPress テーマを使用した完全なサイト編集

2023 年のデフォルトの WordPress テーマは、洗練された空白の外観をしています。 このテーマを使用すると、テンプレート パーツを使用して WordPress サイト ページを簡単に作成できます。

Preview of the Twenty Twenty-three WordPress theme
Twenty Twenty-three WordPress テーマのプレビュー

デフォルトのテーマを使用する場合には、いくつかの利点があります。 結論から言うと、Divi や Elementor のような重いページビルダーに依存する必要はありません。

PostX for WordPress フルサイト編集

もう重いページビルダーに依存する必要はありません。 PostX には FSE が完全にサポートされるようになりました。 PostX ブロックを使用して、完全なサイト編集機能を使用して完全な Web ページを作成できるようになりました。

必要なのは、軽量で豊富なカスタマイズ オプションを提供するPostX Gutenberg ブロック プラグインだけです。

PostX を使用すると、追加のデザイン機能や機能のために追加のプラグインをインストールする必要はありません。 PostX ブロックを使用すると、他のプラグインに依存せずに、見栄えの良いニュース、料理、旅行のブログ サイトを作成できます。

POSTXを探索する

では、 WordPress のフルサイト編集はPostX でどのように機能するのでしょうか? とても簡単です。

PostXフルサイト編集サポート【ブログページ作成】

Twenty Twenty-three WordPress テーマ」の完全な編集機能を使用して、PostX でブログ ページを構築します。

始める前に、知っておくべきことがいくつかあります。

テンプレートパーツ

2022 WordPress テーマと同様に、2023 テーマにも WordPress フルサイト編集用のテンプレート パーツがあります。

Header template part for full site editing
サイト全体を編集するためのヘッダー テンプレート パーツ

テンプレート パーツは再利用可能なブロックのようなものです。 そのうちの 1 つに変更を加えると、その変更はすべてのページに反映されます。

たとえば、WordPress Web サイトのすべてのページにまたがるヘッダー テンプレート パーツがある場合、デザインしたとおりにすべてのページに表示されます。 そのテンプレート部分に変更を加えると、すべてのページにわたって変更されます。

これらのテンプレート パーツは、別のページで繰り返し使用できます。 新しいページ テンプレートを構築するプロセスが簡単になります。

こちらもお読みください: WordPress でのサイト全体の編集はどのように機能しますか?

ページテンプレート

ページ テンプレートは、WordPress バージョン 6.0 に付属する新しい追加機能です。 特定のページで使用するテンプレートを選択すると、ページはそのテンプレートを使用してコンテンツを表示します。

Access the template page from the theme editor
テーマエディターからテンプレートページにアクセスします

ここに例を示します。

新しいホームページを作成するとします。 2023 WordPress テーマでこれを行うには、最初にページ テンプレートを作成する必要があります。 次に、そのページ テンプレートをホームページに追加し、ページを公開/更新するだけです。

これらについては、Web サイトのブログ ページを作成するプロセスを説明しながら、次のセクションで説明します。

その方法は次のとおりです。

フルサイト編集 WordPress テーマをインストールしてアクティブ化する

初めて WordPress を使用する場合 (初めてのインストールの場合)、最新バージョンの WordPress がインストールされている可能性があります (この記事の執筆時点での現在のバージョンは 6.3 です)。

WordPress 6.3 Update brings polished WordPress Full Site Editing
WordPress 6.3 アップデートにより、洗練された WordPress フルサイト編集が実現

したがって、WordPress サイトには「Twenty Twenty-three WordPress テーマ」がすでにインストールされているはずです。

ただし、別のルートを希望する場合は、他のフルサイト編集テーマを選択することもできます。 ただし、エコシステムの雰囲気を味わうために、デフォルトの WordPress テーマを使用することをお勧めします。

PostX ダイナミック サイト ビルダー プラグインをインストールする

PostX プラグインのインストールは非常に簡単です。 あなたがしなければならないことは、 「プラグイン」>「新規追加」に移動し、「PostX」を検索することだけです。

ただし、PostX の Pro バージョン (より多くの機能、より多くのカスタマイズ!) を使用している場合は、Web サイトから Pro バージョンをインストールする必要があります。

詳細については、ドキュメントを参照してください。

ドキュメントを参照

ヘッダーとフッターのテンプレート パーツを作成する

ヘッダーとフッターのテンプレート パーツを作成するには、WordPress ダッシュボードから[外観] > [エディター]に移動する必要があります。 テーマ セクションからエディターにアクセスして、WordPress の完全なサイト編集機能にアクセスすることもできます。

2023 WordPress テーマの「カスタマイズ」ボタンをクリックするだけです。

エディターにアクセスすると、 「デザイン」セクションにいくつかのオプションが表示されます。 「パターン」をクリックします。 プレビューページが表示されます。

Header Template Part Design in Editor
エディターでのヘッダー テンプレート パーツのデザイン

ここには 2 つのオプションがあります。 1つは「パターン」 、もう1つは「テンプレートパーツ」です。

PostX の行ブロック、検索ブロック、組み込みのナビゲーションパーツとサイト ロゴパーツを使用して、ヘッダーとフッターのテンプレート パーツを作成しました。 ヘッダー部分にもPostX Search Blockを使用しました。

Footer Template Part Design for Full Site Editing
サイト全体の編集のためのフッター テンプレート パーツのデザイン

以下についてもお読みください。

1. PostX 行/列ブロックはどのように機能しますか?
2. PostX 高度な検索ブロックの仕組み。

これらのテンプレート パーツをページ テンプレートに追加します

次に、ページ テンプレートを作成します。 テンプレートメニューの「空白」テンプレートを使用することに注意してください。 修正してブログページに使用させていただきます。

その方法は次のとおりです。

  • ブロックメニューからヘッダーテンプレートパーツを追加します。 WordPressテンプレート パーツ ブロックを検索するだけです。 次に、ヘッダー用の既存のテンプレートを選択する必要があります。 それをクリックするだけで、ヘッダー テンプレート部分がページに表示されます。
Adding a template part to a page template
ページテンプレートにテンプレートパーツを追加する
  • 次に、ブログの本文を追加します。ブログの本文の作成には、 PostX Post Grid ブロックと Listブロック、その他のアセットを使用しました。
  • 同様にフッターテンプレートパーツを追加します。
Blank Template Editing Page
空のテンプレート編集ページ
  • 最後に、ページで使用するテンプレートを保存します

特定のページでページ テンプレートを使用する

ページ用に作成したテンプレートを使用します。

これを行うには、WordPress ダッシュボードから[ページ] > [すべてのページ]に移動します。 ページを作成していない場合は、 「新規追加」をクリックしてください。 ブログ ページでテンプレートを使用したいので、ブログ ページに移動します。

ここでは、右上に設定タブが表示されます。 それをクリックすると、さまざまなページオプションが表示されます。 そこに「テンプレート」オプションが表示されます。

Adding the blank template as the default template for the blog page
空のテンプレートをブログ ページのデフォルト テンプレートとして追加する

それをクリックすると、さまざまなテンプレート オプションが表示されます。 「Blank」テンプレートを変更したので、メニューからそれを選択し、ページを更新します

これは、WordPress の完全なサイト編集機能を使用して PostX で構築したサイトです。

Full Site Editing Final Outcome
PostX フルサイト編集の最終結果

最終的な考え

これは、PostX プラグインをフル サイト編集 (FSE) に使用する方法の 1 つにすぎません。 PostX プラグインを使用すると、さらに多くのことができます。

最新の WordPress アップデートの完全な編集機能を使用することを選択した場合、それは簡単ではありません。

PostX のような軽量で使いやすいプラグインを使用すると、作業が容易になります。 既製のアセットは明らかに有利です。

それで、あなたはどう思いますか? コメントセクションで私たちと共有してください。

この記事が気に入りましたか? 言葉を広める
  • WordPress Columns

    WordPress 列を使用してインパクトのあるページを作成する: 初心者からプロまで

  • Use Gutenberg Blocks in Beaver Builder

    PostX Beaver Builder の統合: Beaver Builder で Gutenberg ブロックを使用する

  • How to Display Estimated Reading Time in WordPress Blogs

    WordPress ブログで推定読書時間を表示する方法

  • How To Use Gutenberg Blocks in WPBakery Page Builder

    WPBakery Page Builder で PostX 統合を使用して Gutenberg ブロックを使用する方法