YOOtheme Pro Web Web Page Builder
The YOOtheme professional web web page builder lets you build and design your site aesthetically, without the need to compose any rule.
Create web page layouts from an accumulation of ready-to-use elements with fixed and content that is dynamic. a design constantly is composed of parts, grids and elements that are content are added and arranged with drag and fall. The design collection provides a lot more than 100 pre-built web page layouts you can use being a point that is starting.
Start the Web Page Builder
The YOOtheme professional web page builder can be obtained for several articles. Generate an empty article in Joomla and designate it ideally into the menu that is main.
There’s two techniques to start the web page builder. One is by starting YOOtheme Pro. Browse into the article that is empty the preview regarding the right and start the Builder panel of YOOtheme Pro website setuper com. Starting it on certainly not articles that are uncategorized resulted in mistake message The Page Builder just isn’t available with this page.
You could start the Page Builder by modifying articles in Joomla and then click the web web web Page Builder key. And also this works for the Joomla front-end modifying.
Note consumer records with restricted permissions can simply open the YOOtheme Pro Page Builder without use of other theme settings of YOOtheme professional.
Create Page Layouts
The New Layout button to create a new page layout from scratch click. Then you’re able to begin incorporating 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 web Page and Cancel buttons look at the very top right corner. If you cancel or leave the web page builder, all design modifications considering that the final preserving will undoubtedly be discarded. Preserving will simply conserve the design associated with web web page and never the theme settings.
Considering that the design is conserved straight into the article, Joomla versioning is supported from the package. Each and every time a article is conserved, a brand new modification is developed immediately.
Open the article’s Versions dialog in Joomla to record all revisions regarding the present article.
The Layout Framework
The YOOtheme Pro page builder organizes content and its particular containers in four different kinds.
|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 rows that are multiple.|
|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.|
Managing the design
Parts, rows and elements could be added, modified, copied and deleted straight into the builder. Parts and elements can furthermore be saved in the design Library for later on usage. These action buttons are exhibited next to their associated element only if hovering it.
|Add||Click the plus symbol to include a section that is new line or element.|
|Edit||Click the pencil icon to modify parts and rows. Click the element it self to modify it.|
|Copy||click on the content symbol to replicate an area, element or row.|
|Save in Library||Click the arrow-up symbol to save your self a part or element with all its settings within the design or Element Library.|
|Delete||click on the trash symbol to delete a area, line or element.|
|type||Reorder a section, element or row by dragging and dropping it. The move cursor shows that the element could be dragged.|
Brand brand New parts could be produced by pressing the Add switch that seems into the lower left corner whenever hovering the part. One other action buttons appear right next to the area title.
New rows are developed by pressing the Add key 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 may be developed by clicking the Add switch that seems in bottom-center whenever hovering the element. One other action buttons can be found in top of the right part.
Multilingual Internet Web Internet Sites
Each language can show different content and even use another layout since multilingual sites need a separate page per language. Glance at the multilingual internet sites documents.