by Terje

YOOtheme Pro

YOOtheme Pro Web Page Builder

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

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

Start the Web Page Builder

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

There are 2 techniques to start the web web web page builder. A person is through starting YOOtheme Pro. Browse into the empty article in the preview regarding the right and open the Builder panel of YOOtheme Pro. Starting it on certainly not articles that are uncategorized resulted in mistake message The Page Builder just isn’t available about this web page.

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

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

Create Web Page Layouts

The New Layout button to create a new page layout from scratch click. Then you’re able to start incorporating brand new parts and elements to your design.

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

Each time you replace the design, sticky Save 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 conserve the design of this web web page rather than the theme settings.

Because the design is conserved directly within the article, Joomla versioning is supported out from the package. Every time a article is conserved, a brand new modification is developed immediately.

Start the article’s Versions dialog in Joomla to record all revisions associated with present article.

The Layout Framework

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

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

Managing the design

Sections, rows and elements may be added, modified, copied and deleted straight into the builder. Parts and elements can furthermore be conserved in the design Library for later usage. These action buttons are shown close to their associated element only once hovering it.

Action explanation
Add Click the plus symbol to include a section that is new 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 copy symbol to replicate a part, element or row.
Save in Library Click the icon that is arrow-up conserve a area or element along with its settings into the design or Element Library.
Delete click on the trash symbol to delete an area, element or row.
type Reorder a part, line or element by dragging and dropping it. The move cursor indicates that the element may be dragged.

brand New parts may be developed by clicking the Add switch that seems within the lower left 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 key that seems into the reduced corner that is right hovering the line. One other action buttons come in the top of right part.

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

Multilingual Web Internet Sites

Since multilingual websites require an independent web page per language, each language can show various content and also make use of another design. Glance at the multilingual internet sites paperwork.