Docs
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 > .image > img. It is a singular block that renders images from a list of WordPress attachment IDs, as opposed…Read moreLightbox block
The Lightbox block can be used to wrap images to give them lightbox capability. While the ska/image and ska/gallery blocks already have an option to enable lightbox, you can wrap multiple images (and/or galleries) 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 the popular Swiper slider. Various UI controls for configuring Swiper options are provided. Slides per view and Space between options can use Tailwind-like breakpoint syntax, e.g. 8 sm:16 lg:32. When the controls are not enough, you can provide a custom JavaScript object with additional Swiper configuration (e.g. {parallax:…Read moreMenu block
The Menu block renders a classic WordPress navigation menu. When using ska-theme, the legacy WordPress menus are re-enabled for a simpler alternative to the WordPress core Navigation block. The ska/menu block has an option to select one of these menus and render it in the editor. When you don’t have any menus yet, it can…Read morePost data block
The Post data block can render various data related to 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…Read moreConditions 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 whitelisted 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.…Read moreConfiguring Tailwind
ska-blocks plugin comes with controls for editing Tailwind configuration. The controls can be accessed from ska-blocks Block Editor plugin item in the top right corner of the Block Editor screen, in the Tailwind tab: When you change Tailwind configuration, all blocks and presets will automatically re-compile to ensure they are using the latest Tailwind configuration.…Read morePresets
Presets can be used to reuse a set of Tailwind classes. To create a preset, add some Tailwind classes to a block and select Create preset from the paint brush icon: Then you can select which Tailwind features to include in the preset and also give it a name: Once created, you can reuse the…Read moreVariations
Variations allow you to save the state of the current block (and its’ children) and make a new “Block” (Block variation) from it that you can insert like any other block. The functionality is very similar to the core WordPress Block patterns also known as Reusable blocks. Variations are an experimental feature that may become…Read moreSelectors
Selectors are a novel method of applying Tailwind classes to deeply nested HTML markup using ska-blocks UI. Since ska-blocks provides a UI for managing Tailwind classes, it is possible to take advantage of the Tailwind’s capability of applying rules to nested elements. With Tailwind you can style direct child elements by using the [&>*] variant,…Read more