Using Pre-Designed Patterns

Easy Tabs Block includes a variety of pre-designed tab patterns, helping you quickly create professional-looking tabbed content in your WordPress site without any coding.

How to Use Pre-designed Patterns

1. Add Tabs Block:
   • Open your WordPress page or post.
   • Click the plus icon (+) to add a new block.
   • Search for “Easy Tabs” and select the Easy Tabs Block.
2. Select a Pattern:
   • After adding the block, click on the “Choose Pattern” button.
   • A modal will open displaying multiple pattern options.
   • Browse through and select the pattern that best suits your needs by clicking on it.
3. Customize Content:
   • Each tab can contain any Gutenberg block, such as text, images, videos, or shortcodes.
   • Click inside each tab to replace the placeholder content with your own.
4. Adjust Styling:
   • Use the block sidebar settings to customize colors, typography, spacing, and other styling options.
   • Define styles for active and hover states of tabs from the sidebar.

Available Patterns

• Horizontal Tabs: Perfect for main content areas, displaying clear, easy-to-navigate tabs horizontally.
• Vertical Tabs: Ideal for sidebar navigation, making content accessible in a vertical format.
• Edge-aligned Tabs: Provides a modern look with tabs aligned neatly to the page edges, suitable for highlighting specific content.

Key Benefits

• Fast Setup: Choose from over 20 free, ready-to-use tab patterns and insert them instantly into your page.
• Flexible Content: Integrate text, images, videos, buttons, or shortcodes seamlessly.
• Full Customization: Adjust colors, fonts, spacing, and borders directly from the block settings, no CSS required.
• Responsive Design: Patterns automatically adapt to mobile, tablet, and desktop devices.
• Performance Optimized: Lightweight patterns that keep your site loading fast.

Use Cases

• Organizing FAQ sections
• Creating feature comparisons
• Displaying pricing tables
• Showcasing product features or testimonials

Additional Notes

• Patterns are continuously updated and expanded in both free and premium versions of the plugin.
• Premium version unlocks more advanced patterns and additional customization options.

Explore the simplicity and flexibility of pre-designed patterns to enhance your site’s content presentation effortlessly.

Tips & Best Practices

• Consistent Style: Use icons from the same set to maintain visual consistency.
• Accessibility: Add descriptive ARIA labels to icon blocks for screen readers.
• Responsive Alignment: Check icon size and spacing on mobile—icons can appear larger on small screens.
• Hover & Active Effects: Customize icon colors for hover and active states in the Tab Button style settings.

With icons in your tabs, you can create more engaging, user-friendly navigation that guides visitors to key content at a glance!