ska-blocks
Gallery block
The Gallery block is an alternative to the WordPress core Gallery block. The main advantage of the ska/gallery block is that it can render an image gallery with a simple and predictable markup: .wp-block-ska-gallery > .wp-block-ska-gallery__image > img while the core/gallery has differences in the markup in the block editor and front end, making it…
Image block
The Image block can be used to display different types of media. Modes The image block comes with multiple different modes of operation: File Choose an image file from WordPress Media Library, custom URL, upload it or use the Featured image (also works inside the core Query block). SVG Render any SVG image by insert…
Tailwind block
The Tailwind block in the ska-blocks plugin allows to enter HTML with Tailwind classes and compile it to include the Tailwind CSS on the front end as well. The block itself has multiple features and can serve many different purposes, such as rendering any custom HTML, converting Tailwind HTML to blocks, adding scripts or styles,…
Text block
The Text block is a block that can contain Rich Text. By default the HTML tag name span is used, but it can be changed using the Element type block controls: The block is very basic and similar to the core/paragraph block except you can customize the tag name and attributes. Use it whenever the…
Element block
The Element block is a block that can contain other blocks. By default the HTML tag name div is used, but it can be changed using the Element type block controls: The block also supports receiving any custom attributes: As with most blocks, the block also accepts Tailwind classes. In combination with a custom tag…
Getting started
The ska-blocks WordPress plugin adds the ability to add Tailwind CSS classes to all block editor blocks that support custom class names. Basics The plugin will add an input field to the block inspector controls sidebar: Using the input field Tailwind classes can be added directly, by inputting, for example, m-4 and pressing enter. The…