Generate web web page layouts from a collection of ready-to-use elements with fixed and content that is dynamic. a design constantly is comprised of parts, grids and content elements that could be added and arranged with drag and fall. The layout collection provides a lot more than 100 pre-built web page layouts you can use as being a kick off point.
Start the Web Page Builder
The YOOtheme Pro page builder can be obtained for many articles. Generate an empty article in Joomla and designate it ideally into the primary menu.
There are two main how to start the web web page builder. One 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 articles that are uncategorized resulted in error message The Page Builder just isn’t available with this web web web page.
It is possible to 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 consumer reports with restricted permissions can simply start the YOOtheme Pro web 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. You may then begin including 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 Page and Cancel buttons look at the very 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 conserve the design for the web page rather than the theme settings.
Because the layout is conserved straight in the article, Joomla versioning is supported from the field. Everytime a article is conserved, a revision that is new developed immediately.
Open the article’s Versions dialog in Joomla to list all revisions for the article that is current.
The Layout Structure
The YOOtheme professional web page builder organizes content as well as its containers in four different kinds.
|web web Page||The web page it self could be the root and possesses one or sections that are multiple.|
|area||parts team content in bigger artistic obstructs. They have one or rows that are multiple.|
|Row||Rows organize content in one single or numerous columns. The columns have one or elements that are multiple.|
|Element||Elements retain the content that is actual. There are many more than 30 different types of elements available.|
Handling the design
Parts, rows and elements is added, modified, copied and deleted 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 associated element only if hovering it.
|Add||Click the plus symbol to incorporate a section that is new row 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 a area, row or element.|
|Save in Library||Click the arrow-up icon to save your self an area or element along with its settings within 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 could be dragged.|
Brand New parts could be produced by pressing the Add switch that seems within the lower kept corner whenever hovering the part. One other action buttons appear right next to the part title.
New rows could be developed by pressing the Add switch that seems within the reduced corner that is right hovering the row. One other action buttons come in top of the right part.
Brand brand New elements may be produced by pressing the Add key that appears in bottom-center whenever hovering the element. One other action buttons can be found in the top of 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. Glance at the sites that are multilingual.