Blocksy Theme Footer Builder Full Tutorial: Custom Design, Component Layout & Conditional Footer Settings

Blocksy It is a flexible and modern WordPress The theme, with its footer builder, offers great freedom to make the lower area of the site feature-rich and design-rich. This article explains the complete use of Blocksy footer builder, including adding components, style adjustment,Gutenberg Widget support, footer reveal effects and conditional footer settings are among the features.

Go to the footer builder

Open the Blocksy customizer in the WordPress backend and select the Footeroption, you can enter the footer building interface.

In this interface, you can drag and drop various elements to the specified area to complete the bottom layout.

Note: Some elements belong to the Blocksy Premium version, if the corresponding function is not shown, you need to check if you have a paid license.

Drag-and-drop layout operations

The Blocksy footer builder operates using drag and drop:

• Select the elements to be added from the left side (e.g. logo(menus, text, social icons, etc.)
• Drag and drop to the right footer area

• Automatic alignment and positioning of elements

• You can continue to add more content and mix and match freely!

Gutenberg editor support in the widget area

In addition to the basic elements, the Blocksy footer supports a widget area (Widget Areas) that lends itself to more content expansion.

Clicking on any of the gadget areas will take you to a lite version of the Gutenberg editor:

• Click on the "+" to add a block

• Support for all Gutenberg plugin block extensions
• For compatibility with older plugins, use the Legacy Widget Block

Customized Styles and Row Settings

After clicking on any footer element, you can modify the style details in the left panel:

• Fonts, colors
• in-line spacing
• Background Color and Dividers
• Multi-column layout and width settings

In the row setup, you can:

• Customize the number of columns in the current row (e.g., two columns, three columns)
• Proportional distribution between control columns
• Setting spacing, margins

• Switch to the "Design" tab to adjust colors, fonts, and other appearance attributes.

Special effects feature: Footer Reveal

Blocksy provides the visual dynamic effect Footer Reveal:

When turned on, the footer will slowly appear as the page scrolls down, adding dynamic layers to the overall design.

Conditional Footers (Conditional Footers)

To display footers with different content on different pages, use Blocksy's conditional footer feature:

• Open the footer settings menu and click "Create New Footer".
• Name the new footer and choose whether or not to clone the existing structure

• set upDisplay conditionsThe following are some examples of the types of pages, categories, login status, and so on.

This feature is suitable for presenting personalized footer content on the home page, article pages or in specific user scenarios.

summarize

Blocksy The footer builder operates clearly and is suitable for website builders who need to customize their layouts. Whether you are a designer, business website or personalblog (loanword)It's easy to build a bottom area that meets your visual needs.

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