Siteorigin page Builder Wordpress Plugin

Page Builder Wordpress Plugin Plugin SiteOrigin

The SiteOrigin Page Builder also allows you to use one of the most important WordPress widgets. Page Builder is a fantastic plugin that lets you create complex page layouts and embed content via widgets. To activate WordPress portable recognition in Siteorigin Page Builder

I' m looking for a way to deliver different types of contents to my portable devices and tablets. Their plugin seems to be one of the few, but I create my pages with Siteorigin Page Builder, so I estimate that the short code winding doesn't work. Another way to get this feature that you can suggest is to integrate it with a Page Builder?

The Siteorigin Page Builder support short code. Click on the "Add widget" icon in the Siteorigin page editing tool, search for the "Text" Widget, then modify the contents of the text widgets and type the short code.

Drag-and-drop a landing page in WordPress.

In recent years, the drag-and-drop contextually building role-playing has become very much in demand. That' more than 220 plug-ins that respond to the drag-and-drop find request! Let us not neglect that CodeCanyon is not the end of WordPress plug-ins. A lot of other drag-and-drop plug-ins are available on third-party sites and in the plugin library.

So, what do you do when you want to create drag-and-drop contents? Now, if you have cash to spend, as I said before, there are several premier plug-ins (some of which we discussed in one of our reviews/comparisons). You can also decide for a more tightly meshed approach and select an entire WordPress topic that already has drag-and-drop capabilities (we also have a dropdown for you).

Here is our guideline on how to build a fantastic WordPress destination page with a free drag-and-drop build tool. Here is an example of what is possible in draft and fall without any investment: Not too complicated, admittedly, but it is also nothing like the standard set-up that WordPress allows you to do.

For the sake of listing some nice little features about this little demonstration page: no side bar, full width heroes section, multi-column layouts, different widths, user-defined headers, fully reactive structures. First, we will use two plugs to make all this possible. SiteOrigin Page Builder plugin with its extra widget bundles.

Second is the Shortcodes Ultimate Plugin. A few more plugin details: Both work with your latest WordPress topic. Do all your work within the default WordPress edit window. In SiteOrigin, you can use Widget as a block of contents. SiteOrigin has its own revision check. The most high grade landings pages usually have the following elements:

Minimum page items, such as the side bar, the contents of the bottom line or anything else that can distract the user. History-based presentations - in which the user is guided manually through each section of the page until he receives a last call to act. Excellent optical isolation of the different segments on the page.

There is nothing out of the ordinary here, just via the WordPress plumber (wp-admin > plugins > New) or via WordPress.org (links above). So the first choice you need to make is whether to make your destination page a WordPress mail or a page. In the end you probably want to work with a new site.

As soon as you are on the "Add a new page" page, you immediately change to the "Page Builder": You can then either begin construction from ground up or use one of the ready-made layout options. We will create a WordPress Landing Page from scratch for the purposes of this tutorial, but I strongly recommend that you also look at these ready-made layout files and see what kind of mechanism they have under the bonnet.

SiteOrigin has two major containers types: lines, widgets. Essentially, to place any type of contents on your target page, you must first make a line and then insert your contents as a widget: Okay, so, to get going, you need a general picture of what your page should look like.

It' s a very easy thing to write the title line, but it can look really fantastic! In the SiteOrigin primary user-interface, click the line button: Well, let's just put in a new broadget. Press the Append Broadget button: Then, go to "Widgets Bundle" and choose the "SiteOrigin Hero" widget: The first step is to modify the "Hero" widget:

Put a new "hero frame" there: This works like any other medium in WordPress. Just click on the "Select media" icon and load a picture from your computer. Once you are done, just click on the "Done" key in the lower right hand corner. Once you are done, click on the "Done" key. You can then click the "Preview" pushbutton on the entire page.

That'?s what my pageboy looks like right now: It is also the first place where we will use the Shortcodes Ultimate Plugin. Then I will include in each of them a basic widget named "SiteOrigin Editor": Essentially, this is a default WordPress text edit box with all the features of WordPress.

I will use it for a very basic contents pad - just an picture and some text. It is my aim to make this picture appear on the monitor with a small lag and a small amount of time. In order to do this, I click on the "Insert short code" icon at the top of the window:

Below is a small "Live Preview" icon that will help you. At the moment, however, we will accelerate things and simply use the ready-made short code directly in the editing area. Next, I make two more edit pads like this and put similar shortcuts there, but I assign different delay to them (2 seconds for the second pad and 3 seconds for the third).

That'?s how it looks on the page landing: Here I should probably also note that every Widget and every line can be dragged and dropped. About" uses the same broadget element - "SiteOrigin Editor" block - but has two instead of three column.

Therefore, construct a new line and adjust it to 2-column. Use SiteOrigin for this. Also, the contents of these column are quite simple. I' m only using it to keep a SiteOrigin Editor widget and some About information: After all, here's what it looks like on the page landing:

That is our last line, and actually the most important line for any page that lands - here is the call to act. SiteOrigin, as you can see, makes it very straightforward to customize the width of each colum. Simply a plain "SiteOrigin Editor" wideget here. Again done with the SiteOrigin Editor Widget.

Here I use a widget from my e-mail deliver plugin. It takes charge of putting a working opt-in directly on the page and connecting it to my e-mail client (ask your own e-mail service how to make this work).

At the end my last line in the Drag-and-Drop Planting Page Builder looks like this: This is how it looks on the page in WordPress: In this phase the work is done and you can start enjoying your new page that has been created with some drag-and-drop tricks.

Creating something like this is easy with SiteOrigin and Shortcodes Ultimate. And the fact that you can do it all yourself makes these plug-ins extremely useful.

Auch interessant

Mehr zum Thema