Block Editor
-
The Gallery block can be used to create a slideshow, allowing the visitor to easily move through a set of enlarged images. Choosing the “Enlarge on click” lightbox effect setting for the whole gallery enables visitors to click on arrows at the sides to traverse through the images, or to swipe through on mobile.
-
The Accordion Block is a very useful block for FAQs, and other “click for more information” scenarios. WordPress v6.9 introduces this block into the native WordPress editor. This block is particularly useful when you want behaviour such as “close one question when another is opened”.
-
The Details block is handy for standalone “click to read more information” sections on a web page. Previously, we might have had to add a plugin or use a more sophisticated page builder to achieve this “accordion” type action, but the details block allows us to add this kind of content very simply.
-
The block editor Image block allows images to be added from your computer or from the media library. Uploading the image and adding Alt Text may be all you need to do but there are other settings to help manage the appearance of the image on the page.
-
The WordPress Block Editor makes it easy to add footnotes or references at the bottom of a post. Footnotes can be added as you go, or at any time when editing, and appear in a block at the bottom of the page.
-
As an exercise, I tried a variety of methods for customising a block, in order to add a “True Parallax” option to the Cover block. Adding a block style, adding a block variation, using a block filter, creating an entirely new block…
-
We investigate how to customise a core block using Block Filters to add and handle additional block attributes. We add an add an additional control which will allow the user to choose the “True Parallax” option.
-
Continuing our investigation into how to customise a core block, we look into how to add a block variation. A variation is a version of a block with pre-configured attributes…
-
As part of our investigation into how to customise a core block, we look into how to add a custom block style, to allow the user to choose our “true parallax” class for the cover block.
-
We investigate how to add a small Javascript file to the front end of the site, only if the Cover block is present on the page.
