blocksy高级菜单使用教程：打造多栏互动式 WordPress 导航菜单

A unique and beautiful navigationmenuIt can make the website more attractive.blocksyThe advanced menu feature provides flexible configuration methods to make the page navigation module richer and more interactive. This feature is suitable for blogs, corporate sites, stores and many other scenarios, and can dramatically improve the overall design.

Function

blocksyThe Advanced Menu is an advanced feature that allows you to add the following to the menu:

Content Block
Icons (Font Awesome support)
Photo Gallery
Category Title
Column badges (e.g. NEW, HOT, etc.)

It breaks the limitations of the traditional drop-down menu, can easily build a multi-column structure, graphic combination of navigation style.

Steps to activate the function

go intoWordPressBackend, click in order:blocksy> Extensions > Pro Extensions, find "Advanced Menus" and click the Activate button. Once the feature is active, you can use the advanced menu settings.

Menu editing and structure setting

Go to "Appearance > Menus", select the target menu item (e.g. "Recipes"), click the Settings button on the right side, and enable the advanced menu options in the pop-up window.

The menu supports three widths:

Content Width: matches the width of the content area of the website
Full Width: occupies the entire width of the browser
Custom Width: Customize the width of the pixel value control

The menu can be divided into 1 to 6 columns and the width of each column can be set individually.

Mixed-text design methodology

Add an empty link menu item (URL (fill in # for easy identification), set it to "Content Block" type. Select an existing template as the display module, suitable for placing images,rotate, recommended content, etc.

In the Category module, menu items can be formatted as large headings and icons can be added. Icons from the Font Awesome icon library are supported to make headings more recognizable.

Categorized logos and badges added

If you need to highlight specific menu items, such as new content, new product recommendations, you can add a badge, for example, set to "New" or "Hot", to attract clicks.

Sub-item structural organization

Each column corresponds to a first level sub-item in the menu. Multiple links or submodules can be added under it. Example:

Healthy eating (set as title)
- Breakfast recommendations (sub-links)
- Light recipes (sub-links)
Drink recommendations (image content block)

Such a structure is suitable for categorized information presentation, logical and visually friendly.

Custom Styles

Support for adjustments to the following:

Icon size
Label Fonts
in-line spacing
Background color and hover color

This type of configuration is very useful in matching visual consistency with brand tone.

Save & View Results

After completing the menu configuration, click "Save Menu", and then visit the front page to see the actual effect. The navigation menu will be presented in the form of a combination of graphics and text, multi-column display, to enhance the overall look and feel.

summarize

blocksyThe advanced menu is a key feature in website design. Whether it's to showcase complex categories, promote new content, or enhance visual structure, it can be an important design tool.

Recent Updates

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: [email protected]
④ Working hours: Monday to Friday, 9:30-18:30, holidays off