how to add content management to existing web pages
Sitebasics.net CMeXtend lets you add content management capabilities to an already existing website. No server configuration is necessary. Simply follow the steps below, order your CMeXtend Login, and you'll be able to edit web pages in a browser connected to the Internet.
1. Identify the parts of your pages which you want to change. You can change:
- Text
- Images
- Links
- Meta Tags - Descriptions and keywords which make your site easier to find with search engines
Every piece of your page which you intend to change -- a heading, a paragraph of text, an image, a link -- will be individually tagged with their own name.
2. Decide on unique names for your comment tags.
Come up with descriptive names for the different pieces of your page(s). These names should tell you what these elements are about.
For example, if you have a title and three headings on your page, each followed by several paragraphs, you can tag them as Title, Heading1, Heading2, Heading3, and Text1a, Text1b, Text1c, Text2a, Text2b, Text2c, Text2d, Text3a, Text3b, Text3c, etc.
Like this:
| Page Title | Tag = Title |
| Company Logo | Tag = CompanyLogoImage |
| Link to contact information | Tag = ContactInfoLink |
| Link to home page | Tag = HomePageLink |
| Link to product information | Tag = ProductInfoLink |
Heading
| Tag = Heading1 |
Paragraph of text
| Tag = Text1a |
Paragraph of text
| Tag = Text1b |
Paragraph of text
| Tag = Text1c |
| |
Heading
| Tag = Heading2 |
Paragraph of text
| Tag = Text2a |
Paragraph of text
| Tag = Text2b |
Paragraph of text
| Tag = Text2c |
Paragraph of text
| Tag = Text2d |
| |
Heading
| Tag = Heading3 |
Paragraph of text
| Tag = Text3a |
Paragraph of text
| Tag = Text3b |
Note: Standard page elements like Meta Tags (Description and Keywords) have their own format -- you will use the Sitebasics standard tags to tag them. More info on this appears below.
3. Place SBN comment tags in the sections of the page you want to change
- Tag Your Text Blocks
- Place <!--/TagName/--> <!--\TagName\--> around the text
- If you have formatting in your page, such as <FONT> tags or Styles, make sure that the tags are inside the formatting tags.
- make sure the tags and all your text are on one line. Change the width of your text editor window a few times, to make sure there is no line break in the text block.
- Remember, you must use unique tag names for each set of comment tags.
For example:
<!--/Text1a/-->First paragraph of text appears here ~ First paragraph of text appears here ~ First paragraph of text appears here ~ First paragraph of text appears here ~ First paragraph of text appears here ~ First paragraph of text appears here<!--\Text1a\-->
- Tag your Images
Follow this syntax for tagging your images:
<!--/MyImage/--><IMG SRC="http://www.sitebasics.net/images/sbnlogo.gif" ID="MyImage" BORDER=0><!--\MyImage\-->
Make sure that you use the full path for the image in the SRC""
Remember
You must use unique tag names for each set of image tags.
Do not use the same image ID for different images.
And remember to use the same image tag in the comments before and after, as well as the ID="" tag.
- Tag your Links
Follow this syntax for putting tags in links to make them editable:
<A NAME="Link1URL" HREF="http://www.sitebasics.net" ID="Link1URL"><!--/Link1Text/-->Link 1<!--\Link1Text\--></A>
Remember:
You must use unique tag names for each set of link tags. Do not use the same name/id for different links.
Also, make sure that your link tags inside the HREF tag are similar to the link text comment tags, but not identical. They should be related (use something like "LinkURL" for the HREF NAME and ID, but use something like "LinkText" for the link comment tags.
4. Upload your pages to your server
Upload them in the usual manner, via ftp, in ASCII format. Important: Make sure that your page upload/ftp program does not add extra lines in your files. (Some do.)
See Code Samples
A web page which starts out looking like this...
Will be tagged like this
Troubleshooting
Portions of my pages show up outside the input fields, when I use SBN to edit them!
This may be because there is an extra line in the file, which is throwing off the comment tags. Open your file locally on your hard drive, remove any additional line breaks, and upload it again to the server.
Additionally, you may have more than one text block on the same line. Make sure that all your text blocks are on separate lines, to avoid conflicts.