YOOtheme Pro

YOOtheme Pro Web Page Builder

The YOOtheme professional web page builder enables you to build and design your internet site aesthetically, without the need to compose any rule.

Generate web page layouts from an accumulation of ready-to-use elements with fixed and dynamic content. a design constantly comprises 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 web page layouts you can use being a kick off point.

Start the Web Web Page Builder

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

There are two main methods to start the web page builder. One is by starting YOOtheme Pro. Browse towards the article that is empty the preview in the right and start the Builder panel of YOOtheme Pro. Starting it on certainly not articles that are uncategorized cause the mistake message The Page Builder isn’t available with this web web web page.

You may 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 reports 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 fresh web page design from scratch click on the New Layout switch. Then you’re able to begin incorporating brand new parts and elements to your layout.

To import a current design through the library, click on the Library key, that may open the Layout Library.

Each time you replace the design, sticky Save web Page and Cancel buttons look towards the top corner that is right. If you cancel or leave the web page builder, all design modifications because the last preserving may be discarded. Preserving will simply save your self the design associated with web page rather than the theme settings.

Considering that the design is conserved directly within the article, Joomla versioning is supported out from the field. Everytime a article is conserved, a brand new modification is produced immediately.

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

The Layout Structure

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

Name definition
web web Page The web web web page it self may be the root and possesses one or sections that are multiple.
area parts team content in bigger artistic blocks. They have one or numerous rows.
Row Rows organize content in a single or columns that are multiple. The columns have one or numerous elements.
Element Elements support the real content. There are many more than 30 several types of elements available.

Handling the design

Parts, rows and elements is added, modified, copied and deleted straight within the builder. Parts and elements can be saved in additionally the design Library for later on usage. These action buttons are presented next to their associated element only if hovering it.

Action explanation
Add Click the plus symbol to include a brand new part, line or element.
Edit Click 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 part, element or row.
Save in Library Click the icon that is arrow-up save your self a area 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, element or row by dragging and dropping it. The move cursor shows that the element could be dragged.

Brand free website builder New parts could be produced by pressing the Add key that seems within the lower kept corner whenever hovering the area. One other action buttons appear right next to the area title.

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

Brand brand New elements may be produced by clicking the Add key that seems in bottom-center whenever hovering the element. One other action buttons can be found in top of the right part.

Multilingual Web Internet Sites

Since multilingual websites require a different web page per language, each language can show various content and also utilize another design. Glance at the sites that are multilingual.