ska-blocks
Configuring Tailwind
ska-blocks plugin comes with controls for editing Tailwind configuration. The controls can be accessed from the ska-tailwind Block Editor plugin item in the top right corner of the Block Editor screen: The Tailwind icon also displays a number when there is currently ongoing compilation occurring. This is simply an indicator and you don’t have to…
Conditions block
The Conditions and Condition blocks can be used to render content when a certain condition applies. Condition The ska/condition block allows to set any PHP function name as as the condition for rendering itself. For example, using the condition get_locale and value en_US allows to render content only when the current language is English. Conditions…
Post data block
The Post data block can render various data about the current post. ska/post-data is an alternative to WordPress core blocks such as Title, Excerpt and Categories. The block aims to produce cleaner markup than the aforementioned as well as support more customization options, such as using a different tag name and adding custom HTML attributes.…
Menu block
The Menu block renders a classic WordPress navigation menu. When using ska-theme, the legacy WordPress menus are once again enabled because the WordPress core Navigation block is still new, confusing and evolving, while everyone knows exactly how to edit a classic nav menu. When not using ska-theme, you can re-enable navigation menus with this code:…
Slider block
The Slider block allows creating sliders using Swiper slider. Various controls for configuring Swiper are provided: Slides per view and Space between options can use Tailwind-like breakpoint syntax. When the controls are not enough, you can provide a custom JavaScript object with additional Swiper configuration: The slider is not functioning in the block editor, instead…
Lightbox block
The Lightbox block can be used to wrap images to give them lightbox capability. While the ska/image already has an option to enable lightbox, you can wrap multiple images (or combine with a Gallery) with the Lightbox block to have the images render in the same lightbox. To achieve that you should disable the “Lightbox”…
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…