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

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

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

画像[1]-Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替えの互換性詳細(04)-フォトンゆらぎネットワーク|WordPressの専門修理サービス、ワールドワイド、迅速対応

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

画像[2]-Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替え互換性の詳細(04)-Photon Fluctuation Network|WordPress専門修理サービス、ワールドワイド、迅速対応

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

画像[3]-Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替え互換性の詳細(04)-Photon Fluctuation Network|WordPress専門修理サービス、ワールドワイド、迅速対応

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

画像[4]-Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替えの互換性詳細(04)-Photon Fluctuation Network|WordPress専門修理サービス、ワールドワイド、迅速対応

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

画像[5]-Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替え互換性の詳細(04)-Photon Fluctuation Network|WordPress専門修理サービス、ワールドワイド、迅速対応

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

画像[6] - Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替え互換性の詳細(04) - Photon Fluctuation Network|プロフェッショナルなWordPress修理サービス、ワールドワイド、迅速な対応

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

画像[7]-Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替え互換性の詳細(04)-Photon Fluctuation Network|WordPress専門修理サービス、ワールドワイド、迅速対応

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

画像[8]-Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替え互換性の詳細(04)-Photon Fluctuation Network|WordPress専門修理サービス、ワールドワイド、迅速対応

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

画像[9]-Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替え互換性の詳細(04)-Photon Fluctuation Network|WordPress専門修理サービス、ワールドワイド、迅速対応

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

画像[10]-Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替え互換性の詳細(04)-Photon Fluctuation Network|WordPress専門修理サービス、ワールドワイド、迅速対応

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

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

画像[11]-Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替え互換性の詳細(04)-Photon Fluctuation Network|WordPress専門修理サービス、ワールドワイド、迅速対応

ロゴとキャッチフレーズ

画像[12]-Gutenberg(グーテンベルグ)エディタ装飾ガイド:メニュー追加とテーマ切り替え互換性の詳細(04)-Photon Fluctuation Network|WordPress専門修理サービス、ワールドワイド、迅速対応

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

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

概要

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


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事はハリーが執筆しました。
終わり
好きなら応援してください。
クドス0 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし