Generate web web web page layouts from an accumulation of ready-to-use elements with fixed and powerful content. a design constantly comprises of parts, grids and content elements that may be added and arranged with drag and fall. The website builder tools discount design collection provides significantly more than 100 pre-built web page layouts you can use as a point that is starting.
Start the Page Builder
The YOOtheme professional page builder is present for several articles. Generate an empty article in Joomla and designate it preferably towards the menu that is main.
There are two main approaches to open the web web web page builder. A person is by starting YOOtheme Pro. Browse into the article that is empty the preview from the right and start the Builder panel of YOOtheme Pro. Starting it on certainly not articles that are uncategorized induce the error message The Page Builder is certainly not available with this page.
You could start the Page Builder by modifying a write-up in Joomla and then click the web web Page Builder key. And also this works well with the Joomla front-end modifying.
Note consumer reports with restricted permissions can open the YOOtheme just Pro Page Builder without use of other theme settings of YOOtheme professional.
Create Page Layouts
To generate an innovative new web page design from scratch click on the New Layout key. After that you can begin incorporating sections that are new elements to your layout.
To import a preexisting design through the library, click on the Library switch, that will open the Layout Library.
Each time you replace the design, sticky Save web web Page and Cancel buttons look at the very top corner that is right. If you cancel or leave the web page builder, all design modifications considering that the final preserving will soon be discarded. Preserving will simply save yourself the design regarding the web page rather than the theme settings.
Considering that the design is conserved straight when you look at the article, Joomla versioning is supported from the package. Each and every time a article is conserved, a new modification is developed immediately.
Start the article’s Versions dialog in Joomla to record all revisions of this present article.
The Layout Structure
The YOOtheme Pro web page builder organizes content and its particular containers in four differing kinds.
| Name | definition |
|---|---|
| web web Page | The web web page it self could be the root possesses one or sections that are multiple. |
| area | parts team content in bigger blocks that are visual. They have one or numerous rows. |
| Row | Rows organize content in one single or columns that are multiple. The columns have one or numerous elements. |
| Element | Elements retain the content that is actual. There are many more than 30 various kinds of elements available. |
Handling the design
Parts, rows and elements could be added, modified, copied and deleted straight within the builder. Parts and elements can be saved in additionally the design Library for later on usage. These action buttons are presented next to their related element only if hovering it.
| Action | definition |
|---|---|
| Add | Click the plus symbol to include a brand new part, line or element. |
| Edit | click on the pencil icon to modify parts and rows. Go through the element it self to modify it. |
| Copy | click on the content symbol to replicate a part, element or row. |
| Save in Library | Click the icon that is arrow-up save your self a part or element along with its settings within the design or Element Library. |
| Delete | click on the trash symbol to delete a part, line or element. |
| type | Reorder a section, element or row by dragging and dropping it. The move cursor shows that the element may be dragged. |
Brand brand New parts may be developed by pressing the Add key that seems into the lower kept corner when hovering the part. One other action buttons appear right next to the area title.
New rows may be developed by pressing the Add key that seems into the reduced right part when hovering the line. One other action buttons come in top of the right part.
Brand New elements could be developed by clicking the Add switch that seems in bottom-center whenever hovering the element. One other action buttons can be found in top of the right part.
Multilingual Internet Internet Sites
Since multilingual sites require an independent web page per language, each language can show different content and also utilize another layout. Consider the sites that are multilingual.