Blocksyチュートリアル：コンテンツブロックを使って高度なダイナミックメニューを作成する

より柔軟で高度なメニュー表示方法をお探しなら。ブロックジー・プロ 提供 アドバンス・メニュー・エクステンションただ、このニーズを満たすために何が必要なのか。この記事では グーテンベルク 編集者と コンテンツ・ブロックデスクトップのブラウジング体験を向上させる、ダイナミックでインタラクティブなメニューシステムを構築するためにカスタマイズされました。

高度なメニュー拡張機能を有効にする

まず ワードプレス バックエンドのBlocksyダッシュボードの 高度なメニュー 拡張モジュール。それが終わったら、メニューに表示したいものを作り始めることができます。

コンテンツ・ブロックの作成

アドバンスメニューの内容はコンテンツブロックに由来する：

• ブロックシー＞コンテンツブロックのページへ
• 右上隅をクリック 新規追加

• 標準のコンテンツ・ブロック・タイプを選択する
• コンテンツブロックの命名（識別可能で容易に区別できる名称にすることが推奨される）

各メニュー表示項目はコンテンツブロックと関連付けることができます。テキストはプリセットコンテンツのデモを提供しますが、あなたのサイトで独自のブロックコンテンツを設計する必要があります。

使用上の注意 グーテンベルク これらのコンテンツ・ブロックを構築するために再利用可能なブロックを使用したり、静的モジュールを組み合わせてより豊かなレイアウトを実現することもできます。

完了したら、「表示条件」でコンテンツブロックを次のように設定する。 ウェブサイト全体(フルサイト表示）。メニュー拡張機能が自動的にこれらを呼び出すので、他の設定を調整する必要はない。

上と同じように、「ブログ」や「会社概要」などのメニュー・アイテムのコンテンツ・ブロックを作成する。

メニュー構成の設定

入り込む ワードプレス バックエンドの「外観 > メニュー」でメニュー項目の設定を開始する：

1.高度なメニューオプションを有効にする

カスタマイズしたい第一階層のメニュー項目をクリックすると、システムには 「メニュー項目の設定 ボタンクリックすると設定されます：

• ドロップダウンメニューのレイアウト（1カラム、2カラムなど）
• メニューのラベルやリンクを削除するかどうか
• アイコンやマーク（バッジ）を付けるかどうか
• カスタムスタイル設定（デザイン）

2.カスタムリンクの追加

コンテンツブロックをメニューコンテンツとして表示するには、カスタムリンクをサブアイテムとして使用することをお勧めします：

• URL 空欄を埋める #(リンクなし）
• 識別しやすいように名前をカスタマイズできる

• 対応する親メニューの下に項目をドラッグして階層を作る

メニュー項目を展開し、「コンテンツタイプ」を選択します。 コンテンツ・ブロックをクリックし、リストから先ほど作成したコンテンツブロックを選択します。

コンテンツ・ブロックのスタイルをそのまま表示するには、この項目のラベル表示とリンク表示の両方をオフにすることをお勧めします。

他のコンテンツブロックも同様に挿入を完了する。

最終結果を見る

メニューを保存した後、フロントエンドに切り替えると、新しい高度なダイナミックメニューの効果を見ることができます。これらのメニューは、カテゴリー概要、おすすめ商品、グラフィック表示などの豊富な情報を表示することができ、従来のドロップダウンメニューの限界を完全に打ち破ることができます。

ビルド・プロセスを見直す

• コンテンツ・ブロックを使って、あらゆる種類のコンテンツを構築しよう。メニューエレメント
• メニューのトップレベル項目に高度なメニュー機能を有効にする
• 子アイテムの追加とコンテンツブロックとの関連付け
• 設定を保存し、フロントエンドに移動して表示を確認する。

概要

レバレッジ ブロックジー・プロ アドバンスメニューは コンテンツ・ブロック とともに グーテンベルク Editorを使用すると、非常にインタラクティブで美しいメニューシステムを構築することができます。コーディングの必要がなく、直感的な操作が可能です。

最近の更新

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み