YOOtheme Pro

YOOtheme Pro Web Page Builder

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

Generate web web page layouts from a collection of ready-to-use elements with fixed and content that is dynamic. a design constantly comprises of parts, grids and elements that are content is 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 as being a point that is starting.

Start the Web Page Builder

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

There are two main approaches to start local website builder the web web web page builder. A person is by starting YOOtheme Pro. Browse to your article that is empty the preview in the right and start the Builder panel of YOOtheme Pro. Starting it on certainly not articles that are uncategorized induce the mistake message The Page Builder is certainly not available about this web page.

You may start the Page Builder by modifying articles in Joomla and then click the web Page Builder key. and also this works well with the Joomla front-end editing.

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

Create Web Web Page Layouts

To generate an innovative new web page design from scratch click the New Layout switch. Then you can begin incorporating sections that are new elements to your design.

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

Each time you change 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 will simply conserve the design for the web page rather than the theme settings.

Because the design is conserved straight within 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 in Joomla to record all revisions of this present article.

The Layout Framework

The YOOtheme Pro 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 sections that are multiple.
area parts team content in bigger blocks that are visual. They have one or multiple rows.
Row Rows organize content in one single or numerous columns. The columns have one or elements that are multiple.
Element Elements support the content that is actual. There are many than 30 different sorts of elements available.

Handling the design

Parts, rows and elements may be added, modified, deleted and copied straight within the builder. Parts and elements can be saved in additionally the design Library for later on usage. These action buttons are exhibited close to their associated element only if hovering it.

Action definition
Add Click the plus symbol to incorporate a brand new part, line or element.
Edit click on the pencil icon to modify parts and rows. Click the element itself to modify it.
Copy click on the content symbol to replicate a area, 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, element or row by dragging and dropping it. The move cursor suggests that the element could be dragged.

Brand New parts could be developed by clicking the Add key that seems into the lower left corner whenever hovering the part. One other action buttons appear right next to the part title.

New rows could be developed by clicking the Add switch that seems into the reduced right part when hovering the line. One other action buttons can be found in the top of right corner.

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

Multilingual Internet 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 documents.

Leave a Reply

You must be logged in to post a comment.