{"id":13,"date":"2025-09-26T08:50:43","date_gmt":"2025-09-26T08:50:43","guid":{"rendered":"https:\/\/ska-blocks.com\/docs\/2025\/09\/26\/importing-a-demo\/"},"modified":"2025-10-14T06:13:09","modified_gmt":"2025-10-14T06:13:09","slug":"importing-a-demo","status":"publish","type":"post","link":"https:\/\/ska-blocks.com\/docs\/importing-a-demo\/","title":{"rendered":"Importing a demo"},"content":{"rendered":"\n

Demos are a fast starting point<\/strong> for a website with a particular appearance or style. They include sample pages, modifications to presets, customizations to ska-blocks & ska-theme configurations as well as the Tailwind theme.<\/p>\n\n\n\n

There are a number of pre-built demos for ska-theme<\/a> available.<\/p>\n\n\n\n

\n
<\/div>\n\n\n\n
<\/div>\n\n\n\n
<\/div>\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

A demo can be imported with a couple of clicks.<\/p>\n\n\n\n

Importing a demo<\/h2>\n\n\n\n
    \n
  1. Ensure your site is using the ska-blocks<\/code> plugin, has the ska-theme<\/code> theme installed, as well as the ska-theme-child<\/code> child theme installed and activated.<\/li>\n\n\n\n
  2. \n

    Navigate to ska-theme settings:<\/p>\n\n\n\n

    \"ska-theme<\/div>\n<\/li>\n\n\n\n
  3. \n

    Press the “Import demo<\/strong>” button at the bottom of the settings screen:<\/p>\n\n\n\n\"Import<\/a>\n<\/li>\n\n\n\n

  4. \n

    Select the desired demo and hit “Import demo<\/strong>“:<\/p>\n\n\n\n\"ska-theme's<\/a>\n<\/li>\n\n\n\n

  5. \n

    On the following page you’ll be given info about what will be imported – simply press “Import demo<\/strong>” for the final time:<\/p>\n\n\n\n\"ska-theme<\/a>\n<\/li>\n\n\n\n

  6. \n

    Once imported, you should close the Import modal and press “Save<\/strong>” in the top right corner to save all the imported content:<\/p>\n\n\n\n

    \n\n\n\n\n<\/a>\n<\/div>\n<\/li>\n\n\n\n
  7. \n

    All presets will be automatically re-compiled as well, indicated by the icon next to the ska<\/code> plugin icon – hit “Save<\/strong>” once more to persist these changes:<\/p>\n\n\n\n\n<\/li>\n\n\n\n

  8. \n

    Import completed<\/strong> – visit the site to see the new appearance.<\/p>\n<\/li>\n<\/ol>\n\n\n\n

    Next steps<\/h2>\n\n\n\n

    See: ska-theme getting started – first steps<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

    Demos are a fast starting point for a website with a particular appearance or style. They include sample pages, modifications to presets, customizations to ska-blocks & ska-theme configurations as well as the Tailwind theme. There are a number of pre-built demos for ska-theme available. A demo can be imported with a couple of clicks. Importing…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-13","post","type-post","status-publish","format-standard","hentry","category-ska-theme"],"_links":{"self":[{"href":"https:\/\/ska-blocks.com\/docs\/wp-json\/wp\/v2\/posts\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ska-blocks.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ska-blocks.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ska-blocks.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ska-blocks.com\/docs\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":11,"href":"https:\/\/ska-blocks.com\/docs\/wp-json\/wp\/v2\/posts\/13\/revisions"}],"predecessor-version":[{"id":463,"href":"https:\/\/ska-blocks.com\/docs\/wp-json\/wp\/v2\/posts\/13\/revisions\/463"}],"wp:attachment":[{"href":"https:\/\/ska-blocks.com\/docs\/wp-json\/wp\/v2\/media?parent=13"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ska-blocks.com\/docs\/wp-json\/wp\/v2\/categories?post=13"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ska-blocks.com\/docs\/wp-json\/wp\/v2\/tags?post=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}