Blocks
Cart dialog
The Cart dialog block can display a button to the WooCommerce mini cart widget in a Dialog, which is a light-weight alternative for the WC “Mini-cart” block. When WooCommerce isn’t activated the block renders nothing. The inner block for the Cart dialog block is a button that will open the dialog – the button can…
Language switcher
The Language switcher block can display a placeholder language switcher when a multilingual plugin isn’t installed yet, but will switch to using languages from WPML or Polylang once detected. Block options Mode The block can be in “List” mode to render a basic <ul> > <li> of the languages, or in “Dropdown” mode which utilizes…
Code block
The code block is an alternative for the WordPress code block with the addition of syntax highlighting, indenting and copy function. When using ska-theme the Code block uses the “Code block” preset for its’ appearance by default. When not using ska-theme the Code block will receive the same appearance as Tailwind classes and ideally you…
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…