ska-theme
Contact Form 7
ska-theme includes compatibility with the popular Contact Form 7 plugin. With the theme, the default CF7 contact form will have the following appearance out of the box: The styles utilize the Button, Primary button, Form inputs, Label and Loading presets, as well as Tailwind configuration “warning”, “positive”, “negative” and “info” Theme palettes for styling notices.…Read moreMenu
Examples of styling the <ul> -> <li> elements produced by the Menu block with Tailwind classes. Usage – copy the code for the desired appearance, paste it into your block editor, swap out the Menu block’s placeholder menu with one from your own WordPress nav menus. You can then edit the Tailwind classes to tailor…Read moreWooCommerce
WooCommerce remains as one of the easiest and most customizable solutions for running an e-commerce store. ska-theme includes support for the WooCommerce plugin. Once you’ve installed and activated the plugin, take a look at the theme options’ WooCommerce section, which allows to configure how many products to display per page, how to render the product…Read moreCookie consent notice
From ska-theme -> General -> Cookie notice option it’s possible to enable displaying a dialog that notifies users about cookies. The contents of the notice can be changed by editing the Appearance -> Editor -> Patterns -> General -> Consent dialog template part. By default the notice integrates with WP Consent API and Google Site…Read moreLanding page
To create a landing page, you’ll want to add a new WordPress page and assign the Full width template for it (a template that comes with ska-theme). Template can be changed from the right sidebar when editing a page: Choose Swap template and pick the Full width template. Once created, you can make the page…Read moreAlpine.js
ska-theme comes equipped with Alpine.js, its’ plugins “collapse”, “focus” and “intersect”, as well as some custom components listed below. Alpine.js pairs well with ska-blocks plugin because the blocks have an ability to accept custom HTML attributes, making it easy to add Alpine.js directives in the editor. The Alpine.js instance can be accessed on the front…Read moreCode block
The code block is an alternative for the WordPress code block with the addition of syntax highlighting, indenting and copy function. The Code block uses the “Code block” preset for its’ appearance by default. Basic code block Code block with a header Code block can have a header that can contain a short description of…Read moreDialog
ska-theme includes a custom Alpine.js component for handling HTML dialog elements. The module abstracts away calling the native .showModal(), .close() functions, adds x-transition to the dialog and enables closing of the modal by clicking away from the modal. Creating a dialog Adding x-data=”skaDialog” do an element will locate a button and a dialog from its’…Read more