New in Stackable: Custom Attributes & Optimization

New in Stackable: Custom Attributes & Optimization

Last Updated on July 14, 2021

This latest update includes a Custom Attributes, a new way to optimize your site, and some important fixes. Update to Stackable v2.17 now!

Custom Attributes

We’ve added a section in the Advanced tab of the Inspector wherein you can add custom attributes to each block. This field will allow you to add custom attributes that are not already in use in the markup of each block. 

Custom Attributes in the inspector

Here are some things you can do or achieve using custom attributes:

Gain more control over accessibility

You can add ARIA attributes to your block, which give you the ability to define string values that label various elements on your website. ARIA attributes were especially designed for assistive technology, such as screen readers.

You can also add an id attribute to a header block (e.g. product-features) then reference it as a custom attribute of a block containing the content for the header (e.g. aria-labelledby="product-features")

Add any custom data

Attach any type of data to your block (e.g. data-my-custom-attribute="some-value" or data-id="12345")

Create great looking effects

You can use it in conjunction with CSS’s  attr() function to create some great looking effects

New Optimization Settings

While Stackable doesn’t affect your website’s page loading speed that much since majority of our blocks do not require any server-side PHP processing, we’d still like to give you further control over how Stackable blocks are loaded on your website.

In an effort to help your websites perform better, we’ve added a setting where you are given the option to load Stackable’s frontend JavaScript and CSS files only on pages and posts that have Stackable blocks OR on your entire site.

Stackable’s JavaScript and CSS files are loaded across entire websites by default. If you want to toggle this setting on or off, go to the Stackable settings from the WordPress dashboard by hovering over Settings on the left menu panel and clicking Stackable.

You will then see the new Optimization Settings. Simply toggle the new setting depending on your preference and your settings will be saved!

Other fixes

  • Fixed a block error when switching responsiveness modes while global colors is empty
  • Issues with the alignment in the icon block is now working properly
  • Review stars from WP Review Pro now appear properly in the Posts block
  • Increased cap for the block paddings
  • Fixed an issue where the alt text for featured images in the Posts block was pulling the wrong information

Final Words

We appreciate all Stackable users and so we’re always working to make sure you are able to make the most out of Stackable! If you want to read more about this new feature, read our documentation on Custom Attributes and the new optimization settings.

We hope you enjoy this release. If you have any additional questions, don’t hesitate to reach out to us!

Want to learn more
about Stackable?

Your very own Learning Hub for all things WordPress and Stackable. Find the right resources to help get you started as you begin building your online presence with Stackable.

0 thoughts on “New in Stackable: Custom Attributes & Optimization

    1. Hey Mario!

      Yes, we’ve received requests for the Tab Block. We have definitely taken note of this, so don’t worry. We will try and see what we can do about it in the future ☺️

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.