この記事では、Gutenbergエディタを使ってWordPressサイトを装飾・デザインする方法を詳しくご紹介します。デフォルトのテーマを使っている場合でも、デフォルトのテーマに切り替える前に別のテーマを使っている場合でも、Gutenberg を使えば柔軟なレイアウトやモジュール構成を実現できます。この記事では、メニューを追加する方法、異なるテーマとの互換性の問題を処理する方法を詳しく説明し、実践的な手順ですぐに始められるようにします。
ブログニュースサイト(以下)を作ろうとしているかどうかにかかわらず、デフォルトテーマ
![画像[1]-Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替えの互換性詳細(04)-フォトンゆらぎネットワーク|WordPressの専門修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/uploads/2024/09/2024090909310971.png)
または電子商取引サイト(以下に示すように)を行いたい、次のグラフは、他のテーマとテーマであり、その後、デフォルトのテーマに切り替えて、どんなテーマが一致するようにGutenberg(Gutenberg)で使用することはできませんが、もちろん、以下は、ヘッダーとコンテンツの真ん中とフッターのデモとしてあることを示すだけである、もちろん、あなたは他のテーマを使用すると、互換性のないケースが発生します、ホームページモジュールは、いくつかの表示されますいくつかは表示されません!
![画像[2]-Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替え互換性の詳細(04)-Photon Fluctuation Network|WordPress専門修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/uploads/2024/09/2024090909333153.png)
我々は、最初にどのようにメニューを追加する方法を伝えるために取る、あなたが行うWebサイトの種類に関係なく、同じですが、大きなコンテナを選択することです、次の画像
![画像[3]-Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替え互換性の詳細(04)-Photon Fluctuation Network|WordPress専門修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/uploads/2024/09/2024090912162240.png)
メニューを選択すると、右側に+マークが表示されます。
![画像[4]-Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替えの互換性詳細(04)-Photon Fluctuation Network|WordPress専門修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/uploads/2024/09/2024090912153553.png)
これは最も基本的なもので、デフォルトのテーマと直接つながっているため、上記のようにリンクを直接編集して追加することができます。
![画像[5]-Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替え互換性の詳細(04)-Photon Fluctuation Network|WordPress専門修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/uploads/2024/09/2024090912184171.png)
編集された他のテーマのこの種は、一時的に編集することはできませんが、我々は最初のような上の図のように、編集(編集)をポイントする必要があります。
![画像[6] - Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替え互換性の詳細(04) - Photon Fluctuation Network|プロフェッショナルなWordPress修理サービス、ワールドワイド、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/09/2024090912194380.png)
次に、上の図のように編集をクリックします。
![画像[7]-Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替え互換性の詳細(04)-Photon Fluctuation Network|WordPress専門修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/uploads/2024/09/2024090912202753.png)
その後、削除または変更することができます。また、上記のように、セカンダリメニューを直接編集することができます。
![画像[8]-Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替え互換性の詳細(04)-Photon Fluctuation Network|WordPress専門修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/uploads/2024/09/2024090912214512.png)
メニューが多すぎると思われる場合は、このメニューナビゲーションモジュールを削除することができますが、お好みに応じて、ここで視覚的に削除するか、サイトのバックエンドのメニューメニューで直接削除することをお勧めします。
![画像[9]-Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替え互換性の詳細(04)-Photon Fluctuation Network|WordPress専門修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/uploads/2024/09/2024090912235259.png)
次に、ヘッダーに必要なモジュールを追加します。
![画像[10]-Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替え互換性の詳細(04)-Photon Fluctuation Network|WordPress専門修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/uploads/2024/09/2024090912243430.png)
例えば、最初のナビゲーション、これはメニューです、または何か他のもの、チェックしない場合すべて(Browvseすべて)
そして、他のロゴモジュールやマイアカウント、ショッピングカートなどは、すべてこのように別々に設定されています!
![画像[11]-Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替え互換性の詳細(04)-Photon Fluctuation Network|WordPress専門修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/uploads/2024/09/2024090912263099.png)
ロゴとキャッチフレーズ
![画像[12]-Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替え互換性の詳細(04)-Photon Fluctuation Network|WordPress専門修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/uploads/2024/09/2024090912272350.png)
その後、このような多言語多通貨などの他のモジュールを追加することも可能ですが、あなたのニーズに応じて、デフォルトのテーマの別の直接の使用は、基本的な操作は同じです!
上記は2つの方法で、1つはデフォルトのテーマで直接行う方法、もう1つは他のテーマでデフォルトのテーマに変換する方法です。
概要
このチュートリアルが、デフォルトテーマを直接使用する場合でも、デフォルトテーマに切り替える前に別のテーマを使用する場合でも、Gutenbergエディタを使ってウェブサイトを装飾する基本をマスターするのに役立つことを願っています。これらのステップを踏めば、メニューの追加やモジュールの設定といった作業に簡単に取り組めるようになるでしょう。次回は、デフォルトテーマとGutenbergに関する便利なTipsをご紹介します!
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:info@361sale.com | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |
この記事へのリンクhttps://www.361sale.com/ja/19103この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。






















![絵文字[wozuimei]-Photonflux.com|プロのWordPress修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 専門WordPress修復サービス、全世界対応、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

コメントなし