YOOtheme Pro Web Web Page Builder
The YOOtheme professional web page builder lets you build and design your site aesthetically, without the need to compose any rule.
Generate web web web page layouts from an accumulation of ready-to-use elements with fixed and content that is dynamic. a design always consist of parts, grids and content elements that could be added and arranged with drag and fall. The design collection provides a lot more than 100 pre-built web web page layouts you can use being a point that is starting.
Start the Web Page Builder
The YOOtheme professional web web page builder can be obtained 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 web page builder. A person 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 trigger the error message The Page Builder is certainly not available about this web web page.
It is possible to start the Page Builder by modifying articles 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 web Page Builder without use of other theme settings of YOOtheme professional.
Create Web Web Page Layouts
The New Layout button to create a new page layout from scratch click. After that you can begin including brand new parts and 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, linked here sticky Save web Page and Cancel buttons look at the very top right corner. All layout changes since the last saving will be discarded if you cancel or leave the page builder. Preserving is only going to save yourself the layout of this web web page rather than the theme settings.
Considering that the design is conserved directly when you look at the article, Joomla versioning is supported out from the box. Each and 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 present article.
The Layout Framework
The YOOtheme Pro web web page builder organizes content and its particular containers in four many types.
| web web web Page | The web web page it self may be the root and possesses one or numerous parts. |
| area | parts team content in bigger blocks that are visual. They have one or numerous rows. |
| 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 than 30 several types of elements available. |
Handling the design
Parts, rows and elements could be added, edited, copied and deleted straight when you look at the builder. Sections and elements can furthermore be conserved in the design Library for later on usage. These action buttons are presented close to their associated element only if hovering it.
| 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 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 an area, element or row. |
| type | Reorder a part, line or element by dragging and dropping it. The move cursor shows that the element could be dragged. |
Brand brand New parts may be developed by pressing the Add key that seems within the lower kept corner whenever hovering the area. One other action buttons appear right next to the part title.
New rows may be developed by clicking 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 may be developed by pressing the Add key that seems in bottom-center whenever hovering the element. One other action buttons come in top of the corner that is right.
Multilingual Web 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 documents.