Spark Editor gives you the opportunity to visually build out your content and flexibly enable unique and powerful features quickly and easily.
The Spark Pages are located under General Content > Spark Pages.
As you enter the Spark Pages, you will see a list of existing Spark Pages, and as well the ability to add new ones by clicking on the "Add New Page" button.
If you want to edit an existing Spark Page, click on the "Edit Page" button on the right side of the panel.
Once the editor has opened, you will see a panel on your left, and the resulting content shown in real time on the right.
At anytime you may want to collapse the left hand editing panel to view your resulting content on the page.
Alternatively, you may use the "Open The Page In New Window" button to easily open a new tab in your browser to view your resulting content entry on the page.
During development, you may want to view how your content will appear from various device sizes. Click the monitor symbol to view the responsive page size options and select from a device size to see your layout update in real time.
The Layout Tab
In case you want to change the layout of the page, there is a Layout tab which will allow you to remove header or footer from the page or just one of them.
Additionally, you can set a featured image, or Upload/Download Templates, which is covered in this tutorial.
The Content Tab
This tab is always related to structural content on the page, and will always show first as you enter the editor. In the top left, note the blocks for the various sections features the editor offers.
Your page is built out of blocks. Each block has it's own unique customization possibilities, which we will cover separately in other tutorials. Here as an example of the Header block. After clicking on the block you will notice some settings can be collapsed like, background, content, etc.
You can add new blocks by clicking on the +Add New Block Button, rename, or delete by clicking on the X button. Also, the editor is drag & drop friendly, so you can reorder the blocks by hovering over the re-order button (3rd button).
As you click on the Add New Block button, you will notice all of the block types that are available for selection. Click on the desired one to add it and customize it's settings.
You can also click on + sign to collapse the categories to see which blocks are available, based on what kind of a block you are looking for.
Save Your Changes
Of course, you will want to save your work, so at anytime in your build, you may press the "save" button. Any changes you have made will be saved and you may continue your work making changes.
Once you have completed any changes you want to make, use the Exit button to close out the editor.
Further Education about the Spark Editor and Spark Pages:
- Spark Editor: Blocks - Header
- Spark Editor: Blocks - Areas
- Spark Editor: Blocks - About
- Spark Editor: Blocks - Call To Action
- Spark Editor: Blocks - Content
- Spark Editor: Blocks - Service
- Spark Editor: Blocks - Testimonials
- Spark Editor: Blocks - Blog
- Spark Editor: Blocks - Team Members
- Spark Editor: Blocks - Forms
- Spark Editor: Blocks - Listing
- Spark Editor: Blocks - Instafeed