Sunday 23 June 2019

Liked on YouTube: How to make a wordpress website using elementor page builder

How to make a wordpress website using elementor page builder

How to Make a Website with WordPress and Elementor Not everyone has the technical skills to customize a website. There is a lot to learn when it comes to HTML, PHP and CSS. However, programming isn’t the only way you can customize an appearance. In fact, it takes little effort to make a website with WordPress and Elementor. WordPress is one of the most flexible and versatile content management systems on the Internet. Elementor is a feature rich editing system that makes development a snap. Put the two together and you have a platform which allows anyone to create the site of their dreams. In this tutorial, I’m going to show you how to create a WordPress website using Elementor. You can start designing something spectacular today and begin building for tomorrow. Setting Up WordPress and Hosting The first thing you’ll need is web hosting and a domain name. This is the foundation of your site. Think of it like a form of digital real estate you need to purchase in order to build your “house” or “business.” Go to the GreenGeeks WordPress hosting page and click, “Get Started.” You will then follow the instructions on the next page to set up your account. You can either register a new free domain name or transfer one you already have. Once you set up your GreenGeeks account, you’ll have access to cPanel. This dashboard comes with a variety of tools to help you succeed. Scroll to the bottom of the screen until you see the Softaculous Apps Installer section. Click the icon for “WordPress” and install it on your new domain. WordPress Installer Install Elementor Now that your hosting and WordPress are ready to go, it’s time to install Elementor. Go to the Plugins section of WordPress and click “Add New.” Add New Plugin Search for “Elementor” in the text box on the right. Elementor Install and activate the “Elementor Page Builder” plugin. Elementor Plugin Creating Your First Page with Elementor With the plugin installed, now we move on to creating the first page. Go to the Pages section and click, “Add New.” Add New Page This is going to be our homepage. Title the page “Home” and click the “Save Draft” button. It’s a good idea to get into the habit of constantly saving your work. This reduces the chances of losing everything should something happen. Save Draft Under the title, click the “Edit with Elementor” button to open the plugin’s editor. Edit With Elementor Create Your Homepage with Elementor Using a Pre-made Template Perhaps the easiest way to get started with Elementor is to use a pre-made template. This will give you a chance to figure out the settings and explore what the tool can do in a live environment. Click the “Add Template” button located near the center of your screen. Add Template Elementor has a wide range of templates to choose from. Some are free while others are only available in the Pro version of the plugin. Find a layout you like and click the “Insert” button. Click Insert Make Your Elementor Template Full Width When you hover your mouse over the template, you’ll see a light blue control panel. The first icon is an editor for the section. Click this icon to change the left panel view to edit the template. Layout Icon The first option available on the left under Layout is for stretching the design. You will see a type of switch that you can click on and off. Click the switch to change the layout to go full-width. Click Switch Change the Text of the Homepage Now you can start customizing the content of the homepage. This is done by using the various tools at your disposal. To edit any of the elements of the page, simply click on them and the left panel will change to the editor for that particular part. Edit Elementor Parts You’re able to change fonts, colors, size and even how each of the heading tags appear on the page. Change the Background Images Another important part of customizing is changing your background image. You’ll want something that is more liking to your website. Go back to the Edit Section screen and click “Style.” Style Choose a different image after deleting the one that is there. New Image You have a lot of options when it comes to changing the background. Gradients, size and even YouTube video content is usable in Elementor.
via YouTube https://youtu.be/Y0_ydmZnoyk

No comments:

Post a Comment

😍Developer on Weekends #shorts #officememes #developermemes

😍Developer on Weekends #shorts #officememes #developermemes Welcome to the latest viral YouTube shorts meme for developers! 😍Developer on...