ska-theme
Loader
The ska-theme’s “Loading” preset can be applied to produce an overlay with a loading spinner. Loading preset is globally loaded on the front end and applied to the following CSS selectors by default: Additional custom selectors can be added using the following filter: The loading spinner appearance can be customized with Tailwind classes by editing…Read moreDivider
Dividers can be used to visually segment content into groups. In the WordPress Block Editor you can use the Separator block to create dividers with different styles or with ska-blocks and Tailwind you can create custom <hr> elements or use the divide-* classes to create divisions. WordPress dividers Default separator Wide line separator Three dots…Read moreCustom fonts
Adding a custom font using a child theme – self-hosting is essential for best performance and removes privacy considerations. Choosing a font for self-hosting Self-hosting a font For this example, let’s set up the Inter variable font. 1. Prepare the child theme Create a fonts directory in your child theme folder (comes by default with…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 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 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 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 moreEnabling WordPress appearance controls
Should you wish to restore some of the default WordPress appearance controls that ska-theme disables edit the child theme’s theme.json file to include the following: This setup just enables changing text/background color and font size, but you can toggle things on-off and add values as needed. Because the theme disables a lot of the CSS…Read more