Editing Your Site

This tutorial was created to help you get familiar with logging into your site and tweaking the content. The screen shots here were taken from www.broadcastimpact.com, but everything should be applicable to your site as well.

Warnings will be presented in RED, Friendly tips will be green.

The first step, of course, is logging in.  FInd the little "login" or "admin login" link and click it :


When prompted, enter your password :

Now you are presented with an interface that is more-or-less identical to the button bars that have become standard in any word processor. You can hold your mouse over any button to get a pop up hint that explains what each button does. If you've been on planet earth for the past decade (and we assume you have), you are probably familiar with many of their functions just by looking at them :

ONE WORD OF ADVICE : Ignore this tip at your peril. We strongly recommend adding all your content to a page as plain ol' text, THEN go back and do formatting like bold, italic colors, and adding links. In other words, don;t format as you go, trying to make everything pretty. It would be a waste of space here to explain why, just trust us. Focus on CONTENT FIRST, FORMATTING SECOND.

Another Word of Advice : If you're going to cut n paste content from a word processor, consider pasting it into notepad first, then re-cut from notepad and paste into your site page. This gets rid of all the formatting that the word processor puts on the clipboard - formatting that may clutter up the look of your page.

For this tutorial we won't get into what the text-based links at the top of the page do (the one's labelled "Normal Mode", "Validate Links", etc.) Feel free to explore them - you will be presented with a warning if there's anything you'd be wise to leave alone, so don't hesitate to check things out. However, for this tutorial, we're going to focus on a few key questions that pop up again and again. The first, and most common is : How do I add pages to my site?

Adding Pages To Your Site

Quick explanation : under the hood, your site is actually one single big, long web page! This interesting fact begs two questions :

Q: Doesn't that harm site performance compared to only loading one page at a time?

A: Sure, but only if your site has in the neighborhood of 1000 pages. And it doesn't. If you did have a site that would balloon to hundreds of pages, we would never recommend using this content management system int he first place, because you would probably need something that uses a database back-end. Short answer : it's a total non-issue.

Q: How does the "system" know which part of the page to show?

A: Well, that's what's it's designed to do, but for you and me, the system is looking for "headings". See the button called "source" in the next image? If you go to your homepage and click this, you'll see that the page's title is wrapped in this code : <h1>page title</h1>

That code means the pages title is an "html H1 heading". There are also H2, H3, etc. headings.

Why do you care? Simple! If you select text and use the "format" dropdown (also shown in the next pic) to change the text to an h1, h2, or h3 heading, that text becomes the name of a new page in the site! 

Let's look at an example :

Here you can see the site's current navigation menu. Let's say you wanted to create a new page for your site, and you want it to be a top level menu item right below the home page and above "Musical Jingles". How would you do it?

It's so simple you're gonna laugh! Just go to the BOTTOM of the home page and type the title of your new page (I used the admittedly stupid title "new page") :

Now select the text :

Use the formatting drop down to change this text to an H1 heading (i.e. Heading 1) :

As you will see, the text changes to reflect it's new status as an H1 heading :

Click the little "save" icon to save your page. If you don't save before you click over to another page, your changes will be lost!

It's like magic! Now the nav menu contains a brand new item called "new page":

If you click it you'll go to a blank page, ready and waiting for you to spruce it up with content :

NOTE : You may have guessed that if you wanted a submenu instead of a top level menu, you could have used "Heading 2", and by extension, "Heading 3" creates a 3rd level menu. You site is created to accomodate up to three menu levels. This image shows a "Heading 2" link :

And here's the result on the nav menu :

Adding content is simply a matter of typing away :

...which brings us to the topic of creating links...

Creating Links

The third row of the button bar, starting in the middle and going to the right, are related to links. Select the text where you want to create a link :

Find the button :

Type the url for the site you're linking to :

...And we recommend using the "target" tab to select "_blank" as shown here :

This way, pages you link to will open in another window or tab, as opposed to leaving your site completely to go to the linked site. As a rule it's not smart to get someone to your site, then immediately send them away! As in this example, the linked-to site opens, but ht etab for my site remains :


By the way :

When you save your work and log out you will see something like this :

This is not bad. It is completely normal and right. If you hit F5 (page refresh), the notifications disappear.

Getting back to links, this icon is for removing links :

And if you want to link to a page within your site, click this :

...and you will be presented with a pop up where you can choose which page in your site you want to link to. This is called an "internal link".

Parting thoughts : When you log in, you may see pages on the nav menu that don't appear when you are not logged in. Typically their names are in uppercase, such as "BANNER".

If you go to any of these "hidden" pages, you will notice they all contain the code "CMSIMPLE HIDE" between two pound signs "#".

This code cause the pages to be hidden from the nav menu. There are two main uses for this :

1. Static content. For example, the "BANNER" page is typically the banner for your site. It's actually a page like any other, albeit a hidden page. There's a magical function in our content management system called the "newsbox" function. This function causes a pages content to be displayed somewhere other than the main content area of the site. Confused yet? Don't worry - there is a point!

We typically pepper site templates with a newsbox in several areas such as the banner area, below the navigation menu, or in the opposite column (if you site has two columns). Then we preload your content with pages that are called up by the newsbox function.

What this means to you is that if you go to the banner page and change the content of that page, your sites banner will be changed. Similarly if you add a promotional message to the "POSTMENU" page, that content will ALWAYS appear below the nav menu NO MATTER WHAT PAGE YOUR VISTORS ARE ON.

So the purpose of the powerful "hide" and "newsbox" combo is that it allows you to have regions of static content in your site, and if you want to change them periodically, you just log in and tweak the hidden pages.

2. There's one other purpose for the "hide" function. Often you'll have a page that is important content for people who have followed a specific path through your site, but it just doesn't warrant inclusion on the nav menu. What to do...?

Simple! Create a page, add the hide code to it at the bottom, then link to it from another page using an internal link. You'll probably be surprised how often this scomes in handy. In fact, that's how THIS VERY PAGE was handled! Since this site is more sales oriented, support materials are provided, but the only way you get to this page is if we email you a direct link.

That's all for now! Still got questions? Email them to us  so we can continuously improve this tutorial!