Tag - Guide

A Step by Step Guide for WordPress [2019]


Dropshipping has become a popular online business idea because it’s easy to setup, requires very little investment, and the market is huge.

Unlike traditional eCommerce business that requires you to manage product inventory and handle shipping logistics, dropshipping allows you to start an online store without managing inventory or dealing with shipping.

In this beginner’s guide, we will walk you through the entire process of setting up a dropshipping business with WordPress. We will also share tips on how to find the best products for dropshipping and how to grow your dropshipping business.

How to start your dropshipping business with WordPress

Since this is a long and detailed dropshipping guide, we have broken it down into different sections that you can navigate to by using the navigation below:

What is Dropshipping?

Dropshipping is an online business where an eCommerce store doesn’t keep the products in stock, meaning no inventory cost. Instead, when customer purchases a product, the store owner places the order with the original vendor and have them ship the item directly to the customer.

The main difference between a dropshipping business vs traditional eCommerce business is that dropshipping doesn’t require you to stock or own any inventory. You also don’t have to deal with any shipping or handling logistics.

When a product is sold through your online store, you simply forward the purchase order to a wholesaler or manufacturer who fulfills it.

Due to the low operating cost and easier setup, dropshipping has become a global eCommerce trend.

The dropshipping business model has a few pros and cons that you need to keep in mind before getting started.

Pros of starting a dropshipping store

  • Setting up a dropshipping business requires much lower investment than a typical online store
  • You don’t need to purchase products or manage an inventory
  • You don’t need to ship the product by yourself
  • You can sell variety of products from different vendors and manufacturers

Cons of starting a dropshipping store

  • You are not in control of product quality and availability
  • Managing customer expectations can be challenging when you don’t have control over quality or shipping of the products
  • Providing customer support can be challenging
  • You’ll be making less profit because instead of bulk buying products, you’ll be selling one item at a time

With that said, dropshipping is a proven way to make money online. You can use dropshipping to make extra money on the side or build a large profitable online business.

Let’s take a look at how to properly start a dropshipping business.

How to Start a Dropshipping Business

Starting a dropshipping business is not as difficult as you’d think. There are plenty of eCommerce platforms that allow you to easily set up a dropshipping store without any technical skills.

We recommend using WooCommerce because of its low setup costs, ability to use multiple payment gateways, and flexibility to customize your online store.

According to Builtwith, WooCommerce is the #1 software used to build eCommerce stores.

It is also the most popular choice among dropshipping stores mainly because it runs on top of WordPress, the popular website builder. Using WooCommerce gives you access to thousands of WordPress extensions, third-party integrations, and beautiful store designs.

What You’ll Need to Start Dropshipping with WooCommerce

WooCommerce is available as a free plugin for WordPress. You’ll need a self-hosted WordPress.org website to start your dropshipping store. For details, see our guide on the difference between WordPress.com vs WordPress.org.

To get started with WordPress and WooCommerce, you’ll need the following items:

  • A domain name (This will be your store’s online address e.g. wpbeginner.com)
  • Web hosting account (This is where your website’s files will be stored)
  • SSL certificate (You’ll need it to accept online payments)

Normally, a domain name costs $14.99 / year, SSL Certificate $69.99 / year, and web hosting starts from $7.99/month.

Now, this is not a small investment if you are just starting out.

Luckily, Bluehost, our hosting partner, has agreed to offer WPBeginner users a discount on hosting with free domain name + SSL certificate. Basically, you’d be able to get started for $2.75 per month.

→ Click Here to Claim This Exclusive Bluehost Offer ←

Bluehost is one of the largest hosting companies in the world, and they are an officially recommended hosting provider by both WordPress and WooCommerce.

Once you sign up, Bluehost will send your login details to your email address. It will also automatically install WordPress for you, so you can easily login to WordPress dashboard from your hosting control panel.

Login to WordPress

Next, you need to install and activate the WooCommerce plugin. See our guide on how to install a plugin in WordPress for detailed instructions.

Upon activation, you WooCommerce will show you a guided a set up to select currency and other basic settings.

For more detailed instructions, see our tutorial on how to start an online store.

Choosing a Design for Your Dropshipping Store

Choosing templates and design for your online store

The first thing you would want to do is to change the appearance of your dropshipping store. Luckily, one of the best thing about using WordPress is that you can select from thousands of WooCommerce themes.

Here are our top picks for a dropshipping WooCommerce theme.

  • Astra WooCommerce Theme – A powerful WooCommerce theme built specifically to boost sales and increase conversions.
  • Divi – Another highly customizable WooCommerce theme that comes with built-in drag & drop page builder support.
  • OceanWP – OceanWP is a multi-purpose WooCommerce ready theme with flexible customization options.
  • Ultra – A multi-purpose WordPress theme with several ready-made layouts and a built-in drag and drop page builder.

Once you have found a theme you like, follow our guide on how to install a WordPress theme for step by step instructions.

Finding Dropshipping Products to Sell on Your Website

Finding dropshipping products

The next step is to find the products you want to sell on your dropshipping store. Before you start picking products, first you need to decide what kind of products you want to sell.

We recommend choosing a niche for your store. This will make it easier for you to find products as well as customers.

For example: if you want to sell clothing and accessories, then you can narrow it down to by style, theme, or a target audience.

It’s generally a good idea to pick a niche that you are familiar with and passionate about. Making a store about products or topics that you are unfamiliar with will require a lot more effort.

After choosing a niche for your store, you can look for products in that particular category.

In your product research, you want to look for products with low competition and high demand.

To find out which products are trending, you can browse Amazon to collect data and do your own research. Amazon shows best selling, most wished for, and top rated products for many categories.

Product research on Amazon

You can also use keyword research to find which product categories people are actually searching for. See our guide on how to properly do keyword research for detailed instructions.

For more on this topic, see our detailed guide on how to find the best products to sell online.

Where to Find Dropshipping Suppliers and Vendors

Once you have decided what products you are going to sell on your store, the next step is to find dropshipping suppliers offering those products.

There are many online marketplaces where you can find dropshipping suppliers and vendors from all over the world. Here is a quick list of the best dropshipping marketplaces to look for suppliers.

  • AliExpress – It is the largest online marketplace of suppliers offering millions of products. You can easily integrate it into your WordPress site to import products directly from AliExpress website.
  • SaleHoo – A powerful online marketplace for dropshippers, suppliers, and eCommerce stores. It is a paid platform and subscription costs $67 per year.
  • Doba – A large marketplace to find dropshipping suppliers. It allows you to manage lists, find products, and connect with suppliers. Subscription starts from $29 per month
  • Etsy – Etsy is an eCommerce platform for unique and hand-made products. Many of these manufacturers would gladly dropship products directly to your customers.

We recommend starting with AliExpress for multiple reasons. First, there are easy to use WordPress plugins that will make it easy to import products directly from AliExpress to your store (and keep it in sync).

AliExpress also makes order fulfillment quite easy for eCommerce stores. As the largest marketplace for dropshipping suppliers, you can find reliable vendors with great ratings and reviews.

AliExpress

Along with dropshipping products, you can also sell third-party products for affiliate commission on your store. This would allow you to offer a large range of products while diversifying your income stream.

Amazon.com is the best source to find affiliate products. Your affiliate earnings will be lower, and you’ll not be able to set custom pricing. However, you can find unique products and use it to provide more shopping choices on your store.

For details see our guide on how to create an Amazon affiliate store with WooCommerce.

Adding Dropshipping Products to Your WooCommerce Store

By default, WooCommerce does not come with seamless dropshipping functionality. Luckily, there are several excellent WooCommerce dropshipping that allow you to do that.

Using a dropshipping extension, you’d be able to easily add dropshipping products, set custom prices with desired profit margin, collect orders, send them to your supplier, and more.

The functionality of your dropshipping extensions would entirely depend on the supplier or marketplace you choose.

If you are selling products from multiple suppliers from different marketplaces, then you may need multiple dropshipping extensions to automate the checkout process.

Here is our pick of the top dropshipping addons for WordPress.

  • AliDropship – Makes it easy to import from thousands of products on AliExpress, offer seamless checkout experience, and 1-click order fulfillment.
  • WooDropship – Another popular plugin that makes it easy to import products from AliExpress, automatically add product images and sync pricing.
  • WooCommerce Dropshipping – Allows you to add other third-party suppliers or vendors to your WooCommerce store, and send them order details in PDF format for fulfillment.

The way you add products to your WooCommerce store will depend on which extension, marketplace, or supplier you go with. If the extension you choose allows you to automatically import products, then you can just do that (hint: the first two in our list make it super easy to import products from AliExpress).

On the other hand, if you need to manually add products to your store, then here is how you would do it.

Manually Adding Dropshipping Products in WooCommerce

Adding products to your WooCommerce store is quite simple. First, you need to visit Products » Add New page inside your WordPress admin area.

Add new product in WooCommerce

Start by providing a product title and a detailed product description. After that, you need to select product category and start uploading product photo and product gallery images.

Choose product category and images

You can find product images from the supplier’s website. However, you need to ask their permission to use those images. They may also be able to provide you additional product images that you can use.

Next, you need to add product details under the Product data section. From here, you can set product price, attributes, and other options.

Add product data

Below that, you can provide a short description for the product. This short description will appear on the shop front, product category, and product search pages.

Go ahead and publish your product to make it appear live on your store.

Repeat the process to add more products.

Managing Dropshipping Orders in WooCommerce

After you have added products in your store, customers will be able to buy them from your website. You’d be able to review the customer orders by visiting WooCommerce » Orders page.

Managing dropshipping orders

Depending on your dropshipping extension, you may see an option to fulfill orders from here. This would basically send the customer’s order details to the supplier associated with the product.

WooCommerce plugins like AliDropship makes it super easy to send orders to the supplier with a single click.

If your extension does not support that feature, then you’ll need to manually place the order with your supplier by providing them the customer’s order details and shipping information.

You can review each order by clicking on it.

Change order details

On the order detail page, you can view products ordered, customer payment information, and edit the order status. Once the order is shipped by the supplier, you can change its status to completed.

Resources and Tools to Grow Your Dropshipping Business

Resources and tools to grow your dropshipping business

Setting up a dropshipping store with WooCommerce is quite easy. However, the real work starts once your store is up and running.

You would need to promote your business, bring traffic to your website, convert traffic into customers, and keep improving your marketing strategy over time.

Luckily, there are tons of great tools and extensions that you can use to help you achieve these goals. Let’s start with the basics first.

1. Ecommerce SEO

SEO or Search Engine Optimization helps you to get more traffic from search engines to your store. You can follow the instructions in our complete WooCommerce SEO guide to get more visitors to your website.

2. Optimize Conversions

Once you have a steady stream of visitors, you would want them to make a purchase. In marketing terms, this is called a conversion (converting a visitor into performing a desired action).

Conversion optimization helps you boost sales, which makes it incredibly important for your online success.

We recommend using OptinMonster, the #1 conversion optimization toolkit on the web. We have a detailed WooCommerce conversion optimization guide that helps you learn how to do that using the latest techniques.

3. Recover Abandoned Carts

Using conversion and SEO, you would be able to bring visitors to your site and help them discover more products. However, a lot of those visitors may not complete a purchase.

They may leave create an account, add products to the cart, but leave before purchasing. You’ll need to learn how to bring back those customers and recover your abandoned cart sales.

4. Ecommerce Analytics

Obviously, you would want to see how all your efforts are paying off. For this, you’ll need MonsterInsights, which helps you install Google Analytics and comes with enhanced eCommerce tracking feature.

Using MonsterInsights you can track WooCommerce customers, see which products are popular, which product pages are not performing so well, and more.

5. Misc. Plugins

WooCommerce gives you access to more than 55,000+ WordPress plugins and many of them are made specifically for eCommerce websites.

These plugins allow you to add features like contact forms, product comparisons, currency switchers, and more. See our list of the best WooCommerce plugins to find more plugins for your store.

FAQs about Dropshipping with WordPress

You may come across new questions as you start working on your new dropshipping store. Following are the answers to some of the most commonly asked questions about dropshipping with WooCommerce.

1. Why not start my dropshipping business with Shopify?

You can totally start your dropshipping business with Shopify. However, Shopify charges you for each transaction, which affects your profits as a dropshipping store.

Another downside of using Shopify is the limited number of extensions and apps that you can use. As a dropshipping business, WooCommerce gives you more extensions and the flexibility to sell whatever you want on your website.

See our comparison of Shopify vs WooCommerce for more information.

2. Can I start my dropshipping business with BigCommerce?

Yes, you can. BigCommerce is a popular eCommerce platform and it even integrates with WordPress. BigCommerce also offers more payment gateways, and it does not charge transaction fees.

It lacks in extensions and the flexibility of WooCommerce, but it offers better scalability. See our comparison of WooCommerce vs BigCommerce for more details.

3. Which hosting company to choose for my WooCommerce store?

We recommend using Bluehost for a new dropshipping business. Their shared hosting plan is perfect to get started, and they are an officially recommended WooCommerce hosting provider.

If you are looking for an alternative, then we would recommend SiteGround. They are well-known for their heroic support and fast servers.

If you can spend a little more, then you can go WP Engine. They are a managed WordPress hosting provider, which is like a concierge service for your eCommerce store.

4. Can I install WooCommerce on my existing WordPress site?

Yes, you can. WooCommerce is available as a WordPress plugin and you can install it on any WordPress site.

5. How do I make sure that dropshipping suppliers deliver products on time?

Most dropshipping suppliers are located in China. This means slower delivery than choosing a vendors located in your own country. However, many dropshipping suppliers use ePacket for faster deliveries.

ePacket is basically a faster shipping method used by suppliers in China in partnership with USPS and other mail services. Ask your suppliers if they deliver products via ePacket for faster deliveries.

6. What to look for when finding a dropshipping supplier?

AliExpress and other marketplaces allow you to view supplier ratings, reviews, number of products they have delivered, and other useful information. This data tells you how reliable a supplier has been in the past. You can also read reviews to learn more about the quality of products delivered.

Since you don’t have control over the quality and delivery of products, you need to spend time on finding reliable dropshipping partners for your store.

7. Is dropshipping legal?

Because starting a dropshipping business is extremely easy, many beginners wonder if dropshipping is legal. The answer is YES. It is completely legal across the world.

In the simplest terms, dropshipping is just a form of order fulfillment where the supplier or manufacturer handles shipping. Nothing is illegal about that.

Of course like any other business, you have to pay proper business taxes depending on the country you’re based in.

We hope this guide helped you learn how to start dropshipping business with WordPress. You may also want to see our guide on how to add live chat support to your WooCommerce store.

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

WordPress Post Revisions Made Simple: A Step by Step Guide (2019)


Did you know that WordPress comes with a built-in feature that allows you to undo changes and go back to a previous version of a post?

This feature is called Post Revisions or simply Revisions.

Most of us make mistakes when writing. Sometimes you might wish that you hadn’t deleted what you wrote earlier. Revisions allow you to fix that by going back in time and undoing the changes.

In this article, we will show you how to easily undo changes in WordPress with post revisions. We will also show you how to easily manage post revisions in WordPress.

Managing the WordPress post revisions

Here is an overview of the topics we’ll cover in this guide:

  • What is post revisions in WordPress
  • Why you should use post revisions
  • How to use post revisions to undo changes in WordPress
  • Limiting post revisions in WordPress
  • How to delete old post revisions in WordPress
  • How to completely disable post revisions in WordPress

What is Post Revisions?

Post revisions is a WordPress feature that allows you to undo changes and go back to an earlier version of your posts and pages.

For each draft you are working on, WordPress automatically saves a temporary revision. This type of revision is called auto-save.

WordPress stores an auto-save every 60 seconds. It also automatically replaces the older version with the new auto-save.

Autosave revisions in WordPress

The autosave feature helps you restore the content if something goes wrong before you can save it. For example, if your browser crashed or your computer hanged while writing, then you can restore your latest draft from the autosave.

WordPress also saves post revisions each time a user clicks on the save, update, or publish button. Unlike auto-saves, these revisions are permanently stored in the WordPress database.

You can locate, browse, and revert back to any of these revisions from the post edit screen.

Why You Should Use Post Revisions

Almost every WordPress user can benefit from post revisions. Writing great content requires a lot of tweaking and edits. Post revisions allow you to see your process and take a bird’s eye view of how your post has evolved.

You can then switch between different states of your draft, make changes, and make your article perfect for publishing.

For multi-author WordPress sites, post revisions allow editors to easily manage the work of multiple authors. You can see who made changes to an article, what changes they made, and so on.

That being said, let’s take a look at how to use post revisions to improve your WordPress posts and pages.

How to use Post Revisions to Undo Changes in WordPress

WordPress displays the number of revisions under the ‘Document’ panel on the post/page edit screen.

You can find that on the right-hand side of your post editor screen. Clicking on the ‘Revisions’ will take you to post revisions screen.

Post revisions in WordPress

The post revision screen will show you the latest revision of the post with a scrollbar on top. Sliding the button on the scroll bar will take you to earlier revisions of the post.

Switching between post revisions

Changes made in each revision will be highlighted in green and pink colors. On the top, you can see the user who made these changes, time, and other information.

WordPress will also let you know if a revision is an autosave or a draft.

Restore autosaves aswell as revisions

You can use the next and previous buttons to move around revisions.

Plus, you can check the box on top that says ‘Compare any two revisions’. Doing so will split the scrollbar button into two, and you can take each button to a different revision and compare the difference between two distant revisions.

Compare any two revisions

To restore a revision, you can simply click on Restore This Revision or Restore This Autosave button.

WordPress will restore the selected revision as your current post revision, and you can then save it as a draft.

Restore revision point

Keep in my mind that restoring to an earlier revision will not delete the latest version of your post. Instead, WordPress will store it in the database as another revision.

Using post revisions with Classic WordPress editor

In case you haven’t upgraded your WordPress to Gutenberg and still using the Classic Editor, then you’ll find the post revisions in the publish meta box on the right panel of the post/page edit screen.

Browsing post revisions in classic editor

To view the post revisions, you can simply click the ‘Browse’ link next to the number of revisions. Apart from this, the post revisions work similarly in both the Classic Editor and Gutenberg.

Limiting Post Revisions in WordPress

All post revisions are stored in your WordPress database. Due to this, many users worry that too many revisions can slow down their websites.

It is not true.

WordPress skips post revisions when making database calls on the front end. It only looks for revisions on the post edit screen, or when you are actually browsing revisions.

You can still control and limit post revisions in WordPress. We’ll show you two different methods to do that you can choose one that best suits you.

1. Limit post revisions in WordPress using plugin

The easiest way to manage WordPress post revisions is by using a plugin. This allows you to control revisions from the WordPress admin area.

First thing you need to do is install and activate the WP Revisions Control plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit Settings » Writing page and scroll down to WP Revisions Control section.

WP Revisions Control settings

From here you need to enter the number of revisions you want to store for each post type and then click on the ‘Save Changes’ button to store your settings.

WP Revisions Control will now limit the post revisions stored in your WordPress database.

The plugin also allows you to delete revisions for an individual post. Simply edit the post where you want to delete revisions and scroll down below the editor.

Purge revisions

You can limit the revisions for this post only or delete them by clicking on the ‘Purge these revisions’ button.

2. Limit WordPress post revisions manually

WordPress allows you to control how many revisions you want to keep for an article. To limit post revisions, simply add this code to your WordPress site’s wp-config.php file.

define( 'WP_POST_REVISIONS', 10 );

Don’t forget to replace 10 with the number of revisions you want to keep for each post.

How to Delete Old Post Revisions in WordPress

Old post revisions are perfectly harmless, and you don’t need to delete them in most cases. However, if you have a very large website with thousands of articles, then deleting old post revisions can help you reduce backup sizes.

First, you’ll need to install and activate the WP-Optimize plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, go to WP-Optimize » Database page and check the box next to ‘Clean all post revisions’ option.

Clean post revisions

Now click on the ‘Run optimization’ button to delete all post revisions. You can uninstall the plugin after you have deleted the revisions.

Once you have cleaned up revisions, feel free to uninstall and delete the plugin.

Deleting WordPress post revisions via phpMyAdmin

Advanced users can also delete WordPress posts revisions via phpMyAdmin.

First, make sure that you have created a complete WordPress database backup.

After that, simply login to your WordPress hosting control panel and click on the phpMyAdmin icon.

Next, you need to select your WordPress database from the left column. PhpMyAdmin will now display tables in your WordPress database.

PhpMyAdmin

After that, you need to click on the SQL tab from the top menu.

This will load phpMyAdmin’s SQL interface. From here you can manually run commands on your WordPress database.

You need to enter the following code.

DELETE FROM wp_posts WHERE post_type = "revision";

Don’t forget to replace wp_ with your own WordPress database prefix. After that, click on the Go button to run the command.

Deleting revision via MySQL

PhpMyAdmin will now delete all revisions from your WordPress database.

Note: Deleting revisions will not stop WordPress from saving revisions for your future posts.

How to Completely Disable WordPress Post Revisions

We don’t recommend disabling WordPress post revisions. However, some users may want to disable revisions to reduce their WordPress database size.

The easiest way to do this is by installing Disable Post Revision plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, go to Settings » Writing page and select the post types where you want to disable revisions feature.

Disable revision plugin

Don’t forget to click on the save changes button to store your settings.

If you don’t want to use the plugin, then you can also do the same thing manually by adding this code to your wp-config.php file.

define('WP_POST_REVISIONS', false );

This code disables WordPress post revisions feature on your website. It will still allow WordPress to save one autosave and one revision in your browser storage.

We hope this article helped you learn how to use WordPress post revisions to undo changes and how to manage post revisions for larger sites. You may also want to see our beginners guide on managing your editorial workflow in WordPress.

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

The post WordPress Post Revisions Made Simple: A Step by Step Guide (2019) appeared first on WPBeginner.



Source link

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


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

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

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

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

Add Pinterest Pin It button in WordPress

Adding a Pinterest “Pin It” Button Using a Plugin

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

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

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

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

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

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

Shared Counts settings page

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

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

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

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

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

Pinterest button added to WordPress post

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

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

Manually Adding a Pinterest Pin It Button in WordPress

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

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

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

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

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

Download footer php file

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

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


<script type="text/javascript">
(function() 
    window.PinIt = window.PinIt )();
</script>

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

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

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


<?php $pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' ); ?>
<a href="http://pinterest.com/pin/create/button/?url=<?php echo urlencode(get_permalink($post->ID)); ?>&media=<?php echo $pinterestimage[0]; ?>&description=<?php the_title(); ?>" class="pin-it-button" count-layout="vertical">Pin It</a>

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

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

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

Creating a Shortcode for Pinterest Button

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

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

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



function get_pin($atts) 
$pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );
return '<a href="http://pinterest.com/pin/create/button/?url=' . urlencode(get_permalink($post->ID)) . '&media=' . $pinterestimage[0] . '&description=' . get_the_title() .'" class="pin-it-button" count-layout="vertical">Pin It</a>'; 

add_shortcode('pin', 'get_pin');

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

Adding Pinterest Pin It Button Over Your Images

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

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

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

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

Pinterest Pin It button for images settings page

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

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

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

Pinterest Pin It button over images

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

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

Edit Image as HTML option to add CSS class

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

<figure class="wp-block-image"><img src="https://example.com/wp-content/uploads/2019/06/imagename.jpg" alt="image name" class="nopin wp-image-1687"/></figure>

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

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

Pinterest Pin It plugin advanced settings

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

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

<figure class="wp-block-image"><img src="https://example.com/wp-content/uploads/2019/06/imagename.jpg" alt="image name" class="pinthis wp-image-1687"/></figure>

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

That’s all!

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

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



Source link

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


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

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

That’s simply not true.

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

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

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

Ready? Let’s get started.

How to host a website

Here is what you’ll learn in this guide.

What Does it Mean to Host a Website?

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

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

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

Hosting a website

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

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

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

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

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

What Do You Need to Host a Website

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

  • Web hosting service provider
  • Domain name

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

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

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

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

how domain names work

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

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

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

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

Types of Website Hosting Services

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

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

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

1. Shared Hosting

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

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

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

Suitable for: Starting a new blog, small business website

Our recommended shared hosting provider: Bluehost

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

2. VPS Hosting

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

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

Pricing: Starting from $29.99 / month

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

Our recommended VPS hosting company: HostGator

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

3. Managed WordPress Hosting

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

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

Pricing: Starting from $35.00 per month

Suitable for: Popular blogs, business websites, membership websites

Our recommended managed WordPress hosting company: WP Engine

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

4. Dedicated Hosting

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

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

Pricing: Starting from $79.99 month

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

Our recommended Dedicated hosting company: SiteGround or HostGator

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

Choosing The Right Plan to Host a Website

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

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

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

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

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

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

→ Click Here to Claim This Exclusive Bluehost Offer ←

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

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

How Much It Cost to Host a Website

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

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

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

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

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

How to Host a Website on Your Computer

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

Yes, you can.

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

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

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

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

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

Putting Your Local Host Server Online

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

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

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

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

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

Listen 80

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

Listen 64.233.160.1:80

Next, you need to find the following line:

ServerName localhost:80

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

ServerName 64.233.160.1

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

<Directory "c:/wamp/www/">

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

<Directory "/Applications/MAMP/htdocs">

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

Order Allow,Deny
Allow from all

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

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

That’s where domain names come in handy.

Pointing Your Domain Name to a Locally Hosted Website

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

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

Editing DNS settings for your domain name

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

Adding A record for your domain

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

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

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

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

Port forwarding

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

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

Disadvantages of Hosting a Website by Yourself

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

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

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

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

FAQs about Website Hosting

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

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

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

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

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

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

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

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

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

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

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

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

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

6. Where do I host my website?

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

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

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

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

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

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

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



Source link

How to Properly Change a WordPress Theme (Ultimate Guide)


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

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

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

How to Properly Change a WordPress Theme (Ultimate Guide)

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

Things to Do Before Changing a WordPress Theme

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

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

1. Copy Snippets from Your Current Theme

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

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

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

2. Test Load Time

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

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

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

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

3. Don’t Lose Any Tracking Code

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

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

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

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

4. Make a Full Backup

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

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

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

5. Sidebar Content

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

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

6. Keep Your Site on Maintenance Mode

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

We recommend using the SeedProd plugin for this purpose.

SeedProd plugin

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

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

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

SeedProd enable maintenance mode

How to Install a WordPress Theme

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

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

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

1. Divi

Divi WordPress theme

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

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

2. Astra

Astra WordPress theme

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

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

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

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

3. StudioPress

StudioPress WordPress themes

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

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

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

4. OceanWP

OceanWP WordPress theme

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

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

5. Beaver Builder

Beaver Builder plugin

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

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

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

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

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

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

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

How to Change WordPress Theme Without Going Live

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

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

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

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

1. Live Preview Option

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

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

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

WordPress Theme Live Preview Option

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

2. Theme Switcha Plugin

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

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

Theme Switcha plugin settings page

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

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

Theme Switcha available themes section

How to Change WordPress Theme on Live Site

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

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

Change WordPress theme on live website

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

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

How to Change WordPress Theme Manually

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

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

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

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

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

FTP WordPress themes folder

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

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

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

cPanel open phpMyAdmin

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

phpMyAdmin open database and table

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

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

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

Template and stylesheet rows

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

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

Change template value

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

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

Things to Do After Changing Your Theme

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

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

1. Test Your Website

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

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

2. Cross Browser Compatibility

Browsers have a tendency of showing certain things differently.

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

3. Add Tracking Code

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

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

4. Turn Off Maintenance Mode

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

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

SeedProd disable maintenance mode

5. Test Loading Time

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

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

6. Monitor Bounce Rate

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

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

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

7. Ask for Feedback

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

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

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

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



Source link

How to Change Your Password in WordPress (Beginner’s Guide)


Do you want to learn how to change your WordPress password? Sometimes you might forget your password or need to change it for security reasons.

While there is a lost password link on the login page that lets you reset your password, sometimes the WordPress password reset email never makes it to your inbox because your WordPress hosting company does not have it configured properly.

Other times, you might want to force change the WordPress password for every user on your website due to security reasons.

In this beginners guide, we will show you four different ways to change the WordPress password to cover every possible scenario.

How to Change Your Password in WordPress

Before You Change Your WordPress Password

We can’t emphasize enough that passwords are your first line of defense against hacking attempts.

A lot of times users end up using a weak password because it’s easy to remember. Please don’t do that. You can use one of the many free and secure password managers.

Sometimes it might be tempting to share your WordPress passwords with team members or even contract developers. You should never do that.

Instead, we recommend creating a new user account with the right user role, so you can manage permissions.

This way you can easily delete their account when they’re no longer part of your team without having to change your main password.

That being said, let’s take a look at different ways to change your WordPress password.

How to Change Your WordPress Password in 2 Minutes

This is the easiest way to change your WordPress password.

First thing you need to do is login to your WordPress website. You can do this by entering your WordPress login URL (for example, https://example.com/login/) in your browser.

Once you are logged in, go to Users » Your Profile from your WordPress menu.

Your Profile Page in WordPress

On the WordPress profile, you need to scroll down to the Account Management section where you will see New Password option. Go ahead and click on the ‘Generate Password’ to add a new password.

Generate Password in WordPress

WordPress will automatically create a strong password for you.

Auto Password in WordPress

You can continue with this strong password or change it with a new password of your own.

After that, click the ‘Update Profile’ button to save your new password.

Create a Strong WordPress Password and Save it

Once done, you will see a Profile Updated notification on the top. WordPress will also send you a password change notification in your email inbox.

WordPress Profile Updated with New Password

How to Reset Your WordPress Password When Locked Out

The above method lets you change your password when you have access to your WordPress dashboard.

But what if you lost your password and cannot login?

Don’t panic, there is a super easy way to recover your lost password in WordPress.

You can simply go to the WordPress login page (https://example.com/wp-login.php) and click on the ‘Lost your password?’ link.

Recovering lost password in WordPress

After clicking on that, it will take you to the password reset page. You need to either enter your username or email address to reset the password on your account.

WordPress password recovery screen

Once done, WordPress will send a password reset link to the email address associated with your user account.

For more details, see our guide on how to recover a lost password in WordPress.

How to Change the WordPress Password from Database

The ‘Lost Password’ method above is beginner friendly, but sometimes you won’t be able to use that method if you don’t have access to the email address associated with the account or if your WordPress site fails to send an email.

If such a situation arises, then you will need to reset your WordPress password directly in the database. The easiest way to do that is by using phpMyAdmin.

First, you need to login to your WordPress hosting account’s control panel. After that, click on the phpMyAdmin option under the Databases section.

phpMyAdmin in cPanel

Note: your screen might look different because each hosting provider have their own control panel. If you are having a hard time locating the phpMyadmin link, then contact your hosting support.

After you launch the phpMyAdmin app, you will see a list of all your databases. You need to select the database associated with your WordPress site.

Select your WordPress database

After that, you will see the list of tables in your WordPress database. You need to look for the wp_users table in this list and click on the ‘Browse’ link next to it.

Browse user table

This will show you a list of all users in your WordPress site. On this page, you need to click on the edit link next to your user account.

Edit user account in phpMyAdmin

PhpMyAdmin will show you a form with all the user information fields.

You will need to delete the value in the user_pass field and replace it with your new password. Under the function column, select MD5 from the drop-down menu and click on the Go button.

Change password

That’s all you have successfully changed your WordPress password.

For more details, see our guide on how to reset a WordPress password from phpMyAdmin.

How to Force Change WordPress Password for all Users

If your website was hacked, or your industry has certain data compliance regulation, then you might need to force change the WordPress password for all users.

This can be easily done using a Password Expiration plugin.

We have a step by step guide on how to force change passwords in WordPress.

We hope this article helped you to learn how to change your password in WordPress. You may also want to see our step by step guide on WordPress security 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.



Source link

How to use WordPress App on your iPhone, iPad, and Android (Guide)


Did you know that nearly half of all global website traffic originates from mobile devices? People are not just browsing the web on mobile, they are also creating content using mobile apps from platforms like WordPress, Facebook, and other media sites.

Over the years, the WordPress mobile apps have seen significant improvements to help you easily publish content and manage your website using a mobile device. WordPress app is already available for both Android and iOS devices.

In this article, we will show you how to use the WordPress app on your iPhone, iPad, Android, and other mobile devices.

How to use the WordPress app on mobile devices

Why Use WordPress App on iPhone or iPad?

The WordPress app allows you to create content and manage your website from anywhere in the world specially when you’re traveling.

You can capture and upload photos, record and upload a video, write quick blog posts while riding the train or bus, walking around, or hanging out with friends. You can take your WordPress site with you in your pocket.

By default, the WordPress admin area is fully responsive and works well on mobile browsers.

WordPress admin area on mobile browser

However, this user interface is not optimal for mobile usage.

On the other, the WordPress app is designed to be touch-friendly, mobile optimized, and easy to use. It has an intuitive user interface which makes using the WordPress app a pleasure.

Writing without a physical keyboard had been an issue for many bloggers. The app combines your device’s native touch keyboard with WordPress formatting buttons, making it simple and easy to write posts on touch devices.

What Do You Need to Use the WordPress Mobile App?

Unlike other mobile apps, you actually need to have a WordPress website or a WordPress blog before you can start using the WordPress app.

The WordPress app works for both the popular free self-hosted WordPress.org platform as well as the WordPress.com blog hosting service.

For details, see our side-by-side comparison of WordPress.com vs WordPress.org.

Setting up Your Website for WordPress Mobile Apps

You’ll need the following two things to connect your website to the WordPress app:

  • JetPack plugin on your website
  • A free WordPress.com account

Let’s get started.

First, you need to install and activate the JetPack plugin on your website. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you’ll need to click on the setup button to continue.

Next, you will be asked to sign in with a WordPress.com account. If you already have one, then you can go ahead and sign in. Otherwise, you can continue to signup for a free account.

Sign up with WordPress.com

During this process your self-hosted WordPress.org website will be connected to JetPack servers via your free WordPress.com account.

Once that’s done, you are now ready to start using the WordPress app on your mobile device(s).

Setting up the WordPress App on Your Mobile Device

First, you need to install the WordPress app on your device. It is available for Android, iOS (iPhones and iPads), Windows, MacOS, and Linux.

WordPress Apps

Next, you need to open the app and sign in to your WordPress.com account.

Login to your WordPress.com account

After that, the app will connect and fetch your website information.

Logged in to the WordPress app

You can now click on the continue button to move forward and view the app dashboard. This is where you will manage your WordPress site using the mobile app.

WordPress App dashboard

Editing Blog Posts with WordPress App

The WordPress app comes with an intuitive user interface to make it easy for you to create / edit blog posts and pages on your website.

You can view all your posts by clicking on the Blog Posts menu from the app dashboard. This will show you a list of your recent blog posts.

Adding new blog post using the WordPress app

You can edit any blog post or tap the add new button to create a new blog post.

This will launch the WordPress app’s content editor. From here, you can write a new post using your phone’s native keyboard which will have a formatting toolbar at the bottom.

Editing posts in the WordPress app

You can click on the ‘Add’ button to add images to your blog post. The app will allow you to upload images from your device, using your phone’s camera, or from the WordPress media library.

Upload images to your blog posts

The app also allows you to change other post options. To access those options, tap on the three-dot menu on the top right corner of the edit screen and then select ‘Post settings’.

Editing post settings

This will bring up the post settings menu. From here, you can add category and tags, featured image, change post status, and other options.

Post options

The WordPress app comes with built-in autosave feature which saves your posts locally on your device. Once you are done editing the blog post, simply click on the publish or update button at the top right corner.

The app will now upload the post to your website. You can visit your website in a browser to see it in action.

Switching to The New Block Editor in WordPress App

The app also includes the new WordPress block editor, but it is not turned on by default. In order to use the new editor with the app, you need to tap on your profile icon at the bottom and then select App Settings.

App settings

This will bring up the app settings menu where you can turn on the block editor.

Enable block editor in the WordPress app

You can now create WordPress posts in the app using the same block editor that you use on Desktop. However, the number of blocks available on the app is very limited at the moment.

Editing with the block editor in WordPress app

Upload and Manage Media Files Using WordPress App

The WordPress app allows you to easily manage and upload photos / videos from your phone.

You can upload media while writing posts, or you can directly launch the Media library from the app dashboard.

Media menu in WordPress app

This will launch the WordPress media library, and you’ll be able to see all media files in your library. You can edit media files, delete them, and even upload new photos and videos from your phone using the Add button.

Upload media

Managing Comments on The Go Using The WordPress App

Comments help boost user engagement and build a community around your WordPress blog. The WordPress app makes it easy to moderate comments on the go.

Managing comments via WordPress app

You can view all comments on your site by visiting the Comments tab from the app dashboard. You’ll see comments awaiting moderation and approved comments.

Comments list

You can click on any comment to view more options. This will allow you to edit the comment, approve or disapprove it, mark it as spam, or add a reply.

Replying a comment via WordPress app

Performing Admin Tasks via WordPress App

The WordPress app comes with limited options to manage administrative tasks on your WordPress site via the app. Let’s take a look at these options and what you can do with them.

First, the WordPress app allows you to modify some of the site settings from the ‘Settings’ tab.

Settings menu

These settings are similar to the settings you see in your WordPress admin area. You can change site title, tagline, default category, timezone, and other options.

Site settings in WordPress app

However, you will not see settings pages created by your WordPress plugins.

Speaking of plugins, the WordPress app does allow you to manage and even install plugins from the WordPress.org plugin directory.

Managing plugins via WordPress app

However, you cannot use any of the plugins inside the app or access their settings. This feature is mainly useful when you need to activate or deactivate a plugin while away from your computer.

Same goes for WordPress themes. The app allows you to switch between installed themes on your WordPress site, but you cannot install new themes from the app or customize them.

Managing WordPress themes via the app

Is it Possible to Run WordPress Entirely from The App?

No. Currently, it is not possible to efficiently run a WordPress site using only the WordPress app.

For example, you cannot manage plugins using the app. Plugins are an essential part of a WordPress website and you need them to extend your website’s functionality.

You also cannot access custom post types, SEO options, use cover images, use blocks created by plugins, and more.

Why and When to Use The WordPress App?

While the WordPress app is not enough to efficiently run the entire website, it does an excellent job of providing you an easy to use interface to write content, upload photos, and manage comments while away from your computer.

It can also be used when traveling to places with low connectivity. You can use some of the app features offline which allows you to save content as local drafts.

It can be used as a companion app to create content on the go and manage routine tasks like moderating comments.

We hope this article helped you learn how to use the WordPress app on your mobile devices. You may also want to see our list of the best mobile apps to manage 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 use WordPress App on your iPhone, iPad, and Android (Guide) appeared first on WPBeginner.



Source link

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

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