WoodMartテーマのメニューを設定する方法:ベストプラクティスを含む詳細なチュートリアル (02)

今日はWoodMartのテーマについてお話します。メニュー設定先行WoodMartテーマテンプレートデータインポートリファレンス

WoodMartテーマのメニューは、より機能的で、DIY(カスタマイズもより多くのです)ので、初心者はゆっくりとシンプルなメニュー機能を理解することをお勧めしますより多くの話をする必要はありません、参考になることはありません!バーゼルのテーマメニュー設定。
ウッドマートテーマの強力なカスタマイズ機能と豊富なDIYオプションで知られるウッドマートテーマですが、初心者の方にとって、これらの機能を理解し使いこなすには、ある程度の時間と忍耐が必要かもしれません。シンプルなナビゲーションメニューを作りたい方も、画像のような美しいメガメニューを作りたい方も、この記事を読めば必要な手順やヒントがわかります。

WoodMartテーマのメニューを設定する方法:ベストプラクティスを含む詳細なチュートリアル (02)

上記のような美しいメニューとアイコンの表示を実現するには、いくつかの関数を組み合わせて実装する必要がある。

ElementorまたはWPBakery PageBuilderエディタを使用します。各テンプレートは異なるので、エディタも異なりますが、ほぼ同じです。ウッドマートのテーマメニューのテンプレートは前のリンクにあります。

また、HTMLブロックとして実装する必要があり、もちろんメニューにはメガメニューのオプションが必要である!

ステップ: ウェブサイトのバックエンド → 外観 → メニュー

例として、以下はメガメニューの設定です。

WoodMartテーマのメニューを設定する方法:ベストプラクティスを含む詳細なチュートリアル (02)
WoodMartテーマのメニューを設定する方法:ベストプラクティスを含む詳細なチュートリアル (02)

上に示したように、各テンプレートのメガメニューは少し異なりますが、ほぼ同じです。

WoodMartテーマのメニューを設定する方法:ベストプラクティスを含む詳細なチュートリアル (02)

ショップページ、商品ループ、単品商品、機能はすべてサイトのバックエンドにあります。HTMLブロック

ステップHTMLブロック→ショップページ→Elementorで編集

WoodMartテーマのメニューを設定する方法:ベストプラクティスを含む詳細なチュートリアル (02)

上記のように、適切なページを見つける

WoodMartテーマのメニューを設定する方法:ベストプラクティスを含む詳細なチュートリアル (02)

見つからない場合は、プレビューを表示することができます。

WoodMartテーマのメニューを設定する方法:ベストプラクティスを含む詳細なチュートリアル (02)

上記のように、編集ページに移動する

具体的には、どのエディタを選択するかはテンプレートによって異なりますが、上の画像はElementorエディタです。

ステップ ショップページ→Elementorで編集する

WoodMartテーマのメニューを設定する方法:ベストプラクティスを含む詳細なチュートリアル (02)

で行くと、希望の効果を編集し、画像の内容は同じではないかもしれませんが、操作は同じですが、各テンプレートによると、同じ操作はまた、わずかな違いがあるでしょうされていません。

ただし、モジュールによってはHTMLブロックではなく、レイアウトに表示されるものもあります。

WoodMartテーマのメニューを設定する方法:ベストプラクティスを含む詳細なチュートリアル (02)

上記と同様だが、方法は同じ

カテゴリーの画像を表示する方法もある。

WoodMartテーマのメニューを設定する方法:ベストプラクティスを含む詳細なチュートリアル (02)

HTMLブロックの設定も簡単で、以下のようにメニューから選択するだけです。

ステップスHTMLブロック→新着→商品カテゴリー

WoodMartテーマのメニューを設定する方法:ベストプラクティスを含む詳細なチュートリアル (02)

操作手順外観→メニュー→商品分類を設定→該当するHTMlブロックを選択

WoodMartテーマのメニューを設定する方法:ベストプラクティスを含む詳細なチュートリアル (02)

より見栄えのするメニューを作ることも非常に簡単だが、最終的には個人の自由だ。

概要

この記事のチュートリアルを読めば、WoodMartテーマのメニューを簡単に設定し、最適化することができるはずです。ElementorまたはWPBakery PageBuilderエディタを使用している場合でも、各ステップは、あなたが望む結果を達成できるように詳細に説明されています。作業中に問題が発生した場合は、お気軽にサポートチームまでご連絡ください。お読みいただきありがとうございました!


お問い合わせ
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間:月~金、9:30~18:30、祝日休み
投稿者:photon fluctuations、リツイート(帰属表示付き):https://www.361sale.com/ja/12914/

好き (0)
前へ 2024年7月14日(水)午前10時55分
次のページ 2024年7月14日(水)午前11時16分

おすすめ

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

お問い合わせ

020-2206-9892

QQ咨询:1025174874

Eメール:info@361sale.com

勤務時間:月~金、9:30~18:30、祝日休み

カスタマーサービス WeChat
グローバルユーザー登録およびログインを容易にするため、電話によるログイン機能を停止いたしました。ログインに問題が発生した場合は、カスタマーサービスまでご連絡ください。