YOOtheme Pro

YOOtheme Pro Web Web Web Page Builder

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

Generate page layouts from an accumulation of ready-to-use elements with fixed and powerful content. a design constantly is made of parts, grids and content elements that may be added and arranged with drag and fall. The layout collection provides a lot more than 100 pre-built page layouts you can use being a point that is starting.

Start the Web Web Page Builder

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

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

It is possible to start the Page Builder by modifying a write-up in Joomla and then click the web web Page Builder key. This also works well with the Joomla front-end modifying.

Note consumer records with restricted permissions can open the YOOtheme just Pro web web Page Builder without usage 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 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 layout, sticky Save web web 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 layout regarding the web page rather than the theme settings.

Considering that the design is conserved directly into the article, Joomla versioning is supported from the field. Each and every time a article is conserved, a brand new modification is developed immediately.

Start the article’s Versions dialog http://sitebuildersawards.com/ in Joomla to record all revisions associated with article that is current.

The Layout Framework

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

Name definition
Page The web page itself may be the root and possesses one or numerous parts.
area parts team content in bigger artistic obstructs. They have one or rows that are multiple.
Row Rows organize content in a single or columns that are multiple. The columns have one or elements that are multiple.
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 may be added, modified, copied and deleted straight into the builder. Sections and elements can be saved in additionally the design Library for later on usage. These action buttons are shown close to their associated element only once hovering it.

Action definition
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. Click the element it self to modify it.
Copy click on the content icon to replicate a part, element or row.
Save in Library Click the icon that is arrow-up save yourself a part or element along with its settings into the design or Element Library.
Delete click on the trash icon to delete an area, line or element.
type Reorder a part, line or element by dragging and dropping it. The move cursor shows that the element could be dragged.

brand New parts could be produced by pressing the Add key that seems into the lower kept corner when hovering the part. One other action buttons appear right next to the part title.

New rows may be developed by pressing the Add switch that seems within the reduced right part when hovering the line. One other action buttons can be found in the upper corner that is right.

brand brand New elements could be developed by pressing the Add key that seems in bottom-center when hovering the element. One other action buttons can be found in top of the right part.

Multilingual Web Internet Sites

Each language can show different content and even use another layout since multilingual sites need a separate page per language. Consider the sites that are multilingual.

Leave a Comment