Hot Sparky Theme

The only theme that will give you the freedom to create!

The Hot Sparky theme helps WordPress users in the development of websites without programming skills, through an easy-to-use drag and drop interface. Sparky will help you to work faster. At the same time, it won’t take your freedom to make professional websites that look the way you like!

Layout Builder

Layout Builder

Use drag and drop technology to make your new layout in less than a minute! Sparky’s Layout Builder is where you create a layout for your new website in a few simple steps.

  1. Click the “Add Row” button to make some rows.
  2. All widget positions, menu positions and other elements are represented as cells. Drag some of them and drop them into the rows.
  3. To resize the cells horizontally, drag their edges left and right. To move them within the row, use the left and right arrow buttons.
  4. Remove cells from the rows by dragging them back to the container of the unassigned elements.
  5. Change the order of the rows by dragging the entire row up or down.
  6. Add a specific name and/or class to any row to select it and style it through CSS.
  7. Delete rows by clicking the X buttons.

In the background, Sparky creates a layout fully automatically according to the settings from the Layout Builder.

Integration with Block Editor

Full Integration with Block Editor

Hot Sparky is fully compatible with WordPress Block Editor (Gutenberg). With this theme, you can use all the powerful features of the editor, such as wide and full-width blocks, multi-column layouts, etc.

The settings related to the typography, layout, selection of the custom colors, etc. that you make in the WordPress Customizer will be automatically used in the Block editor style.

Flexible layout

Flexible System

You can set custom fixed width or use fluid width! You can set gutter value. Absolutely no restrictions!

Sparky is different from other themes because it doesn’t limit you in any way. It’s based on 12 columns grid, but you can select the width of your website according to your needs. You can also select the gutter size (margins between cells) as well as the padding of the cells. This grid can also be flexible if you are working on a website that has a fluid width (100% width).

Using the Layout Builder, you can create your own layout according to your design in less than a minute. This brings you freedom but doesn’t make things too complicated. If you use the Sparky theme, your website won’t look similar to all other Sparky users’ websites. Sparky can follow your design guidelines in full.

Typography

Style Designer

Full control over your website typography is integrated in Sparky.

CSS has hundreds of commands, so don’t expect that you can control everything without writing the CSS stylesheets manually. However, if you need to edit the most common properties (such as color, font-size…) of the most common tags (such as H1, H2, H3, H4, P…), you can do it entirely through the Sparky’s Typography tab which is integrated into WordPress Customizer.

The website’s background is something that you’d probably need to define. Sparky allows you to pick a solid background color as well as the background images. The same is valid for logo, header image, custom colors, copyright notice, etc.

Menus Control

Menus Control

Sparky will recognize all the menus you created in WordPress. For each of them, you can assign a menu system (drop-down, off-canvas or static) and then control the menu system’s parameters for this menu.

Menus are collections of links used as navigation throughout the website. Sparky helps you to make your navigation. It lists all the menus available in your WordPress site in the Customizer and adds options for each of them.

If you have a drop-down menu in your site, Sparky will convert it into the mobile menu on small screens.

Responsive

Responsive

With Sparky, you will create responsive websites!

As the percent of mobile users grows, you should consider making your website mobile-friendly. Sparky is responsive and it is loading fast on mobile devices.

Cool features

Cool Features

A handful of some interesting and useful features that you might need is integrated into the Hot Sparky theme. Sparky doesn’t need any supporting plugins. Install the theme and you have ready to start!

This is a collection of “toys” for your site that you might find useful. On some occasions, they can save a lot of time.

  • If you don’t select a logo image, the name and slogan of your site will be used in textual mode instead.
  • A full collection of Google Fonts is available in the Typography tab in the WordPress customizer. Of course, it has a live preview so you can test 100s of Googe fonts easily.
  • The page transitions effect will display a loading mask while the pages of your site are loading. This option can be enabled on the theme options page.
  • Scroll to top button appears when the user is in the lower part of your website. This option can be enabled on the theme options page.
  • Social network buttons can be activated by adding the social network’s links in the theme options page and adding a “social” element anywhere in your layout.
  • The Add-ons tab allows you to include the Font Awesome library.

Valid, Optimized, Fast

The parts of the code that Sparky produces is valid, according to the W3C. Keeping your code valid is recommended for better indexing by search engines and consistent look of your website in all browsers.

Sparky loads only the features that you really use, not everything.

Documentation & Tutorials (coming soon)

Learn how to create websites using the Hot Sparky theme.

We are preparing some online documentation and video tutorials that will guide you through the development of your website with Sparky. Everything will be covered, from the installation of Sparky to the export of your new theme. You will finish this series of tutorials with a fully functional WordPress website.

The main aim of these tutorials is to show off the most functions of Sparky to you. After you accomplish this fast course, you would be able to create your own websites. Please keep in mind, it’s assumed that you already understand WordPress and how it works, and that you have at least beginner knowledge of CSS.

Tutorials for learning the Hot Sparky theme features

  1. Installation of the Hot Sparky WordPress theme
  2. How Layout Builder makes the skeleton of your website
  3. Customize the Hot Sparky theme through the WordPress Customizer
  4. Control your typography and select Google Fonts
  5. Enable and disable various elements for your posts, pages, and archives.
  6. Add some cool features to the website