Docs
Filtering options
The ska_plugin_get_options_{slug} filter can be used to filter plugin and theme options:Read moreGetting started
ska-theme is a WordPress theme designed to be used in combination with the ska-blocks plugin. The theme disables most of the conventional WordPress functionality for styling blocks. Templates, template parts and patterns that come with the theme all use Tailwind classes. You should have: 1. Installing the theme 2. First steps Configure the theme Theme…Read moreGetting started
ska-blocks is a free WordPress plugin that adds the ability to add Tailwind CSS classes to all Block Editor blocks. 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 value will…Read moreElement 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…Read moreText 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…Read moreTailwind 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,…Read moreImage 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…Read moreGallery 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 > .image > img. When disabling the Wrap option, the gallery will not render any parent element, only .image > img…Read moreLightbox 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”…Read moreSlider 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…Read more