Announcement

Collapse
No announcement yet.

Site Builder Overview

Collapse
X
Collapse
  •  

  • Site Builder Overview

    Introduction to Site Builder

    Site Builder is the newest innovation in vBulletin’s line of site management products. It allows an administrator user, with the correct permissions, to change and edit the content and look of their site without logging in to the AdminCP. Where Site Builder deals with the outward facing portion of a site, the AdminCP controls the nuts and bolts of the system.

    The Site Builder allows an administrator to add various functionalities, dictate what they do, and where they’re placed on the site. It can control how your navigation bar is organized as well as which HTML ads appear in your header, and what the site logo is.

    To see a list of available modules that you can use on your pages see the Module List.

    Everything else is controlled and administered using the AdminCP.

    Accessing Site Builder

    If you’re an Administrator in vBulletin 5, you might have noticed a new button to the right of your login. This button lets you access the Site Builder. The Site Builder lets you create new pages, and add and remove modules to existing pages. It also allows you to edit the header, the footer and the navigation bar.

    Image of menus with Site Builder off.

    The first step in customizing pages on your site is to turn Site Builder on. To do that, just click the Edit Site button. This will reveal a new menu item at the top of the page, like this:

    Image of menus with Site Builder on.

    The new items are the commands for Site Builder. These are: Channels, Style, Pages, New Page, Edit Page, Header, Navigation Bar, and Footer. Each option controls and edits a different part of your site. Clicking on a button will open and reveal the related tools.

    Style

    Select <button>Style</button> to open and use the Style Manager. The Style Manager allows you to set the look of your site. This tool has two options available within it. Using the Style tab, you can select one of the themes installed in your vBulletin and set it as the site default theme. vBulletin comes with a number of themes to select from. The other tool is to modify the CSS of your current theme. CSS is for more advanced users and allows additional modifications to look and feel of the site.

    This tool allows you to control the look of your site.

    Channels

    Clicking on the <button>Channels</button> will expose the Channel Manager. Channels are containers for your site's content. These include Forums, Blogs, Article Categories, and Social Groups. The Channels tool allows you to quickly add or delete channels from your site. However for more advanced features, you will need to use the Channel Manager within the AdminCP.

    This tool allows you to create channels on your site.

    Pages

    Pages are used to display content or system controls throughout your site. There are two types of pages in vBulletin. System Pages and Custom Pages. System pages cannot be removed and may contain modules (content blocks) that are required for that page. However, System Pages can be edited and have optional modules added or removed to customize the page. You can also create Custom Pages. These can be added and deleted and may contain any number of modules. You can access your custom pages by clicking on the Pages link.

    Allows you to find and edit custom pages.

    Pages are made up of the following elements:

    • Layouts that control the number of columns and module sections on the page.
    • Modules that allow you to place content on the page via vBulletin's search engine, HTML, and more.
    • Templates that allow you to save the page and reuse it if desired. A template contains the layout and all the modules with their settings.

    New Page

    Clicking on this control will enable you to add a new custom page to your site. You can control the layout and module on each page.

    This tool is used to build custom pages in Site Builder

    Edit Page

    Click on this control will allow you to edit the page you are currently viewing. Editing a page works just like creating a new custom page.

    Header

    The header is a global element and any changes made here will appear on all pages. Using the Header tool, you can change your logo or place advertising above the page. The header cannot contain additional modules at this time.

    Allows you to customize the header of your site.

    Navigation Bar

    The Navigation Bar is also global and will appear on all pages, though the exact display can change depending on where you are. With the Navigation Bar editor, you can create up to two layers of navigation. This includes the primary navigation tabs and a sub-navigation that can be assigned to each tab. Changes here will affect all Styles.

    This tool allows you to edit the navigation elements directly under the header of the page.

    Footer

    The footer is the final global component on the site. Using the footer tool, you can add custom links to the bottom of your pages. In a default installation these link to Help, AdminCP, ModCP and others. The footer cannot contain additional modules at this time.

    This tool allows you to edit the navigation links for the footer.

    The resulting footer:

    This is how the rendered footer appears.

    Quick Setup

    The Quick Setup editor offers a few options to help you get your site up and running in as little time as possible. These options come from a variety of the previous tools. Within the Quick Setup, you can:

    • Choose your default theme.
    • Upload a new logo.
    • Create your first channels.
    • Invite people to join your site.
    The Quick Setup tool allows you to get your vBulletin Connect site up and running with basic settings.
    Last edited by Wayne Luke; Wed 5th Feb '20, 7:57pm.
      Posting comments is disabled.

    About the Author

    Collapse

    Wayne Luke A curious juxtaposition of nature, technology and sustainability. Find out more about Wayne Luke

    Article Tags

    Collapse

    Latest Articles

    Collapse

    • Styles Editor
      by Wayne Luke

      Styles

      The Style tool allows you to select a pre-existing theme for use on your site and sets it as the default. It also allows you to apply CSS customizations to your site.

      Themes

      The Theme Selection tool will show all Styles installed in your vBulletin Site. Selecting one of the themes shown will provide a preview image and select it. If you decide that you do not like it, simply select a new theme. Your selection is saved when you click the Save Changes. All Themes vBulletin C...
      Tue 4th Feb '20, 4:34pm
    • Site Builder Overview
      by Wayne Luke
      Introduction to Site Builder Site Builder is the newest innovation in vBulletin’s line of site management products. It allows an administrator user, with the correct permissions, to change and edit the content and look of their site without logging in to the AdminCP. Where Site Builder deals with the outward facing portion of a site, the AdminCP controls the nuts and bolts of the system. The Site Builder allows an administrator to add various functionalities, dictate what they do, and where they’re place...
      Mon 3rd Feb '20, 4:40pm
    Working...
    X