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

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

Generate web web page layouts from an accumulation of ready-to-use elements with fixed and dynamic content. a design constantly comes with 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 Web Page Builder

The YOOtheme Pro web page builder is available for several articles. Generate an empty article in Joomla and designate it ideally to your menu that is main.

There are two main how to start the page builder. One is through starting YOOtheme Pro. Browse towards the article that is empty the preview regarding 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 page.

You can even open the Page Builder by modifying a write-up in Joomla and then click the web web Page Builder switch. And also this works for the Joomla front-end editing.

Note consumer reports with restricted permissions can just start the YOOtheme Pro Page Builder without use of other theme settings of YOOtheme professional.

Create Page Layouts

The New Layout button to create a new page layout from scratch click. After that you can 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 appear at the very top right corner. If you cancel or leave the web page builder, all design modifications because the final saving would be discarded. Preserving will simply conserve the design associated with web page rather than the theme settings.

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

Start the article’s Versions dialog in Joomla to record all revisions associated with article that is current.

The Layout Framework

The YOOtheme professional page builder organizes content as well as its containers in four different kinds.

Name definition
web web Page The web web page it self may be the root and possesses one or sections that are multiple.
area parts team content in larger blocks that are visual. They have one or rows that are multiple.
Row Rows organize content in a single or numerous columns. The columns have one or numerous elements.
Element Elements retain the actual content. There are many than 30 various kinds of elements available.

Handling the design

Parts, rows and elements are added, modified, deleted and copied straight within the builder. Parts and elements can furthermore be saved in the Layout Library for later on usage. These action buttons are exhibited close to their associated element only once hovering it.

html site builder

Action explanation
Add Click the plus symbol to include a brand new area, line or element.
Edit click on the pencil icon to modify parts and rows. Go through the element it self to edit it.
Copy click on the content symbol to replicate a area, line or element.
Save in Library Click the icon that is arrow-up save your self an area or element along with its settings into the Layout 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 shows that the element could be dragged.

Brand brand brand New parts could be developed by pressing the Add key that seems within the lower kept corner whenever hovering the part. The other action buttons appear right next to the part title.

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

Brand brand brand New elements may be produced by pressing the Add switch that appears in bottom-center whenever hovering the element. One other action buttons come in top of the corner that is right.

Multilingual Web Internet Web 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 documents.