Getting 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. ska-theme.zip
2. Your license key (buy license from here, if you already haven’t)

1. Installing the theme

1. Login to your WordPress Admin Dashboard.
2. Navigate to Appearance -> Themes.
3. In the top left corner click Add Theme.
4. Click Upload Theme, choose ska-theme.zip file from your computer and hit Install Now.
5. After installation click Activate.
   Once activated, you should see the ska-theme setup notice:
6. Check the boxes that apply to you and hit Perform selected actions.
7. Once the setup is completed, you’ll be prompted for the license key which you received in an e-mail after purchasing the theme – enter it and press Activate License:
8. If you also wanted to import a demo, make your way to ska-theme options page (if you’re not already there) from ska -> ska-theme in the left menu of the WP admin dashboard or from Edit Site -> Theme options from the WP admin bar and press the Import demo button:

   Read more: importing a demo.

2. First steps

Configure the theme

Theme options are always available in the block editor under ska-blocks -> Theme whenever you are editing a post, page or a template, how ever you can also go to a dedicated page for theme options by navigating to ska -> ska-theme in your WordPress admin dashboard.

As the first thing, you may wish to enable the Theme -> General -> Under construction option, to prevent people from seeing your unfinished website.

What content is displayed in Under construction mode can be changed from Appearance -> Editor -> Patterns -> General -> Under construction page.

Configure dynamic content

ska-blocks -> Options -> Dynamic content allows you to set up commonly used data so that you can keep it all in once place. You can set an e-mail, phone, social media addresses or other custom data:

Read more about dynamic content

Configure Tailwind

Under ska -> ska-blocks -> Tailwind you can also configure the Tailwind theme:

The most common settings that you may wish to modify initially are:

• Theme colors – You can set up your primary, secondary and link colors.
• Typography -> Font family – You can modify the default sans family to include a Google Font, so that it is used site-wide, or you can add custom fonts that you can apply using the Tailwind font-{font slug} class name.
• Custom theme – For example if you don’t want any rounded corners in your site design change --radius variable var(--radius-sm) to 0, then any pre-existing template that is already using the rounded class will no longer apply border-radius.

Read more about configuring Tailwind

Set up menus

Navigate to Appearance -> Menus and create a menu that you will use for main navigation.

Then go to Appearance -> Editor -> Patterns -> Template parts -> Header to edit the header template (shortcut WP admin bar -> Edit Site -> Header), click on the main menu block (which by default renders placeholder menu items) and swap out the placeholder for the menu you just created.

Then you’ll also want to do the same at Template parts -> General -> Mobile menu, to change which menu is rendered in the sidebar.

Now whenever you make changes to the menu at Navigation -> Menus the changes will reflect in both places. To change the appearance of the menu, you can simply edit the Tailwind classes on the block.

You can also try using the official Navigation block as a menu, how ever due to still being new and having different shortcomings they are not used with this theme by default.

3. Create your content

The Tailwind block allows to convert Tailwind HTML directly to blocks. There are lots of pre-made Tailwind components out there that you can try, maybe even ask an AI for some Tailwind HTML. The theme also comes with bundled block patterns to get you started.