Generate page layouts from an accumulation of ready-to-use elements with fixed and content that is dynamic. a design constantly is made from parts, grids and elements that are content may be added and arranged with drag and fall. The layout library provides a lot more site builders rank blog than 100 pre-built web web page layouts you can use as a point that is starting.
Start the Web Page Builder
The YOOtheme professional web web page builder can be acquired for several articles. Generate an empty article in Joomla and designate it ideally into the menu that is main.
There are 2 approaches to start the web page builder. A person is by starting YOOtheme Pro. Browse to your article that is empty the preview regarding the right and start the Builder panel of YOOtheme Pro. Starting it on anything but uncategorized articles will trigger the mistake message The Page Builder just isn’t available with this web page.
You could start the Page Builder by modifying a write-up in Joomla and then click the 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 Pro.
Create Web Web Web Page Layouts
To produce a new web page design from scratch click on the New Layout switch. Then you’re able to begin 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 design, sticky Save web web Page and Cancel buttons look towards the top corner that is right. If you cancel or leave the web page builder, all design modifications considering that the final preserving will undoubtedly be discarded. Preserving will simply conserve the design regarding the web page and never the theme settings.
Considering that the layout is saved straight within the article, Joomla versioning is supported out from the package. every time a article is conserved, a revision that is new developed immediately.
Start the article’s Versions dialog in Joomla to record all revisions of this article that is current.
The Layout Framework
The YOOtheme professional web page builder organizes content as well as its containers in four types that are different.
| Name | definition |
|---|---|
| web Page | The web page it self may be the root and possesses one or numerous parts. |
| area | parts team content in bigger artistic obstructs. 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 real content. There are many more than 30 different sorts of elements available. |
Handling the design
Parts, rows and elements is 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 presented close to their related element only if hovering it.
| Action | explanation |
|---|---|
| Add | Click the plus symbol to include a section that is new row 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 arrow-up icon to conserve a part or element along with its settings within the design or Element Library. |
| Delete | click on the trash symbol to delete a area, element or row. |
| type | Reorder a section, element or row by dragging and dropping it. The move cursor suggests that the element may be dragged. |
brand New parts are produced by pressing the Add key that seems within the lower kept corner when hovering the area. One other action buttons appear right next to the area name.
New rows could be produced by pressing the Add switch that seems within the reduced right part when hovering the row. One other action buttons can be found in the top of corner that is right.
Brand New elements may be developed by pressing the Add switch that appears in bottom-center whenever hovering the element. One other action buttons come in the top of corner that is right.
Multilingual Web Internet Sites
Each language can show different content and even use another layout since multilingual sites need a separate page per language. Go through the multilingual internet sites paperwork.