YOOtheme Pro Web Page Builder
The YOOtheme professional web page builder lets you build and design your site aesthetically, and never having to compose any rule.
Generate web page layouts from an accumulation of ready-to-use elements with fixed and powerful content. a design constantly is composed of parts, grids and content elements that may be added and arranged with drag and fall. The design collection provides a lot more than 100 pre-built web page layouts you can use being a starting place.
Start the Web Web Page Builder
The YOOtheme professional web page builder is present for many articles. Generate an empty article in Joomla and designate it ideally towards the primary menu.
There’s two techniques to open the web page builder. A person is by opening YOOtheme Pro. Browse towards the article that is empty the preview in the right and start the Builder panel of YOOtheme Pro. Starting it on certainly not articles that are uncategorized resulted in mistake message The Page Builder just isn’t available about this web web page.
You can open the Page Builder by modifying a write-up in Joomla and then click the Page Builder switch. And also this works for the Joomla front-end modifying.
Note User reports with restricted permissions can open the YOOtheme just Pro web web Page Builder without usage of other theme settings of YOOtheme professional.
Create Web Page Layouts
The New Layout button to create a new page layout from scratch click. 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 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 will simply save yourself the design associated with the web page rather than the theme settings.
Considering that the design is conserved straight when you look at the article, Joomla versioning is supported from the package. everytime 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 Pro web web page builder organizes content and its own containers in four differing kinds.
|web Page||The web web page it self could be the root and possesses one or sections that are multiple.|
|area||parts team content in bigger blocks that are visual. 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 contain the content that is actual. There are many than 30 http://www.websitetooltester.org various kinds of elements available.|
Handling the design
Parts, rows and elements could 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.
|Add||Click the plus symbol to incorporate a section that is new line or element.|
|Edit||click on the pencil icon to modify sections and rows. Go through the element it self to modify it.|
|Copy||Click the content symbol to duplicate a part, line or element.|
|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 icon to delete an area, line or element.|
|type||Reorder a part, element or row by dragging and dropping it. The move cursor suggests that the element could be dragged.|
Brand brand New sections may be produced by pressing the Add key that seems into the lower kept corner whenever hovering the area. One other action buttons appear right next to the part title.
New rows is produced by pressing the Add switch that seems into 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 switch that appears in bottom-center whenever hovering the element. One other action buttons come in top of the corner that is right.
Multilingual Internet Web Sites
Since multilingual websites require a separate web page per language, each language can show various content and also utilize another design. Go through the multilingual web sites documents.