YOOtheme Pro

YOOtheme Pro Web Page Builder

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

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

Open the Web Web Page Builder

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

There are 2 techniques to start the web web page builder. One 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. Opening it on anything but articles that are uncategorized induce the mistake message The Page Builder is certainly not available with this web web page.

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

Note User records with restricted permissions can open the YOOtheme just Pro web Page Builder without use of other theme settings of YOOtheme professional.

Create Web Page Layouts

The New Layout button to create a new page layout from scratch click. Then you're able to begin incorporating 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 web Page and Cancel buttons look towards the top right corner. All layout changes since the last saving will be discarded if you cancel or leave the page builder. Preserving is only going to save yourself the design regarding the web web web page rather than the theme settings.

Considering that the layout is conserved straight when you look at the article, Joomla versioning is supported from the package. 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 regarding the current article.

The Layout Framework

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

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

Handling the design

Parts, rows and elements is added, edited, 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 close to their associated element only if hovering it.

Action explanation
Add Click the plus icon to incorporate a brand new area, line or element.
Edit Click the pencil icon to modify sections and rows. Go through the element it self to modify it.
Copy Click the copy symbol to replicate a part, element or row.
Save in Library Click the arrow-up symbol to save your self an area 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.
Sort Reorder a part, row or element by dragging and dropping it. The move cursor shows that the element could be dragged.

Brand brand New parts may be created by pressing the Add key that seems into the lower kept corner whenever hovering the part. One other action buttons appear right next best website builder 2017 to the part title.

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

Brand brand New elements could be developed by pressing the Add switch that seems in bottom-center whenever hovering the element. One other action buttons come in top of the right part.

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