Generate page layouts from an accumulation of ready-to-use elements with fixed and powerful content. a design constantly includes sections, grids and content elements that 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 as being a point that is starting.
Start the Web Page Builder
The YOOtheme Pro web web page builder can be acquired for many articles. Create an empty article in Joomla and assign it ideally to your menu that is main.
There’s two how to start the page builder. One is through starting YOOtheme Pro. Browse to your article that is empty the preview from the right and start the Builder panel of YOOtheme Pro. Opening it on certainly not articles that are uncategorized induce the mistake message The Page Builder isn’t available about this web page.
You are able to start the Page Builder by editing a write-up in Joomla and then click the web web Page Builder switch. And also this works for 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 Web Page Layouts
To produce a unique web page layout from scratch click on the New Layout switch. Then you’re able to start incorporating sections that are new elements to your design.
The library button, which will open the Layout Library to import an existing layout from the library, click.
Each time you replace the layout, sticky Save web web Page and Cancel buttons look towards the top corner that is right. All layout changes since the last saving will be discarded if you cancel or leave the page builder. Preserving is only going to conserve the design of this web web page rather than the theme settings.
Because the layout is conserved straight into the article, Joomla versioning is supported out from the package. Every time a article is conserved, a brand new modification is developed immediately.
Start the article’s Versions dialog in Joomla to record all revisions associated with the article that is current.
The Layout Framework
The YOOtheme professional web page builder organizes content and its own containers in four various sorts.
| Name | definition |
|---|---|
| web Page | The web page it self may be the root possesses one or numerous sections. |
| area | Sections team content in bigger artistic obstructs. They have one or rows that are multiple. |
| Row | Rows organize content in one single or numerous columns. The columns have one or elements that are multiple. |
| Element | Elements retain the real content. There are many than 30 different sorts of elements available. |
Handling the design
Parts, rows and elements may be added, modified, copied and deleted straight into the builder. Parts and elements can furthermore be saved in the design Library for later on use. These action buttons are shown close to their associated element only if hovering it.
| Action | definition |
|---|---|
| Add | Click the plus symbol to incorporate a section that is new line or element. |
| Edit | click on the pencil icon to edit parts and rows. Click the element it self to modify it. |
| Copy | click on the content symbol to replicate a area, element or row. |
| Save in Library | Click the arrow-up icon to save your self a area or element along with its settings when you look at the Layout or Element Library. |
| Delete | click on the trash symbol to delete an area, element or row. |
| type | Reorder a part, element or row by dragging and dropping it. The move cursor shows that the element may be dragged. |
Brand brand brand New parts is produced by pressing the Add key that appears within the lower kept corner whenever 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 within the reduced right part when hovering the line. One other action buttons come in the top of right part.
brand New elements are developed by pressing the Add switch that seems in bottom-center whenever hovering the element. One other action buttons can be found in the top of right part.
Multilingual Internet Internet 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 web sites documents.