After-Installation Instructions

After Logging in as Admin:

Manage Left Menu

  • To add to left nav:
    • Click Admin > Admin Left Nav
      • Create top-level nav items by adding New Cat
        • Name the Category
        • define the link - this will show in the address bar as the first segment
        • display order - we suggest starting at 10
      • Create Sub Menu items within  the Top Category sections
        • Same as for Categories
        • these will show in the address bar as your final page link
      • To see your changes/additions, you will need to reload the page to include the elements you have just added as these are added by PHP which needs a reload 
      • To disable a menu item, uncheck Active and Show - this goes for Top Nav as well as Left Nav


Manage Top Menu

  • To add to the Top Menu
    • Click Admin > Admin Top Nav
      • Create New Top-level Menu s by adding to Top Level Name and Display Order
        • We suggest leaving the url blank here
        • Create Submenu links in the same fashion as for the Left Nav
      • To disable a menu item, uncheck Active and Show - this goes for Left Nav as well as Top Nav
      • Again, you will need to reload the page to see the changes


Create Pages - Add/Edit a Page

  • Once you have created links, it is time to create the pages you just created links for
    • Click your new link
      • The page will likely be blank or just the address bar updated
      • You must reload the page to add/edit the page your are on, so reload...
      • Click Admin > Edit This Page
        • You should be presented with a few elements where you put your page heading, meta Title (it shows in your title bar) and meta description - this is essential to the search engines
        • If you have worked with Word or other word-processor, you should do just fine with the editor you see for the page contents.  Use the tools found in it to create yolur page.
      • At the top of the Edit This Page link, there is a place for you to upoad graphics
        • You will be presente with a copy button after uploading the image - one at a time.  
        • Place your cursor where you want the image to appear in the editor
        • In the editor is an image button, Paste the contents of your clipboard into the image url section.  (You may be limited as to file size, so size your images before uploading them for best results)
        • You can define styles to go along with the images you upload in the Advanced tab.  You can add things like float:right; border:1px solid #ccc;


Create Links Within and Without

  • To create links within your site, always start with a leading slash '/' on the href attribute - this will tell the parser that it is an internal link, and to load the page in SPA navigation
  • Links to external websites will always load in a new tab/window - be sure to link to other sites beginning with http(s):// - this is necessary for linking to external websites anyway, but let's just be sure!

Managing the Stylesheet

  1. To edit the styles
    1. Click Admin > Admin Stylesheet
    2. You will need to know a little bit about CSS - if you don't you can find a great resource at W3Schools this is a direct link to the CSS area
    3. We've made it so only colors,fonts and images can be updated - most of the layout is defined in main.css.  If you want to modify main.css, you will have to use a text editor, like Geany - it's good for Linux and Mac as well as Windows
    4. Other parts can be manipulated in custom.css, but we don't recommend it.
    5. Your imagination is the only limiting factor here.
    6. If you find that you have irreparably munged your css file, a fresh copy can be found in assets/ 
      1. You can either upload this file (overwrite custom.css) or just select all in Admin > Stylesheet and paste the contents back in.  
    7. Click Save Changes and reload the page - you will be returned to the page you were on when you clicked Admin > Stylesheet
index.html last updated on 2017-11-28 16:47:03
custom.css last updated on 2017-11-28 16:46:07