Knowledge Center 

 

 

 


Breadcrumb

 

A breadcrumb is typically a small object placed at the top or bottom of a page which tells the website visitor where they are (by page name) and where that page is relative to other pages above it.
To add a breadcrumb, click the Add Content button.

 

 

  1. Select Breadcrumb from the Content Type screen.
  2. Click  .  Webtreepro will present the Placement screen.
  3. Choose the  Placement options (as with any other content).
  4. Click  .   Webtreepro will present the Details screen.

 

 Using the Details screen, setup how you want the Breadcrumb to appear.

  1. Background Color:  default is transparent) allows you to put a colored background behind the entire section of the page path.
  2. Separator:  (default is none)insert a symbol to separate the page names (links).
  3. Separator Color (default is black)—allows you to change the color of the separator.
  4. Font Style and ColorIf not specified, the page names (links) will take up the defaults that are used for all links as specified in your original skin design.
  5. Rollover behavior will assign behavior to the page names (links) as a visitor moves their cursor over one of them.  If not specified, the rollover behavior will take up the defaults that are used for all links as specified in your original skin design.
    1. Font Style—assigns a different font, attribute (bold, italic, underline) or size
    2. Font Color—assign a different color
    3. Back Color—assigns a different color for the background of the selected page name (link).

 

If you make selections that are likely to be used again, use the Load Style and Save Style features.

  1. To load a style, select  .  The box featured here to the right will appear.
    1. Select an existing style from the drop-down list.
    2. Click , once you have made your selection. 
  2. If you decide to not select anything, click  .

 

 

 

  1. To save a style, make your selections as detailed above, and select   .  The box featured here to the right will appear.
    1. Select the radio button New Style and enter a name for the style.  Click  .
    2. If you wish to replace an existing style with a new selection, select the radio button Existing Style

      1. Choose a name from the drop-down list.
      2. Click  . 
  2. If you decide to not select anything, click  .

 

 

 

Once you are done with selecting the Details, click  .   Webtreepro will present the Publish Dates screen.
  • Choose the Publish Dates options (as with any other content).  Click  .  Webtreepro will present the Visibility screen.
  • Choose the Visibility options (as with any other content).  Click  .  Webtreepro will present the Publishing screen.
  • Choose the  Publishing options (as with any other content).Click to complete.  Webtreepro will go back to the page and will have added a breadcrumb to your page(s).