You can add dynamic content to your homepage in different ways. For example, you could display important posts in a slider or a grid of featured items. Here, we present one popular way of doing this.
There are many ways to present your site’s homepage. There are also countless ways to use Toolset to query your content and display custom lists of posts on it.
This page provides one convenient design technique. Of course, you can use any approach you prefer.
For a great looking hero section, you should adjust the following theme options for your homepage:
- Stretch your page content to the full width of your screen.
- Disable the page title.
- Use a separate Container block for each section.
- Click to select the Container block for a given section.
- In the right sidebar, expand the Background section to add a color or an image to the whole section.
- In the right sidebar, expand the Advanced section and under Block Alignment, select Full Width.
- Edit your homepage and find the section where you want to insert a dynamic list of posts.
- Click to insert the View block inside the Container for that page section.
- Use the WordPress Block Editor to design your View.
- Use Toolset blocks to add dynamic fields to the template.
Your View can display content in different ways which we explain in separate lessons:
Toolset comes with a big collection of blocks to display dynamic sources (custom fields, WordPress fields, and taxonomies). However, you can also display Dynamic Sources using WordPress core blocks and popular block plugins.
Use the following steps to display a Dynamic Source in any supported block:
- Insert or select a block.
- In the right sidebar, expand the Dynamic Sources section.
- Toggle on the option for any of the supported fields in that block.
- Use the dropdowns that appear to select the dynamic source you want this block to display for that field.
Toolset allows you to display Dynamic Sources, like custom fields, inside any text blocks like headings, buttons, and more. This includes WordPress core blocks, Toolset blocks, and popular block plugins.
To display any Dynamic Source inline, insert or select a block with a text input and look for the Inline Fields button. Dropdown menus will appear, allowing you to select a Dynamic Source.
For more information, check out the lesson about displaying Inline Fields.
Create custom lists of posts
- Displaying Images with Toolset
- Styling Custom Searches
- Styling a Site Header and Footer
- Styling Views and Archives
- Styling Single-post Templates
- Show all related topics...
- How to Design and Choose Images and Illustrations
- Choosing and Applying Colors in Your Site
- Using Typography for Better Website Readability
- WordPress Site Identity
- Where a WordPress Sites Design Comes From
- Adding Custom CSS to Templates, Archives and Views
- Passing Arguments to Views
- Display Dynamic Sources Inside all Text Blocks
- YouTube Videos with Advanced Options
- Displaying Form Data
- Styling Front-End Forms
- Displaying a List of Posts on A Map
- Creating a Hero Section
- Creating Sliders with Dynamic Post Content
- Creating a View
- Creating Responsive Columns and Grids
- Creating Responsive Designs
- Advanced Styling with Container Blocks
- Display Content Conditionally
- Using Third-Party Hidden Fields