The YOOtheme professional web page builder lets you build and design your site aesthetically, and never have to compose any rule.
Generate web web page layouts from an accumulation of ready-to-use elements with fixed and content that is dynamic. a design always is comprised of parts, grids and elements that are content could be added and arranged with drag and fall. The design collection provides significantly more than 100 pre-built web page layouts you can use as being a starting place.
Start the Web Page Builder
The YOOtheme professional web page builder is present for many articles. Create an empty article in Joomla and designate it preferably towards the menu that is main.
There are two approaches to open the web page builder. One is through opening YOOtheme Pro. Browse to your empty article in the preview from the right and start the Builder panel of YOOtheme Pro. Opening it on certainly not uncategorized articles will resulted in mistake message The Page Builder isn’t available about this web web page.
You’ll be able to start the Page Builder by editing a write-up in Joomla and then click the web Page Builder key. and also this works well with the Joomla front-end modifying.
Note consumer reports with limited permissions can open the YOOtheme just Pro web Page Builder without usage 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. You may then begin incorporating new parts and elements to your design.
To import a current design through the library, click on the Library switch, that will open the Layout Library.
Each time you replace the design, 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 will simply save your self the design associated with the web web page and never the theme settings.
Considering that the design is conserved straight when you look at the article, Joomla versioning is supported from the box. Every time a article is conserved, a revision that is new developed automatically.
Start the article’s Versions dialog in Joomla to record all revisions regarding the article that is current.
The Layout Framework
The YOOtheme professional web web page builder organizes content and its own containers in four types that are different.
| Name | definition |
|---|---|
| web Page | The web page it self may be the root possesses one or numerous parts. |
| Section | Sections group content in larger artistic obstructs. They have one or numerous rows. |
| Row | Rows organize content in one single or multiple columns. 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, modified, copied and deleted directly into the builder. Parts and elements can be saved in additionally the Layout Library for later on usage. These action buttons are shown close to their related element only once 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 modify parts and rows. Go through the element itself to modify it. |
| Copy | click on the copy icon to duplicate an area, element or row. |
| Save in Library | Click the arrow-up symbol to conserve 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, 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 New parts may be developed by pressing the Add key that seems into the lower kept corner whenever hovering the part. One other action buttons appear right how to create a website for free next to the area title.
New rows may be created by pressing the Add key that seems within the reduced corner that is right hovering the line. One other action buttons come in the top of corner that is right.
Brand New elements could be produced by pressing the Add key that seems in bottom-center whenever hovering the element. One other action buttons can be found in the top of right part.
Multilingual 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 paperwork.