YOOtheme Pro Web Web Page Builder

The YOOtheme professional web page builder lets you build and design your site aesthetically, and never have to write any rule.

Create 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 a lot more than 100 pre-built web page layouts you can use as being a point that is starting.

Open the Web Page Builder

The YOOtheme professional web page builder can be obtained for many articles. Generate an empty website builder tools article in Joomla and assign it ideally to your menu that is main.

There are two main techniques to start the web page builder. One is through starting YOOtheme Pro. Browse to your empty article in the preview from the right and start the Builder panel of YOOtheme Pro. Starting it on certainly not articles that are uncategorized trigger the mistake message The Page Builder just isn’t available about this web web page.

You can start the Page Builder by modifying a write-up in Joomla and then click the Page Builder key. And also this works well with the Joomla front-end modifying.

Note User records with limited permissions can simply start the YOOtheme Pro web web web Page Builder without usage of other theme settings of YOOtheme professional.

Create Web Web Web Page Layouts

To produce a brand new web page design from scratch click on the New Layout switch. Then you can 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 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. Saving will simply conserve the design of this page and never the theme settings.

Considering that the design is conserved straight within the article, Joomla versioning is supported out from the field. Every time a article is conserved, a revision that is new developed immediately.

Open the article’s Versions dialog in Joomla to record all revisions of this article that is current.

The Layout Framework

The YOOtheme professional web page builder organizes content and its particular containers in four types that are different.

Name definition
Page The web page it self could be the root and possesses one or numerous parts.
Section Sections team content in bigger blocks that are visual. They have one or numerous rows.
Row Rows organize content in one single or numerous columns. The columns have one or elements that are multiple.
Element Elements support the content that is actual. There are many than 30 different sorts of elements available.

Handling the design

Parts, rows and elements could be added, modified, deleted and copied straight when you look at the builder. Parts and elements can furthermore be conserved in the Layout Library for later on use. These action buttons are exhibited close to their related element only if hovering it.

Action definition
Add Click the plus symbol to include a section that is new line 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, 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 a part, element or row.
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 sections may be produced by pressing the Add switch that seems into the lower kept corner whenever hovering the part. One other action buttons appear right next to the part title.

New rows could be produced by pressing the Add key that seems in the reduced corner that is right hovering the line. One other action buttons can be found in top of the corner that is right.

New elements could be produced by clicking the Add switch 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. Glance at the sites that are multilingual.