Generate web web web page layouts from an accumulation of ready-to-use elements with fixed and powerful content. a design constantly consist of parts, grids and elements that are content may be added and arranged with drag and fall. The design collection provides significantly more than 100 pre-built web web page layouts you can use being a point that is starting.
Open the Web Web Page Builder
The YOOtheme professional page builder can be obtained for many articles. Generate an empty article in Joomla and designate it preferably towards the menu that is main.
There’s two how to start the web web web page builder. One is by starting YOOtheme Pro. Browse into the article that is empty the preview in the right and start the Builder panel of YOOtheme Pro. Starting it on certainly not uncategorized articles will induce the mistake message The Page Builder just isn’t available with this page.
You can start the Page Builder by editing an article in Joomla and then click the web web Page Builder switch. And also this works well with the Joomla front-end modifying.
Note consumer reports with restricted permissions can simply start the YOOtheme Pro web web Page Builder without use 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 incorporating sections that are new elements to your design.
To import a current layout through the library, click on the Library key, that will open the Layout Library.
Each time you replace the design, sticky Save web Page and Cancel buttons look towards the top right corner. If you cancel or leave the web page builder, all design modifications because the final preserving may be discarded. Preserving will simply conserve the design for the web page rather than the theme settings.
Because the design is saved directly 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 web page builder organizes content and its own containers in four types that are different.
|web web Page||The web web web page it self could be the root and possesses how to create a new website one or numerous parts.|
|area||parts team content in bigger artistic obstructs. They have one or rows that are multiple.|
|Row||Rows organize content in a single or columns that are multiple. The columns have one or elements that are multiple.|
|Element||Elements support the content that is actual. There are many than 30 several types of elements available.|
Handling the design
Parts, rows and elements may be added, modified, deleted and copied directly into the builder. Parts and elements can furthermore be conserved in the design Library for later on usage. These action buttons are presented close to their related element only once hovering it.
|Add||Click the plus symbol to include a section that is new line 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 an area, element or row.|
|Save in Library||Click the icon that is arrow-up save yourself a part or element along with its settings when you look at the design or Element Library.|
|Delete||click on the trash symbol to delete a part, line or element.|
|type||Reorder a part, line or element by dragging and dropping it. The move cursor suggests that the element could be dragged.|
New parts could be developed by pressing the Add key that seems into the lower kept corner whenever hovering the part. One other action buttons appear right next to the area title.
New rows may be created by pressing the Add key that seems within the reduced corner that is right hovering the line. One other action buttons come in top of the right corner.
Brand New elements could be produced by pressing the Add key that seems in bottom-center whenever hovering the element. One other action buttons come in the top of 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. Consider the multilingual websites paperwork.