Generate web web 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 elements that are content may be added and arranged with drag and fall. The design collection provides significantly more than 100 pre-built web web page layouts you can use as a point that is starting.
Start the Web Web Page Builder
The YOOtheme professional web web page builder is present for many articles. Generate an empty article in Joomla and designate it ideally to your menu that is main.
There are 2 techniques to start the web page builder. A person is through starting YOOtheme Pro. Browse to your 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 result in the mistake message The Page Builder is certainly not available with this page.
You are able to start the Page Builder by modifying a write-up in Joomla and then click the web web Page Builder switch. And also this works well with the Joomla front-end modifying.
Note consumer records with restricted permissions can open the YOOtheme just Pro web web Page Builder without use of other theme settings of YOOtheme professional.
Create Web Web Page Layouts
To produce a brand new web page design from scratch click on the New Layout key. Then you’re able to begin incorporating sections that are new elements to your design.
To import a preexisting layout from the library, click on the Library key, 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 is only going to conserve the design for the web web page and never the theme settings.
Considering that the design is conserved straight into the article, Joomla versioning is supported from the package. Each and every time a article is conserved, a revision that is new produced immediately.
Start the article’s Versions dialog in Joomla to record all revisions associated with present article.
The Layout Framework
The YOOtheme professional web page builder organizes content and its own containers in four different kinds.
|web web Page||The web page it self could be the root and possesses one or numerous parts.|
|area||parts team content in bigger blocks that are visual. They contain one or rows that are multiple.|
|Row||Rows organize content in a single or columns that are multiple. The columns contain one or elements that are multiple.|
|Element||Elements support the content that is actual. There are many more than 30 various kinds of elements available.|
Handling the design
Parts, rows and elements may be added, modified, deleted and copied directly within the builder. Parts and elements can be saved in additionally the design Library for later on usage. These action buttons are exhibited close to their associated element only once hovering it.
|Add||Click the plus symbol to incorporate a brand new part, 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 area, element or row.|
|Save in Library||Click the arrow-up symbol to conserve a part or element along with its settings into the design or Element Library.|
|Delete||click on the trash symbol to delete an area, line or element.|
|type||Reorder a part, row or element by dragging and dropping it. The move cursor suggests that the element may be dragged.|
brand brand New parts may be produced by pressing the Add switch that appears within the lower kept corner whenever hovering the part. One other action buttons appear right next to the section title.
New rows could be produced by pressing the Add key that seems into the reduced right part when hovering the line. One other action buttons come in top of the corner that is right.
New elements could be produced by pressing the Add switch that seems in bottom-center whenever hovering the element. One other action buttons can be found in top of the corner that is right.
Multilingual Internet Internet 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.