WordPress + WoodMart: HTML Block Tutorial and Application Scenario Analysis

This tutorial introduces WordPress The way HTML Block is used in the backend, in conjunction with the WoodMart The theme demonstrates the effect of its practical application. Suitable for webmasters or content editors who want to unify content display and enhance page presentation.

What is HTML Block?

HTML Block is a reusable content module that can be created independently in the backend and then called in multiple page locations. It is suitable for the following scenarios:

Show Info Alert Box
Add announcement content
Inserting custom code snippets
Maintain content consistency in specific areas of the page

In the WoodMart theme, HTML Block can be used with theHeader and footer,Product Detail TemplatesUse it in conjunction with a more focused and structured content.

Creating an HTML Block

Log in to the backend and find the HTML Block module in the left menu
Create a new HTML Block, e.g. name it "HTML Block 1".

Enter the content to be displayed (can contain text, icons, layouts, etc.)

Click to publish

Content does not automatically appear on the page when it is published, you need to choose where to display it.

Application Scenario 1: Inserting a reminder at the top of the WoodMart footer

WoodMart offers several areas where modules can be inserted, with the Pre-Footer area often used to display additional tips:

Go to the Pre-Footer area in Theme Settings
Select the HTML Block type in the component
Select "HTML Block 1" from the drop-down list.

Once saved, refresh the page to see the information appear in the bottom area of all pages

Application Scenario 2: Creating scrolling announcements

HTML Block can also be used to display scrolling text or hints:

Enter multiple scrolling text, such as "Free shipping on all orders", "365-day warranty", etc.

Set scroll direction, pitch, speed

Controls whether scrolling is paused when the mouse is hovering

Modify color, background, font size for custom design style

Full-width display can be set and decorative elements such as icons can be added

Once completed it can be inserted into the top banner area of your WoodMart theme to promote an event or deliver an announcement message.

Supplementary note: How to add HTML Block to the page structure

In addition to footers and product detail pages, HTML Block can also appear in the following locations:

Header Builder as an add-on module for the navigation bar
category pageShow special content at the top
Add reminder message to login page and registration page
utilization Shortcode Paste into article or page content area

In WoodMart's layout design, these modules are flexible and plugin-independent, allowing individual control over presentation style and content.

summarize

HTML Block is WordPress respond in singing WoodMart Very useful module in the theme. It has the following advantages in content management:

Unified content can be centrally managed
Supports repeated calls to save editing time
Can be configured in conjunction with theme templates to achieve visual uniformity
Provide more layout and design space without restriction

This approach helps content editors to present information in a clearer structure and makes it easier to maintain and adjust. If you want to improve the structure of your site, we recommend using HTML Block with the WoodMart theme for a unified design.

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: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off