Generate web page layouts from an accumulation of ready-to-use elements with static and content that is dynamic. a design constantly is comprised of parts, grids and elements that are content may be added and arranged with drag and drop. The design collection provides a lot more than 100 pre-built web web page layouts you can use as a point that is starting.
Start the Web Web Web Page Builder
The YOOtheme Pro 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 two main approaches to start the page builder. One is by starting YOOtheme Pro. Browse towards 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 just isn’t available about this web web page.
You may want to start the Page Builder by modifying articles in Joomla and then click the web web Page Builder switch. And also this works for the Joomla front-end modifying.
Note consumer records with restricted permissions can open the YOOtheme just Pro web web web Page he said Builder without usage of other theme settings of YOOtheme professional.
Create Web Web Web Page Layouts
The New Layout button to create a new page layout from scratch click. You may then begin incorporating sections that are new 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 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 layout associated with the web page rather than the theme settings.
Since the design is conserved straight into the article, Joomla versioning is supported out 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 the article that is current.
The Layout Framework
The YOOtheme professional web page builder organizes content and its own containers in four different kinds.
|web Page||The web page it self could be the root and possesses one or sections that are multiple.|
|area||Sections team content in bigger artistic obstructs. They have one or rows that are multiple.|
|Row||Rows organize content within one or numerous columns. The columns have one or numerous elements.|
|Element||Elements support the content that is actual. There are many more than 30 various kinds of elements available.|
Handling the Layout
Parts, rows and elements may be added, modified, deleted and copied straight within the builder. Sections and elements can furthermore be conserved in the design Library for later on usage. These action buttons are shown close to their related element only if hovering it.
|Add||Click the plus icon to incorporate a section that is new line or element.|
|Edit||click on the pencil icon to edit parts and rows. Go through the element it self to modify it.|
|Copy||click on the content icon to replicate an area, line or element.|
|Save in Library||Click the arrow-up symbol to conserve a area or element along with its settings into the design or Element Library.|
|Delete||click on the trash symbol to delete a part, line or element.|
|Sort||Reorder a part, element or row by dragging and dropping it. The move cursor suggests that the element could be dragged.|
Brand brand New parts may be produced by pressing the Add switch that appears into the lower left corner whenever hovering the part. One other action buttons appear right next to the area title.
New rows could be produced by clicking the Add key that seems into the reduced right part when hovering the line. One other action buttons can be found in top of the right corner.
Brand New elements are developed 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 corner that is right.
Multilingual Internet Sites
Each language can show different content and even use another layout since multilingual sites need a separate page per language. Consider the multilingual internet sites paperwork.