Quick startThis chapter outlines the different functions of bluetronix software. The software is installed ready-to-use and provides templates for your first homepage. You can start immediately customising your own website.
Edit mode – login to the CMSFirst open your Internet Explorer and type the address of your website, e. g. www.yourdomain.com.
You will find this information in your access details. Enter /edit/ in the address bar of your browser, e. g. www.yourdomain.com/edit.
After entering your user name and password, proceed by clicking the Login button.
After successfully logging into the bluetronix software, you are now in ‘edit’ mode. The top part of the page shows the main menu while the bottom part displays your website ready to be edited. Main menu
Edit buttonsAfter successfully logging into the bluetronix software, you are now in ‘edit’ mode. The top part of the page shows the main menu while the bottom part displays your website ready to be edited.
When moving the mouse cursor over a button, additional information will show up. The edit button for example shows the file name of the site you are currently editing. Editing a pageThe following example shows how to edit the ‘index’ page. Navigate to the page and open the editor by clicking on
The editor provides text and web specific functions. You can write and design text or copy text from external text sources. Write a text as usual or insert an image. To save your changes press the After your modification has been saved, the site is immediately accessible online. Please refer to the chapter called website editor for a detailed description of how to handle the editor. Editing a data recordThe editor allows you to edit data sets from the shopping-cart system, the news page or the guest book. The following example shows the change of a News page entry. To navigate to the news page, just click at Newspage.
The news page with two data sets (data set 1 with red frame and data set 2 with green frame) and the respective edit buttons You can edit the content of a data set by clicking on the data set edit icon
After you have modified your data, for example you have changed the topic or an image, save the new content by clicking on the
The icons
For further information regarding databases and dynamic sites please refer to the chapters Database, Dynamic sites and Basics about modules. Editing the menu – Changing the navigation barThis example shows how to insert another menu item into the navigation bar. Dynamic menus that are in edit mode show the
Clicking the
To show the functionality of the editor let’s create a new menu entry called ‘Contact’ right below the ’News page’ entry. To insert a new menu entry, click onto ‘News page’ and then on Enter a name for the menu item (‘Contact’) in the blank field. Finally save your changes by clicking on ‘Save´.
After closing the menu editor you can double check the result on your homepage. A detailed description of creating and designing a menu can be found in the chapter Dynamic menus. Changing the layout – using a layout templateDepending on your subscription, a number of design templates are available. Find the
First select a design and confirm your choice by clicking on Load layout. Close the layout window and double-check the result by opening your homepage.
A simple method to change a layout is provided by the Style Assistant
The bluetronix software includes a user friendly interface to create and design an individual layout. It is possible to fit different layouts within different sites, like the shopping-cart system’s sites. Furthermore a CSS editor is part of the application and can be used without knowledge of the programming language. For further information about creating layouts please refer to the chapter Website layout. Displaced display – screen resolutionAt a screen resolution of 120 dpi or different font size settings in the browser might shift the display of fonts within the page. In order to make optimal use of bluetronix software, you can adjust the font size within the main menu
Adjust the size of your fonts so that the text does not overlap the grid lines, as shown in the picture above.
|