Blocks
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…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 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. It is a singular block that renders images from a list of WordPress attachment IDs, as opposed…Read moreImage block
The Image block can be used to display different types of media. This documentation gives an overview of the modes that the Image block can operate in and provides copy-pastable examples of images styled in different ways. Modes The image block comes with multiple different modes of operation: Mode – File Choose an image file…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 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 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 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 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 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 more