Generate web page layouts from a collection of ready-to-use elements with fixed and content that is dynamic. a design constantly includes 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 kick off point.
Start the Web Page Builder
The YOOtheme professional web page builder can be obtained for many articles. Generate an empty article in Joomla and designate it ideally towards the menu that is main.
There are 2 techniques to start the web page builder. One is through starting YOOtheme Pro. Browse to your empty article in the preview from the right and open the Builder panel of YOOtheme Pro. Starting it on certainly not uncategorized articles will result in the mistake message The Page Builder isn’t available with this web page.
You can start the Page Builder by modifying a write-up in Joomla and click the web web web Page Builder key. and also this works well with the Joomla front-end editing.
Note consumer reports with restricted permissions can open the YOOtheme just Pro web Page Builder without usage of other theme settings of YOOtheme professional.
Create Page Layouts
To generate a fresh web page design from scratch click on the New Layout key. After that you can begin including sections that are new elements to your design.
To import a preexisting design through the library, click on the Library key, that will open the Layout Library.
Each time you replace the design, sticky Save web 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 are going to be discarded. Preserving is only going to save yourself the design associated with the web web page and never the how to create a website theme settings.
Considering that the design 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 produced immediately.
Start the article’s Versions dialog in Joomla to record all revisions regarding the article that is current.
The Layout Framework
The YOOtheme professional page builder organizes content and its particular containers in four types that are different.
| Name | definition |
|---|---|
| web Page | The web web page it self may be the root and possesses one or numerous parts. |
| area | Sections 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 retain the real content. There are many more than 30 various kinds of elements available. |
Handling the design
Sections, rows and elements may be added, modified, deleted and copied straight within the builder. Parts and elements can also be conserved in the design Library for later on usage. These action buttons are exhibited close to their associated element only if hovering it.
| Action | definition |
|---|---|
| Add | Click the plus symbol to incorporate a brand new area, line or element. |
| Edit | click on the pencil icon to modify parts and rows. Click 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 your self 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, element or row by dragging and dropping it. The move cursor suggests that the element is dragged. |
Brand brand New parts could be produced 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 are produced by pressing the Add switch that seems within the reduced corner that is right hovering the line. One other action buttons can be found in top of the corner that is right.
Brand brand New elements could be developed by pressing the Add switch that seems in bottom-center whenever hovering the element. One other action buttons come in the upper right part.
Multilingual Web Web Internet Sites
Since multilingual websites require a different web page per language, each language can show various content and also utilize another design. Consider the multilingual web sites documents.
Comments 0