Blog

How to Use WordPress Theme Customizer (Ultimate Guide)


Did you know that WordPress comes with a built-in theme customizer that allows you to easily make changes to your website design in real time.

While every theme has some level of support for the default customizer options, many themes include additional tabs and options to the WordPress theme customizer, so you can easily customize your theme without any coding knowledge.

In this article, we’ll walk you through the default panels and show you how to use the WordPress theme customizer like a pro.

How to Use WordPress Theme Customizer Ultimate Guide

How to Access the WordPress Theme Customizer

Theme customizer is a default WordPress feature, and it is part of every WordPress website.

You can access it by logging into your WordPress admin area, and then going to Appearance » Customize from the left sidebar of your WordPress admin panel. This will open the Customizer interface with your current theme.

How to access WordPress Customizer

You can also use the WordPress theme customizer page for any of the installed themes on your website even when they are not active.

This allows you to see a live preview of that theme and make changes before you activate it.

To do that, you need to head over to Appearance » Themes page.

Next, hover your mouse cursor over on any installed theme and click on the Live Preview button to open the WordPress theme customizer page.

WordPress Theme Live Preview Option

How to Use the WordPress Theme Customizer

After opening the WordPress theme customizer, you’ll see all customization settings on the left side of your screen, and the live preview of your website on the right side.

WordPress Theme Customizer

WordPress theme customizer comes with a set of default panels regardless of the theme you’re using.

You need to click on the individual panels to make changes to it. You can also click on any of the blue pencil icons on the right side of your screen to open the settings for that particular item.

Note: advanced WordPress themes will add additional setting panels for extra customization options (more on this later).

Let’s take a look at the default options available in the WordPress theme customizer.

Site Identity Panel: Add Title, Logo, and Favicon

The Site Identity panel in the WordPress theme customizer allows you to add or change the title and tagline of your website.

By default, WordPress adds “Just Another WordPress Site” as the site tagline.

It’s recommended to change it after installing WordPress on your site. You can also keep it as blank if you want.

Site Identity Settings to change Site title, tagline, logo, and favicon

Site Identity panel in the WordPress theme customizer also allows you to add your site logo. Simply, click on the Select logo option to upload the logo of your website.

Want to add a favicon to your site? You can do that by clicking on the Select site icon option. For detailed instructions, you can follow our guide on how to create and add a favicon to your site.

WordPress Theme Customizer: Change Colors on Your Website

The controls on the Colors panel will mostly vary depending on the WordPress theme you’re using.

For example, the Twenty Seventeen theme allows you to choose the header text color and select a color scheme for your entire website.

Change Colors on Your Website

Other WordPress themes may offer different color options for site elements like: headings, links, body text, background of your website, etc.

Adding Navigation Menus in Theme Customizer

The Menus panel allows you to create navigation menus and control their location on your website.

On this tabl, you’ll find all existing WordPress menus that you’ve created previously. You can click on the “View All Locations” button to check the available menu locations that your theme supports.

Menus Panel in Theme Customizer

To create a new menu, you need to click on the Create New Menu button.

After that, you will need to give a name to your menu, so you can easily manage it later. You can also select the menu location and then click on Next to proceed.

Create a new navigation menu

To add items to this menu, you need to click on the Add Items button to open a new panel. You can now add custom links, pages, posts, categories, and tags as menu items.

Add items to navigation menu

To reorder the items, you can click on the Reorder link and then use the arrow icons to adjust the menu items.

Control Widgets on Your Website in Theme Customizer

The Widgets panel allows you to add and manage the widgets on your site.

Clicking on it will show you the different locations where you can add widgets. This will vary depending on the theme you’re using.

For example, the Twenty Seventeen theme offers 3 widget locations, whereas the Twenty Nineteen theme comes with just one location.

Widgets panel

When you click on any one of them, you’ll see the widgets that you’ve previously added to that location.

To add a new widget, you need to click on the “Add a Widget” button. This will open a new panel where you’ll see a list of all available widgets.

Add Widgets to your site

You need to click on the one that want to add. You can also make changes to the newly added widgets and adjust its position by dragging them up or down.

Homepage Settings Panel in Theme Customizer

By default, WordPress displays the latest blog posts on your homepage.

However for business websites users prefer to use a custom homepage. It allows you to have a proper landing page that displays your products and services.

To use a custom home page, you need to select “A static page” radio button on the Homepage Settings panel.

Homepage Settings in theme customizer

This will open up two new dropdown menus that you can use to select a page for your homepage and another for displaying your blog posts.

In case you don’t have the pages on your site, you can create a new one by clicking on the “+ Add New Page” link present below the dropdown menu. This will create a blank page with the name of your choice.

Additional CSS Panel for Adding Custom CSS

Do you want to add custom CSS code to style your website? You can do that in the Additional CSS panel.

Intermediate and advanced WordPress users often customize their site by adding CSS code directly to the style.css file of their theme. This adds additional steps like having FTP access to your WordPress hosting, modifying theme files, etc.

An easier solution for beginners is to add your custom CSS code to the Additional CSS panel in the WordPress theme customizer. This will allow you to make changes to your site and see them live on the right side of your screen.

Add Custom CSS code to Additional CSS pane;

When you start writing some CSS code, WordPress will automatically suggest attributes to you based on the letters you type. It will also display error messages if you have not written a proper CSS statement.

Note: If you want to customize your website without writing any code, keep reading. We will share two beginner friendly options that will allow you to easily customize your theme and even create a custom WordPress theme.

Other Theme Customizer Options

Some free and premium themes offer more theme customizer options.

Depending on the theme you’re using, you may be able to change the font style, add a background image, change the layout, modify colors, add random header images, and much more.

You can also add specific features to your theme customizer with the help of plugins. For example, you can add custom fonts in WordPress using the Easy Google Fonts plugin.

Preview Your Website on Different Screen Resolutions

It’s important for every website owner to make sure that their website is mobile responsive and looks good on all screen sizes.

Thanks to the WordPress theme customizer, you can easily check how your website looks on different screen sizes.

At the bottom of the Theme Customizer panel, you’ll find three icons and the “Hide Controls” link.

Preview website on different screen resolutions

These icons allow you to test your site on different screen resolutions like desktop, tablet, and mobile devices.

The Hide Controls link is useful for hiding the WordPress Customizer panel so that you can view your site properly on the desktop mode.

Publish, Save, or Schedule Your Customizer Settings

Once you have made the necessary changes, you need to apply them to your site. Otherwise, all your hard work will be lost.

Go ahead and click on the Publish button to apply the changes. Once done, you can click on the close button, present at the top-left corner of your screen, to exit the theme customizer.

Publish WordPress Customizer settings

What if you need more time to finalize your new design? In that case, you can save it as a draft and even share your new design with someone without giving them access to your admin area.

To do that, you need to click on the gear icon right next to the Publish button. This will open up the Action panel.

WordPress Customizer Save Draft option

Here you’ll find three options: Publish, Save Draft, and Schedule.

You need to select the Save Draft radio button on the Action panel and then click on the Save Draft button to store your changes.

You can now copy the preview link and share it with others to get feedback.

On the other hand, the Schedule option allows you to publish your changes on a specific date and time. You can use this option for scheduling your theme changes to go live at the time when you receive the least traffic.

Schedule Customizer settings on a specific date

Lastly, if you want to reset the unpublished changes, then you can click on the Discard changes link on the Action panel.

Preview Different Themes Without Going Live

There are times when you want to check how a new theme would look on your site. However, you don’t want to activate them on your live website.

In that case, you can open the WordPress Customizer to test new themes without going live.

On the Customizer panel, you’ll find the name of your active theme and the Change button.

Change WordPress Theme from Customizer

If you click on that button, then WordPress will display all your installed themes on the right side of the page.

To check a particular theme, you need to click on the Live Preview button.

Preview Installed themes on Theme Customizer

You can also preview themes from the WordPress Themes Repository. To do that, you need to select “WordPress.org themes” checkbox on the left panel.

This will show themes from the WordPress.org directory. You can click on the “Install & Preview” button to check the theme you like.

WordPress themes directory

You can also filter the themes by clicking on the Filter Themes button present at the top-right corner of your screen.

Note: we recommend using a WordPress staging website to test out new themes instead of using the customizer on a live site.

Import or Export Theme Customizer Settings

Did you know that you can import and export your theme customizer settings?

This is extremely helpful when you are making changes to your theme on your local server or a staging site. Instead of copying the settings manually to your live website, you can simply export the theme customizer settings to save your time.

For detailed instructions, you can follow our guide on how to import and export theme customizer settings in WordPress.

WordPress Theme Customizer Alternatives

Although WordPress Customizer allows you to make changes to your site, the number of controls will vary depending on the theme you’re using.

What if you like your theme, but wish that it had extra customization options?

In that case, the best solution is to use one of the two customization plugins that works alongside the WordPress theme customizer.

CSS Hero

CSS Hero plugin

CSS Hero is a WordPress plugin that allows you to customize your site without writing a single line of code. You have the freedom to style every element of your site without any hassle.

Do you want to customize the login page of your WordPress site? CSS Hero allows you to do that within a few minutes.

You can also edit and preview the changes in the frontend to make sure that your design looks perfect on every device.

Beaver Builder

Beaver Builder plugin

Beaver Builder is one of the best WordPress page builder plugins in the market. It allows you to build stunning pages for your site using a drag and drop interface.

The best part is that Beaver Builder works with almost every WordPress theme. This allows you to use it with your current theme.

Beaver Builder supports the use of shortcodes and widgets. It also offers different types of modules that you can use to easily style your website. See our guide on how to create custom layouts in WordPress for detailed instructions.

You can also use Beaver Builder to create a completely custom WordPress theme without writing any code.

We hope this guide helped you to learn how to use the WordPress Theme Customizer like a pro. You may also want to see our guide on the best WordPress plugins and tools for your website.

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.



Source link

How to Add Nofollow Links in WordPress (Beginner’s Guide)


Are you wondering how to add nofollow links in WordPress? When you link to an external website, search engines pass a small part of link authority from your website to the other website.

Since you don’t own or control those third-party websites, it is usually a SEO best practice to add nofollow attribute to those links.

In this article, we’ll explain what is nofollow links, and how you can add nofollow links in WordPress posts, pages, and navigation menus.

How to Add Nofollow Links in WordPress - Simple Guide for Beginners

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

A nofollow link is a type of link that tells search engines to not pass any link authority from your page to the other website that you’re linking to. You can turn any link into a nofollow link by adding the following link attribute: rel=”nofollow”.

Links or backlinks are an important search engine ranking factor.

When you link to a website, search engines consider that as a ranking signal, and they will pass a small portion of your page authority (link juice) to the other website.

Some SEO experts believe that by making external links nofollow, their own website will rank higher.

How to Check if a Link is Nofollow?

All nofollow links must contain the rel=”nofollow” HTML attribute.

Here’s an example HTML code of a nofollow link:

<a href="https://example.com" rel="nofollow">Google</a>

To check whether a nofollow attribute is added to a link on a website, you need to take your mouse to that link, right click on it, and then select Inspect on your browser.

Check nofollow attribute in the link

Your browser window will now split into two parts.

In the bottom window, you will be able to see the HTML source code of the link along with the nofollow attribute.

As a general best practice, you should add nofollow to all external websites that you don’t trust.

It’s completely acceptable and actually recommended to link to authority websites like Wikipedia, WPBeginner, New York Times, etc without the nofollow attribute because linking to authority sites help you add credibility to your own website.

However we always recommend users to nofollow less credible websites or websites that you simply don’t trust.

The following are some cases when you should always add nofollow attributes to the links:

1. Affiliate and Sponsored Links

Most bloggers make money online using affiliate marketing.

Affiliate links are tracking links for products and services that you recommend and get referral commissions for if someone purchases your link.

Whether you’re using a direct affiliate link or cloaking it using Pretty Links, you should always add nofollow attribute to affiliate links.

Another popular way bloggers make money is by adding sponsored links. You should always add nofollow to sponsored links because otherwise search engines may consider your site as selling links / spammy.

2. External Links

Sometimes, you may link to an external source to provide a reference to your statement. Since you don’t control the content on those websites, you should consider adding nofollow to them.

In simple words, you are telling the search engines that you are linking to a source, but it is not something you can vouch for.

Note: You don’t need to nofollow a link to an authority website.

3. Sidebar Links

Some bloggers add a list of external or affiliate links to the sidebar of their WordPress blog. These external links can be from authority sites or websites that they trust.

The problem is every time a new page is created on your site, you are creating a new backlink for those websites from your sidebar.

It is important to make these links nofollow and make sure that you are not passing the SEO juice from every page to certain links.

Since Gutenberg is a new WordPress content editor, the old nofollow plugins for WordPress are not yet compatible with it.

Currently, the only way to add nofollow links in Gutenberg is to do it manually.

Let’s take a look at the step by step process on how to add nofollow links in WordPress posts or pages with Gutenberg.

First, you need to go to Posts » Add New from the left sidebar of your admin panel.

On this page, you need to select the text that you want to add a link to, and then click on the “anchor / link” icon.

select text to add link in Gutenberg Editor

This will open a text field just below the selected text. You can paste the external link directly in the box.

If you want the link to open in a new tab, then you need to click on the down arrow icon. This will open a menu where you have to click on the “Open in New Tab” toggle box.

Add external link to the textbox

Once done, you can click on the apply or Enter icon to add the link.

To add the nofollow attribute to your link, you need to select the block containing your link and then click on the 3 vertical dots icon present at the top bar.

Select edit as HTML option from the top bar

This will open a menu where you need to click on the Edit as HTML option.

You will now see the HTML code of your link. Go ahead to add the rel=”nofollow” attribute to the link element.

rel nofollow attribute to link

If you see the rel=”noopener noreferrer” attribute in the HTML code, then add a space after noreferrer and paste nofollow after that.

Once done, you can click on the 3 vertical dots icon again and select the Edit visually option to go back to the visual format.

Select edit visually option

This will convert your normal link to a nofollow link. You can follow the same process for adding nofollow attribute to all other external links.

Although it is recommended to upgrade to the newer version of WordPress, some users still prefer to use the Classic Editor for writing their posts.

Unlike the default editor, you can easily add nofollow links in the Classic Editor with the help of a plugin.

First thing you need to do is install and activate the Title and Nofollow For Links plugin. You can follow our guide on how to install a WordPress plugin for help.

This plugin works out of the box, and there are no settings for you to configure.

Head over to Posts » Add New to create a new post. You need to add some text to the post editor and select the text that you want to link. Next, click on the Link icon present in the toolbar.

Add Link to WordPress Classic Editor

After that you can add the external link to the textbox field below and click on the gear icon to open the Link options.

This will open up a modal window where you will see a nofollow checkbox just below the “Open link in a new tab” option.

Go ahead to select the Add rel=”nofollow” to link checkbox and then click on the Update button.

Add Nofollow attribute to a link in WordPress Classic Editor

This allows you to add a nofollow attribute to any link when writing a post. This is also useful for users who are not confident with editing HTML code.

Most bloggers select the “Open link in a new tab” checkbox as well when adding an external link. This is a great way to reduce bounce rate and keep your visitors from leaving your website.

You have already learned how to add nofollow links in the Gutenberg editor manually. However, that method is only useful when you want to add the nofollow attribute to some of your links.

If you have a lot of external and affiliate links in your post, then you should switch to the Code Editor to add nofollow attribute faster.

Open code editor to edit external links

Simply, click on the 3 vertical dots icon, present at the top-right corner of the page. This will open a dropdown menu where you need to select the Code Editor option.

You will now see the HTML code of the page. Next, search for the external and affiliate links and then, add the nofollow attribute to all of them.

Add nofollow to external links

Once done, you need to click on the “Exit Code Editor” link to revert to the visual editor.

If you’re using the Classic Editor, then you can easily use a plugin to add nofollow links. However, you can also add nofollow links manually.

To do that, you need to switch to the Text Editor by clicking on the Text tab. Next, you can add rel=”nofollow” to any link you want.

Add nofollow attribute to links in classic text editor

To go back to the visual editor, you have to click on the Visual tab, placed just beside the Text tab.

Some bloggers and site owners may add external links to the navigation menu of their website.

While adding a nofollow attribute to WordPress menu links is extremely simple, it is not as clearly visible.

Let’s take a look at how to add nofollow links in WordPress navigation menus.

First, you need to click on Appearance » Menus from the left sidebar of your admin panel.

Next, select the menu where you want to add the external link and then click on the Select button to open it.

Select a navigation menu to edit

After that, you need to click on the “Custom Links” tab to add the link text and external link URL. Once done, you need to click on the “Add to Menu” button to create a new menu item.

Add Custom Link to Navigation menu in WordPress

The external link will now appear in the Menu Structure column along with the other menu items.

Next, click on the Screen Options button at the top-right corner of the screen and select the Link Relationship (XFN) and Link Target options.

Screen Options navigation menus

Now scroll back down and click on the downward arrow icon of the new menu item to expand it. Here you will find the “Link Relationship” and “Open link in a new tab” options, just below the Navigation Label textbox.

Add nofollow to Link Relationship XFN option

To add the nofollow attribute, you need to write nofollow in the Link Relationship (XFN) textbox. You can also check the “Open link in a new tab” option if you want.

Click on the Save Menu button

Lastly, click on the Save Menu button to store your changes. This will add the nofollow attribute to the external link in your WordPress menu.

Some WordPress users want to automatically add the nofollow attribute to all external links on their site.

Most solutions that offer this are done with the help of JavaScript which is not helpful for Google and the SEO of your site. Instead, you should manually nofollow the links using the above methods.

In case you are concerned about the comment section, then the good news is that WordPress already adds the nofollow attribute to all comment links by default.

If you’re still looking for a solution to automatically nofollow the external links, then you can use the External Links plugin.

It adds the rel=”nofollow” attribute to all the external links on the posts, pages, navigation menus, and the sidebar.

To install the External Links plugin, head over to Plugins » Add New from the left sidebar of your admin panel.

Upon activation, you need to go to Settings » External Links page.

External Links plugin settings page

Here you need to select the “Add No Follow” checkbox. If you want the external links to open in a new tab, then you should select the “Open in New Windows” checkbox as well.

This plugin also allows you to add a list of domains and subdomains which should not be made nofollow.

To do that, you need to scroll down to the bottom of the page and then add the domains, separated by commas or space, to the “Domains to Exclude” textarea.

Domains to exclude nofollow attribute

Once done, you should click on the Save Changes button to store the settings.

That’s all! This plugin will now make all the external links nofollow on your site automatically.

We hope this guide helped you to learn how to add nofollow links to your WordPress site. You may also want to read our beginner’s guide to image SEO, and our ultimate guide for blog post SEO to help you further optimize your blog posts.

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.



Source link

6 Best WordPress Slider Plugins


Are you looking to add a slider in your WordPress site? There are dozens of WordPress slider plugins on the market that you can use.

However, not all slider plugins are created equal. Most of them load too many scripts which slow down your website.

In this article, we will compare the top WordPress slider plugins based on their speed, ease of use, and overall features. The goal is to find the best WordPress slider plugin in terms of performance and quality.

Best WordPress slider plugins compared

The Problem With WordPress Sliders

Most WordPress sliders are slow. If it is not properly coded, a slider can significantly increase your page load time. If you do not have a good WordPress hosting service, then your server may respond even slower than normal.

The other problem with WordPress slider plugins is ease of use. Most of them are bloated and come with a learning curve for beginners.

Last but not least, you want to make sure that your WordPress slider is mobile responsive. A lot of them are not.

So how do you go through hundreds of slider plugins and check for all of this? Well, you don’t have to. We did the research for you and below are our results for the best WordPress slider.

The Contenders for Best WordPress Slider Plugin

For the sake of this article, we chose the top and highly recommended WordPress slider plugins. While doing our research, we noticed that these slider plugins were among the most used and recommended.

We decided to run some simple tests and see how each one of them performs. The criteria we are looking for is speed, ease-of-use, features, and compatibility.

Ready, let’s get started.

Speed – Which is the Fastest WordPress Slide Plugin?

The #1 problem with sliders is that they could slow down your website. Performance and speed not only affect user experience, but they also have a significant impact on SEO.

This is why slider speed is on the top of our comparison. We want to see which is the fastest slider plugin and then we will compare their features to see if the performance impact can be justified.

To find this out, we installed each slider plugin on a demo WordPress site. We uploaded the same images to create a slider. We didn’t change any other settings and embedded the slider on a blank WordPress page.

After that, we used Pingdom speed testing tool to run the test. Following are the results of our test for each slider plugin.

As you can see in the above scores, Soliloquy was the fastest loading WordPress slider in our tests. Closely followed by MetaSlider.

If you want a high-performance fast WordPress site, then Soliloquy is the best WordPress slider for you.

Now you might think that all other sliders performed well too. Why do we think that Soliloquy is the fastest?

If you notice the test results, you will see that Soliloquy increased page load size without affecting the speed.

This is achieved by using a neat little trick. Basically, it loads your cover slide first and then other slides are loaded asynchronously. In other words, you can upload high-quality slider images with minimum impact on performance.

Ease of Use – Which WordPress Slider Offers Better User Experience?

Creating sliders is not as simple as we would like it to be. There is too much technical language used in the user interface of all top WordPress slider plugins.

We want our slider plugin to be beginner friendly and something that just works out of the box. Let’s see how our top contenders perform in this regard.

Soliloquy

Soliloquy is the most beginner friendly WordPress slider plugin on our list. You can simply create a new slider and then just drag and drop your images.

It takes care of the other things like resizing images, choosing a slider theme, navigation style, etc. You can simply hit the publish button to save the slider.

Soliloquy user interface

The reason why it’s easy to use is that it uses the WordPress coding guidelines and blends in with your native WordPress admin interface. Soliloquy has a simple but intuitive user interface to create slides using the default WordPress media uploader.

Adding your slider to WordPress posts and pages is also a breeze. Soliloquy gives you a number of options including shortcodes, a Gutenberg editor block, a button for the old classic editor, and a widget.

Soliloquy block in Gutenberg editor

MetaSlider

MetaSlider is another easy to use WordPress slider. Creating a new slider is quite simple and it automatically takes care of all the technical settings for you.

MetaSlider user interface

It gives you options to choose different slider scripts, slider theme and styles, add captions and SEO titles, and more. Beginners can ignore all those options and can simply insert slider anywhere on their site using shortcode, Gutenberg block, widget, or template tag.

Smart Slider 3

Smart Slider 3 uses a different user interface which feels different than the rest of the WordPress admin screens. It is somewhat easy to use and beginners can find their way around.

Smart Slider 3 user interface

However, it packs a lot of options which may not be as easy to discover for beginners. The overall user experience is satisfactory and you can easily add a slider into posts and pages using the default block, shortcode, and template tag.

Slider by Nivo

Slider by Nivo is a free slider plugin that is easy and quite straight forward. You can simply upload slider images using the media uploader and rearrange slide order with drag and drop.

Using the same media uploader interface, you can add captions, link, and alternate text to your slide images. It comes with shortcodes and template tags so you can add a slider to your posts, pages, and template files.

Add new Nivo slider

Nivo Slider is an image slider and does not support video and other multimedia type. It comes with a nice bundle of themes that you can use and lots of transition effects to choose from. However, if you are counting on features and options, then Nivo falls behind other sliders on this list.

Slide Anything

Slide Anything allows you to add anything into a slider. You can add text, HTML, images, videos, or anything else you want. It is not as easy to use or intuitive as some other WordPress sliders and many of them also allow you to add other types of content.

Slide Anything slide editor

You will have to insert all your slide content inside an HTML editor. This makes it a bit difficult to keep your slides the way you want them to be.

Master Slider

Master Slider is another slider plugin with a non-native user interface that looks different than the rest of the WordPress screens. It is easy to use, but many of the options are hard to locate.

It starts with a template selection and automatically imports some demo slides for you to start with. You can then delete those slides and replace them with your own.

It has beautiful templates and can be easily inserted into WordPress posts, pages, and sidebars by using the shortcode, Gutenberg block, and template tag.

Master Slider works best with WordPress themes that automatically load jQuery on each page load. If your theme doesn’t do that, then you will need to change plugin settings and force it to load assets on page load.

Features – Which Slider Plugin for WordPress Offers More Choices?

If all you want to do is create simple image slide shows, then any of the free WordPress slider plugins on this list can do the job.

However, Soliloquy and MetaSlider come with a lot more features. They are fully responsive sliders and look equally beautiful on all devices and screen sizes. Both support video slides, HTML 5 videos, featured content slides, themes, animations, and transitions.

They both offer simple and easy to use interface and they both have additional add-ons that you can install to add more features.

Soliloquy has slightly more features like WooCommerce add-on for product slideshows, social media integration, Instagram add-on, and more.

Pricing

Cost is another decisive factor that might help users choose a slider plugin for WordPress.

Here is the price for a single site license of these plugins.

Among the paid plugins Soliloquy may look the cheapest, but their single site license doesn’t give you access to all the add-ons. You’ll need the developer license to access all add-ons, which costs $99.

On the other hand, both MetaSlider and Smart Slider 3 give you access to all add-ons even with a single site license.

Conclusion – The Best WordPress Slider Plugin

After comparing these plugins we can confidently say that the best WordPress slider plugin award goes to:

Soliloquy

It is by far the fastest WordPress slider plugin in the market. It follows all of the coding best practices, it is very well documented, easy to extend for developers and even easier to use for users.

Use our Soliloquy Coupon to get an extra 10% off.

Our second choice would be SmartSlider 3. It offers a very good balance of functionality and performance. The user interface is easy to use for beginners as well as developers.

We hope this article answers the questions regarding the best WordPress slider plugin in terms of performance and quality. You may also want to see our comparison of the best WordPress caching plugins to improve your website performance.

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.



Source link

How to Allow Users to Edit their Comments in WordPress


Have you ever felt the need to edit a comment you just left on a website?

Maybe you want to correct a spelling or grammar or error, or maybe you accidentally hit the submit button before finishing your comment.

It happens to all of us. The problem is that most WordPress sites do not allow users to edit their comments once they are published.

If you receive a lot of comments on your website, then you may want to consider allowing users to edit their own comments for a short period of time.

In this article, we’ll show you how to allow users to easily edit their comments in WordPress for a short period of time.

How to Allow Users to Edit their Ccomment in WordPress

Why Allow Users to Edit or Delete their Comments

Most WordPress sites allow users to submit comments on their articles after providing their name and email address. However, users are not allowed to edit or delete their comment.

Sometimes, people want to make changes to their comment after clicking on the submit button.

The most common scenario is to fix their mistakes like a spelling or a grammatical error. Some users may want to modify their comments to add or remove something.

There can also be some rare cases where a user may think about deleting their comment because what they wrote was is completely out of context.

Whatever the case may be, the best solution can be to allow people to edit their comments for a short period of time, maybe for the first 5 or 10 minutes.

During that time, they’ll be allowed to modify or even delete their comments.

The reason for adding the time limit is to make sure that link builders and spammers don’t abuse the comment section by adding links to their approved comments.

That being said, let’s take a look at how to easily allow users to edit their comments in WordPress.

Allowing Users to Edit Comments in WordPress

First thing you need to do is install and activate the Simple Comment Editing plugin. You can see our step by step guide on how to install a WordPress plugin for detailed instructions.

Upon activation, the plugin will allow your users to make changes to their comments within the first 5 minutes.

After the first 5 minutes, users will not able to edit their comments.

You can change this time limit by going to Settings » Simple Comment Editing in your WordPress admin area.

Simple Comment Editing plugin settings

On the settings page, you can change the time in the text field to anything you like.

However, it is recommended to set the limit under 30 minutes since the purpose is to allow users to fix the errors right away.

Once you’ve changed the time, you need to click on the Save Options button to store the changes.

Next, we recommend leaving a test comment on any of your posts, so you can see the plugin in action.

WordPress comment click to edit option

Once you’ve submitted your comment, you’ll find the “Click to Edit” link and a countdown timer below the comment text. The timer is useful for indicating the time within which you can edit your comment.

To modify your comment, you need to click on the Click to Edit link.

This will allow you to make changes to your comment. However, you’ll not be allowed to change your name, email, or website URL.

Edit comment with countdown timer

Once you’re done, you need to click on the Save button to update the comment.

If you want to delete your comment, then you have to click on the Delete button. This will open an alert box asking you to confirm that you want to delete your comment.

Allow users to delete their comments

Go ahead to click on OK to complete the process.

That’s all! We hope that this article helped you to learn how to allow users to edit their own comments in WordPress for a short period of time.

You may also want to see our guide on how to style the comment form of your WordPress site.

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 Allow Users to Edit their Comments in WordPress appeared first on WPBeginner.



Source link

How to Add Free Live Chat in WordPress (The Easy Way)


Are you looking for a solution to add free live chat in WordPress?

Adding the live chat functionality to your website lets you interact with your visitors. You can answer their questions and solve their problems in real-time.

This helps you to convince your potential customers to purchase your product. It also allows you to provide faster support to your existing customers, so they stay loyal to your brand.

In this article, we will explain how to add live chat in your WordPress site, the easy way.

Adding free live chat in WordPress

Why Use Live Chat on Your WordPress Site?

In this age of instant gratification, customers want to get instant answers to their questions. This helps them make a quick decision to purchase a product or service.

According to eConsultancy, live chat has the highest level of satisfaction among all the customer service channels.

Live chat has a satisfaction level of 73% where as email satisfaction is 61%, phone is at 44%, and SMS satisfaction rate is at 41%.

Live chat is an incredibly powerful tool to recover abandoned carts and improve overall conversion rate across your website, specially if you run an online store.

Aside from being a powerful sales tool, you can also use live chat to provide support to your existing customers which can help turn your loyal customers into brand ambassadors.

That being said, let’s take a look at how to easily add a free live chat in WordPress.

Adding Live Chat to WordPress

While there are many live chat solutions available for WordPress, we’ll be using LiveChat Inc. for the sake of this tutorial.

It is the best live chat software in the market. We can confidently recommend it because we use it on one of our own business websites, OptinMonster.

While the WordPress live chat plugin is free, you will need to have a paid subscription to the LiveChat service. This is one of the most cost-effective solutions in the market.

There is no good free live chat plugin for WordPress.

LiveChat Inc’s paid solution starts at $16.99 per month, but they offer a free 30-day trial for testing their product.

We believe that it is the best option for small businesses that are just starting out. It is worth spending money on it because it will help grow your business.

You can add it to your website for free and give it a try.

To get started, head over to the LiveChat website to create a new account.

LiveChat Inc Website

Next, you need to click on the Sign up free button located at the top-right corner of the screen.

This will take you to a new page where you have to provide some basic information like your full name, email address, and password.

Create a LiveChat account

Click on the Continue button to move forward.

In the next step, you have to provide the URL of your website and the purpose for creating the LiveChat account. It can be for support, sales, or both.

Create a LiveChat account step two

Once done, click on the Continue button to proceed forward.

Now, you have to provide some information about your business. You can select the company size, industry of your business, and type of audience.

Create a LiveChat account step three

Once you’ve filled in the required information, you can click on the Create Account button to complete the process.

Customizing the Appearance of the Live Chat Window

Your LiveChat window needs to grab user’s attention while blending in with the rest of your website design. LiveChat allows you to make changes to the appearance of the chat window to match your needs.

To do that, you need to click on the Settings link on the left sidebar of your LiveChat account area.

This will take you to the Customization page where you can style the live chat window and see your changes applied in real-time.

LiveChat account settings page

On the right side of your screen, you can select a theme for the maximized window and the minimized version. You can also pick a color for the chat window to match it with your website’s colors.

Customize LiveChat Window

To replace the LiveChat Inc. logo with your website logo, you need to click on the Advanced window tweaks link.

This will take you to a new page where you need to click on “Upload your logo”.

Upload Logo and Add social links to LiveChat

You can also add the links to your social media pages. Once done, click on the “I’m done editing” button.

If you want to add custom CSS, then you need to click on the “Customize using own CSS” link.

Once you are finished with the customization, click on the Save Changes button to store the settings.

Customize LiveChat using custom CSS

Setting up Live Chat on Your WordPress Website

LiveChat comes with a free WordPress plugin that allows you to add it to your website within a few minutes.

Go ahead to install and activate the LiveChat plugin. You can check out our beginner’s guide on how to install a WordPress plugin for help.

Upon activation, head over to LiveChat » Settings from the left sidebar of your admin panel.

Connect with LiveChat Inc account

On the Settings page, you’ll have to connect to the LiveChat account by clicking on the “Connect with LiveChat” button.

This will open up a popup window where you need to click on the Sign in link and then log in to your LiveChat account.

Next, WordPress will ask for your permission to access your LiveChat account from the admin area. Click on Allow to complete the process.

Allow WordPress to Access LiveChat account

Now you’ll find some new options on the settings page.

You may click on the “Hide chat on mobile” toggle box to display live chat on desktop only.

LiveChat WordPress plugin settings page

You can also hide the chat feature for guest visitors to test the software.

Now you can visit your website to see the Live Chat bubble added to the bottom-right corner of your screen.

LiveChat added to WordPress site

You’ll receive notifications on your LiveChat account whenever someone uses it to contact you. You can then interact with them, from your account area to answer their queries.

How to Find Trained Live Chat Agents

The above method allows you to add the live chat feature to your site easily.

However, the biggest challenge for most small businesses is to maintain a team of support or sales professionals.

You’ll have to hire and train the team so that you can provide live support to your customers.

The easiest solution is to outsource the service to LTVPlus. It is a managed live chat service for online businesses.

LTVPlus website

LTVPlus is started by the co-founder of MaxCDN, the content delivery solution that we use on WPBeginner website.

They offer affordable live chat agents who can provide 24/7 support on your website. This will help reduce your expenses and grow your business without worrying about hiring more support and sales staff.

You can use the combination of LiveChat and LTVPlus to add live chat functionality to your website and take your business to the next level.

We have used the combination of these two services to increase the sales on our sister company, OptinMonster.

We hope this tutorial helped you learn how to easily add free Live Chat in WordPress. You may also want to see our list of the best CRM software for small businesses.

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.



Source link

Blog SEO: 11 Tips to Optimize Your Blog Posts for SEO (like a Pro)


Many of our readers have asked us to share tips on how to optimize blogs posts for SEO, so they can get better search rankings.

The best time to optimize your blog content for SEO is when you are creating it, but you can always go back and improve your old articles as well.

Blog SEO is important because it helps you consistently get more traffic to your website. There are many things you can do to optimize your blog posts for SEO.

In this article, we will share our best blog SEO tips to help you optimize your blog posts for SEO like a pro. These are the tips that we use on our own blogs, which gets millions of visitors from search engines.

Tips to optimize your blog posts for SEO

1. Plan Your Content with Proper Keyword Research

Many beginners just use their best guesses to write about topics they feel that their users would be interested in.

You don’t need to rely on blind guesses, especially when you can do keyword research to find out exactly what your users are looking for.

Keyword research is a technique used by content creators and SEO experts. It helps you discover topics your users are interested in based on the search engine data.

Plan your content with keyword research

You can then use these keywords to plan your content strategy. This will ensure that you write about topics that people are actually looking for, and it’s a great way to find new blog post ideas.

We recommend using keyword research tools like SEMRush or Ahrefs. They offer in-depth keyword data, competition analysis, keyword position tracking, and tons of other useful features.

For detailed instructions, see our article on how to do keyword research for your blog posts.

2. Find Semantic Keywords for Your Focus Keyword

After you have done your keyword research and discovered keyword ideas, it is time to pick one that has the highest search volume and low competition.

This will be your focus keyword. It is the search phrase that your users are most likely to look for.

If you are using the Yoast SEO plugin, then you can set the focus keyword in your article’s SEO settings. This would allow you to see how effectively you have used it in your article.

Setting focus keyword in Yoast SEO

Next, you need to find out the Latent Semantic Indexing (LSI) keywords. These are the searches related to your focus keyword.

The easiest way to find them is to simply enter your focus keyword in Google Search and scroll down to the bottom of results. There you’ll find them listed as ‘related searches’.

Related keywords

You need to incorporate as many of these keywords in your content, so you can have the most complete content for users.

It’s very important that you don’t try to stuff them in your content. This would look odd to your users and search engines are pretty good at detecting keyword stuffing.

3. Write an Effective Blog Post Title

The title of your blog post is extremely important for search rankings.

A good blog post title makes your article more relevant to the search query. More importantly, it motivates users to actually click on your article when they see it in search results.

You can make your blog post title more SEO friendly by using your focus keyword in the title.

Focus keyword in blog post title

Aside from adding your focus keyword, we also recommend making your headline catchy and click-worthy. That’s because click through rate (CTR) plays an important role in SEO.

There are several formulas to write effective headlines. The one that still works is called EMV or emotional marketing value.

This formula recommends using power words that trigger specific emotional responses in your audience. There are online tools like EMV headline Analyzer which help you calculate your title’s EMV score.

For more tips, see this article on headlines that went viral and how to copy their success in your own articles.

4. Make Internal Linking a Habit

Once you have blogged for a while, you will have enough content that you would want users to read. With internal linking, you can send new readers to check out your older relevant posts.

Internal linking is a great way to develop a contextual relationship between your new and old posts. It also allows you to pass relevant link juice to your older articles.

WordPress makes it easy to search for your old posts right inside the post editor. Simply select the text that you want to link and then click on the link button.

Internal linking

A text pop-up will appear below your selected words. You can start typing to search for the older articles that you want to link here.

Making internal linking a habit will make sure that your on-page SEO is good, and that your older articles continue to get new links.

Often beginners make the mistake of doing 1-way internal linking where they link to older posts from new articles. You can and should also go back to edit older posts to link to your new articles for maximum benefits.

5. Add Images and Videos to Your Blog Posts

Add images and videos to your blog posts

Search engines often rank engaging content higher in search results. Images and videos are far more engaging than plain text.

You want to make sure that your blog posts contain images between paragraphs.

When adding images, you want to be careful about image copyrights. Often beginners copy images from other sites to use on their site, and this can get you in legal trouble if you do so without proper permissions.

Don’t worry, there are plenty of places where you can find royalty free images to use in your blog posts. You can also use your own original photographs or use websites like Canva to create engaging graphics.

Make sure that you optimize your images for SEO. See our tutorial on how to optimize images for search engines for detailed instructions.

Videos are even more engaging than images. You can convert your blog posts into videos by creating slideshows, vlogs, or experiment with other formats.

However, you should never directly upload videos to your blog posts. WordPress is not optimized to serve videos, and your shared hosting service can’t handle them.

We recommend uploading your videos to YouTube. It is the second most popular search engine, and the second largest social media platform right after Facebook.

See our article on how to embed videos in WordPress for more details.

6. Add a Meta Description to Your Blog Post

The meta description is an HTML meta tag that you can add to any page. Its purpose is to provide a short description of your article for search engines and other crawlers.

Some SEO experts believe that the meta description tag on a page has become irrelevant. However, many others would disagree. At WPBeginner, we recommend using the meta description for all of your posts.

A good meta description can explain a lot more about an article. Social media websites like Facebook, Twitter, and LinkedIn also display it when your articles are shared on those platforms.

Meta description shown on Twitter

Since now you know that people are going to be reading your meta descriptions, you want to make sure that it’s helpful.

You also want to make sure that you at least mention your focus keyword once in the meta description for search purposes. The character limit for Meta Description is 155 characters.

Try to stay within that limit or your meta description will be truncated after 155 characters. You also want to make sure that you use the focus keyword earlier in the meta description rather than later.

To add meta description, you need to scroll down to the Yoast SEO meta box on your post edit screen.

Adding meta description for your blog posts in Yoast SEO

7. Make Your Articles Easier to Read

Readability is an important factor considered by search engines. Articles that are easier to read often rank higher than articles that are not user friendly.

Computer and mobile screens are still not an optimal platform for reading.

This is why most users just scan through articles. In fact, studies found that users spend less than a second to decide whether they want to stay on a page or leave.

That’s a very short time for you to convince the user to stay and scroll through. By improving readability, you can make it possible for your users to quickly scan an article.

You can improve readability by using shorter sentences, smaller paragraphs, punctuation, headings, and bulleted lists. We recommend adding white space around text and use images to make your text look easier on eyes.

You can use tools like Grammarly, which allows you to check grammar, punctuation, and spelling on the fly. It also gives suggestions to improve the readability of your articles.

Yoast SEO plugin also comes with a built-in readability checker. It shows the flesch reading score of your article under ‘Readability analysis’ tab.

Readability score

For more on this topic, see our article on how to improve the readability score of your blog posts.

8. Use Categories and Tags to Organize Content

Categories and tags help you sort your content not only for yourself, but for the readers and search engines.

The problem is that many WordPress beginners often end up using them incorrectly.

If you think about your website as a book, then categories would be the table of contents and tags will be the index part of the book.

Categories are used to divide your content into major topics discussed on your blog. Tags, on the other hand, are the topics discussed in an individual blog post.

To learn more, see our beginner’s guide on using categories and tags for maximum SEO benefit.

9. Aim to Be The Featured Snippet in The Search Result

Google has been trying to answer user questions as quickly as possible. As part of this effort, they have introduced the featured result or answer box.

Answer box in search results

This is the highlighted search result that appears on the top. Google generates a custom snippet from the article’s content highlighting the part that their algorithms believe to be the answer of user’s query.

According to research conducted by Advanced Web Ranking, Answer boxes secure almost 32.3% CTR. This makes them immensely important for your SEO strategy.

There is no specific set of instructions provided by Google regarding how they would pick the featured snippet. Their recommendation is to improve your content and make sure that it offers the information users are seeking.

However at WPBeginner, we have created helpful tips based on our research that will help you appear in Google answer boxes with your blog posts.

10. Make Your Blog Posts Comprehensive

Search engines love articles that cover a topic with great detail. This is why we asked you to gather the semantically related keywords (LSI Keywords) as part of your content planning step.

These related keywords give you an idea of different variations of user searches regarding that particular topic. By covering those keywords in your article, you would be able to make it more comprehensive, informative, and useful.

You should use headings and subheadings to include those keywords and try to cover as much ground as you could.

Aside from LSI keywords, another tip to create complete content is to type your desired keyword and then switch to Image Search. You will see topic bubbles with a variety of keywords.

Blog SEO - Image Search Complete Content Tip

We recommend including these when creating your content, so you can have the most comprehensive content.

11. Optimize Older Blog Posts

Many beginners tend to forget about a blog post after they have published it. In fact, you are not done optimizing your blog post for SEO once it is published.

Here are some things that you need to do after publishing your blog post:

  • Promote it on social media – Promote your blog post across your social media profiles. You can even automate this task by using IFTTT to share your content.
  • Add internal links – Once you have published a post, you can go back to relevant old articles and add a link to your new blog post. This gives your new articles link juice while also allowing users to discover it more easily.
  • Track search rankings – You have optimized a post for SEO, but how do you keep track of its search rankings? See our guide on how to track search rankings for your blog posts for instructions.

We recommend optimizing old posts on a regular basis, so you can continue to improve your rankings.

We hope this article helped you optimize your blog posts for SEO like a pro. Need more tips to promote your content? See our article on how to get more traffic to your blog posts.

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 Blog SEO: 11 Tips to Optimize Your Blog Posts for SEO (like a Pro) appeared first on WPBeginner.



Source link

How to Fix the WordPress White Screen of Death (Step by Step)


The WordPress white screen of death is one of the most common WordPress errors. It is also one of the most frustrating ones because there is no error message, and you are locked out of WordPress.

Another problem with the white screen of death error is that sometimes it only affects a certain part of your website.

For example, you may only see the white screen of death inside the WordPress admin area, while everything else works fine. In other cases, you may only see it on a specific post whereas everything else works fine.

In this article, we will show you how to fix the WordPress white screen of death by looking at different solutions.

Fixing WordPress white screen of death error

Note: Before you make any changes to your site, make sure you have a backup of your WordPress site. If you don’t have access to the admin area, then see our guide on how to manually create WordPress database backup.

Why Do You See the White Screen of Death in WordPress?

Majority of the time when you see a white screen of death, it means that a script on your website exhausted the memory limit.

The unresponsive script either gets killed by your WordPress hosting server, or it simply times out. This is why no actual error message is generated, and you see a plain white screen.

WordPress showing white screen instead of website

This error can also happen due to a poorly coded theme or plugin installed on your site. Sometimes it can happen if there is an issue with your web hosting server.

Since the white screen error can be caused by any number of things, it requires methodical troubleshooting to fix.

Does the problem occur on your other sites?

If you have other WordPress sites installed on the same hosting account, then you want to start by checking if the problem is occurring on other sites as well.

If it is, then that’s a strong indicator that something is wrong with your WordPress hosting service. This could be a temporary issue affecting their service, and you need to reach out to their support for more help.

On the other hand, if the issue is only happening with one website or a specific part of that site, then you know that the problem is with that particular website.

Fixing White Screen Error with WordPress Recovery Mode

If the white screen of death error is caused by a WordPress plugin or theme, then WordPress may be able to catch it.

The new fatal error protection feature introduced in WordPress 5.2 can sometimes catch the error, so you may not even see a white screen. Instead, you will see a message that the site is having technical difficulties.

Technical difficulties

You would also receive an email message on your admin email address with the subject ‘Your Site is Having a Technical Issue’.

Technical issue email sent to admin

This email message will point out the plugin causing the error, and it will also contain a special link. This link will allow you to login to the WordPress recovery mode and deactivate the faulty plugin.

WordPress recovery mode

However, if you are seeing the plain white screen of death with no email or recovery mode option, then you need to manually fix the error.

Increasing the Memory Limit

Usually, this error happens because a script has exhausted the memory and quit in the middle. To fix this, you need to increase PHP memory available to WordPress. This will allow the script to use more memory to finish the job it was supposed to do.

You can follow the instructions in our tutorial on how to increase PHP memory in WordPress.

Disabling All Plugins

If increasing the memory limit did not help, or if you have a high memory limit like 256M or 512M, then you need to start troubleshooting.

In our experience of troubleshooting this issue, we have always found that the issue is either with a specific plugin or a theme. Let’s go ahead and disable all the plugins.

If you can still access the WordPress admin area, then you can simply go to Plugins » Installed Plugins page. Select all the installed plugins and then select ‘Deactivate’ under ‘Bulk Actions’ drop-down.

Deactivate all plugins via WordPress admin area

However, if you don’t have access to the WordPress admin area, then you will need to deactivate all plugins via FTP.

First, connect to your WordPress site using an FTP client. Once connected, go to the wp-content folder where you will see the ‘plugins’ folder.

Rename plugins folder to deactivate all plugins

Now, you need to right-click on the plugins folder and then select rename. You can rename the plugins folder to plugins-deactivated.

Plugins deactivated

Your FTP client will now rename the plugins folder.

WordPress looks for a folder named plugins to load all plugins. When it cannot find the folder, it simply deactivates all plugins.

If this fixes the issue, then enable one plugin at a time to get to the bottom of the issue. Once you find the plugin causing the issue, you can replace it with an alternative or report the issue to plugin authors.

Replace Theme with a Default Theme

If the plugin troubleshooting doesn’t fix the issue, then you should try replacing your current theme with a default theme.

First, connect to your website using an FTP client and go to the /wp-content/themes/ folder. It contains all installed themes on your website.

Right-click to select your current WordPress theme and download it to your computer as a backup.

Download current theme as backup

Next, you need to delete your current theme from your website. Right-click on your theme folder and select ‘Delete’. Your FTP client will now delete the theme from your website.

Delete current theme

Now if you have a default WordPress theme like (Twenty Eighteen or Twenty Nineteen) installed on your website, then WordPress will automatically start using it as the default theme.

However, if you don’t have a default theme installed, then you need to manually install it using FTP.

If this fixes the issue, then you should look at your theme’s functions.php file. If there are extra spaces at the bottom of the file, then you need to remove those, and sometimes that fixes the issue.

If you are using a poorly coded function in your theme’s functions.php file, then it can cause the white screen of death error as well.

Consider downloading a fresh copy of your theme from its source and then install it.

Enable Debug Mode to Catch Errors in WordPress

If nothing has helped so far, then the next step is to turn on debugging in WordPress. This will allow you to see what type of errors are being outputted.

Simply, add the following code into your wp-config.php file.

define( 'WP_DEBUG', true);
define( 'WP_DEBUG_LOG', true );

Once you add this, the blank screen will now have errors, warnings, and notices. These may be able to help you determine the root cause.

If you don’t see any errors, you may still want to check the debug log. Simply visit the wp-content folder on your website using an FTP client. There you will find a new debug.log file containing a log of all errors, notices, and warnings.

Debug log

Clear WordPress Cache

Sometimes, you may have access to the backend, but the front-end of the site has the white screen of death. This can happen because of a caching plugin. Simply empty your cache.

See our guide on how to clear cache in WordPress for detailed instructions.

Fixing Longer Articles

If you have a white screen of death only on a very long post or page, then this little trick might work.

This trick basically increases PHP’s text processing capability by increasing the recursion and backtrack limit. You can paste the following code in your wp-config.php file.

/** Trick for long posts */
ini_set('pcre.recursion_limit',20000000);
ini_set('pcre.backtrack_limit',10000000);

We understand that this is a very frustrating error, and we hope that one of the tricks above fixed the issue for you. You may also want to see our WordPress troubleshooting guide which teaches the steps you should take to catch and fix WordPress problems by yourself.

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 Fix the WordPress White Screen of Death (Step by Step) appeared first on WPBeginner.



Source link

How to Add reCAPTCHA to WordPress Comment Form


Are you looking to add reCAPTCHA to your WordPress comment form?

Spam comments have gotten out of control for WordPress websites. As spammers become more sophisticated, they can launch massive spam attacks with little effort.

Akismet, the popular spam filtering service for WordPress blocks about 7.5 million spam comments every hour. Dealing with spam comments can be frustrating, and some bloggers even choose to completely disable comments on their websites.

Instead of turning off the comments, you can add CAPTCHA to the comment form to practically eliminate spam.

In this tutorial, we’ll show you how to easily add reCAPTCHA to the comment form of your WordPress website.

Add reCAPTCHA to WordPress Comment Form

What is Google reCAPTCHA?

ReCAPTCHA is an advanced form of CAPTCHA, which is a technology used to differentiate between robots and human users. CAPTCHA is an acronym for “Completely Automated Public Turing test to tell Computers and Humans Apart”.

Google acquired CAPTCHA technology in 2009 and then later rebranded it as reCAPTCHA. They also made it easier for human users to easily pass the test.

Basically, it presents users with a simple check box that they can click to pass the test. If for some reason the test doesn’t validate, then the user will be presented with a challenge identifying text in an image or matching objects in multiple images.

Google have made reCAPTCHA publicly available, so that website owners can use it on contact forms, login pages, and comment forms to reduce spam.

Here’s an example of what reCPATCHA test looks like to majority of your users:

Google reCAPTCHA tickbox

It is super easy to setup and add to the WordPress comment form.

With that said, let’s see how to easily add reCAPTCHA to the WordPress comment form with step by step instructions.

Step 1: Get Started

First thing you need to do is install and activate the reCAPTCHA in WP comments form plugin. You can see our step by step guide on how to install a WordPress plugin for detailed instructions.

Upon activation, you need to visit Settings » reCAPTCHA in Comments page to configure plugin settings.

reCaptcha plugin settings page

The plugin will ask you to provide Google reCAPTCHA API keys. You can create these keys for free from the official reCAPTCHA website.

Step 2: Register Your Website to Get reCAPTCHA API Keys

The plugin needs 2 Google API keys to add a reCAPTCHA checkbox to your comment form.

To get the API keys, head over to the Google reCAPTCHA website and click on the ‘Admin Console’ button located at the top right corner of the screen.

Visit Google reCAPTCHA website

You’ll be asked to sign in with your Google account. After that, you’ll see the “Register a new site” page where you need to provide some basic information to register your site.

First, you need to type your website name or any name of your choice in the Label field. This will help you easily identify your site in the future.

Adding a new site

Next, you need to select the reCAPTCHA V2 radio button.

This will open up 3 new options. Since you want to add the reCAPTCHA checkbox to your site, you need to select the “I’m not a robot checkbox” option.

The Domains textbox allows you to add the domain name of your website where you would like to add the reCAPTCHA checkbox.

You can also add multiple domains or subdomains by clicking on the plus (+) icon. This will allow you to use the same API keys on different websites.

Add domain and email to reCAPTCHA site

Under Owners, Google will already add your email address. You can also add another email if you want.

Next, you need to accept the terms of service to use Google reCAPTCHA on your site.

Also, select the “Send alerts to owners” checkbox to allow Google to send emails to you if they detect any misconfiguration or suspicious activity.

Submit and register your WordPress site

Once you’ve filled the form, you can click on the Submit button to register your site.

Google reCAPTCHA will now show you a success message along with the site key and the secret key on this page.

Copy site and secret keys

You can now use these API Keys in plugin settings on your website.

Step 3: Add reCAPTCHA to WordPress Comment Form

Head over to Settings » reCAPTCHA in Comments from the left sidebar of your admin panel.

On the settings page, you need to scroll down to paste the site key and the secret key.

Add Google API keys to WordPress site

Once you’re done, click on the “Save your Google reCAPTCHA API Keys pair” button to store the API keys.

The last thing you need to do is enable reCAPTCHA by clicking on the toggle button and then click on Save Changes.

Activate Google reCAPTCHA on your site

You can also do basic customization by clicking on the reCAPTCHA Customizer option.

Customize reCAPTCHA appearance

Here you can make changes to the style, size, and alignment of the reCAPTCHA checkbox.

The plugin also has Antispam Settings option which allows you to decide what to do when the plugin detects an unauthorized comment or security breach.

What to do with spam comments

Congratulations, you’ve successfully added reCAPTCHA to your WordPress comment form. You can now check the comment section of your blog posts to confirm that it’s working properly.

Note: the reCAPTCHA checkbox will be displayed only to logged out users, so you will need to either log out or open your website in an Incognito window of your browser to preview reCAPTCHA.

WordPress comment form with reCAPTCHA enabled

We hope this tutorial helped you learn how to add reCAPTCHA to the WordPress comment form of your website.

You may also want to check out our guide on how to lazy load comments in WordPress to improve the page loading time.

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 reCAPTCHA to WordPress Comment Form appeared first on WPBeginner.



Source link

60 Best Landing Page Templates for WordPress (2019)


Are you looking for the best landing page templates for WordPress?

Landing pages help you get more leads and increase conversions. They are designed to guide users towards taking the required actions on your website.

In this article, we will share the best landing page templates for WordPress to help you get more sales and conversions.

Best landng page templates for WordPress

Bonus: some of these templates offer 100% drag & drop functionality, so you can easily customize it to match your needs within few minutes.

Best Landing Page Templates for WordPress

Landing page templates are focused on achieving an objective or goal like getting more subscribers, boost your sales, etc.

There are many landing page plugins that you can use to create a landing page on your WordPress website. You will also find dozens of landing page templates that are designed specifically for certain industries and goals.

The best way to build landing pages in WordPress is to use a drag and drop page builder, so you can easily customize the landing page without writing any code.

Below are the top landing page design providers that we recommend:

Elegant Themes Divi

Divi

Elegant Themes Divi is a popular WordPress page builder that you can use to design your landing page templates. It has multiple built-in elements and content modules to add on your page. Divi Builder allows you to click and type the text anywhere on the layout. It comes with responsive editing and looks great on all devices.

You can fully customize each element with the drag and drop builder. It gives you complete control over the fonts, colors, background, and spacing. Divi offers over 100 pre-built landing page templates with demos that are ready to use.

Beaver Builder

Beaver Builder

Beaver Builder is a powerful WordPress page builder plugin. It comes with multiple landing page templates for fashion, photography, web agency, education, mobile apps, etc. With Beaver Builder, you can drag and drop the content on your landing pages quickly. It allows you to organize your text and images in the columns to create beautiful custom page templates.

The best part with Beaver Builder plugin is that it works with all simple WordPress themes. It offers live, front-end editing for easy customization. It fully supports WooCommerce, multisite network, and WPML for translations.

Themify Ultra

Themify Ultra

Themify Ultra is an all-purpose WordPress theme with a full-width background image. It ships with Themify drag and drop builder that works similarly as Divi Builder or Beaver Builder. You can use this page builder to design your custom page templates. It also offers pre-built landing page templates that reduce the efforts and save time.

It has smart layout options for header, sidebar, footer, and other parts of your website. Themify Ultra has parallax scrolling for both vertical and horizontal layouts.

Astra

Astra

Unlike the solutions above, Astra is not a page builder. It is a fast and lightweight WordPress theme that’s designed to work with drag & drop page builders like BeaverBuilder.

The best part about Astra is that it comes with dozens of ready-made websites and page templates. You can install the Astra theme and use these templates to create landing pages for fitness, manufacturing, transport services, barber shop, musical bands, etc. The theme fully supports WooCommerce.

Best Landing Page Template Examples

The above theme and plugin companies have a variety of landing page templates. We have also added several other top theme companies offering templates that can be used to create landing pages.

Let’s take a look at our expert pick of the best landing page templates for WordPress.

1. Divi Cafe

Divi Cafe

Divi Cafe is a WordPress landing page template for cafes, restaurants, and food-related businesses. It has a simple design with a full-width layout featuring images and content beautifully. You can also use this landing page template to showcase your featured content and case studies.

2. Divi Interior

Divi Interior

Divi Interior is a modern landing page template for interior designers, house decorators, and architects. It has an attractive design and offers the space to display eye-catching images in a full-width layout. You can also add featured content side by side with images.

3. Divi Elegant

Divi Elegant

Divi Elegant is a beautiful landing page template for digital and web agency. It has multiple folds or sections to add your featured work, team members, images, testimonials, etc. You can use the Divi Builder to customize each section and change the order of the built-in template.

4. Extra

Extra

Extra is a powerful WordPress theme with tons of amazing landing page templates for online magazines, fashion websites, and lifestyle blogs. It uses the Divi Builder to drag and drop elements on the template. The theme is fully customizable and let you create multiple landing pages to boost your readership.

5. Beaver Builder Small Business

Beaver Builder Small Business

Beaver Builder’s Small Business landing page template is designed with a focus to help you get more customers online. It offers multiple sections to add content, CTA, featured services, and images. You can fully customize the background, fonts, colors, and buttons using Beaver Builder plugin.

6. Beaver Builder Crossfit

Beaver Builder Fitness Gym

Beaver Builder’s Crossfit landing page template is perfect for the websites of gyms, fitness institutions, and health advisors. It comes with a full-width background image and custom logo. Below you can add fitness schedules, programs, etc.

7. Beaver Builder Editorial

Beaver Builder Editorial

Beaver Builder’s Editorial landing page template is for bloggers, writers, and fashion-related websites. It has the space to add attractive fullscreen images. You can use the Beaver Builder drag and drop builder to showcase featured content with the image.

8. Beaver Builder Law Firm

Beaver Builder Law Firm

Beaver Builder’s Law Firm is a landing page template designed specifically for lawyers, legal clinics, and corporate law firms. It has a simple layout to add your text, CTA button, and services professionally. You can add further details about your team and more in the sections below.

9. Beaver Builder Photography

Beaver Builder Photography

Beaver Builder’s Photography landing page template allows photographers to share their profile and portfolio with style. It has a dark layout with crisp typography using beautiful fonts. You can fully customize the template with the page builder.

10. Beaver Builder Musician

Beaver Builder Musician

Beaver Builder’s Musician landing page template is built for the DJs, music bands, instrumentals, and musicians. It comes with an attractive design and sharp colors to get users’ attention. The template has sections to sell tickets of your shows and share details about your band.

11. Beaver Builder Restaurant

Beaver Builder Restaurant

Beaver Builder’s Restaurant landing page template is fully focused on promoting restaurants, food, and eateries. It has a dark layout with elegant typography. The overall design is spacious making page contents more noticeable, and you can use Beaver Builder page builder plugin to customize the background, colors, fonts, etc.

12. Beaver Builder Fullscreen

Beaver Builder Fullscreen

As the name suggests, Beaver Builder’s Fullscreen landing page template is an elegant layout for all types of websites. It has full-width background images and bold colors that make the content readable. You can add the CTA button to redirect users to the important pages.

13. Beaver Builder Creative Agency

Beaver Builder Creative Agency

Beaver Builder’s Creative Agency template for landing pages is perfect for getting more leads online. It has beautiful colors and crisp typography. The template is designed for creative and web agencies to share their portfolio in a professional style.

14. Beaver Builder eBook

Beaver Builder eBook

Beaver Builder’s eBook landing page template is designed for authors, eBooks, libraries, and blogs. It has a stunning book-cover like layout to showcase your featured book and make more sales. You can add all the details of your book and build user interest to take further action on your website.

15. Beaver Builder Educational

Beaver Builder Educational

Beaver Builder’s Education landing page template is perfect for universities, colleges, and educational institutions. It allows you to add a welcome message with a beautiful background image. You can also display courses offered by your university with clear call-to-actions.

16. Beaver Builder Automotive

Beaver Builder Automotive

Beaver Builder’s Automotive is an excellent landing page template for cars, automobiles, and showrooms. It has an attractive and adventurous first impression. You can customize the background, colors, fonts, and content with Beaver Builder page builder plugin.

17. Beaver Builder Mobile App

Beaver Builder Mobile App

Beaver Builder’s Mobile App landing page template is a fully customizable layout for mobile games, apps, and mobile-based solutions. It has a white background with a large image on the front. It offers different sections to add text and call to action buttons.

18. Beaver Builder General Business

Beaver Builder General Business

Beaver Builder’s General Business template is designed to create landing pages for all kinds of business websites. It has a beautiful layout with a custom background image. The template allows you to add content and CTA button in the first section. You can use Beaver Builder drag and drop page builder for any customization.

19. Beaver Builder Construction

Beaver Builder Construction

Beaver Builder’s Construction landing page template is for the websites offering construction services. It has a beautiful design with a full-width background image and stylish typography. It includes sections to add your services and call to action button.

20. Beaver Builder Coming Soon

Beaver Builder Coming Soon

If you want to create a coming soon and maintenance mode page, then Beaver Builder’s Coming Soon template is a perfect choice. It has a customizable design with a newsletter subscription form to get more subscribers. You can use the Beaver Builder page builder to change background and colors easily.

21. Astra Fitness Trainer

Astra Fitness Trainer

Astra’s Fitness Trainer is a landing page template for fitness coaches, trainers, health instructors, and gyms. It looks like a full page website, but it focuses on promoting personal coaches with schedules, training rates, testimonials, clients, etc.

22. Astra Psychiatrist

Astra Psychiatrist

Astra’s Psychiatrist is a WordPress landing page template for medical, doctors, psychiatrists, and hospitals. It has a full-width background image with introduction, text, and CTA. You can add other details below the main banner.

23. Astra Product

Astra Product

Astra’s Product is a perfect landing page template for products. It appears as a complete website with bright colors, navigation menu, featured images, and text. You can also add blurbs and CTA in the sections below. This template is WooCommerce friendly and can be edited with any top page builders.

24. Astra Custom Printing

Astra Custom Printing

Astra’s Custom Printing landing page template gives a clear message to customers to get their t-shirts and mugs customized. It has a simple and neat design with a white background. You can customize the colors, fonts, and background for the template to make it more attractive.

25. Astra Spa

Astra Spa

Astra’s Spa landing page template offers an attractive full-width header background with custom text and phone number to let the users connect with your spa company directly. It has an appointment booking button alongside the navigation menu. You can use the page builders to customize the template as you want.

26. Astra Dental Clinic

Astra Dental Clinic

Astra’s Dental Clinic landing page template is a perfect choice for dentistry and medicals. It allows you to add a number in the header, a CTA button with a text message, and a full-width image. You can add the appointment booking form on the CTA button to boost your sales.

27. Astra Agency

Astra Agency

Astra’s Agency landing page template for WordPress websites is built for web agencies, designers, and developers. It has multiple layout designs with beautiful colors and typography. You can showcase your portfolio and featured work as images to create a powerful first impression on users.

28. Astra Jewellery

Astra Jewellry

Astra’s Jewellery landing page template is beautifully designed to get your users’ attention. It has a dark-colored layout that helps you showcase the jewelry photos and text prominently. It’s compatible with WooCommerce to add cart options on your landing page.

29. Astra Lawyer

Astra Lawyer

Astra’s Lawyer landing page template is for the lawyers and law firms to get new clients online. It displays your address and phone number in a professional way so your customers can contact you easily. It has space for a tagline to impress the visitors.

30. Astra Hotel

Astra Hotel

Astra’s Hotel landing page template is an excellent choice for hotel websites, BnBs, and hotel-related businesses. It has a CTA button to add room booking option to boost your sales. You can add a fullscreen background image of your hotel with an impressive tagline to get users’ attention on the page.

31. Astra Author

Astra Author

Astra’s Author landing page template is a beautiful and attractive layout for writers, authors, libraries, and booksellers. It allows you to showcase the featured book on the front with an image of the book cover and a short text. You can also add the author’s name and other details.

32. Astra Winery

Astra Winery

Astra’s Winery landing page template is built for the wine shops, vineyards, and wine sellers. It has a storytelling layout making it easier for you to create user engagement. It allows you to add an image of your best wine with details and CTA button.

33. Astra Photography Portfolio

Astra Photography

Astra’s Photography Portfolio landing page template is perfect for photographers to showcase their portfolios professionally. You can use the drag and drop page builders to add text with photos easily. It has a white background that adds sharpness to your content.

34. Astra Freelancer

Astra Freelancer

Astra’s Freelancer landing page template is designed for individuals who want to get more online jobs. It has a simple and neat layout with beautiful colors to create a professional first impression. The freelancers can use this template for their introduction to visitors.

35. Astra Charity

Astra Charity

Astra’s Charity landing page template is built with a motive to add more donors to your cause. It is perfect for non-profit organizations, online charities, and NGOs. It has bold and bright colors with excellent readability. The template allows you to add a donate button so the visitors can easily connect with you.

36. Astra Real Estate

Astra Real Estate

Astra’s Real Estate landing page template is a modern and stylish template for real estate agents. It helps in the expansion of your real estate business with its features and options. It displays a quick form template on the front for users to get connected quickly. The template has space to add your phone number and CTA button.

37. Astra Artist

Astra Artist

Astra’s Artist landing page template promotes the artist, agencies, and painters. It is divided into sections to add your featured paintings and other artwork beautifully. You can add the details of your artwork and add a CTA button to redirect users on the cart page. It supports WooCommerce to sell your work online.

38. Astra Nature

Astra Nature

Astra’s Nature landing page template is designed for agencies working on natural habitats. It’s also a perfect choice for nature photographers, nature lovers, and travelers. It comes with an eye-catching background image and CTA button.

39. Astra Financial Advisors

Astra Financial Advisors

Astra’s Financial Advisors landing page template is perfect for large businesses who want to display their financial reports online. It’s a professional template with an elegant and modern design. The template is page builder friendly and compatible with WPML.

40. Astra Conference Event

Astra Conference Event

Astra’s Conference Event landing page template helps in promoting your conferences and events. It allows you to add the details of your event, including date, image, and title. You can also sell tickets online by adding a CTA button on top of the page.

41. Astra Marketer

Astra Marketer

Astra’s Marketer landing page template is for the websites of content and growth marketers. It has bold and bright colors in the background with crisp typography. The template is perfect for individual marketers to get leads and give consultancy online.

42. Astra Industry

Astra Industry

Astra’s Industry landing page template is built for industries. It has a custom background image, CTA button, and about section. This page template is fully customizable using the drag and drop page builders and WordPress live customizer.

43. StudioPress Aspire

StudioPress Aspire

StudioPress Aspire is an elegant WordPress theme with bold and bright colors. This template is built on top of the Genesis theme framework. It has a full-width header background image and a subscription box in the header to increase your subscribers. This theme is perfect to create a landing page for any website.

44. StudioPress Monochrome

StudioPress Monochrome

StudioPress Monochrome is a minimalistic WordPress theme with a simple and neat design. It uses black and white color for the background of the template. The font is inverse to the background and highly readable on all screen sizes. You can use this theme as a landing page template to promote your online business.

45. StudioPress Infinity Pro

StudioPress Infinity Pro

StudioPress Infinity Pro is a stylish WordPress theme for digital agencies. It has an elegant design and ready to be used as a landing page template. It allows you to add a CTA button and redirect your users to the products page, which helps to boost your sales. Infinity Pro is fully compatible with WooCommerce to create an online store.

46. StudioPress Parallax Pro

StudioPress Parallax Pro

StudioPress Parallax Pro is a beautiful WordPress storytelling theme. Like its name, the theme has a parallax design which makes your content readable on all devices. This theme is perfect to create your landing page template with a CTA button and featured content.

47. StudioPress Showcase

StudioPress Showcase

StudioPress Showcase is an eye-catching WordPress theme that can be used to create a landing page template. It’s built on top of the Genesis theme framework. The theme is fully customizable with a CTA button to redirect users to relevant pages.

48. StudioPress Agent Focused

StudioPress Agent Focused Pro

StudioPress Agent Focused is a WordPress real estate theme. It has a flexible and page builder friendly layout. It allows you to add a custom header with a full-width background. You can use this page template to promote your real estate and IDX listings.

49. StudioPress Education

StudioPress Education

StudioPress Education landing page template is focused on delivering more content in lesser space. It’s built specifically for students, universities, and other educational institutions to share knowledge. This template is widgetized and easy to set up.

50. Themify Ultra Accountant

Themify Ultra Accountant

Themify Ultra’s Accountant landing page template is designed to sell tax returns and filing services online. It allows you to add a CTA button for users to book an appointment directly from your website. You can also share your featured services on the template.

51. Themify Ultra Wedding

Themify Ultra Wedding

Themify Ultra’s Wedding landing page template is an elegant template to promote wedding planners, wedding photographers, and individual weddings. It has a fullscreen background image with beautiful typography. The template is customizable using the Themify page builder.

52. Themify Ultra Software

Themify Ultra Software

Themify Ultra’s Software landing page template is perfect for getting online jobs for software development. It has a custom built layout with multiple ready-made demos. This template is similar to the Ultra theme template with a focus on selling services online.

53. Themify Ultra Coffee

Themify Ultra Coffee

Themify Ultra’s Coffee is a landing page template for the websites of coffee houses, coffee beans industries, and other coffee related products. It has a beautiful background image showcasing coffee beans and spilled coffee extracts. It displays a CTA button to redirect users to important pages.

54. Themify Ultra Music

Themify Ultra Music

Themify Ultra’s Music landing page template focuses on promoting musicians, DJs, music bands, and instruments. It also allows you to display your upcoming events in a professional style. The template is fully customizable using drag and drop page builder.

55. Themify Ultra App

Themify Ultra App

Themify Ultra’s App landing page template is built for the apps of mobile and all other devices. You can use this template to promote app development services online. This landing page template helps you boost the downloads of your featured apps with a CTA button.

56. Bento

Bento

Bento is a free and all-purpose WordPress theme to create landing page templates. It comes with unlimited color options, vector icons, fonts, and custom background. It integrates WooCommerce to promote your product pages. Bento can be edited using WordPress live customizer with preview.

57. OnePress

OnePress

OnePress is another free WordPress template to create landing pages for creative and web agencies, freelancers, bloggers, and newspapers. It has 2 CTA buttons to redirect users to your services and product page. You can also add featured services in the blurbs below.

58. Hestia Pro

Hestia Pro

Hestia Pro is a popular single-page WordPress theme with a fullscreen background image. It can be used as a landing page template to promote any business. It’s compatible with drag and drop page builders like Elementor, Beaver Builder, etc to customize the layout. Hestia supports WooCommerce to promote your products.

59. Orfeo

Orfeo

Orfeo is a multipurpose and free WordPress theme. It has a single page layout with multiple sections to create a landing page template. It is easy to customize using drag and drop page builders. This theme is compatible with WooCommerce and WPML.

60. Zelle

Zelle

Zelle is a premium one-page layout for WordPress websites. It is perfect to create landing page templates easily. It works excellent with page builders like Visual Composer, Beaver Builder, etc. It comes with unlimited colors, custom backgrounds, and optimized for speed.

Final Thoughts

These are just some of the landing page templates that we could share. The key to building landing pages is to use a drag and drop page builder like Beaver Builder or Divi.

You can use these two to create infinite possibilities of design combinations within just minutes.

If you’re looking for a non-WordPress landing page solution, then we recommend using either LeadPages or Unbounce.

Both of these providers offer hosted landing page solutions and comes with hundreds of pre-made designs that you can choose from. A lot of marketers focusing on PPC end up using these solutions due to their ease of use.

Here’s an example of the goal focused templates that LeadPages offer:

LeadPages Landing Page Templates

Our first preference is to always to use a WordPress page builder like Beaver Builder or Divi because you’ll save a lot of money in the long run.

To put in perspective, the annual cost of a WordPress page builder plugin is 12 times cheaper than the hosted landing page builders.

We hope this article helped you find the best landing page templates for WordPress. You may also want to see our ultimate step by step WordPress SEO guide for beginners.

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 60 Best Landing Page Templates for WordPress (2019) appeared first on WPBeginner.



Source link

Beginners Guide: 26 Most Common WordPress Mistakes to Avoid


When creating a WordPress website, everyone make mistakes. However each mistake is a learning opportunity that helps you grow.

Over the years, we have helped thousands of WordPress users start their websites and blogs. In setting up our own websites as well as helping others, we have learned to avoid some common WordPress mistakes.

It has helped us save time, money, and grow our business more effectively.

In this article, we will share those experiences with you, so you can avoid these common WordPress mistakes.

The goal is to help you learn from other people’s mistakes when making your own websites.

Common WordPress mistakes to avoid

1. Choosing The Wrong Platform

Choosing the right WordPress

The biggest mistake people make when starting out is choosing the wrong blogging platform. Basically, there are two types of WordPress. First, there is WordPress.com which is a blog hosting service, and then there is WordPress.org also which is the famous self-hosted WordPress platform that everyone loves.

You need to start with self-hosted WordPress.org because it gives you access to all the features you need out of the box.

To learn more see our article on WordPress.com vs WordPress.org with a side by side comparison of the two platforms.

2. Buying More than What You Need

To get started with a WordPress website, you need a domain name and WordPress hosting.

The challenge is that a lot of domain registrars try to upsell other services. This confuses the small business owners who are just starting out.

The add-on services may include privacy protection, extra email accounts, security services, and more.

Upselling services

You can skip all of these things and save money to spend on growing your business. If you later decide that you need those services, then you can always purchase them from your hosting company.

You also need to choose the right hosting plan for your website. For 90% of websites that are just starting out, a shared hosting account is quite enough to get you going.

We recommend using Bluehost. They are one of the biggest hosting companies in the world and officially recommended by WordPress.

They are offering WPBeginner users a discount on hosting + free domain and SSL certificate. Basically, you can get started for $2.75 per month.

→ Click Here to Claim This Exclusive Bluehost Offer ←

As your business grows, you can choose to upgrade your hosting plan or move to a managed WordPress hosting company.

For more details, see our guide on the cost of a WordPress website and how to save money when building your website.

3. Not Setting up Automated Backups

Automated backups

Each year billions of dollars worth of damages are caused by data loss. Almost every website on the internet is prone to accidents, theft, hacking attempts, and other disasters.

Your most powerful line of defense against these threats is automated backups. Without a backup, you could lose all your WordPress data, and it would be very difficult to recover it (sometimes even impossible).

We have seen many people lose their entire websites just because they didn’t have an up to date backup.

Setting up backups is extremely easy, and there are excellent WordPress backup plugins available in the market. Once you set up one of these backup plugins, they would automatically create backups for you.

The second part of this mistake is not storing backup files on a remote location. A lot of folks store their WordPress backups on their web hosting server. If they lose their website data, then they also lose the backups.

Make sure that you store your backups on cloud storage service like Google Drive, Dropbox, etc. Backup plugins like UpdraftPlus can automatically do that for you.

4. Not Setting up Google Analytics

Google Analytics

If you want to grow your business with confidence, then you need to know how people find and use your website. That’s where Google Analytics can help.

We recommend using MonsterInsights, the most popular Google Analytics plugin for WordPress. It saves you time during setup, and shows you the stats that matter, right inside your WordPress dashboard.

If you don’t want MonsterInsights Pro, then there’s also a free version of MonsterInsights available that you can get started with.

5. Not Setting up a Contact Form

Contact page

Not setting up a contact form is another easily avoidable mistake that many beginners make. Without a contact form, your website visitors will not be able to contact you, and this can cause you to lose significant opportunities.

You will see a contact page on almost every popular website. It is one of the most important pages every website need to have.

WordPress does not come with a built-in contact form, but there are a lot of great WordPress contact form plugins available that you can use.

We recommend using WPForms Lite which is the free version of the popular WPForms plugin that’s being used by over 2 million websites.

You can see our detailed instructions on how to create a contact form in WordPress.

6. Not Building an Email List

Email list

Did you know that more than 70% of people who visit your website will never come back again?

If you are not building your email list, then you are basically losing money with every website visitor that leaves your site. Converting website visitors into email subscribers allows you to bring back those users to your website.

To learn more about this topic, see our article on why building an email list is important.

You will need an email marketing service to set up your email list. We recommend using Constant Contact because they are one of the best email marketing companies on the market with a very beginner friendly platform.

For step by step instructions, see our complete tutorial on how to start an email newsletter.

7. Not Choosing The Right WordPress Theme

WordPress themes

One of the biggest challenges WordPress beginners face is choosing the right design for their website.

With thousands of WordPress themes out there, an average beginner tries multiple themes before settling for the right one, and this process can even lead the user to rebuild their website multiple times.

To avoid this, we recommend choosing the right WordPress theme from the start and then stick to it.

This allows your website visitors to become familiar with your website, your brand, and its unique style. Consistency and continuity of your design makes a big impact on brand recognition and awareness.

We are often asked by readers, how to choose a theme that just works?

Well, when it comes to design we prefer simplicity over glitter. It has worked really well not just for us, but many successful online businesses.

You need to choose a great looking but simple WordPress theme that pays attention to the following items:

  • It must look equally good on all devices (desktop, mobile, and tablets).
  • It should be easy to customize and flexible to adapt to your needs.
  • It should work with popular plugins and WordPress page builders.
  • It should be optimized for performance and speed.

Now we understand that as a non-techy user, you may not be able to check all those things on your own. In that case, we recommend choosing a theme from a top commercial WordPress theme shop like StudioPress, Themify, or Astra Theme.

If you need more recommendations, then check out these theme showcases where we hand-picked the best WordPress themes in different categories.

  • Best WordPress blog themes
  • Best WordPress business themes
  • Best simple WordPress themes
  • Best multi-purpose WordPress themes

8. Ignoring WordPress Updates

Ignoring WordPress updates

We have seen many beginners and even experienced WordPress users who don’t install updates on their site. Many of them believe that doing so will cause errors and could break their site.

That’s not true.

You can easily and safely update WordPress without breaking your website. By not updating WordPress, you leave your website vulnerable to security breaches while using outdated software.

It’s not just WordPress, your WordPress theme and plugins also regularly release updates for bug fixes, security patches, and new features.

For more details, see our guide on how to safely update WordPress

9. Not Optimizing Your Website for SEO

Optimize WordPress SEO

A lot of WordPress users rely on their best guesses when it comes to promoting their websites. Some completely ignore SEO, while some do it half-heartedly.

SEO (Search Engine Optimization) helps you rank higher in search engines, so more users can find your website.

Search engines are the biggest source of traffic for most websites. SEO is crucial for the success of your online business.

We have a complete step by step WordPress SEO guide for beginners which will help you properly optimize your website for SEO.

10. Not Using Categories and Tags Properly

Categories vs Tags

Another big mistake is not using categories and tags properly. Some users end up using categories where they should have used tags and vice-versa.

We have seen websites with dozens of categories and no tags at all. We have seen websites using hundreds of tags and no categories at all.

Basically, categories are your website’s table of contents. If your website was a file cabinet, categories would be its drawers.

On the other hand, tags are like the index page. If your website was a file cabinet, tags would be the labels on individual file folders.

For a more detailed explanation, see our guide on categories vs tags and how to use them properly in WordPress for maximum SEO advantage.

11. Not Using Posts and Pages Properly

Posts vs Pages - What's the difference?

Sometimes beginner WordPress users end up using posts to create important website pages. Similarly, some users end up using pages for articles when they should have used posts instead.

A lot of users realize their mistake after a while when their website becomes difficult to manage.

Basically, pages are for static pages that don’t change very often like about, contact, privacy policy, etc.

On the other hand, posts are for time-based content like news, updates, articles, and blogs.

Take a look at our complete guide about the difference between posts vs pages and what you can do with them.

12. Not Choosing The Right URL Structure (Permalinks)

Choosing the right permalinks structure

Selecting the right URL settings (permalink structure) for your website is really important. Changing your URL structure later is not easy, and it can have a significant impact on your website traffic.

We recommend going to the Settings » Permalinks page in your WordPress admin area and choosing a URL structure with that shows your post name in the URL.

13. Ignoring Website Speed and Performance

Website speed and performance

Human attention span is dropping rapidly, and users want instant gratification. With faster internet connections, your users would find a few extra seconds of page load time to be extremely slow.

And it’s not just users, even search engines rank faster websites higher in their results. By ignoring website speed and performance you risk user experience as well as search rankings.

Which is why you need to make sure that your website loads fast. We have a step by step guide that will help you improve WordPress speed and performance without going too deep into the technical stuff.

14. Not Choosing The Right Plugins

WordPress plugins

The real power of WordPress comes with its plugins. There are thousands of free WordPress plugins that you can install with a few clicks.

However, not all plugins are good. In fact, some plugins are bad and could affect your website’s performance and security. Often users end up downloading plugins from unreliable sources that distribute hidden malware.

Here are a few things you need to keep in mind when choosing plugins:

  • Only install plugins from WordPress.org or WordPress companies with good reputation.
  • Look for plugin reviews and support forums because they are a good indicator of a plugin’s quality
  • Check trusted WordPress resources like WPBeginner for plugin recommendations

If you want some recommendations right now, then check out our list of must have WordPress plugins for all websites.

For more information, check out our guide on how to choose the best WordPress plugins for your website.

15. Ignoring WordPress Security Best Practices

WordPress security

Many users do not take any security measures to harden WordPress security. Some believe that their website is too small, and it will not be targeted by hackers.

Hackers target websites indiscriminately. For example, they could use your website to distribute malware, brute force attacks, steal data, and more.

By not securing your website, you can lose search rankings, your website data, and/or customer information. This could cost you a lot of money and headache.

You need to follow the security best practices and build layers of security around your WordPress site. It does not take too much time, and you don’t need any special skills to do that.

Simply follow our complete WordPress security guide with step by step instructions to protect your website.

16. Changing Website URL and Losing All Traffic

Changing domain names

How many of you hated the first domain you registered and wanted to switch away from it when you got serious about blogging? Yup, it happens to all of us.

While you can change the website URL or domain name, it does have a significant SEO impact. What makes matters even worse is when you switch URLs without taking proper steps.

You need to set up proper redirects, inform Google about the change, and add the new domain to Google Search Console.

We have described all the steps in our guide on how to properly move WordPress to new domain.

17. Not Removing WordPress Demo Content

Remove demo content

A lot of people don’t delete the default demo content added by a new WordPress install. This includes a sample page, a post titled ‘Hello World’, and a default comment.

Not removing this content allows search engines to crawl and index them. Now if you search for the text in demo content on Google, you’ll find hundreds of thousands of pages. That’s duplicate content and search engines penalize duplicate content as low-quality pages.

Similarly, many people don’t change the default WordPress tag line that says ‘Just another WordPress site’.

You need to delete all default content and the tag line, as they look unprofessional and create a bad impression.

18. Not Setting up Comment Moderation

Moderating comments

Comment spam is annoying and can make your brand look bad. Many beginners have their blogs set up to automatically publish all new comments without moderation.

This means spam comments with links to malware and low-quality sites can go live on your website without your knowledge. This could damage your search rankings and your website’s reputation.

You need to always keep comment moderation turned on for all your WordPress sites. Simply go to Settings » Discussion page and check the box next to ‘A comment must be manually approved’ option.

Manually approve comments

After that, you need to make it part of your routine to check and approve comments on your website. For more tips, see our article on how to combat comment spam in WordPress.

19. Not Optimizing Your Images for Web

Compress images

Images are essential in the making of a highly engaging website. However, they are also heavier in filesize than plain text.

If you are adding images to your website without optimizing them, then this would affect your website speed.

You need to make it a habit of saving your images as optimized for the web. You can use Photoshop, GIMP (free), or other online tools to reduce the image file size before uploading it.

For instructions, see our tutorial on how to save images optimized for the web.

20. Saving Unnecessary Code in Theme’s Functions File

Code snippets

Another common mistake that we often come across is when folks add too many code snippets in their theme’s functions.php file.

Functions file is designed to behave like a plugin, but it is not the ideal place for all types of code snippets. You will lose these modifications when you switch the theme. You may even forget that you added some code in there after a while.

We recommend only adding code in your theme’s functions file if the code is related to changing something with that particular theme.

For all other custom code, it is better to use a site-specific plugin or the code snippets plugin.

21. Getting Locked Out by Editing Functions File in WordPress Admin Area

Theme editor in WordPress

Another annoying mistake that is quite common is when folks edit functions file inside the WordPress admin area.

By default, WordPress comes with a built-in code editor to edit theme and plugin files inside WordPress. Often beginners end up breaking their website when adding or removing code using those editors.

Even though WordPress added functionality to catch fatal errors and not save them. You could still lock yourself out and make your website inaccessible.

We recommend disabling theme and plugin editor in WordPress and use FTP to edit files in WordPress.

22. Not Setting Up Google Search Console

Google Search Console

Data is really important when planning a strategy to grow your business and website. Many users make the mistake of not adding their WordPress site to Google Search Console for a long time.

This means they miss out important search data that could help them grow their website.

Google Search Console is a free tool provided by Google. It allows you to see how your website appears in search results and fix any search indexing problems quickly.

See our complete Google Search Console guide to see how you can use it to improve search rankings and grow your business.

23. Using Uncategorized as Default Category

Uncategorized category

A lot of folks leave Uncategorized as their default category. WordPress requires all posts to be filed under a category and when no category is selected, it automatically adds the post under default category.

Many times users forget to select a category for their post and hit the publish button which publishes that post in Uncategorized.

This mistakes can be easily avoided by choosing a proper default category in WordPress settings.

24. Not Using a Professional Branded Email Address

Free business email address

We have seen many folks sending us emails from their Gmail or Hotmail accounts while pitching for a business that already has a website.

Now, how do we know for sure that they are officially representing that company or website?

Similarly if you have a business, and you are still sending people business emails from a free email account, then people will have a hard time taking you seriously.

People do not have the time or skills to verify that you are the actual owner of that website or business.

This mistake is also easily avoidable. See our guide on how to easily get a professional business email address for free.

25. Leaving a Site Public While Working on It

Maintenance mode

People often leave under construction websites publicly accessible. This is not very professional and can harm your business.

A publicly accessible website can be automatically crawled and indexed by search engines anytime. Your competitors can find it and steal your ideas. Your customers can find it and see the unfinished website.

There is an easier solution to avoid this mistake. Simply put your website in maintenance mode and add a coming soon page to build anticipation.

26. Not Learning WordPress

Learn WordPress

WordPress is very easy to use even for non-technical users. This allows many users to keep running their websites without learning more about WordPress.

By doing so, you miss the opportunity to explore the incredibly helpful features of WordPress. Things that are very simple to implement but could transform your business.

Learning WordPress is quite easy, particularly when you already have a running WordPress site. Explore different sections of WordPress, try out new plugins, learn more about SEO, and email marketing.

WPBeginner is the largest free WordPress resource site for beginners with tons of awesome resources, videos, how-tos, step-by-step tutorials, and more.

Following are just some of the helpful resources you’ll find on WPBeginner (all of them are completely free).

  • WPBeginner Dictionary – The best place for beginners to start and familiarize themselves with the WordPress lingo
  • WPBeginner Videos – New to WordPress? Watch these 23 videos to master WordPress.
  • WPBeginner Blog – The central place for all our WordPress tutorials.

You can also subscribe to our YouTube Channel where we regularly share video tutorials to help you learn WordPress.

We hope this article helped you learn about common WordPress mistakes and how to easily avoid them. You may also want to see our tips on effective ways to increase your website traffic without spending too much money.

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 Beginners Guide: 26 Most Common WordPress Mistakes to Avoid appeared first on WPBeginner.



Source link