Basic Content Editing


Video Fast Forward Points

> Getting Started
> Using Headings
> Images and Attached Media
> Text Alignment and Other Formatting
> Hyperlinks
> Tables
> Embed Code
> Spell Check Page Content
> Save and View Changes

Creating and maintaining relevant website content will ensure users return to your website, in addition to helping your website rank higher on search engines. Synergy 8 makes editing your website content easy, through the use of our intuitive page editor. This tutorial will guide you through the basics of using the page editor to maintain content on your site.

The system used to edit content on a Synergy 8 website is called a WYSIWYG editor. WYSIWYG is an acronym for "What you see is what you get". This means that when editing page content on your website, your content is wrapped in the design of your website rather than in a standard white box. This allows you to see exactly how content will appear on your site.

This tutorial assumes that you have already created a page on your site, so if you haven't created any pages yet please review the article - Creating A New Page.

Getting Started

Navigate to your website's dashboard area, then click the "Pages" link, which is located in the left hand menu under the Website heading. From this screen you will see  your website sitemap, which displays all the pages on your website. Select the page you would like to edit.

This will display the page editor screen, allowing you to edit the  content on the selected page. You will see a bordered area, which highlights the content area you are allowed to edit. If you would like to change something outside of this area, you will need to do so in the website design, or contact your web designer to assist.

Using Headings

Author your content like a formal word processing document.  When writing content, use headings in order of their importance. For example, the main title of this page is "Basic Content Editing", so that text has been set as the type "Heading 1". Subheadings such as "Getting Started" and "Using Headings" have been set as Heading 2.

General page paragraph content is set to "Normal" formatting. To select different formatting, simply select the appropriate formatting type from the small drop-down menu located in the edit bar at the top of the page, under the "Paragraph section". Formatting your content correctly increases readability and improves search engine optimization.

Images and Attached Media

On the right hand side of the screen, there is an "Attached Media" button. Clicking this button will expand the attached media toolbar, which allows you to upload media such as images, videos, pdfs and other files to the page. Click the "Upload from My Computer" button in the attached media toolbar, locate the image you would like to place onto the page, then simply drag and drop the image onto the content area. You can re-size the image by placing your mouse on the corners of the image. Right clicking on the image, then selecting "Image Properties" will allow you to specify image alignment and margins. For example, on this page the above images are right aligned, with a horizontal margin of 30.

Text Alignment and Other Formatting

As with commonly used word processing software, you can specify text alignment and indentation using the context sensitive toolbar located at the top of the page. You can specify text formatting such as bold, italic, underline and strike-through, in addition to text color highlighting, color and big and small sizing. This toolbar also allows you to create bullet lists and numbered lists.

If you have made a mistake or would like to clear all formatting, click the "clear" button, which is located in the Formatting section of the toolbar.

Hyperlinks

To create hyperlinks on your page, select the element you would like to link, which is usually either text or an image. As shown in the image to the right, in the top edit bar there is a button titled "Link". This button will display a dialog box which allows you to link to another page on your website, or an external address.

If you are writing a long article, you can link to a specific location in a page. Select the location on the page you would like to link to. Click the "Anchor" button, which is located in the "insert" section of the toolbar, to place an anchor on a page. Then when creating a hyperlink, you can select the link type to be an anchor, then select the newly created anchor.

For more information about hyper linking, including how to make links appear in different windows, please see the article - Creating and Modifying Hyperlinks.

Tables

Tables can be used for the presentation of tabular data, or to give you a grid-like layout for positioning of content. After clicking the table button, which is located in the "Insert" section of the toolbar, a window will appear where you can specify the table's properties. Enter the number of rows and columns and click ok.

You will notice that when you start typing in the table, the columns will automatically adjust to the amount of content in each cell. To change this, right click and navigate to cell properties. You can lock down the width of a cell to be a certain percentage of the page width, or a specifc pixel value.

You can also set a cell's vertical alignment in order to control whether content appears in the middle, top, or bottom of a cell. Cell alignment can be altered through the same cell properties screen.

Embed Code

External media such as a YouTube or Vimeo video can be added to the page via the "<>" embed button located in the "Insert" section of the toolbar. Simply copy the embed code from your video or external source, then select the location where you would like the element to appear on the page. Click the embed button, paste the embed code into the popup window and click ok.

Spell Check Page Content

Once you have finished editing your page content, you can perform a spell check to ensure there are no spelling mistakes on your page. The spell check can be accessed by clicking the "ABC" button located in the "edit" section of the toolbar. Right-clicking the words underlined in red will give you a list of suggestions. Click the spell check button again to turn it off.

Save and View Changes

Once you have finished making changes you can save the page, then view the newly edited page online. The save page and view online buttons are located in the top left of the screen, just below the Synergy 8 logo.