YOOtheme Pro Web Web Page Builder
The YOOtheme professional page builder enables you to build and design your internet site aesthetically, without the need to compose any rule.
Create web page layouts from an accumulation of ready-to-use elements with fixed and dynamic content. a layout constantly is composed of parts, grids and content elements that could be added and arranged with drag and fall. The design library provides significantly more than 100 pre-built page layouts you can use as being a kick off point.
Start the Web Web Page Builder
The YOOtheme professional web page builder can be acquired for several articles. Generate an empty article in Joomla and designate it ideally into the primary menu.
There’s two techniques to start the web web page builder. One is through opening YOOtheme Pro. Browse towards the empty article in the preview in the right and start the Builder panel of YOOtheme Pro. Starting it on certainly not uncategorized articles will resulted in mistake message The Page Builder just isn’t available with this web web page.
You may also start the Page Builder by modifying a write-up in Joomla and then click the web web Page Builder switch. And also this works well with the Joomla front-end modifying.
Note consumer records with restricted permissions can simply start the YOOtheme Pro Page Builder without usage of other theme settings of YOOtheme professional.
Create Web Page Layouts
The New Layout button to create a new page layout from scratch click. After that you can begin adding brand new parts and elements to your design.
To import a preexisting layout through the library, click on the Library key, that may open the Layout Library.
Each time you replace the design, sticky Save web Page and Cancel buttons look at the very top right corner. If you cancel or leave the web page builder, all design modifications considering that the final preserving may be discarded. Preserving is only going to conserve the design for the web page rather than the theme settings.
Because the design is conserved straight within the article, Joomla versioning is supported from the package. Each and every time a article is conserved, a revision that is new produced immediately.
Start the article’s Versions dialog in Joomla to record all revisions for the article that is current.
The Layout Structure
The YOOtheme professional web page builder organizes content and its particular containers in four various types.
|web web Page||The web page it self may be the root and possesses one or multiple parts.|
|area||parts team content in bigger artistic obstructs. They have one or numerous rows.|
|Row||Rows organize content within one or numerous columns. The columns have one or elements that are multiple.|
|Element||Elements support the real content. There are many than 30 various kinds of elements available.|
Handling the design
Parts, rows and elements may be added, modified, deleted and copied straight when you look at the builder. Parts and elements can be saved in additionally the design Library for later on usage. These action buttons are shown close to their associated element only if hovering it.
|Add||Click the plus symbol to incorporate a section that is new row or element.|
|Edit||click on the pencil icon to modify sections and rows. Go through the element it self to modify it.|
|Copy||click on the content symbol to replicate a part, line or element.|
|Save in Library||Click the icon that is arrow-up save your self an area or element along with its settings when you look at the design or Element Library.|
|Delete||click on the trash icon to delete an area, line or element.|
|Sort||Reorder a part, element or row by dragging and dropping it. The move cursor shows that the element may be dragged.|
brand brand New parts could be developed by clicking the Add key that seems within the lower kept corner whenever hovering the area. One other action buttons appear right next to the area title.
New rows could be produced by pressing the Add key that seems within the reduced right part when hovering the line. One other action buttons come in top of the corner that is right.
Brand brand New elements are developed by pressing the Add switch that seems in bottom-center whenever hovering the element. One other action buttons come in top of the right part.
Multilingual Web Sites
Each language can show different content and even use another layout since multilingual sites need a separate page per language. Glance at the multilingual internet sites documents.