YOOtheme Pro Web Web 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.

Create web page layouts from an accumulation of ready-to-use elements with static 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 drop. The design collection provides a lot more than 100 pre-built web page layouts you can use as a point that is starting.

Start the Web Web Web Page Builder

The YOOtheme professional web web page builder can be acquired for all articles. Create an empty article in Joomla and designate it ideally to your primary menu.

There’s two techniques to start the web web page builder. A person is through 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 resulted in mistake message The Page Builder isn’t available with this web web page.

You’ll be able to start the Page Builder by modifying a write-up in Joomla and then click the web web web Page Builder switch. This also works well with the Joomla front-end modifying.

Note consumer records with limited permissions can open the YOOtheme just Pro web Page Builder without usage of other theme settings of YOOtheme professional.

Create Web Page Layouts

To produce a brand new web page design from scratch click on the New Layout key. After that you can begin incorporating brand new sections and elements to your design.

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

Each time you replace the design, sticky Save 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 will simply save yourself the design associated with web web web page and never the theme settings.

Considering that the layout is conserved straight into the article, Joomla versioning compare website builder is supported out from the package. Every time a article is saved, a brand new modification is developed automatically.

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 web page builder organizes content as well as its containers in four many types.

Name definition

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 bigger blocks that are visual. They contain one or rows that are multiple.
Row	Rows organize content in a 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 various kinds of elements available.

Handling the design

Parts, rows and elements may be added, modified, copied and deleted straight when you look at the builder. Parts and elements can also be conserved in the design Library for later on usage. These action buttons are presented close to their associated element only once hovering it.

Action definition

Add	Click the plus symbol to incorporate a brand new part, line or element.
Edit	click on the pencil icon to modify parts and rows. Go through the element it self to modify it.
Copy	click on the content symbol to replicate an area, line or element.
Save in Library	Click the arrow-up symbol to save yourself a part or element along with its settings within the design or Element Library.
Delete	click on the trash symbol to delete a part, line or element.
type	Reorder a part, element or row by dragging and dropping it. The move cursor shows that the element may be dragged.

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

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

brand brand New elements may be developed by pressing the Add key that seems in bottom-center whenever hovering the element. The other action buttons can be found in top of the corner that is right.

Multilingual Internet 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 multilingual web sites paperwork.