Create web page layouts from an accumulation of ready-to-use elements with fixed and content that is dynamic. a design always comprises 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 as being a point that is starting.
Start the Web Web Page Builder
The YOOtheme professional web page builder can be obtained for several articles. Generate an empty article in Joomla and designate it ideally towards the menu that is main.
There are two main how to start the page builder. One is through starting YOOtheme Pro. Browse into the empty article in 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 isn’t available with this web web web page.
You may also start the Page Builder by modifying a write-up in Joomla and then click the web Page Builder key. and also this works for the Joomla front-end modifying.
Note consumer accounts with restricted permissions can simply start the YOOtheme Pro web Page Builder without use of other theme settings of YOOtheme Pro.
Create Web Web Page Layouts
The New Layout button to create a new page layout from scratch click. Then you’re able to 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 web Page and Cancel buttons look towards the top right corner. If you cancel or leave the web page builder, all design modifications considering that the last preserving will undoubtedly be discarded. Preserving will simply conserve the design regarding the web web page and never the theme settings.
Considering that the design is conserved straight into the article, Joomla versioning is supported out from the field. Each and every time a article is conserved, a site builder reviews brand new modification is produced automatically.
Start the article’s Versions dialog in Joomla to record all revisions of this current article.
The Layout Framework
The YOOtheme Pro web web web page builder organizes content as well as its containers in four differing kinds.
|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 blocks. 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 than 30 various kinds of elements available.|
Handling the design
Parts, rows and elements are added, modified, copied and deleted straight when you look at the builder. Parts and elements can also be saved in the design Library for later on usage. These action buttons are shown close to their associated element only once hovering it.
|Add||Click the plus symbol to include a section that is new line or element.|
|Edit||click on the pencil icon to modify sections and rows. Click 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 area or element along with its settings within the design or Element Library.|
|Delete||click on the trash symbol to delete a part, element or row.|
|Sort||Reorder a part, line or element by dragging and dropping it. The move cursor suggests that the element could be dragged.|
brand brand New parts could be produced by clicking the Add key that seems within the lower kept corner when hovering the part. One other action buttons appear right next to the area title.
New rows may be developed by pressing the Add switch that seems into the reduced corner that is right hovering the line. One other action buttons can be found in the upper right part.
brand New elements could be developed by pressing the Add key that seems in bottom-center whenever hovering the element. One other action buttons can be found in top of the right corner.
Each language can show different content and even use another layout since multilingual sites need a separate page per language. Glance at the multilingual web sites paperwork.