Page Setup

Each page needs a basic setup. The first popup specify the type of page. When you start a new site the first page is set as the “Home Page”, others pages are set to “Regular Page”.

The second field is the page title. By default Sparkle names the page with the prefix “Page” followed by a progressive number.  You definitely should change this, it is extremely important in search engine relevance. You can change either here or by clicking on the page title in the “Page Outline”. Page title will appear as the browser page and bookmark name, and in search engines.

The third field, the page filename, is mostly a detail of how your website is set up, but it gives cues to search engines as well. The home page of a website (see above) is commonly named “index.html”. You can’t change the file name for your home page.

Regular pages by default derive their file names from the page title but you can customize it by clicking “Custom Filename” and entering a new file name. 

To complete the basic information, the description and keywords will be used for a so called “page meta tag”, a nugget of information that is sometimes used by search engines and other non-human readers as a page description.

The page alignment controls how the page layout is displayed in the browser when the window is larger than the layout, and it defaults to center. 

The background of the page can be filled with a color, with a pattern from Subtlepatterns, an custom image or a video (from Youtube, Vimeo or from your Mac). 

To choose a color, click on the round circle and a color picker will appear with some predefined color swatches. For further information about the color settings, check the color page.

The Content menu offers three choices: Built-in pattern, Custom Pattern and Video.

Selecting Built-in pattern and then clicking the thumbnail will show a wide choice of ready-to-use patterns. Choosing Custom Pattern will open an empty window which can be filled with your patterns using the add button.

The pattern can have a fixed position, which prevents the background from scrolling with the the page. It's also possible to specify the pattern scale with a slider and apply a blur effect.

The background color and pattern can both be specified because some patterns are partially transparent and show the underlying color. Also, when the page first loads in a user’s browser, the pattern image might not have been downloaded, so the background color is in a way the “first impression” of the site. 

The Video option allows the use of video backgrounds that extend to the full window size.

The same options as for the video element apply: YouTube or Vimeo, or from disk or network.

The video can have a fixed position, play without sound (Mute) and in a loop. It is also possible to define a Poster Image.

Note that incorporating videos from YouTube and Vimeo can trigger content blockers or include third party tracking.

Please report any shortcoming in this documentation and we’ll fix it as soon as possible!

This site uses cookies. Some are essential to make our site work; others help us improve the user experience. By using the site, you consent to the placement of these cookies. Read our privacy policy to learn mode.