Tags

According to our analisis of tens of hundreds of webpages over almost 10 years of making websites, every page shares this basic structure elements and most of the time in this order:

• HEAD
• NAVIGATION
• CONTENT
• EXTRAS (optional)
• FOOTER

VIVOE provides by default the content of this basic elements using php constants, that should be included directly in your template(s):

• HEAD
  • VIVOE_TITLE
  • VIVOE_METAS
  • VIVOE_STYLES
• NAVIGATION
  • VIVOE_MENU_PAGES
  • VIVOE_MENU_ARTICLES
  • VIVOE_MENU_USER
• CONTENT
  • VIVOE_CONTENT
• EXTRAS (optional)
• FOOTER
  • VIVOE_FOOTER

As you can see, most of the pieces required to build a basic website are ready to be used out of the box with VIVOE. To insert this pieces in you template, simply use standar php embeding code i.e <?=VIVOE_FOOTER?>. With the experience, this embedding code turned out to be a little confusing when designing the templates, so we create a simple more meaningful command; show(), so when reading your html template's code it is more easy to understand what is this code doing. This way, you may prefer to use:

<?show('VIVOE_FOOTER')?>

Anyway, despite of what other CMSs may require, in VIVOE all of this pieces are absolute optional, except for VIVOE_CONTENT.

That is, you can choose to use your own metas, your own navigation menus and your own footer in your template, and you will have a functional site anyway. (ok. avoiding the automatic generated menus may sound silly at first, but if your site is a small one, you can use them at design time and end up using a simple flash header with the final links on it, thus eliminating the constants for menus on the final template)

This is the title of the page, aimed to be used in the <title> tags, so the usual way to use it is on the title of your site, i.e. <title>MySiteName - <?show('VIVOE_TITLE')?></title>.
Anyway, it can be used in any of the parts of your design.

Place the basic meta tags for keywords, description and author on the header. The content of this metas are controled by site configuration on the admin menu. Also, VIVOE will insert all defined keywords that an article or a page has defined, making it easyer for searc engines to rank your site's content.

Place the required links on the page's header to have control of the theme used by your site as defined in the configuration menu.This insert a link to the style sheet named styles.css on your theme folder, and also links to a special style sheet named ie.css on the same folder to handle exceptions for IE browser. This ie.css file is not required and will not be loaded by any other compilant browser. If it doesn't exist will be silently ignored by IE. (My advice in this case is... change the browser, of course).

Place the autogenerated menu comming from the pages structure.

Place the autogenerated menu for articles. If you are designing a blog section, this is the menu to show.

Place the menu generated by the user in the Menu section of the admin. This menu is intended to point to specific places inside or outside the site.