This screen comes with several options for customizing ranging from colors to the actual text you want to use in the column. This expands the feature’s options so you can add text and images as well as make other adjustments. For this tutorial, I’m going to create just three basic layouts.Ĭlick the down arrow next to the feature to edit. You can do this as many times as you’d like depending on how many you want to show visitors. Never underestimate the value of using a mobile-friendly website.Īt the top, click the “Add” button to add features. This is so those on mobile devices has the best experience possible. For this tutorial, I’m going to keep it nice and easy and leave it as SiteOrigin’s default of three.Īlso take note that SiteOrigin enables “Responsive Layout” by default. The first thing you need to do is decide how many features you’ll show per row. Hover over the box and click “Edit” again. This will refresh the widgets so we can continue. We need to save and reload the page before the widgets will be available.Ĭlick “Save Draft” for the page we’re creating. It’s safe to close the extra plugin tab after SiteOrigin installs the widget bundle. Go back to the landing page you were working on.Ĭlick the “Done” button on the bottom right. After which, you’ll have access to the widgets without future installs. Don’t worry, you’ll only need to jump through this hoop once. Click the “Activate Plugin” button when ready. This will immediately open a new window and automatically install the widgets bundle in WordPress. Hover the mouse over the box and click “Edit.”īefore we can use the SiteOrigin specific tools, we need to install the bundle which includes the feature box as well as the icons you’ll use. It’s a special widget from SiteOrigin, but it needs to be installed before we can start adding icons and features. This will add a new box segment to the page. You want want to explore what’s available later as Page Builder has some neat abilities.Ĭlick the “SiteOrigin Features” button from the list. It’s a collection of tools specifically designed to work with Page Builder. In this tutorial, we’re going to use the SiteOrigin Widgets Bundle. I’m just going to call it, “Landing Page” for now.Ĭlick the “Page Builder” tab above the editor.Ĭlick the “Add Widget” button on the top left. Install and activate “ Page Builder by SiteOrigin.”įor this tutorial, we’re going to create a new basic landing page just to show you how it’s done. It’s a free feature box plugin that comes with a wide scope of abilities. In this instance, we’re going to use it to create an easy column-based page. It works with most themes and gives you a lot of flexibility for customizing your content. Page Builder by SiteOrigin is a useful tool when it comes to customizing any WordPress website. Building Columns with SiteOrigin’s Page Builder It’ll add a professional appearance while informing visitors. In this tutorial, I’ll show you how to create feature boxes in WordPress to use on a home or landing page. And, it’s exceptionally easy to create feature boxes in WordPress. They usually consist of a single icon image and perhaps one or two sentences about the feature. Adding feature boxes to a website gives visitors a quick and easy way to see the benefits of a particular product or service.
0 Comments
Leave a Reply. |