YOOtheme Pro Web Page Builder

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

Create web web web page layouts from an accumulation of ready-to-use elements with fixed and content that is dynamic. a design constantly is comprised of parts, grids and content elements that could be added and arranged with drag and fall. The layout collection provides significantly more than 100 pre-built web web web page layouts you can use as being a starting place.

Start the Web Web Web Page Builder

The YOOtheme professional web web page builder is present for several articles. Generate an empty article in Joomla and designate it ideally into the menu that is main.

There are two main https://websitetooltester.org techniques to start the web page builder. A person is through opening YOOtheme Pro. Browse to your empty article in the preview in the right and start the Builder panel of YOOtheme Pro. Opening it on certainly not uncategorized articles will resulted in mistake message The Page Builder is certainly not available with this web web page.

You’ll be able to start the Page Builder by modifying a write-up in Joomla and click the web Page Builder switch. And also this works for the Joomla front-end modifying.

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

Create Web Page Layouts

To produce a brand new web page layout from scratch click on the New Layout switch. You may then begin including brand new sections and elements to your design.

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

Each time you replace the design, sticky Save web web web Page and Cancel buttons look at the very top corner that is right. All layout changes since the last saving will be discarded if you cancel or leave the page builder. Saving is only going to save your self the layout associated with web web page rather than the theme settings.

Because the design is conserved directly into the article, Joomla versioning is supported from the box. 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 regarding the article that is current.

The Layout Framework

The YOOtheme professional web page builder organizes content and its particular containers in four numerous kinds.

Name definition
web web Page The web page it self may be the root and possesses one or numerous sections.
area parts team content in bigger visual blocks. They have one or multiple rows.
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 actual content. There are many than 30 various kinds of elements available.

Handling the design

Parts, rows and elements are added, modified, copied and deleted straight when you look at the builder. Parts and elements can be saved in additionally the Layout 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 symbol to include a brand new part, line or element.
Edit click on the pencil icon to modify parts and rows. Click on the element it self to modify it.
Copy click on the content symbol to replicate a area, line or element.
Save in Library Click the icon that is arrow-up conserve a part or element along with its settings within the design or Element Library.
Delete click on the trash symbol 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 brand New parts are produced by clicking the Add switch that seems into the lower kept corner whenever hovering the part. One other action buttons appear right next to the part name.

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

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

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

News Reporter