The Statistics Block
Read time: 4 minutes
The Statistics block in WordPress is ideal for displaying key statistics or metrics visually appealing. Here’s how to add and customize a Statistics block on your WordPress site.
Adding a Statistics Block
Navigate to the Statistics Section:
- Start by logging into your WordPress dashboard.
- From the sidebar menu, select the appropriate post or page where you want to add the statistics block.
Add a New Statistics Block:
- Within the post or page editor, click on the + icon to add a new block.
- Search for “Statistics” and select it from the available block types.
Customizing the Statistics Block
Content Tab:
- Subheading: You can add an optional subheading that appears above the statistics text. This can provide context or a brief introduction to the statistics.
- Text: Enter the primary content for the block.
- Button: Add a call to action button with a link to provide further interaction.
- Statistics: Add a series of statistic blocks consisting of an icon or logo, statistic heading, statistic text, and statistic background color.
Settings Tab:
- Section ID: This option allows you to add an ID to the block, useful for one-page websites with smooth scrolling links.
- Remove Bottom Margin: Toggle this option if you want to remove the default margin at the bottom of the block. This setting makes the block sit flush with the block below it.
- Container Size: Decide how the grid will display. Options are small, default, and fullwidth.
- Statistic Text Position: Choose how the statistic information displays within the block. By default, it displays centrally, but it can also be aligned bottom left.
Example Configuration
- Subheading: Key Metrics
- Text: “Our statistics showcase our achievements and milestones.”
- Button: Link to “https://basetheme.test/flexible-blocks/“
- Statistics:
- Icon: Upload relevant icons or logos.
- Statistic Number: 120k
- Statistic Heading: Users
- Statistic Text: “Lorem ipsum dolor sit amet consectetur adipiscing elit odio, accumsan viverra lacus.”
- Statistic Background: Select a background color for each statistic block.
With these settings, your statistics block will effectively highlight key metrics or data points, making them stand out on the page.
Top Tips
- Choose Eye-Catching Icons: Use clear and relevant icons or logos that represent your statistics to make the block more visually appealing.
- Consistent Styling: Ensure the styling (e.g., fonts, colors) is consistent with the rest of your site to maintain a professional look.
- Highlight Key Metrics: Focus on the most impactful and important statistics to avoid overwhelming your audience.
- Use Contrasting Colors: Select background colors that contrast well with the text to enhance readability.
- Align Text Properly: Experiment with different text positions to find the best alignment for your design.
With these settings and tips, your statistics block will effectively highlight key metrics or data points, making them stand out on the page.