Swift page Builder Wordpress PluginQuick Page Builder Wordpress Plugin
Wellcome to the officially released Swift Page Builder doc. We' ve been spending countless working days designing and revising this Page Builder to make it as smooth and user-friendly as possible. When you are looking for Page Builder assistance, you need to ask the questions via the special topic forums in our Supportforum.
Maybe you've already made it this far, if you've already got the plugin up and running, please continue. Otherwise, you will want to go to Appearance > Installs Plugins once you have one of our topics up and running. You will find there the possibility to download and use the Swift Framework Plugin.
The Page Builder settings can be found in the Swift Framework Plugin pull-down menus. See the Page Builder settings below. If you want to insert a contents item to the page, follow the instructions below. The Swift Page Builder will display a list of all the elements that can be added to the Page Builder.
Choose your item from the dropdown menu. Use the top tabbed pages to narrow your options by typing, or use the top right find field to spontaneously sort the items. As soon as you have found your item, just click on it to directly append it to the Builder, or drop it in the Builder area at the place you want.
Component control is faded out until the component is moved to maintain the neat look of the components and the client in general. When you hover the mouse over the item, the control items for that item appear on the right. Operating items in order from right to left are: erase, save, duplicate and edit.
Clear - removes the item from the Builder entirely. Store - stores the currently configurated item in the Saved Items window. Multiply - duplicates the item in its currently configurated state. Allows you to set the item to the default state.
This is explained in more detail in the Edit Elements section. Resizing an item is unbelievably easy. The only thing you have to do is move the mouse over the right border of the item, click and drop to change the size. There is an overlap display for the width to which the item resizes, as shown on the right.
Just release when the item display shows the required resize and the item fits to that resize. In order to move an item, just move the cursor over it, click and holding the cursor, and then move it to the location you want. In order to modify an item, just move the cursor over the item and click the Modify button in the hidden control.
The Edit Item Model will be loaded, and here you can customize the different items for this particular item. On the right you can see an example of the model. You can customize the Edit Model item to your needs, you can move it on the monitor and also change the width from the right edge of the model, simply search for the resizing cursors and then enlarge/reduce the model according to your needs.
It is possible to change the name of an item by either modifying the upper box of the item in the Modal Editor with the title "Item Name". You can also quickly change the item name by selecting it in the area of the Home Page Builder, see right for a demo: Swift Page Builder can be used in different style options according to the level of detail of your page.
In the following we will explain some fundamental principles, but in the end the final form of your site is up to you and will be defined by the type of designs you want to have. This would mean that only items with different sizes will be used on your site. Another more sophisticated way would be to use rows within your page to group items, apply colors to the backgrounds, and so on.
Sequences are conceived in such a way that they contain the items they contain. So you can put a wallpaper /video/color on the line to give your page a more imaginative look, and this can be used to highlight the items within the line, or lines can actually be used alone as a full width picture or movie section.
A sample lay-out with rows + items is shown on the right. When you want to get maximal page agility and controllability, you can insert column into the tree to further group certain items. Splits make sure that items always appear in line with other items, and allow you to arrange several items vertical in a line with other individual or more items.
A sample lay-out with rows, columns and elements can be seen on the right side. Storing an item is a handy way to configure an asset for a set-up you use a lot and replicate it with 2 mouse clicks. What's more, you can also store an item as an object for future use. In order to store an item, just perform the following steps: Press the Store pushbutton, click on the item you want to store, see right:
It now appears in the "Saved Elements" tab, which can be accessed from the Page Builder headline. Storing a page style is a handy way to save a set of items that you have already set up, which you can then upload to several pages and modify as needed. When you want to build sets of items that you want to refer to on several pages without making changes, an SPB section would be better, see this section for more detail.
In order to store a page style, just make the page you want to store, and then click the Store Style icon in the Swift Page Builder headline. After saving, the page style is then available in Stored Items mode on the Page Templates page. In order to download a page style, just click the Stored Items icon in the Swift Page Builder headers, click the Page Templates page and click the page style to download it.
When you load a page style, the contents of that style are added at the bottom of your page - it does not substitute the contents of the page. The SPB section is a great way to create reusable section of items that are common to many pages, but can all be refreshed at once from a central place.
In order to generate an SPB section, just go to SPB Sections > New, using the WordPress Admin menus on the right. It then opens a regular WordPress page viewer, and here you build your SPB area. The SPB sections are used like any other elements in the Page Builder.
In the Swift Page Builder headline, click the Add Item icon. Choose the SPB Section item. Modify this item, then choose the section you want to view in the editing mode that is displayed. We' ve built a shortcode mapper so you can use third-party shortcuts within the Builder.
From the WordPress Admin menu on the far-left, go to Swift Framework > Preferences. In the Page Builder area you will find the short-code mapper utility (see right). As soon as we have added this card, you will want to click Save and then go back to your page to insert the item. As soon as we have assigned our short code in the Swift Framework option, we can then go back to the Swift Page Builder to insert the item into our page.
As soon as you have edited your page, just click the Add item in the Swift Page Builder headline and you will find the item you have assigned, see right: Modifying your associated shortcut is the same as modifying all other elements in the Page Builder. Just move the mouse over the item, click the Modify symbol and the associated parameter will be available for modification.