27 Best Beaver Builder Themes and Templates (2019)

Are you looking for the best Beaver Builder themes and templates?

There are many WordPress themes and templates built specifically for Beaver Builder to help you quickly create professional websites. Using such a theme or template makes the process a lot faster without compromising on design.

In this article, we will share some of the best Beaver Builder themes and templates that you can use.

Beaver Builder Themes and Templates

What is Beaver Builder?

Beaver Builder is the best drag and drop WordPress page builder plugin on the market. It allows you to easily create beautiful websites and landing pages without writing any code.

Beaver Builder

Using the point and click tools, you can create highly engaging designs with a live preview. You can customize every aspect of your layouts including custom headers, footers, sidebars, and widgets (without writing any code).

By default, Beaver Builder comes with dozens of ready-made templates that you can use as a starter point. It works with any WordPress themes, but using Beaver Builder ready themes gives you even more flexibility.

Related: How to create a completely custom WordPress theme with Beaver Themer (no code required)

Difference Between WordPress Theme vs. Template?

A WordPress theme is a complete package including the design, layout, features, and web pages. You can use the theme to create your website without the help of any other resource. A theme comes with all the coding files and CSS that you need to style your website.

On the other hand, a page template is a single page layout that you can use to create landing pages or other custom pages like coming soon page, about us page, etc.

You can also make single page websites with WordPress templates. However, you’d still need to use third-party WordPress plugins to add features and functionality to your site.

Now that you know the difference between WordPress theme vs. template, let’s take a look at the best Beaver Builder themes and templates for your website.

Best Beaver Builder Themes

There are hundreds of WordPress themes that are compatible with Beaver Builder. However the themes below have gone through additional review to make sure they have the best compatibility with Beaver Builder.

1. Astra Theme

Astra Theme

Astra Theme is a popular WordPress multi-purpose theme built for all types of websites. It’s fully compatible with drag and drop page builders like Beaver Builder. It also comes with dozens of starter sites and demos that you can import with 1-click and edit with Beaver Builder.

It is a feature-rich theme with paid extensions and add-ons to add more options to your WordPress website. Every aspect of theme design can be fully customized and you can even create your own custom layouts.

2. Hestia Pro

Hestia Pro

Hestia Pro is a powerful WordPress theme that works great with Beaver Builder. It comes with 1-click demo content installer to help you get started right away. You can simply change the content and images on the web pages using Beaver Builder.

This theme works with all popular WordPress plugins to extend the functionality and add more features. Hestia Pro fully supports WPML to create a multilingual website.

3. OceanWP

OceanWP

OceanWP is an excellent WordPress theme that fully integrates Beaver Builder to customize your website. It is packed with dozens of layouts and templates. You can install a web template to set up the structure of your website and make changes to the layout using Beaver Builder.

It comes with multiple color schemes, fonts, parallax scrolling, background image, and custom widgets. It is highly optimized for SEO to help you get more traffic from search engines.

4. Sydney Pro

Sydney Pro

Sydney Pro is a stylish WordPress Beaver Builder theme designed to create beautiful websites. It ships with homepage content blocks to add images, elements, widgets, and content in an organized way. It also allows you to showcase featured content slider in the header section of your website.

The theme offers space for custom logo, navigation menu, call-to-action button, and social media icons. It’s easy to set up with Beaver Builder and WordPress customizer.

5. GBeaver

GBeaver

GBeaver is a modern WordPress theme built specifically for Beaver Builder drag and drop page builder. It features many pre-built layouts and ready-made websites. The theme is highly customizable and includes all features to create any kind of WordPress website.

Other notable features include custom colors, sidebar widgets, navigation menu buttons, and footer columns. It has a theme options panel for basic settings.

6. Potenza

Potenza

Potenza is a one-page WordPress theme crafted beautifully for all kinds of websites. It is fully customizable using the Beaver Builder page builder. This theme has a flexible layout with proper sections to add a navigation menu, image slider, content elements, widgets, and footer on the homepage.

The theme can be customized for color choices, font styles, background image, and more. It supports WooCommerce and can be used to start an online store.

7. GeneratePress

GeneratePress

GeneratePress is a Beaver Builder theme for WordPress websites. It has a modern and stylish layout with all the required features. It also comes with paid modules and extensions to add more options to your website.

You will find extensive options to control colors, fonts, background, and other layout settings. GeneratePress is optimized for performance and speed which improves user experience and search rankings.

8. Customify

Customify

Customify is a simple WordPress theme designed for page builder plugins including Beaver Builder. All design elements are easy to customize using the drag and drop page builder. It gives you the option for real-time editing which saves hours of checking the website preview in a separate browser tab.

It comes with multiple pre-built website demos that you can use to quickly start a blog or website. Customify also allows you to create your custom layouts using Beaver Builder.

9. Page Builder Framework

Page Builder Framework

Page Builder Framework is a WordPress theme built specifically for page builders like Beaver Builder. It comes with flexible layout settings and an impressive set of features. It also offers premium extensions for transparent header, sticky navigation, and Adobe Fonts.

It can be used to create a website for any business niche. Page Builder Framework is optimized for SEO and supports WooCommerce out of the box.

10. Lense

Lense

Lense is a WordPress photography theme designed to create beautiful websites and blogs for photographers, portfolios, and digital agencies. It is compatible with Beaver Builder drag and drop page builder and includes multiple image gallery layouts, fullscreen templates, sidebar navigation menu, and custom logo.

Other important features include color selection, separate blog page, sidebar widgets, image archives, page templates, and featured content sections.

11. Neve

Neve

Neve is a lightweight and feature-rich WordPress theme. It fully integrates Beaver Builder to customize each section of your website quickly. This theme has beautiful typography, navigation menu, custom logo, header background image, and parallax scrolling.

It comes with a 1-minute installer to import the demo content and replace it with your content to launch the website. Neve has eCommerce settings and cart options to run an online store easily.

Best Beaver Builder Templates

Beaver Builder offers beautiful ready-made templates that can be used as landing pages for any website niche. These templates can be edited with the drag and drop page builder.

Let’s take a look at some of the best Beaver Builder templates.

1. Photography

Photography

Photography is a Beaver Builder template for photographers, artists, and bloggers. It has an attractive layout to create your photography landing page. The dark color in the background makes the font readable. You can use this template to get more leads online.

2. Creative Agency

Creative Agency

Creative Agency is a colorful Beaver Builder template for marketing and web agencies, small businesses, and online stores. It supports WooCommerce to showcase your products beautifully. It has a simple layout with minimalist design which creates a nice user experience.

3. Small Business

Small Business

As the name suggests, Small Business is a perfect Beaver Builder business template. It has a minimal and sleek design to promote business landing pages. The template comes with a fullscreen background image and call-to-action button. It uses beautiful typography with bold fonts which makes your text more noticeable.

4. Construction

Construction

Construction is a stylish Beaver Builder template for real-estate, contractors, and construction businesses. It features a modern layout which is designed to create a great first impression. With Beaver Builder’s Construction template, you can create beautiful landing pages to promote your business and services.

5. Fullscreen

Fullscreen

Fullscreen is a minimalist Beaver Builder template suitable for any website. It can be used to create fullscreen landing pages with text and call-to-action button. You can use the Beaver Builder drag and drop builder to customize the colors, background, and fonts to match your brand colors.

6. Editorial

Editorial

Editorial is an excellent Beaver Builder fashion template for bloggers, editors, online magazines, and authors. It offers a fullscreen background image for your landing page. You can also add content in the sections below the header area. It is designed to make your content stand out and increase your pageviews.

7. Restaurant

Restaurant

Restaurant is a beautiful Beaver Builder template for food and recipe blogs, restaurants, and cafes. It uses crisp typography and dark background which gives your landing page a very modern look. The template also utilizes custom icons, elegant typography, and CSS animations to create an interactive user experience.

8. Musician

Musician

As the name suggests, Musician is a Beaver Builder music template for DJs, bands, artists, singers, and performers. It features large sized buttons for call-to-action and redirection to your landing pages. It uses bold and bright colors to create a casual and entertaining experience for visitors.

9. Crossfit

Crossfit

Crossfit is a modern Beaver Builder template for the gym, crossfit, yoga, and fitness websites. It features a stunning layout with an impressive fullscreen background image. It can also be used with any WordPress themes for crossfit and gym to attract more customers.

10. Automotive

Automotive

Automotive is a Beaver Builder template for automobiles businesses, car showrooms, sports cars related websites, and other automotive service providers. It comes with a beautiful combination of fonts and colors, custom background image, and an attractive layout. This template can be easily customized with Beaver Builder page builder to add your own content and images.

11. Coming Soon

Coming Soon

Coming Soon is a simple and neat Beaver Builder template for your coming soon page. It features a custom logo with tagline and an email newsletter subscription box. This template has multiple color choices for fonts and background. It can be customized using WordPress customizer with live preview.

12. Law Firm

Law Firm

If you want to create a beautiful landing page for your legal firm’s website, then Beaver Builder’s Law Firm template is the perfect option. It’s highly customizable using the Beaver Builder page builder, and you can easily change the background color, text, font style, and more.

13. eBook

eBook

eBook is a professional Beaver Builder template for writers, bloggers, authors, online libraries, and literary websites. The template features a large image on the top with your call to action text. It’s compatible with WooCommerce so you can showcase and organize all your ebooks. You can also use it to create a landing page for a single eBook.

14. General Business

General Business

General Business is a Beaver Builder business template for online agencies, brands, and small businesses. It features a header section on the top followed by your most important content. This template comes with a dedicated space for your custom logo, full-width featured background, tagline, and call-to-action button. It can be edited with the Beaver Builder and WordPress live customizer.

15. Mobile App

Mobile App

Mobile App is a clean and sleek Beaver Builder app template designed to showcase your mobile apps, gadgets, and accessories. It offers a simple layout with a white background and easy to set up using Beaver Builder page builder. The Mobile App template can also be used to promote your apps and boost the number of downloads.

16. Educational

Educational

Educational is an elegant Beaver Builder template for schools, universities, libraries, and private institutions. It can be used to create landing page designs to promote an online course, announce new classes, or attract new students. It is fully customizable so you can replace the default content with your own text and images.

We hope this article helped you find the best landing page templates for WordPress. You may also want to see our list of the best Gutenberg friendly WordPress themes.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post 27 Best Beaver Builder Themes and Templates (2019) appeared first on WPBeginner.

How to Add Pinterest “Pin It” Button in WordPress (Ultimate Guide)

Do you want to add the Pinterest “Pin It” button in WordPress? Recently, a new traffic source popped up in our blog stats.

It was significant enough for us to take notice. This traffic source was Pinterest.

Pinterest is a popular social networking site that allows you to share visual content and drive a lot of traffic to your website (follow WPBeginner on Pinterest).

In this article, we will show you how to add the Pinterest “Pin It” button to your WordPress blog. We will also explain how to add the Pin It button over the images of your website.

Add Pinterest Pin It button in WordPress

Adding a Pinterest “Pin It” Button Using a Plugin

Pinterest officially changed the “Pin It” button name to Save in 2016.

Although some plugins still use the name “Pin It” instead of Save, they do the same job of pinning your images to Pinterest.

The easiest way to add a Pinterest button to your WordPress site is by using a social sharing plugin.

We recommend using Shared Counts plugin for this purpose. It is the best social media plugin for WordPress because it’s free and allows you to easily add the Pinterest button along with other popular social networks.

To get started, you need to install and activate the Shared Counts plugin. You can follow our step by step guide on how to install a WordPress plugin for detailed instructions.

Upon installation, head over to Settings » Shared Counts page to configure the plugin.

Shared Counts settings page

On the settings page, you need to scroll down to the Display section and then click on the “Share Buttons to Display” textbox.

This will open a dropdown menu where you can select the social media services you want to add. By default, Pinterest will be present in that box, along with Facebook and Twitter.

You can also select the location and post type where you want to display the Pinterest button. It comes with multiple button styles that you can choose from the ‘Share button style’ option.

Once you are done, don’t forget to click on the Save Changes button to store the settings.

You can now visit any post on your website to see the Pinterest button in action.

Pinterest button added to WordPress post

Another neat thing about SharedCounts is the free Custom Pinterest Image addon available on Github. This lets you set a custom Pinterest sharing image and description that’s optimized for Pinterest.

Note: We use SharedCount plugin on our website because it’s the best option in the market. It’s very well-coded and it’s free.

Manually Adding a Pinterest Pin It Button in WordPress

Some intermediate users may prefer to add the social sharing buttons manually to their WordPress site instead of using a plugin.

Let’s take a look at how to manually add a Pinterest button in WordPress.

The first thing you need to do is make a complete WordPress backup of your site. This will help you restore your site in case something breaks by accident.

Next, you need to connect to your WordPress hosting using an FTP client and then go to the /wp-content/themes/ folder.

From here, you need to open your current theme folder and then locate the footer.php file.

Download footer php file

Next, simply right-click on that file and then select Download from the menu. This will download the footer.php file to your computer.

Now you need to open the footer.php file using a plain text editor like Notepad and then paste the following script right before the tag.


Once you have done that, you need to save the file and then upload it back to the current theme folder.

Next, you need to locate and download the single.php file from your theme folder and open it for editing. After that you need to add the following code.

You will need to choose the location where you want it to appear in your post. After post title is the most common placement for social media buttons.

ID ), 'full' ); ?>
Pin It

The above code displays the Pinterest button with your featured image, title, description, and post URL in the share URL parameter.

Finally, you need to save the file and upload it back to your theme directory using FTP.

This will add a vertical share button to the posts of your website. If you want to display the horizontal share button, then simply change the count-layout parameter to horizontal.

Creating a Shortcode for Pinterest Button

Recently, one of our users asked us how to create a shortcode for the Pinterest “Pin It” button.

Shortcodes in WordPress allow you to easily add dynamic items to your WordPress posts, pages, and widgets. By creating a shortcode, you’ll be able to manually add Pinterest button in your articles.

First, you’ll need to add the following code to your theme’s functions.php file or a site-specific plugin:

function get_pin($atts) {
$pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );
return 'Pin It'; }

add_shortcode('pin', 'get_pin');

After that, you can use the [pin] shortcode in your WordPress posts where you want to display the Pinterest button.

Adding Pinterest Pin It Button Over Your Images

If you are running a fashion, photography, or portfolio site, then you definitely want your images to be shared on Pinterest to increase your website traffic.

Let’s take a look at how to add the Pinterest Pin it button over your images in WordPress. This button will appear only when the user brings their mouse over your images, allowing them to easily share the image on their Pinterest profile.

First, you need to install and activate the Pinterest Pin it Button for Images plugin.

Upon activation, go to Settings » Pinterest Pin It page to configure the plugin.

Pinterest Pin It button for images settings page

On the settings page, you can choose where you want to show the “Pin It” button on your WordPress site. You can display it only on single posts, pages, category pages, or everywhere on your site.

The next option is to choose the default description from the dropdown menu. This will be used as the image description for the pinned image.

Once done, you need to click on the Save button to store the settings. Now you can visit your website and then hover your mouse cursor over any image to see the Pinterest “Pin It” button.

Pinterest Pin It button over images

If you want to exclude some images from showing the Pin It button, then you can add the nopin CSS class to the images you want to exclude.

To do that, you need to select the image block in the post editor and then click on the 3 vertical dots icon from the block toolbar. This will open a menu where you need to click on the Edit as HTML option.

Edit Image as HTML option to add CSS class

You will now see the HTML code of your image. Go ahead to add nopin to the class attribute of the img tag:

image name

Similarly, you can also use the plugin to disable automatic display of the “Pin It” button, and use the CSS class “pinthis” to selectively display the button on specific images.

To do that, you need to visit the plugin’s settings page and then locate the Advanced section on the right side of the page.

Pinterest Pin It plugin advanced settings

Now you need to check the option that says ‘Show “Pin it” button only on images with class=”pinthis” ‘, and then click on the Save button.

The next time you add an image to a post or page, you need to select the image block and then use the Edit as HTML option to add the pinthis CSS class to the image code. Here is an example:

image name

This will show the Pinterest button on that specific image, even if you have disabled the option to automatically show the Pin It button on your site.

That’s all!

We hope this article helped you understand how to add a Pinterest “Pin It” button to your WordPress blog. You may also want to see our guide on how to create an email newsletter and get more subscribers.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Add Pinterest “Pin It” Button in WordPress (Ultimate Guide) appeared first on WPBeginner.

How to Host a Website (Simple Guide for Beginners) in 2019

Do you want to learn how to host a website? Self-hosted website builders like WordPress offer you full freedom to build any kind of website.

The challenge is that most beginners don’t know the best way to host a website. Many even believe that it requires special technical skills to host their own websites.

That’s simply not true.

If you choose the right approach, then you can easily host your own website within just a few minutes. In most cases, it is just as easy as creating a facebook account.

In this beginner’s guide, we’ll show you the exact steps on how to host a website without learning any technical skills.

We will also explain how it all works behind the scenes. This would help you gain a basic understanding of different ways to host a website.

Ready? Let’s get started.

How to host a website

Here is what you’ll learn in this guide.

What Does it Mean to Host a Website?

Hosting a website means that you put your website files on a special computer called server. This computer makes your website files publicly accessible on the internet, so anyone can visit it.

In order for other people around the world to see the website, these special computers have a particular set of software installed. This software is called a web server.

A web server’s basic job is to receive incoming requests and respond by sending the requested page to the user’s browser.

Hosting a website

Now all of this may sound like bunch of technical jargon, and it is.

However, you don’t need to learn how to do all these things in order to host your website. Luckily, there are thousands of companies that offer this as a service (at very low cost).

All websites on the internet use a web hosting company to host their websites. Even tech giants like Netflix (hosted on Amazon) and PayPal (hosted by Google Cloud hosting) use third-party service providers for their hosting.

There are only a handful of companies like Google, Microsoft, and Amazon that completely host all their services on their own platforms.

They can do this because they have the technical and financial resources to take on such a huge task. All other businesses (including us) use a web hosting company to host their website.

What Do You Need to Host a Website

You will need the following two things to host a website.

  • Web hosting service provider
  • Domain name

Web hosting service providers offer you ready-to-use web servers to host your website. They take care of all the technical stuff and provide website owners with easy to use tools to manage their hosting.

Now, how do users reach your self-hosted website? This is where domain names come in.

A domain name is the address of your website that people type in the browser to visit your website. For example, wpbeginner.com will bring you to this website.

Basically, a domain name is a human-friendly way to connect user’s browsers to the website server associated with that domain name. To learn more, see our guide on what is a domain name and how do domains work.

how domain names work

You can purchase a domain name from one of these top domain registrars. These are companies licensed to sell domain name registrations.

To understand the relationship between hosting and domains, see our guide on the difference between web hosting and domain name.

Note: later in this article, we will show you how to get a domain name for free.

But first, let’s take a look at different types of web hosting plans and evaluate which one would be the right fit to host your website.

Types of Website Hosting Services

Not all websites are the same. Some are smaller and have low traffic while others are larger with more content and visitors.

A smaller website requires fewer resources. On the other hand, a larger and more popular website will need more resources to run efficiently.

Website hosting companies provide different types of hosting offers designed to address specific website needs. Here are some of the most common hosting services.

1. Shared Hosting

A shared hosting service is suitable for small websites, blogs, and small businesses who are just starting out.

They are able to keep their costs down by allowing multiple websites to share the same server resources. This makes hosting your website affordable.

Pricing: Starting from 2.75 per month to $7.99 per month

Suitable for: Starting a new blog, small business website

Our recommended shared hosting provider: Bluehost

To learn more see our guide on the truth about best shared web hosting.

2. VPS Hosting

VPS hosting (Virtual Private Server hosting) is still a shared hosting environment. However, it offers a flexible set of resources to handle large traffic spikes.

You get a partitioned of private server for your website that you can manage from your hosting control panel. This gives you the best of both worlds, the low cost of shared hosting with the flexibility of dedicated resources.

Pricing: Starting from $29.99 / month

Suitable for: Medium-sized businesses, popular blogs, and eCommerce stores.

Our recommended VPS hosting company: HostGator

To learn more, see our article about when you need VPS hosting for your site.

3. Managed WordPress Hosting

Managed WordPress hosting is a specialized hosting service made specifically for WordPress. It is like a concierge service for your WordPress website.

On a managed hosting platform, the hosting company takes care of updates, backups, and caching of your website. This allows you to focus on creating content and growing your business.

Pricing: Starting from $35.00 per month

Suitable for: Popular blogs, business websites, membership websites

Our recommended managed WordPress hosting company: WP Engine

For more details, see our article explaining when do you really need a managed WordPress hosting.

4. Dedicated Hosting

A dedicated server hosting gives you the entire server dedicated to your own website. You get all the resources of the server, advanced tools for server management, ability to install your own software and even your own operating system.

You’ll be managing your own server which may require some technical skills. It is an advanced option for larger websites that need high-performance to tackle higher traffic volume.

Pricing: Starting from $79.99 month

Suitable for: Enterprise level businesses, hugely popular websites, eCommerce stores

Our recommended Dedicated hosting company: SiteGround or HostGator

Note: We use HostGator custom dedicated servers to host the WPBeginner website.

Choosing The Right Plan to Host a Website

As you can see, all different hosting plans come with different server configuration and pricing. You’ll need to choose a plan that suits your needs and budget.

At WPBeginner, we recommend users to start with a low cost shared hosting plan and then upgrade as their business grows. This allows you to save money and only pay for the services that you actually need.

Shared hosting plans start from $7.99 per month (paid annually) and $14.99 for a domain name.

Now if you are just starting out, then this is still a significant investment.

Luckily, Bluehost has agreed to offer our users a discount on hosting and free domain name. Basically, you’ll be able to get started for $2.75 per month.

They are one of the largest hosting companies in the world and an officially recommended WordPress hosting provider.

→ Click Here to Claim This Exclusive Bluehost Offer ←

For other shared hosting plans, see our comparison of the best hosting companies.

Once you have signed up for a hosting account, the next step is to create your website. For detailed instructions, see our guide on how to make a website.

How Much It Cost to Host a Website

So far we have covered the costs of web hosting companies. However, your costs of hosting a website may vary depending on several factors.

The first thing is the hosting plan you choose. We recommend starting with smaller shared hosting plans and then upgrade as your business and website grows.

Once you start building a website, you may need to spend money on other things as well such as website templates, software extensions, and other services.

Your goal would be to only buy what you actually need and use free tools whenever you can.

We have an excellent guide on the cost of building a WordPress website and how to avoid overspending.

How to Host a Website on Your Computer

We are often asked by our users if they can host a website on their own computer.

Yes, you can.

However, the only reason you should host a website on your computer is when you want to test a site locally before putting it on the internet.

A lot of beginners find it useful to learn web development, WordPress, and coding by installing a local server on their computer.

See our tutorials on how to set up local server on Windows and Mac.

This will allow you to install a local server without making it publicly available.

We don’t recommend using a local server to host a website and make it publicly available. However, we will show you how to do that for users who are feeling adventurous.

Putting Your Local Host Server Online

Once you host a website on your local server, it will only be available to you. You’ll need to change its settings to put your website on the internet.

First, locate your web server software’s configuration file called httpd.conf.

If you are using WAMP on Windows, then you’ll find it under C:wampbinapacheapache[version#]conf] folder.

MAMP users on Mac will find it inside /Applications/MAMP/conf/apache/ folder.

You can open this file using a plain text editor like Notepad or TextEdit. After that, you need to find the line that begins with

Listen 80

You need to replace it with your IP address and port number. You can find your IP address by simply Googling ‘what is my ip address’ it will show you a numeric string separated by dots. Here’s an example of what that code should look like with your IP:

Listen 64.233.160.1:80

Next, you need to find the following line:

ServerName localhost:80

Go ahead and change it by replacing localhost:80 with your IP address.

ServerName 64.233.160.1

Next, you need to find the following line for WAMP:

If you are using MAMP, then look for the following line:

Below this line you’ll see the access permissions, which you need to replace with the following:

Order Allow,Deny
Allow from all

You can now save your configuration file and restart your local server with the new permissions.

Now anyone can use your IP address to access your website instead of localhost. This is not an ideal situation as it would be hard for your users to remember the IP address.

That’s where domain names come in handy.

Pointing Your Domain Name to a Locally Hosted Website

Pointing your domain name to a website that you are hosting on your own computer will allow users to access it as they would do with any other site.

First, you need to edit your domain name’s DNS settings. We’re using Domain.com in our screenshots below:

Editing DNS settings for your domain name

After that, you need to edit the A name record with @ sign as the Name. If you don’t have one, then click on Add new record button to proceed.

Adding A record for your domain

In the value field, you need to enter your computer’s IP address and click on the Update DNS button to save your changes.

If the computer with your local server is connected to the internet directly, then you are all done.

However, if your computer is connected to the internet via router then you need to forward ports. To do that, you need to login to your router’s admin interface by entering the router’s IP address in your browser address bar.

Depending on the manufacturer, your router interface may look slightly different. You will need to find the option labeled port forwarding, virtual server, or NAT.

Port forwarding

Next, you need to forward web or HTTP traffic to port 80. In the IP address field, you need to enter the IP address of your computer on the local network. This IP address is the internal address that identifies your computer on the local network.

After that, you need to apply the changes and restart your router.

Disadvantages of Hosting a Website by Yourself

Hosting your website on a local computer is a bad idea. This is why even the tech giants with enough resources, skills, and know-how prefer to go with a hosting service provider.

Following are just a few disadvantages of hosting a website on local computer.

  • In order to run a web server, you need to put it on a computer connected to a high-speed internet connection 24 hours a day.
  • You also need to install updates for the web server software, keep backups, plan on a backup server, and more.
  • The computer hosting your website will also be open to hacking attempts, malware injection, and DDOS attacks. This could also affect the security of all other computers on your network.
  • You will need to purchase a static IP address from your internet service provider, which will cost you extra.

Doing all this will require a lot of time, effort, and technical skills. This is why it is a bad idea to host your website on a local computer by yourself.

FAQs about Website Hosting

Having helped thousands of beginners start their own websites, we have heard every possible question. Following are some of the most commonly asked questions from people who want to host a website.

1. Why do I need a hosting provider to host a website?

Hosting service providers specialize in maintaining a platform to serve websites. They have engineers and system administrators in their staff that monitor their servers 24/7.

This allows you to focus on building your website and growing your business instead of managing server software.

2. Can I buy a domain name and hosting from two companies?

Yes, you can. However, buying them from the same company allows you to manage both of them under the same dashboard. Also some providers like Bluehost even offer a free domain as an incentive to use their service.

3. Can I buy a domain name and host my website later?

Yes, you can buy a domain name alone. However, it will not be pointing to your website until you choose a hosting provider.

We recommend Domain.com for registering a domain name. They offer beginner friendly domain management tools, which will make it easy to connect your domain to any hosting provider later.

4. Can I host my website on my local computer and later move it to a hosting provider?

Yes, you can do that. However, if you are serious about making a website, then it is better to start with a hosting provider.

5. Can I host a website with one provider and then change it to another provider?

Yes, you can move your website to any other hosting company at any time. See our article on how to move your website to a new host for detailed instructions.

6. Where do I host my website?

There are so many hosting companies out there, that it becomes difficult for beginners to make the right choice.

Over the years, we have worked with all the top hosting companies on the market. This has given us insights into what makes a good hosting platform.

For starter websites, we recommend Bluehost. They automatically install WordPress, and they offer a beginner friendly dashboard, built-in caching, security, and more. On top of it, they are offering WPBeginner readers discount on hosting + free domain name.

For more recommendations, see our complete list of the best hosting companies with their pros and cons.

There are few companies offering free web hosting, but we recommend that you be very careful about those.

We hope this article helped you learn how to host your website. You may also want to see our guide on how to get a free business email address for your website.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Host a Website (Simple Guide for Beginners) in 2019 appeared first on WPBeginner.

How to Remove Website URL Field from WordPress Comment Form

Spam comments are a huge problem for many blogs. The biggest reason for spam comments is the desire to get backlinks by using the website url field in the WordPress comment form.

Since majority of the spam is generated by automated bots, you can easily combat comment spam by using free tools and plugins.

The trickier part is to discourage spam comments submitted manually by humans. These unwanted comments are submitted by actual users and are often off-topic, irrelevant, and add no value to the discussion.

In this article, we’ll show you how to remove the website URL field from the WordPress comment form. We’ll also explain why removing the URL field from the comment form will help you discourage spam.

Removing website URL field from WordPress comment form

Why Do People Submit SPAM Comments?

The short answer to that question is SEO or Search Engine Optimization. Let’s take a look at that in details.

Have you ever received comments from users like “Best WordPress Themes”, “Make Money Online”, or “MyBlogName” on your website? Why do they use such keywords instead of their real name?

By default, the WordPress comment form has four fields: name, email, website URL, and the comment box.

When displaying the comments, WordPress automatically hyperlinks the name of the commenter with the website URL they provided.

This backlink provides an incentive for blackhat SEO marketers and newbie bloggers.

They believe this tactic can help them get better rankings for specific keywords in search engines.

This technique does not work for SEO in most cases, but that hasn’t stopped spam comments.

This is why we have removed the URL field altogether from our WordPress comment form. By doing this, we have greatly reduced the number of spam comments on our site.

Real users will leave a comment on your articles whether they get a backlink or not. If someone doesn’t want to comment on your website because they are not getting a backlink, then you really have to question their intention in the first place.

That being said, let’s take a look at how to easily remove the website field from WordPress comment form. We will cover two different methods, and you can choose the one that works best for you.

Remove Website Field from WordPress Comment Form (Plugin)

This method is easier and recommended for all users.

First, you need to install and activate the Comment Link Remove and Comment Tools plugin. For detailed instructions, please follow our step by step guide on how to install a WordPress plugin.

Upon activation, you will see a new menu item called “QC CLR Settings” in the left sidebar of your WordPress admin panel. Clicking on it will take you to plugin’s settings page.

Comment Link Remove and Comment Tools plugin

From here, you need to check the box next to “Remove WEBSITE Field from Comment Form” option.

Once done, you need to scroll down to the bottom of the page and click on the Save Changes button to store your settings.

Since you are already logged in, you will not see the full comment form when visiting an article on your website.

You need to either log out from the WordPress admin area or open a new incognito browser window. After that, you can visit any post on your WordPress site to see the comment form without the website URL field.

Comment form without website URL field

Removing the website field will discourage users who only want to comment on your website to get a backlink.

However, the comments that are already approved will still have their author names linked to their website URL.

To remove them, you need to go back to the settings page of this plugin and check the box next to the “Remove hyperlink from comment AUTHOR Bio” option.

Once you save the changes, the links from the existing comments will be removed as well.

Manually Removing the Website URL Field From WordPress Comment Form

Some users always want to learn how to do things manually instead of using a plugin. The good news is that you can certainly remove the website field from the comment form with the help of a code snippet.

To get started, you need to take a full backup of your WordPress site. This will help you to restore your website files in case you break anything while editing the theme files.

Next, you need to copy and paste the following code to your theme’s functions.php file or a site-specific plugin:

add_filter('comment_form_default_fields', 'unset_url_field');
function unset_url_field($fields){
    if(isset($fields['url']))
       unset($fields['url']);
       return $fields;
}

This code simply removes the website field from your WordPress comment form. You can visit a blog post on your website in a new incognito tab to see it in action.

We hope this article helped you to learn how to remove the website URL field from the WordPress comment form.

You may also want to check out our guide on how to add reCAPTCHA to WordPress comments to prevent spam comments. For more tips, also see our 12 vital tips to combat comment spam in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Remove Website URL Field from WordPress Comment Form appeared first on WPBeginner.

How to Properly Change a WordPress Theme (Ultimate Guide)

Are you planning to change the WordPress theme of your website? WordPress makes it super easy for users to change and manage themes on their site.

However, you must remember that changing the appearance of your live website is a major event. You need to keep certain things in mind before and after you change a theme, so you don’t lose any data and website traffic.

In this article, we’ll show you the step by step process on how to properly change a WordPress theme with a step by step checklist.

How to Properly Change a WordPress Theme (Ultimate Guide)

Here’s a quick overview of what you’ll learn in this article:

Things to Do Before Changing a WordPress Theme

While changing a theme is literally a few clicks away, you must take some precautionary steps before starting the process.

We recommend that you to go through the following checklist to ensure that the process of changing your WordPress theme goes smoothly, and you don’t end up losing important data.

1. Copy Snippets from Your Current Theme

Some intermediate WordPress users like to customize their website by adding code snippets directly to the functions.php file of their theme.

Since these changes were made once, people usually forget about them.

If you or your web developer made these changes, then make sure to go through the files of your current theme and note down all the additional code that you’ve added previously. This will allow you to add them later into your new theme’s functions.php file or a site-specific WordPress plugin.

2. Test Load Time

Before changing your theme, you should check the load time of your website, so you can easily compare the differences in the page load time after you made changes to your website.

Remember, WordPress speed is an important factor in user experience and SEO, so you need to make sure that the new theme is faster than your previous one.

You can check your website speed by using a tool like Pingdom.

Make sure that you test the load time of the homepage and also some of your inner pages.

3. Don’t Lose Any Tracking Code

Some users add their analytics tracking code directly to their theme files. Also, there are WordPress themes that allow you to add Adsense or Analytics code in their settings panel.

One of the most common mistakes beginners make is to overlook these codes.

You need to make sure that you copy all the tracking codes, so you can add them to your new site after changing the theme.

To future proof this, we always recommend users to install Google analytics using a plugin like MonsterInsights, and for other tracking code we recommend using the header and footer plugin.

4. Make a Full Backup

It’s always recommended to back up your posts, images, plugins, and the database before changing your theme.

You can use a WordPress backup plugin to create the backup of your entire site. Make sure that you download this backup to your computer before moving forward.

This step will ensure that you can recover your website easily if anything goes wrong.

5. Sidebar Content

Sidebars are used for adding different widgets including social links, advertisements, subscription forms, or a contact form.

Make a note of these changes. If there is any custom code added into a widget, then make sure you copy and paste this code on your computer, so you can reuse it in your new theme.

6. Keep Your Site on Maintenance Mode

It’s a good practice to put your website on maintenance mode when you’re making changes to it. You don’t want your visitors to see an under construction site, right?

We recommend using the SeedProd plugin for this purpose.

SeedProd plugin

It’s a popular WordPress plugin that allows you to easily create beautiful coming soon and maintenance mode pages for your site.

To keep your site on maintenance mode, you need to install and active the SeedProd plugin.

Next, head over to SeedProd » Settings page to configure plugin settings. Here you need to select the Enable Maintenance mode radio button and click on the Save All Changes button.

SeedProd enable maintenance mode

How to Install a WordPress Theme

After following the above precautions, the next step is to install a theme that you want to use on your site.

There are thousands of free and paid WordPress themes available for you to pick from. The fact that you’re reading this article means you’ve likely found a good theme for your needs.

If you haven’t already selected a theme, then we can highly recommend the following WordPress themes to you:

1. Divi

Divi WordPress theme

Divi is one of the most popular WordPress theme in the market. It’s powered by the drag and drop Divi Builder which allows you to easily build any kind of website.

It comes with 20+ pre-built layouts and 46 different content elements. You can easily customize each element of your site and see the changes in real time.

2. Astra

Astra WordPress theme

Astra is a lightweight and speed-optimized WordPress theme. It’s compatible with various page builder plugins like Beaver Builder, Divi, and Visual Composer.

It’s a translation and RTL-ready theme. This allows you to start your website in any language and even create a multilingual website.

Astra can be easily integrated with the WooCommerce plugin, so you can easily create an online store without much hassle. You can also customize the header, footer, layout, and more using the WordPress Theme Customizer.

Our favorite part about Astra is all the starter website templates it comes with.

3. StudioPress

StudioPress WordPress themes

Genesis is the most popular WordPress theme framework and has been built by the StudioPress team. You can create amazing websites using the Genesis framework and other StudioPress themes.

In case you don’t know, StudioPress is now a part of WP Engine, the most popular managed WordPress hosting company.

The best part is you’ll get 35+ StudioPress themes for free if you sign up for any WP Engine hosting plan.

4. OceanWP

OceanWP WordPress theme

OceanWP is a responsive and multi-purpose WordPress theme. It offers multiple demo templates that have been built with different professions and businesses in mind.

It is compatible with the major page builder plugins. You can also use different extensions to take your site to the next level.

5. Beaver Builder

Beaver Builder plugin

Beaver Builder is one of the best drag and drop page builder plugins that allow you to build stunning pages for your site without any coding skills.

Beaver Builder is compatible with almost every WordPress theme, and you can even use it to create a custom WordPress theme without writing any code.

Anyways, we hope the above recommendations will help you to choose a WordPress theme for your site.

Once you’ve selected a theme, you need to install it on your WordPress site. Y

ou can use any of the following 3 methods to install a WordPress theme:

  • Using the WordPress theme search option
  • Uploading a theme from your WordPress Dashboard
  • Installing a theme using FTP

You can check out our beginner’s guide on how to install a WordPress theme for help.

How to Change WordPress Theme Without Going Live

Once you’ve installed your new theme, you are ready to switch themes.

However, it’s always recommended to test a theme before switching to it on your live website.

This way you’ll be able to check the compatibility of the new theme with your existing plugins and make sure that everything is working properly as desired.

There are two ways that you can use to change your WordPress theme without going live:

1. Live Preview Option

By default, WordPress allows you to preview a theme on your website without changing it.

To do that, head over to Appearance » Themes from the left sidebar of your admin panel.

On this page, you’ll see all the installed themes on your site. You need to hover your mouse over the theme you want to preview and click on the Live Preview button.

WordPress Theme Live Preview Option

This will open your new theme in the WordPress Theme Customizer. You can now test your new theme and make sure that everything is working properly.

2. Theme Switcha Plugin

Another option is to use the Theme Switcha plugin. It allows you to preview your new theme without activating it.

First, you need to install and activate this free plugin. Next, go to Settings » Theme Switcha from the left sidebar of your admin panel.

Theme Switcha plugin settings page

On the Settings page, you need to select the “Enable theme switching” option and then, scroll to the bottom of the page to click on Save Changes.

This plugin will now display all your installed themes at the bottom of this page. Go ahead and click on your new theme to preview it on a new tab of your web browser.

Theme Switcha available themes section

How to Change WordPress Theme on Live Site

After you have tested your new theme, it’s time to start the process of switching the theme on your WordPress site.

To do that, go to Appearance » Themes from the left sidebar of the WordPress admin panel.

Change WordPress theme on live website

On this page, you need to hover the mouse cursor over the theme you want to use and then click on the Activate button to change the WordPress theme.

Now you can visit the homepage of your website to see the new theme in action.

How to Change WordPress Theme Manually

Sometimes an error can make your WordPress admin area inaccessible. In that case, you won’t be able to change the theme using the above method.

To recover your website, you need to restore it from backup, or you may troubleshoot the WordPress error causing the problem.

However, if you don’t have a backup, then you can change the theme manually with the help of phpMyAdmin.

This method allows you to inform WordPress which theme to use by changing the information in the database.

First, you need to connect to your website using an FTP client and go to the /wp-content/themes/ folder.

FTP WordPress themes folder

Here you’ll be able to see all the themes that are currently installed on your website. You can also install a WordPress theme via FTP if you don’t see it.

Next, you want to write down the folder name of the theme you want to use because you’ll need it later.

After that, you need to go to the cPanel of your WordPress hosting account. On this page, you will have to scroll down to the Databases section and then click on phpMyAdmin.

cPanel open phpMyAdmin

Once you are in phpMyAdmin, you’ll see a list of databases on the left side of the screen. Simply click on the database that you are using for your WordPress site.

phpMyAdmin open database and table

Next, it’ll show you the list of tables in this database. You need to click on the “wp_options” table to open it.

Note: By default, WordPress use wp_ as the prefix for the table names. However, it’s possible to have a different database prefix, as shown in the above image.

Now you need to locate the template and stylesheet rows on the right panel.

Template and stylesheet rows

Next, click on the Edit link present in the “template” row to open the editor.

Here you need to change the value in the option_value field to the theme name that you want to use. It’s usually the same as the folder name in /wp-content/themes/ folder that you copied earlier.

Change template value

Once you’re done, click on the Go button to save the changes. Next, go ahead and repeat the same process for the “stylesheet” row.

After making changes to both the rows, you can go to your website to see the new theme in action.

Things to Do After Changing Your Theme

Once you’ve changed the theme on your website, you need to take care of certain things before turning off the maintenance mode.

You can check out the following checklist of things to do after changing your WordPress theme:

1. Test Your Website

First, you need to make sure that all the functionalities, plugins, and widgets are working properly.

You should invest some time to test your website and check out different things including the posts, comment section, images, and the contact form.

2. Cross Browser Compatibility

Browsers have a tendency of showing certain things differently.

To make sure that your website looks good in every major browser, you should test your site in different web browsers including Google Chrome, Firefox, Safari, and Internet Explorer.

3. Add Tracking Code

After you’ve tested the features and the cross-browser compatibility, you should add your analytics and Adsense tracking code to your site.

You can use the MonsterInsights plugin to add the Google Analytics tracking code. This will allow you to properly setup analytics and view detailed website stats right inside your WordPress dashboard.

4. Turn Off Maintenance Mode

You can disable the maintenance mode on your site to make it go live.

If you’re using the SeedProd plugin, simply go to SeedProd » Settings from the left sidebar. On the settings page, select “Disabled” and click on Save All Changes to turn off the maintenance mode.

SeedProd disable maintenance mode

5. Test Loading Time

You need to go to the Pingdom website again to test the loading time of your homepage after changing the theme.

Next, compare it to the load time when your old theme was installed. If you see any major differences, you can follow our guide to improve WordPress speed.

6. Monitor Bounce Rate

After switching themes, you should monitor the bounce rate of your site.

If your new theme is not user-friendly and difficult to navigate, it may increase the bounce rate of your site.

You can add related posts, popular posts widget, and breadcrumbs to reduce the bounce rate and increase page views.

7. Ask for Feedback

You can also ask your users for feedback and suggestions on how to improve your site design. You can use survey forms or online poll to gather user input.

You can share the new design with your subscribers using an email marketing service and ask them for their suggestions. This will help you to get ideas on what they would like to see improved.

We hope this step by step guide helped you easily change your WordPress theme. You may want to see our list of the must-have WordPress plugins for business websites.

If you liked this article, then please subscribe to our YouTube Channel for more WordPress video tutorials. You can also follow us on Twitter and Facebook.

The post How to Properly Change a WordPress Theme (Ultimate Guide) appeared first on WPBeginner.