Gutenbergエディタ装飾ガイド：メニュー追加とテーマ切り替えの互換性を解説 (04)

この記事では、Gutenbergエディタを使ってWordPressサイトを装飾・デザインする方法を詳しくご紹介します。デフォルトのテーマを使っている場合でも、デフォルトのテーマに切り替える前に別のテーマを使っている場合でも、Gutenberg を使えば柔軟なレイアウトやモジュール構成を実現できます。この記事では、メニューを追加する方法、異なるテーマとの互換性の問題を処理する方法を詳しく説明し、実践的な手順ですぐに始められるようにします。

ブログニュースサイト（以下）を作ろうとしているかどうかにかかわらず、デフォルトテーマ

または電子商取引サイト（以下に示すように）を行いたい、次のグラフは、他のテーマとテーマであり、その後、デフォルトのテーマに切り替えて、どんなテーマが一致するようにGutenberg（Gutenberg）で使用することはできませんが、もちろん、以下は、ヘッダーとコンテンツの真ん中とフッターのデモとしてあることを示すだけである、もちろん、あなたは他のテーマを使用すると、互換性のないケースが発生します、ホームページモジュールは、いくつかの表示されますいくつかは表示されません！

我々は、最初にどのようにメニューを追加する方法を伝えるために取る、あなたが行うWebサイトの種類に関係なく、同じですが、大きなコンテナを選択することです、次の画像

メニューを選択すると、右側に+マークが表示されます。

これは最も基本的なもので、デフォルトのテーマと直接つながっているため、上記のようにリンクを直接編集して追加することができます。

編集された他のテーマのこの種は、一時的に編集することはできませんが、我々は最初のような上の図のように、編集（編集）をポイントする必要があります。

次に、上の図のように編集をクリックします。

その後、削除または変更することができます。また、上記のように、セカンダリメニューを直接編集することができます。

メニューが多すぎると思われる場合は、このメニューナビゲーションモジュールを削除することができますが、お好みに応じて、ここで視覚的に削除するか、サイトのバックエンドのメニューメニューで直接削除することをお勧めします。

次に、ヘッダーに必要なモジュールを追加します。

例えば、最初のナビゲーション、これはメニューです、または何か他のもの、チェックしない場合すべて（Browvseすべて）

そして、他のロゴモジュールやマイアカウント、ショッピングカートなどは、すべてこのように別々に設定されています！

ロゴとキャッチフレーズ

その後、このような多言語多通貨などの他のモジュールを追加することも可能ですが、あなたのニーズに応じて、デフォルトのテーマの別の直接の使用は、基本的な操作は同じです！

上記は2つの方法で、1つはデフォルトのテーマで直接行う方法、もう1つは他のテーマでデフォルトのテーマに変換する方法です。

概要

このチュートリアルが、デフォルトテーマを直接使用する場合でも、デフォルトテーマに切り替える前に別のテーマを使用する場合でも、Gutenbergエディタを使ってウェブサイトを装飾する基本をマスターするのに役立つことを願っています。これらのステップを踏めば、メニューの追加やモジュールの設定といった作業に簡単に取り組めるようになるでしょう。次回は、デフォルトテーマとGutenbergに関する便利なTipsをご紹介します！