The Tabbed Content Block
Read time: 3 minutes
The Tabbed Content block allows you to display content in a tabbed format, making it easy for users to navigate through different sections without leaving the page. Hereβs how to create and manage tabbed content in your WordPress site.
Adding Tabbed Content
- Navigate to Tabbed Content Block:
- From your WordPress dashboard, go to the page or post where you want to add the tabbed content.
- Click on the
Flexible content blocks
section and selectTabbed content
.
- Content Tab:
- Subheading: Add an optional subheading that appears above the tabs.
- Text: Enter any primary content that will appear above the tabs.
- Tabs:
- Each tab consists of:
- Tab heading: The title of the tab.
- Tab content: The content displayed when the tab is selected. You can add text, images, videos, and other media.
- Tab image: Optionally add an image to represent the tab.
- Each tab consists of:
- Settings Tab:
- Section ID: Add an optional ID to enable smooth page scrolling to this section via on-page links, useful for one-page sites.
- Remove bottom margin: Enable this option to remove the default margin added, making this block sit flush with the block below.
Top Tips
- Keep Tab Titles Short: Ensure tab titles are concise and descriptive to make navigation easy.
- Organize Content Logically: Group related content under relevant tabs to improve user experience.
- Use Media Wisely: Enhance your tab content with relevant images or videos to make it more engaging.
- Preview Your Tabs: Always preview your page to ensure the tabs display correctly and the content is accessible.
By following these steps, you can effectively utilize the Tabbed Content block to organize and present your content in a user-friendly manner.