The Taxonomy Block automatically displays posts from the current taxonomy being viewed (category, tag, or custom taxonomy) in a customizable grid layout. This Pro block is perfect for creating custom archive page templates with our DigiFusion theme and its Site Builder feature from DigiFusion Pro, allowing you to design beautiful taxonomy pages that showcase related content in an organized, visually appealing format.
Adding the Taxonomy Block
Navigate to the page or template where you want to display taxonomy posts. Click the block inserter (+) and search for “Taxonomy” in the DigiBlocks Theme category. The block displays preview content in the editor, with actual posts populated automatically based on the current taxonomy on the frontend.
Layout Configuration
Grid Layout Options
Control the overall layout structure in the Layout panel:
Posts to Show – Set the number of posts to display (1-20 posts)
Columns – Configure responsive grid columns:
- Desktop: 1-4 columns
- Tablet: 1-3 columns
- Mobile: 1-2 columns
Item Spacing – Adjust the gap between grid items (0-80px)
Content Display Options
Post Elements
Choose which post elements to display using the Content panel toggles:
Display Featured Image – Shows the post’s featured image
- Image Size options: Thumbnail, Medium, Large, or Full
Display Title – Shows the post title as a clickable link
Display Meta – Shows post metadata with sub-options:
- Show Author – Display author name with avatar
- Show Date – Display publication date
- Show Comments Count – Show comment count with link
Display Excerpt – Shows post excerpt
- Excerpt Length – Set word count (5-100 words)
Display Read More Button – Shows customizable call-to-action button
- Read More Text – Customize button text
Pagination Settings
Pagination Controls
Configure pagination in the Pagination panel:
Enable Pagination – Toggle pagination functionality on/off
Pagination Alignment – Choose alignment:
- Left
- Center
- Right
Query Configuration
Post Ordering
Control how posts are retrieved and ordered in the Query panel:
Order By – Sort posts by:
- Date
- Title
- Author
- Modified Date
- Comment Count
Order – Set sorting direction:
- Ascending
- Descending
The block automatically displays posts from the current taxonomy being viewed, making it perfect for taxonomy archive pages in site builders.
Color Customization
Normal State Colors
Configure default colors in the Colors style panel:
Title Color – Set color for post titles
Excerpt Color – Choose color for post excerpts
Meta Color – Set color for metadata elements
Button Background – Background color for read more button
Button Text – Text color for read more button
Card Background – Background color for post cards
Card Border – Border color for post cards
Pagination Background – Background color for pagination buttons
Pagination Color – Text color for pagination
Pagination Active Background – Background for current page
Pagination Active Color – Text color for active page
Hover Effects
Use the Hover tab to define interactive color changes:
Title Hover Color – Title color on hover
Meta Hover Color – Metadata color on hover
Button Background Hover – Button background on hover
Button Text Hover – Button text color on hover
Card Hover Shadow – Shadow color for card hover effect
Typography Settings
Title Typography
Configure post title appearance:
Font Family – Select from Google Fonts library
Font Size – Responsive controls with pixel, em, or rem units
Font Weight – Select from available font weights
Font Style – Normal or italic styling
Text Transform – None, uppercase, lowercase, or capitalize
Text Decoration – Add underline, overline, or line-through effects
Line Height – Control line spacing with em or pixel units
Letter Spacing – Adjust character spacing with responsive controls
Meta Typography
Style metadata elements independently:
Font Family – Choose font for author, date, and comments
Font Size – Responsive sizing for metadata
Font Weight – Weight options for meta text
Font Style – Normal or italic for metadata
Text Transform – Text transformation options
Text Decoration – Decoration effects for meta elements
Line Height – Line spacing for metadata
Letter Spacing – Character spacing for meta text
Excerpt Typography
Control excerpt text styling:
Font Family – Font selection for post excerpts
Font Size – Responsive sizing for excerpt text
Font Weight – Weight options for excerpts
Font Style – Normal or italic styling
Text Transform – Text transformation for excerpts
Text Decoration – Decoration effects for excerpt text
Line Height – Line spacing for excerpts
Letter Spacing – Character spacing for excerpts
Button Typography
Style the read more button text:
Font Family – Button text font selection
Font Size – Responsive button text sizing
Font Weight – Button text weight options
Font Style – Normal or italic for button text
Text Transform – Text transformation for buttons
Text Decoration – Decoration effects for button text
Line Height – Line spacing for button text
Letter Spacing – Character spacing for button text
Advanced Styling
Spacing Controls
Fine-tune spacing using the Spacing style panel:
Padding – Internal spacing around the entire block
Margin – External spacing around the block
Card Padding – Internal spacing within each post card
Image Margin – Space below featured images
Content Margin – Spacing between content elements
Button Padding – Internal spacing within buttons
Border and Radius Effects
Customize visual appearance with the Borders & Radius panel:
Card Border Radius – Round corners of post cards
Image Border Radius – Round corners of featured images
Button Border Radius – Round corners of buttons
All border radius controls support pixel and percentage units with responsive options.
Animation Effects
Add entrance animations to make the taxonomy block more engaging when users scroll to it. Choose from various animation effects including fade, slide, zoom, and bounce animations. Use the preview button to test animations before publishing.
Responsive Design
All styling options include responsive controls for desktop, tablet, and mobile devices. Adjust typography sizes, spacing, grid columns, and layout elements independently for each screen size to ensure optimal display across all devices.
Visibility Controls
Control block visibility across different devices:
Hide on Desktop – Hide the block on desktop screens
Hide on Tablet – Hide the block on tablet devices
Hide on Mobile – Hide the block on mobile devices
Hidden elements appear with reduced opacity in the editor for easy editing, with visibility changes taking effect only on the frontend.
Advanced Options
HTML Anchor
Add a unique HTML anchor to create direct links to this block section. Enter a word or two without spaces to generate a unique web address for the block.
Additional CSS Classes
Add custom CSS classes for additional styling control. Separate multiple classes with spaces to apply custom styles or integrate with theme-specific styling.
Template Usage
The Taxonomy Block is particularly powerful when used with DigiFusion theme’s Site Builder feature for creating custom taxonomy archive templates. It automatically adapts to display posts from whatever taxonomy is currently being viewed, making it perfect for category pages, tag archives, and custom taxonomy listings.