WordPressでのフルサイト編集のビギナーズガイド

WordPressでフルサイト編集がどのように機能するかについて興味がありますか？

あなたは興味をそそられ、この新しい機能が提供できる可能性を探求することに熱心かもしれません。 ただし、特に初心者の場合は、サイト全体の編集とその使用方法を理解するのが難しい場合があります。

幸い、グローバルスタイルなど、いくつかの主要なフルサイト編集機能に取り組む方法を知っている場合は、それを使用してすべてのタイプのコンテンツを作成できます。 一方、まだ飛躍することに興味がない場合は、代わりにページビルダープラグインをいつでも使用できます。

この投稿では、WordPress5.9でのフルサイト編集の長所と短所を紹介します。

次に、サイト全体の編集で3つの主要な機能をナビゲートする方法を示します。 最後に、このツールがニーズに合わないと判断した場合は、いくつかの代替WordPressプラグインを紹介します。 始めましょう！

フルサイト編集の概要

WordPressは、常に進化しているオープンソースソフトウェアです。 したがって、そのユーザーは変更に慣れています。 しかし、WordPress 5.9では、すべての中で最大の変化の1つであるフルサイト編集が実現しました。

以前は、サイトのページとテーマを個別に変更する必要がありました。 WordPress Webページを編集するには、ブロックエディターを使用しました。 ヘッダー、フッター、フォントなどのユニバーサルデザイン要素については、カスタマイザーツールを使用して変更を加えました。

WordPress 5.9では、フルサイトエディターで同じ場所からページとグローバルデザイン機能の両方を変更できます。

さらに、すべての編集は、ブロックエディタで使用することを学んだおなじみのブロック（およびいくつかの新しいブロック）を使用して行われます。 ただし、非ブロックテーマまたはそれと相互作用するプラグインを使用している場合は、従来のカスタマイザーに引き続きアクセスできます。

伝統と同様に、新しいデフォルトのテーマがWordPress5.9と一緒にリリースされました。 それは22と呼ばれています：

サイト全体を編集すると、Webサイトを編集するためにページを切り替える必要がなくなり、全体像を一度に確認できます。 さらに、フォント、色、間隔などの要素をより簡単に大規模に変更できます。 さらに、すべての変更を即座に表示できます。

フルサイト編集の制限

フルサイト編集は間違いなく強力な新しいツールですが、欠点もあります。 誰もがWordPressの従来の編集システムや利用可能な代替ツールよりも好ましいと思うわけではありません。

特に初心者は、サイト全体の編集をナビゲートするのが難しいと感じるかもしれません。 これは必ずしも最もユーザーフレンドリーなインターフェースではなく、一度に非常に多くのブロックを処理することは混乱を招く可能性があります。 サイト全体の変更はワンクリックまたはドラッグで行うことができるため、ユーザーエラーの余地もあります。

さらに、WordPressのフルサイト編集では、ブロックテーマを使用する必要があります。 これらのユニークなブロックベースのWordPressテーマは、WordPress 5.9のリリース前はコアプラットフォームでサポートされていなかったため、フルサイト編集を使用したい場合は、現在の非ブロックテーマをアップグレードする必要があります。

テーマが高度にカスタマイズされている場合、これは理想的ではありません。最初からやり直す必要がある場合があるためです。 新しいテーマに切り替えた場合、サイトの外観とレイアウトに加えた変更が引き継がれる可能性はほとんどありません。 さらに、サイトのテーマを変更すると、サイトとプラグインや使用している他のツールとの互換性エラーが発生する可能性もあります。

さらに、ブロックテーマは非常に新しいため、選択できるオプションは多くありません。 そのため、現在の選択肢が制限されていることに気付くかもしれません。 多くのブロックテーマでは、より複雑な設計やトランザクション（特に、eコマースに関して）に必要な高度なレベルがまだサポートされていない可能性があるため、これは大規模なサイトに不釣り合いに影響します。

他のツールと同様に、サイト全体の編集は、一部のユーザーにとっては正しく、他のユーザーにとっては間違っています。 これがあなた自身のウェブサイトをデザインしてカスタマイズするための正しい方法であるかどうかを決定するためにそれを詳しく調べることをお勧めします。

WordPressフルサイト編集の4つの主要機能

WordPressのフルサイト編集の一般的な長所と短所のいくつかをカバーしたので、実際にどのように機能するかをもう少し深く掘り下げてみましょう。 フルサイト編集の最も重要な新機能の4つを次に示します。

初心者でこれらの新機能を試してみたい場合は、最初にサイトをバックアップするか、ステージングサイトで実験を実行することをお勧めします。

次に、完全なサイトエディターにアクセスするには、WordPressダッシュボードに移動し、 [外観]>[エディター]に移動します。

注：ほとんどのマネージドWordPressホスティング会社は、ステージングサイトを作成する機能を提供しています。 たとえば、このオプションはKinstaとCloudwaysの両方で利用できます。

1.テーマテンプレートとテンプレートパーツ

テーマテンプレートは、WordPress5.9よりかなり前から存在していました。 ただし、ユーザーがこのように簡単な方法で作業できるのは、この新しいバージョンでのみです。

Twenty Twenty-TwoなどのブロックテーマをWebサイトにインストールしてアクティブ化すると、サイトやWebページのさまざまな要素を簡単にクリックできます。 これらのセクションはテンプレートで構成されており、数回クリックするだけでサイト全体を変更できます。

たとえば、テーマのヘッダーテンプレートを、非常に視覚的で直感的な方法で、フルサイトエディターで直接編集できます。 これを行うには、ヘッダーを選択して、変更できるさまざまな特性を調べます。

たとえば、ロゴプレースホルダーをクリックして、ブランドのシンボルを簡単に追加できます。

さらに、テンプレートのドロップダウンメニューからテンプレートにアクセスして、テンプレートを追加できます。

[すべてのテンプレートを参照]をクリックすると、次の選択肢がたくさんあることがわかります。

たとえば、22ブロックのテーマテンプレートには、 404 、ホーム、検索、アーカイブなどのページが含まれています。 これらはデフォルトのテーマテンプレートにすぎないことに注意してください。 サイトの特定のニーズに合わせて、独自のカスタムテンプレートを追加できます。

さらに、テンプレートパーツから選択することもできます。

次に、これらのテンプレートパーツをカスタマイズして保存できます。 この機能だけでも、さまざまなページ（ヘッダー、フッター、召喚状（CTA）など）で何度も再利用したいさまざまな要素のさまざまなカスタムテンプレートパーツを作成できるため、時間を大幅に節約できます。および著者の経歴）。

さらに、これらのテンプレートとテンプレートパーツはすべてブロックで構成されています。 これは、テンプレート要素が選択されたら、矢印ボタンをクリックすることで、テンプレート要素をドラッグアンドドロップまたは移動できることも意味します。

上記の例では、 >アイコンをクリックするだけで、新しいサイトロゴブロックを右に移動できます。見た目が気に入らない場合は、簡単に左に戻すことができます。 テンプレート編集は、デザインを実験してわずかな変更を試すための非常に単純化された方法を提供します。

2.テーマブロック

前の機能の便利な新しいサイトロゴブロックに気づいたかもしれません。 これは、5.9リリースでもデビューした多くの新しいテーマブロックの1つにすぎません。

フルサイトエディタですべての新しいテーマブロックを確認するには、画面の左上隅にあるプラスアイコン（ + ）をクリックするだけです。 次に、テーマコレクションまで下にスクロールします。

ご覧のとおり、サイトのロゴ、サイトのタイトル、サイトのタグライン、投稿者、投稿日、次の投稿など、新しいテーマブロックのスイート全体があります。 これらの新しいブロックはすべて、サイトの編集をさらに合理化し、生産性を向上させる可能性があります。

特に際立っているオプションの1つは、 Navigationブロックです。 これは、サイトのデザインに対する全体的なアプローチに大きな影響を与える可能性があるためです。

ナビゲーションブロックを追加すると、好きなナビゲーションメニューを簡単に挿入できます。 [選択]メニューをクリックするだけです。

ヘッダーナビゲーションに同じメニューページを含めることも、さまざまな目的のためにさまざまなカスタムナビゲーションメニューを作成することもできます。 次に、それらを保存して、再利用可能なブロックと同じように使用できます。 または、小規模なサイトで作業している場合は、[空にする]をクリックするか、[すべてのページを追加]をクリックするだけです。 これにより、その場で新しいカスタムナビゲーションメニューを作成できます。

これらの新しいテーマブロックが、すべてのレベルのWordPressユーザーを念頭に置いて設計されているように見えるのは当然のことです。 Post FeaturesImageやPostExcerptなどのより単純な新しいブロックは、初心者の時間を大幅に節約する可能性があります。

一方、上級ユーザーは、クエリブロックなどのより複雑な追加機能をうまく利用できます。

クエリループブロックを使用すると、さまざまなクエリパラメータと構成に基づいて投稿タイプを表示できます。 最終的に、この新しいツールをどのように活用するかはあなた次第ですが、新しい機能は非常に拡張性があります。

3.グローバルスタイル

グローバルスタイルは、新しいWordPressフルサイト編集環境にもう1つの根本的な変化をもたらします。 [スタイル]メニューにアクセスするには、画面の右上隅にあるデュオトーンの円をクリックします。

これにより、新しいスタイルパネル（まだベータ版）が表示されます。 ご覧のとおり、この新しいメニューでは、サイト全体のタイポグラフィ、色、およびレイアウトを変更できます。

タイポグラフィの場合、これは、数回クリックするだけでサイト上のすべてのリンクまたはテキストを変更できることを意味します。

これらの要素のフォント、サイズ、高さなどを微調整することで、これらの要素の外観を変更できます。

[色]タブでは、カラーパレット、背景、テキスト、およびリンクの色相を簡単に変更できます。

パレット内で、さまざまなテーマブロックとデザインツールのオプションを変更できます。

[背景]で、カスタムカラーをすばやく変更できます。

グローバルスタイルが提供する簡単さと迅速さは、これまでになく迅速にサイト全体のデザインを作成できるため、実験への扉を開きます。 さらに、画面の左上隅にある[元に戻す]矢印をクリックするだけで、大きな変更を簡単に元に戻すことができます。

4.リストビュー

WordPress 5.9のもう1つのエキサイティングな新機能は、強化されたリストビューです。 これにアクセスするには、フルサイトエディタの左上隅にある3本の水平線をクリックします。

このビューでは、WordPressサイトのすべてのブロックコンポーネントを読みやすいリストで詳細に確認できます。 矢印をクリックすると、このリストを折りたたんだり展開したりできます。

おそらく、この新しく改善されたリストビューの最も優れている点は、ブロックとブロックのグループを簡単にドラッグアンドドロップできることです。 それらを選択して押したままにし、好きな場所にドラッグします。

ブロックのコレクションを選択すると、青色で強調表示されていることがわかります。

この機能は、単一ページのサイトを運営している人や、長いページを管理している人にとって特に便利です。 この機能は、「scrollytelling」などの新しいデザイントレンドの人気が高まるにつれて、ちょうど間に合うようになります。

フルサイト編集の選択肢：WordPressページビルダープラグイン

WordPressブロックエディターは、強力で直感的なツールになります。 完全なサイト編集により、さらに柔軟になり、サイトを編集するためのオプションが拡張されます。

同時に、前に説明したように、いくつかの制限があります。 サイトのテーマを変更することは広範囲にわたる影響を及ぼし、現在ブロックテーマに切り替える意思がないか、できない可能性があります。 あなたはまた、特にあなたがあなたのウェブサイトからの収入に依存しているならば、そのような真新しい機能を使うことに当然のことながら警戒するかもしれません。

さらに、それが提供するすべての機能について、完全なサイト編集はまだかなり簡単です。 これは、既存のページビルダープラグインと比較した場合に特に当てはまります。 これらのツールは、ブロックテーマや危険な編集の制限なしに、フルサイト編集と同じ機能の多くを提供します。

さらに、人気のあるオプションの多くは何年も前から存在しており、現在の形式の完全なサイト編集よりも包括的で機能が豊富です。 完全なサイト編集はいつかページビルダーに匹敵するかもしれませんが、後者は一般的にあなたにもっとコントロール、カスタマイズ性、そして使いやすさを与えます。

高品質のページビルダープラグインを使用すると、ドラッグアンドドロップビルダー、ほとんどのテーマとの互換性、および操作するテンプレートやその他の要素が豊富に用意されています。 さらに、市場には非常に多くのページビルダーが存在するため、ニーズに最適なものを選択できます。

たとえば、BeaverBuilderとそのBeaverThemerアドオンを組み合わせると、完全なサイト編集の優れた代替手段を提供できます。

Beaver Themerアドオンを使用すると、コードに触れることなく、必要なテーマテンプレートを作成できます。 フルサイト編集と同様に、これらのテンプレートを作成して、WordPressサイト全体に適用できます。

さらに、Beaver Themerの投稿グリッドを使用すると、アーカイブとブログのデザインをより細かく制御できます。 テーマパーツを使用すると、ヘッダー、フッター、CTAなどのサイト全体の要素を作成することもできます。 さらに、このツールには、人気のあるWooCommerceプラグインなど、便利な統合機能がたくさんあります。

さらに、フルサイト編集のグローバルスタイルと同様の方法でユニバーサルスタイルを変更し、ライブでどのように表示されるかをプレビューできます。

サイトエディタから、作成者、タグ、カテゴリなどの投稿設定を調整することもできます。

全体として、Beaver Builderは強力なオプションであり、サイト全体の高度な編集も可能にします。

他のオプションを確認したい場合は、ElementorとThriveArchitectも人気のある強力なツールです。 どちらのページビルダーも視覚的なインターフェイスを提供し、高度なカスタマイズを可能にします。

これらのツールは一見似ているように見えますが、すべて独自の利点があります。 機能のリストを比較して、サイト固有のニーズに最適なオプションを選択することをお勧めします。 幸い、多くのページビルダーは無料トライアルまたは返金保証を提供しているため、リスクなしで実験することができます。

結論

WordPressのフルサイト編集（FSE）に適応するのは、気が遠くなるように思えるかもしれません。 ただし、シフトする準備ができていて、いくつかの重要な機能を学習することに専念している場合は、すぐにフルサイト編集を快適に使用できます。

この投稿では、グローバルスタイルからテンプレートパーツなど、最も重要な新しいフルサイトエディター機能について説明しました。

ただし、完全なサイト編集がWebサイトに適していない場合は、代わりにBeaverBuilderなどのページビルダープラグインをいつでも使用できます。

直感的なドラッグアンドドロップビルダーは、見栄えがよくシームレスに機能するサイトを作成するために必要なすべての機能を提供する必要があります。

開示：この投稿にはアフィリエイトリンクが含まれています。 これは、あなたが購入をするならば、我々が小額の手数料をするかもしれないことを意味します。