Adding charts and graphs can present data in a visually appealing and easy-to-understand format. For website designers and creators, incorporating charts into their content can significantly improve the user experience and make information more engaging and accessible for visitors.
With the Advanced Chart block from Nexter Blocks, you can easily add different types of charts to your WordPress website.
Required Setup
- Make sure the default WordPress Block editor is active.
- You need to have the Nexter Blocks plugin installed and activated.
- Make sure the Advanced Image block is activated, to verify this visit Nexter Blocks → Blocks → and Search for Advanced Image and activate.
- This is a Freemium block, to unlock the extra features, you need the PRO version of Nexter Blocks.
How to activate the Advanced Image Block?
Go to
- Nexter Blocks → Blocks
- Search the block name and turn on the toggle then click Save Settings.
Key Features
- Scroll Reveal Effect (pro) – You can easily add a scroll reveal effect to an image.
- Scrolling Image Effect (pro) – You can easily add a scrolling effect to an image.
- Image Mask – You can easily add a mask to an image.
- Scroll Parallax (pro) – You can easily add a parallax effect to an image.
- Fancy Box – You can easily open the image in a fancy box.
How to Use the Advanced Image Block?
Add the Advanced Image block to the page.
Content
From the Upload Image section, you have to add your image.
Then from the Alignment section, you can align the image.
From the URL field, you can add a custom link to the image.
You set the image width for different devices from the Max Width section.
From the Float Align section, you can float the image.
Then, from the Image Size dropdown, you can set the image size.
Caption
By enabling the Enable Caption (pro) toggle, you can add a caption to the image.
Special Options
You’ll find some special effects options in this tab.
- Scroll Reveal Image (pro) – From here, you can add a scroll reveal effect to an image.
- Scrolling Image (pro) – From here, you can add a scrolling effect to the image.
- Mask Image Shape – From here, you can add an image mask to the image.
- Scroll Parallax (pro) – From here, you can add a parallax effect to the image.
- FancyBox – From here, you can open the image in a fancy box.
How to Style the Advanced Image Block?
To style the Advanced Image block, you’ll find all options in the Style tab.
Background – From here, you can manage the background style of the image for normal and hover states. You can also add different CSS filters to the image.
Image Caption – You’ll see this option when the Enable Caption toggle is enabled. From here, you can manage the image caption typography and color for normal and hover states.
Advanced – This is our global extension available for all our blocks. From here you can add a custom CSS class in the Additional CSS class(es) field. If you know CSS you can use this class to further finetune the style by using your own custom CSS.
Advanced options remain common for all our blocks, you can explore all it options from here.
