Loading...

Follow WPBeginner on Feedspot

Continue with Google
Continue with Facebook
or

Valid

Are you looking for the best WordPress themes for nonprofits?

Charity and nonprofit websites require an appealing presentation with the right tools to achieve their donation goals. It can be possible with the use of a professional WordPress theme.

In this article, we will show you some of the best WordPress themes for nonprofit organizations that will help you get maximum donations.

Making a Website for a Nonprofit Organization

WordPress is the most popular website builder among nonprofits around the world. It is free and open source which gives you the freedom and flexibility you need for a solid online presence.

Just to be clear, there are two versions of WordPress. WordPress.com which is a hosted solution, and WordPress.org also known as self-hosted WordPress. See our comparison of WordPress.com vs WordPress.org for more details.

We recommend using self-hosted WordPress.org. It gives you access to all the features of WordPress right out of the box (without any restrictions).

You’ll need a domain name and WordPress hosting account to start your self hosted WordPress website.

It’s recommended to use Bluehost. They are one of the largest hosting companies in the world and an official WordPress hosting provider.

They have agreed to offer WPBeginner users discount on hosting plus free domain and SSL Certificate. You’ll need SSL to collect donations in WordPress using third-party services like Stripe.

→ Click here to claim this exclusive Bluehost Offer ←

Once you have purchased hosting, you can move on to installing WordPress. See our guide on how to make a website for step by step instructions.

That being said, let’s take a look at the best WordPress themes for nonprofits and charities that you can use on your website.

1. Astra

Astra is a lightweight and super flexible WordPress theme. It comes with multiple website layouts including a template for nonprofit and charity organizations. This theme can be integrated with popular page builders to design the pages of your website instantly.

It has layout settings, header options, unlimited colors, beautiful crisp typography, and easy customization. Astra can perform faster than other regular WordPress themes.

2. OceanWP

OceanWP is a powerful and free WordPress theme with multiple website templates. It can be used to create a nonprofits website with all the basic features. OceanWP is a fully responsive theme and has the fastest page load time.

It allows you to add a donate now button in the header alongside the navigation menu. You can also add a custom logo, social icons, image slider, and more. The theme is easy to set up and offers useful extensions to add more features to your website.

3. Outreach Pro

Outreach Pro is a beautifully designed WordPress theme for nonprofits, charities, and religious organizations. It is built on top of Genesis framework, which ensures rock solid WordPress speed and performance.

It includes page templates for archives, blog section, and a landing page template. Other features include customizable headers, theme options panel, and multiple widget-ready areas to just drag and drop items to your website.

StudioPress is now a part of WP Engine, the most popular managed WordPress hosting company. You can get this theme and all 35+ other StudioPress themes if you sign up for WP Engine hosting to build your website.

Bonus: WPBeginner users also get additional 20% off. Get started with WP Engine.

4. GiveWP

GiveWP is a popular WordPress donation plugin for charity and nonprofit websites. It works great with all the standard WordPress themes and makes it easier for you to collect donations. It comes with useful addons for recurring donations, tributes, fee recovery, and more.

It integrates with popular payment solutions to help you in achieving your donation goals. GiveWP has flexible options and enhancements that makes the customization easier. You can also set up donation forms on different landing pages of your website.

5. Ultra

Ultra is an all-purpose WordPress mega theme suitable for all kind of websites including nonprofits. It ships with 9 pre-made websites, 1-click demo content installer, and visual page editor to help you create engaging websites in minutes.

It includes animated counters, progress bars, contact form, Google Maps, pricing tables, and more. It is eCommerce ready and beginner friendly.

6. Zeko

Zeko is a wonderfully designed WordPress theme for charities and nonprofits. It features a clean and professional design with flexible options. All theme options can be easily set up using theme customizer with a live preview of your website.

Notable features include 5 page templates, blog with multi-column grid and flexible sidebars, unlimited colors, WooCommerce, BuddyPress, and bbPress support.

7. Grassroots

Grassroots is another excellent WordPress theme for nonprofits and fundraising websites. It features fullscreen video backgrounds on the homepage allowing you to create highly engaging landing pages.

For fundraising and donations, the theme supports WooCommerce, contact form, and donation plugins. Other than that, it includes featured content, staff and sponsors sections, custom logo upload, and multiple colors.

8. Divi

Divi is a powerful WordPress theme that can be used to build any kind of website easily. It comes with multiple pre-built website layouts and demos. You can simply use a demo website and make changes with the Divi builder to create your nonprofit website.

It includes hundreds of elements and modules to add amazing features on your site. The drag and drop builder makes it super simple for you to use these elements anywhere on the layout.

Divi theme offers real-time design, responsive editing, click and type feature, and more. It allows you to customize everything and organize your content to fit properly in the rows and columns. It’s quite flexible and easy to set up.

9. Maisha

Maisha is a clean and modern WordPress nonprofit theme for NGOs, welfare, and charities. It features a modern homepage with multiple slider styles, headers, and layout settings. It also includes 15 page templates, blog section, and powerful options with live theme customizer.

It supports WooCommerce, WPML, and it is fully translation-ready. It ships with a slider plugin to create a responsive WordPress slider.

10. Foundation

Foundation is another excellent WordPress nonprofit theme. Designed to raise funds and engage audiences, it features a prominent welcome message followed by two call to actions both located above the fold on the homepage.

It includes social media integration, custom logo upload, sponsors section, and easy templates to integrate with your donations form. It offers a simple and quick setup with easy customization options.

11. Maranatha

Maranatha is a gorgeous WordPress theme for religious, spiritual, and nonprofit organizations. It comes with built-in sermons management area where you can upload audio, video, PDF, and text files. You can also organize your library in a series by topics and books.

Its modern homepage displays a full screen image or video header followed by parallax effect as users scroll down the homepage. It also comes with sections for different locations, events calendar, and news or blog page.

12. Benevolent

If you are looking for a free WordPress theme for nonprofits, then take a look at Benevolent. This versatile theme features a modern homepage with a beautiful slider, custom menu, and call to action button.

It has four footer areas, a right sidebar, and includes four custom widgets for the recent posts, popular posts, social media and the featured post. It is translation ready and optimized for faster page loads.

13. Nayma

Nayma is a thoughtfully designed multipurpose WordPress theme with several ready-made websites included in one package. It includes a 1-click demo installer to set up a complete website with demo content.

It uses a modular approach to design and comes with several modules that you can just drag and drop to create your own page layouts. It is WooCommerce ready and can also be used to create multilingual websites.

14. Exodus

Exodus is a beautiful WordPress theme for religious and spiritual organizations. It features a professional homepage with engaging slider and call to action. It also includes a sermon management section with full multimedia support.

It also has sections to add ministries, staff and volunteer profiles, events, locations, etc. It is designed to be easily used even by non-technical users with simple and flexible customization settings.

15. Faith

Faith is an excellent free WordPress nonprofit theme for NGOs, church websites, and charitable organizations. With professional clean design and flexible options, it offers an engaging user experience out of the box.

Notable features include custom menu, social media integration, featured posts block, featured content slider, testimonial sections, welcome message, and more. It has multiple page layouts for different sections. All theme options are neatly organized under live theme customizer, which makes it quite simple to use.

16. Saved

Saved offers a very modern looking WordPress theme for religious and nonprofit organizations. It includes a drag and drop homepage layout, video background, slider, and contact details widget with Google maps.

Church websites can use the Theme’s companion church content plugin, which adds sermons and multimedia library support to your website. It also includes sticky navigation menu, custom colors, custom widgets, typography, and custom logo support.

17. Charitize

Charitize is a simple and free WordPress theme for nonprofit organizations, charitable foundations, churches, and nonprofit associations. It has homepage sections for the custom slideshow, featured posts with thumbnails, donate now button, navigation menus, sticky posts, and contact forms.

It comes with tons of customization options including colors, background, post formats, right sidebar, and more. You can use the theme customizer to make changes with live preview.

18. Resurrect

Resurrect is a modern WordPress theme for church websites, nonprofit organizations, and other charity-based sites. It’s an urban-inspired theme with an appealing design to attract donors. It allows you to add videos, create events, upload photos, and display inspirational quotes.

Other than that, it offers a section to add your location map and address. If you have multiple offices, this theme has a column block to display all your addresses easily. It’s easy to use and offers custom background, fonts, colors, etc.

19. Landing

Landing is a popular multipurpose WordPress theme to design any type of website. It can be used to create beautiful landing pages and get more donations. You can use the powerful Themify drag and drop builder to create your website pages instantly. It has built-in tools and elements that reduces the effort of manually editing pages.

It features 25+ pre-built layouts, header design options, custom post types, and more. You can also integrate like MailChimp to connect with your visitors. Landing theme supports WooCommerce and translation ready to let you create a website in your own language.

20. Forward

Forward is a simple and elegant WordPress theme designed specifically for nonprofits. It allows you to easily add your own logo, colors, fonts, and more. It includes all the options you’ll need to build an engaging website.

Other features include WooCommerce support, , staff profiles, sponsors, and live theme customizer. It is easy and quick to set up even for absolute beginners.

21. Narcos

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Did you know that WordPress comes with a built-in theme and plugin editor? This plain code editor allows you to edit your theme and plugin files directly from the WordPress dashboard.

Now, this may sound really helpful, but it can also lead to issues such as breaking your site and potential security issues when combined with other vulnerabilities.

In this article, we will explain why and how to disable theme and plugin editors from the WordPress admin area.

Why Disable Theme and Plugin Editors in WordPress?

WordPress comes with a built-in code editor which allows you to edit WordPress theme and plugin files directly from the admin area.

The theme editor is located at Appearance » Theme Editor page. By default, it will show your currently active theme’s files.

Similarly, the plugin editor can be seen at Plugins » Plugin Editor page. By default, it will show you one of the installed plugins from your site that comes up first in the alphabatical order.

If you visit the theme or plugin editor page for the first time, WordPress will warn you that using the editor can break your website.

In WordPress 4.9, theme and plugin editors were upgraded to protect users from accidentally breaking their website. In most cases, the editor will catch a fatal error and will revert back the changes.

However, this is not guaranteed and some code may still slip through and you would end up losing access to the WordPress admin area.

The biggest problem with the built-in file editor is that it gives full access to add any kind of code to your website.

If a hacker broke into your WordPress admin area, then they can use the built-in editor to gain access to all your WordPress data.

Hackers can also use it to distribute malware or launch DDOS attacks from your WordPress website.

To improve WordPress security, we recommend removing the built-in file editors completely.

That being said, let’s see how to easily disable theme and plugin editors in WordPress.

How to Disable Theme and Plugin Editors in WordPress

Disabling theme and plugin editors in WordPress is quite easy.

Simply edit your wp-config.php file and paste the following code just before the line that says ‘That’s all, stop editing! Happy publishing’ :

define( 'DISALLOW_FILE_EDIT', true );

You can now save your changes and upload the file back to your website.

That’s all, plugin and theme editors will now disappear from themes and plugins menus in the WordPress admin area.

You can also add this line of code to your theme’s functions.php file, a site-specific plugin, or by using the code snippets plugin.

If you don’t want to edit the files directly, then you can install the Sucuri WordPress plugin which offers 1-click hardening feature.

Proper Way to Edit WordPress Theme and Plugin Files

Many users actually use WordPress theme and plugin editors to look up the code, add custom CSS, or editing code in their child themes.

If you only want to add custom CSS to your theme, then you can do so by using the theme customizer located under Appearance » Customize.

For more details, see our guide on how to add custom CSS in WordPress without breaking your site.

If you want to look up the code in a plugin, then you can do so by using an FTP client.

For better file management and syntax highlighting, you can use one of these code editors for editing WordPress files on your computer.

Last but not least, you can also create a custom WordPress theme without writing any code.

We hope this article helped you learn how to easily disable theme and plugin editors from WordPress admin panel. You may also want to see our ultimate guide to improving WordPress performance and speed.

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 Disable Theme and Plugin Editors from WordPress Admin Panel appeared first on WPBeginner.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Do you want to create a staff directory on your WordPress site? An employee directory allows you to introduce customers to your team members and win trust by showing the human side of your business.

One downside of running an online business is that your customers don’t get to know you or your team members personally. A team directory helps bridge that gap.

In this article, we’ll show you how to easily add a staff directory in WordPress with individual employee profiles.

Creating a Staff Directory in WordPress (Step by Step)

First thing you need to do is install and activate Staff List plugin. It is a free WordPress team directory plugin. For detailed instructions, see our guide on how to install a WordPress plugin.

Next, you need to go to the Staff List » Admin page from your dashboard menu and click the ‘Quick Start’ tab. You will be asked to enter a name for your staff template and click the ‘Create Records’ button. For example, you can name it ‘New Staff Template.’

Once done, the plugin will create a staff template and add 3 staff members automatically.

Next, go to Staff List » Staff Templates from your WordPress menu to preview your new staff template. You need to click on the ‘Edit’ link to configure the template.

You will see the Template Options including staff page layout, single page layout, field order, shortcodes, etc.

You can review the template options to make changes or simply leave the default options.

Below that, you can see the ‘Input Fields’ section to customize your staff profile.

As you can see in the screenshot above, there are 6 input fields created by default.

  1. Name
  2. Position
  3. Department
  4. Phone
  5. Email Link Text
  6. Staff Profile

You can change the label, display options, and style for each field from the Field Options.

Add Staff Members to Make a Team Directory

Now that you have customized your staff page template, you can add and customize your staff member profiles. Go to Staff List » Staff members, and you will see the 3 staff members already added by the plugin.

You can customize the default staff member profiles by changing the profile information. Click the ‘Edit’ link to get started.

From here you can customize the Staff Member Data for team member listing page, individual profile page, and upload photos. The ‘Staff Page’ option shows you 6 input fields as shown in the staff page template above. The information you enter here will appear on your staff directory page.

Next, you can customize the ‘Single Page’ content. Like the Staff Page, it also has 6 input fields by default. However, it has a text field to write the individual employee profile bio.

The information you enter here will appear on your individual employee profile page.

Next, you can add your team member images for the staff page and single page. You can quickly add your member’s profile photo by clicking on the ‘Select Image’ button.

Lastly, you can see the ‘Options’ tab which includes Single Page SEO options. You can add a URL slug and page title for your team member profile page.

If you leave the “Pretty” Permalink option blank, then your staff profile page will have a URL like this: http://example.com/profile/?smid=528.

You can make it a pretty link by entering your staff member’s name with a dash in between. For example, you can use laura-taylor which would make your staff profile page URL: http://example.com/profile/laura-taylor.

Don’t forget to click on the ‘Update’ button to save your changes.

Repeat the same process to customize all team member profiles.

If you need to add more team members, you can click the ‘Add New’ button on the top.

First, add your staff member’s name. Then, choose your staff template from the right sidebar and click ‘Save Draft’ to load the input fields.

Next, you can see the same 6 input fields to create a team member profile. Add the necessary information as before.

Once done, don’t forget to publish your staff member profile.

Publish Your Staff Member List in WordPress

Now that you have added all your staff member profiles, you are ready to publish your staff member list on your website.

First, you need to find and copy your staff page template’s shortcode. Go to Staff List » Staff Templates and click ‘Edit’ option below your staff page template. Then, the Template Options page will open.

Click on the ‘Shortcodes’ tab and copy the Staff Page Shortcode.

After that, you need to create a new page to display your staff member list. Go to Pages » Add New from your WordPress admin panel and enter a name for your staff list page. For example, you can name it ‘Our Team.’

Then add the Shortcode block to your WordPress page editor area.

After the shortcode widget is added, paste the shortcode you copied earlier in the tutorial.

Then, you can ‘Publish’ the page.

Now you can open the page to see how your staff directory looks. Here is how it looks on the default Twenty Nineteen theme with the default staff member details.

In the list, you can see the ‘Profile’ option which does not have a link. We will show you how to add the link in the next step.

Adding Individual Staff Member Profiles

So far we have created a simple team directory in WordPress that lists all staff members.

The next part is to create a single page for each team member to display individual employee profiles.

Let’s start by going to Staff List » Staff Templates and click ‘Edit’ option below your staff page template.

On the next page, you need to click on the ‘Single Page – Options’ tab and copy the Single Page Shortcode.

Now you need to create a new page in WordPress to add this shortcode. Go to Pages » Add New from your WordPress panel to add new a new page.

Enter your page title first — for example, Member Profile. Then, add the Shortcode widget to your WordPress page editor area and paste the Single Page Shortcode you copied before.

After that, you need to customize your page permalink. It’s important if you want the pretty links to work, then you need to make sure that you add one of these words as your page URL slug.

  • bio
  • profile
  • profil
  • perfil

Open the ‘Permalink’ option in the right sidebar and add one of these words as your page URL. For example, we will choose the ‘profile.’

Once done, publish the page. Now you need to copy this page permalink and add to the Single Page Options.

You can do this by going back to Staff Template Options » Single Page – Options. Once there, simply paste the permalink in the Single Page URL field.

Once done, don’t forget to update your staff template.

After that, you need to refresh your WordPress Permalink settings to make the pretty permalinks work. Go to Settings » Permalinks and simply click ‘Save Changes’ at the bottom without changing anything on this page.

Now you can open your staff member list page to see if the profile link is added or not. If it is working, then you will see the Profile text has a link.

You can click the link, and it will open your team member’s profile page.

We hope this article helped you create a staff directory and add employee profile pages in WordPress. You may also want to see our guide on how to create your company org chart in WordPress.

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

The post How to Make a Staff Directory in WordPress (with Employee Profiles) appeared first on WPBeginner.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Do you want to display code in your WordPress blog posts? If you tried to add code like regular text, then WordPress will not display it correctly.

WordPress runs your content through several cleanup filters each time you save a post. These filters are there to make sure someone does not inject code via post editor to hack your website.

In this article, we will show you the proper ways to easily display code on your WordPress site. We will show you different methods, and you can choose the one that best fits your needs.

Method 1. Display Code Using The Default Editor in WordPress

This method is recommended for beginners and users who don’t need to display code very often.

Simply edit the blog post or page where you want to display the code. On the post edit screen, add a new code block to your post.

You can now enter the code snippet in the text area of the block.

After that, you can save your blog post and preview it to see the code block in action.

Depending on your WordPress theme, the code block may look different on your website.

Method 2. Display Code in WordPress Using a Plugin

For this method, we will be using a WordPress plugin to display code in your blog posts. This method is recommended for users who often display code in their articles.

It gives you the following advantages over the default code block:

  • It allows you to easily display any code in any programming language
  • It displays the code with syntax highlighting and line numbers
  • Your users can easily study the code and copy it

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

Upon activation, you can go ahead and edit the blog post where you want to display the code. On the post edit screen, add the ‘SyntaxHighlighter Code’ block to your post.

You will now see a new code block in the post editor where you can enter your code. After adding the code, you need to select the block settings from the right column.

First, you need to select the language for your code. After that, you can turn off line numbers, provide first line number, highlight any line you want, and turn off the feature to make links clickable.

Once you are done, save your post and click on the preview button to see it in action.

The plugin comes with a number of color schemes and themes. To change the color theme, you need to visit Settings » SyntaxHighlighter page.

From the settings page, you can select a color theme and change SyntaxHighlighter settings. You can save your settings to see a preview of the code block at the bottom of the page.

Using SyntaxHighlighter with Classic Editor

If you are still using the old classic WordPress editor, then here is how you would use SyntaxHighlighter plugin to add code to your WordPress blog posts.

Simply wrap your code around square brackets with the language name. For example, if you are going to add PHP code, then you will add it like this:

[php]
<?php
private function get_time_tags() {
$time = get_the_time('d M, Y');
return $time;
}
?>
[/php]

Similarly, if you wanted to add an HTML code, then you will wrap it around the HTML shortcode like this:

[html]
<a href="example.com">A sample link</a>
[/html]

Method 3. Display Code in WordPress Manually (No Plugin or Block)

This method is for advanced users because it requires more work and does not always work as intended.

It is suitable for users who are still using the old classic editor and want to display code without using a plugin.

First, you need to pass your code through an online HTML entities encoder tool. It will change your code markup to HTML entities, which will allow you to add the code and bypass the WordPress cleanup filters.

Now copy and paste your code in the text editor and wrap it around <pre> and <code> tags.

Your code would look like this:

<pre><code>
&lt;p&gt;&lt;a href=&quot;/home.html&quot;&gt;This is a sample link&lt;/a&gt;&lt;/p&gt;
</pre></code>

You can now save your post and preview the code in action. Your browser will convert the HTML entities and users will be able to see and copy the correct code.

We hope this article helped you learn how to easily display code on your WordPress site. You may also want to see our ultimate list of the most wanted WordPress tips, tricks, and hacks.

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 Easily Display Code on Your WordPress Site appeared first on WPBeginner.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Do you want to change the order of your blog posts in WordPress?

By default, WordPress displays your blog posts in reverse chronological order (newer posts first), but sometimes you may need to move specific posts up or down.

While it may feel like there is no way to do this in WordPress, you’ll be surprised to learn how easily you can change post order using multiple ways.

In this article, we will show you 4 different ways to re-order blog posts in WordPress. You can pick a solution that looks easier and fits your needs.

Why Re-order Blog Posts in WordPress?

If you are just starting a blog, then you will not need to re-order your blog posts right away. However as your content grows, you may want to explore different ways to promote content across your website.

One of them is to make specific posts more prominently displayed on the front page, blog page, recent posts, or archive pages.

Now the problem is that WordPress normally displays your blog posts in a reverse chronological order. There is no option to simply just move a post up and down.

Does this mean you cannot bring your older articles to the front page? Or remove a newer article from the recent posts?

No, not at all.

There are multiple workarounds that let you do just that. Depending on your needs, you can choose the method that suits your requirements.

Let’s take a look at some of the ways you can easily re-order blog posts on your WordPress site.

1. Change Post’s Published Date

This is the easiest method and allows you to re-order posts using the built-in WordPress functionality.

As you know that WordPress displays posts based on their publish date in reverse chronological order (newer posts first). Changing a post’s publish date will also change where it appears in the list.

For example, if you wanted to bring an older post up, you would have to change its date to be newer. Similarly if you wanted to move a post down, then you can change its date to be older.

Simply edit the post you want to reorder and on the post edit screen click on the publish date under the Document panel.

This will bring up a date and time popup where you can change the post’s published date and time. After you have changed the date/time, click on the ‘Update’ button to save your changes.

You need to select a date relevant to other posts.

For example, if you wanted to display an older post before another post that was published on 8 March, then you need to change the post’s publish date to 9 March.

2. Use Post Types Order Plugin (Drag and Drop Option)

If you want to re-order posts but don’t want to change their publish dates, then this method is for you.

First, you need to install and activate the Post Types Order plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit Settings » Post Types Order page to change plugin’s settings.

From here, you need to select the post types where you want to enable the plugin. After that, simply click on the ‘Save settings’ button to store your changes.

Now you can just go to Posts » All Posts page and simply drag and drop posts to re-order them.

3. Use Sticky Posts Feature in WordPress

Many users just want to reorder blog posts to highlight a blog post as featured content. WordPress comes with a default feature to achieve that, and it’s called Sticky posts.

Sticky posts feature allows you to highlight a post on top of all other posts on your blog page.

Simply edit the blog post that you want to pin to the top. On the post edit screen, check the box next to ‘Stick to the Front Page’ option under ‘Document’ panel.

After that, click on the ‘Update’ button to save your changes.

You can now visit your website, and you will see the selected post pinned to the top. Depending on your theme, your sticky post will be highlighted differently.

4. Modify WordPress Query using Code (Advanced)

This method requires you to add code to your WordPress site. If you haven’t done this before, then see our guide on how to copy and paste the code in WordPress.

If you are an advanced user and want to customize the post order, then you can modify the default WordPress query.

For example, take a look at this code snippet. It allows you to display posts in chronological order (older posts first).

//function to modify default WordPress query
function wpb_custom_query( $query ) {

// Make sure we only modify the main query on the homepage	
	if( $query->is_main_query() && ! is_admin() && $query->is_home() ) {

 	 	// Set parameters to modify the query
 		$query->set( 'orderby', 'date' );
		$query->set( 'order', 'DESC' );
	}
}

// Hook our custom query function to the pre_get_posts 
add_action( 'pre_get_posts', 'wpb_custom_query' );

This code simply modifies the orderby and order parameters in the default WordPress query.

However, this code may sometimes not work as expected due to some plugins or theme already modifying the default query. To fix that, you can use the supress_filters parameter like this:

//function to modify default WordPress query
function wpb_custom_query( $query ) {

// Make sure we only modify the main query on the homepage	
	if( $query->is_main_query() && ! is_admin() && $query->is_home() ) {

 	 	// Set parameters to modify the query
 		$query->set( 'orderby', 'date' );
		$query->set( 'order', 'DESC' );
		$query->set( 'suppress_filters', 'true' );
	}
}

// Hook our custom query function to the pre_get_posts 
add_action( 'pre_get_posts', 'wpb_custom_query' );

The oderby parameter comes with many options. See the full list of options on the WP Query codex page.

We hope this article helped you learn easy ways to re-order blog posts in WordPress. You may also want to see our ultimate list of most wanted WordPress tips and tricks that you can use on your blog.

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 4 Easy Ways to Re-Order Blog Posts in WordPress (Step by Step) appeared first on WPBeginner.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Are you looking to build an online store? Want to know which is the best WordPress eCommerce plugin?

Choosing the right eCommerce plugin is crucial for your business because a better platform means more opportunity for growth. Often users end up losing money because they didn’t do proper research when choosing the eCommerce platform to start their store.

In this article, we will compare the 5 best WordPress eCommerce plugins for 2019. We will also explain their pros and cons to help you find which eCommerce plugin is right for your business.

What to Look for in a WordPress eCommerce Plugin for Your Site?

There are plenty of WordPress eCommerce plugins in the market. But not all of them have the right set of features for your use-case.

For example, some eCommerce plugins are made for selling digital goods like eBooks, photos, music, etc. Others are better suited for selling physical products that need shipping.

If you want to run a drop-shipping business, then you’ll need an eCommerce solution that provides better support for drop-shipping.

Basically, you need to consider what you will be selling and what kind of features you would need to efficiently run your online store.

Apart from that, following are some of the most important factors you need to look for when choosing an eCommerce platform.

  • Payment solutions – Your eCommerce plugin should have support for your preferred payment gateways by default or through an extension.
  • Design and customization – Your store’s design is your customer’s first interaction with your business. Make sure there are plenty of templates and easy customization options available
  • Apps and integrations – Check out integrations available for third-party apps like , CRM software, accounting software, etc. You’ll need those tools to manage and grow your ecommerce business more effeciently.
  • Support options – Make sure that there are support options available. Good support can save you a lot of money in the long run.
What Do You Need to Run an eCommerce Website?

Ecommerce websites are resource intensive, so the first thing you will need is the best WordPress hosting that you can afford.

If you’re on a budget, then you can start with Bluehost. The Ecommerce plan comes with SSL Certificate which you need to collect payments securely, dedicated IP, and a dedicated support line. They also install WooCommerce by default, which is the most powerful WordPress Ecommerce plugin (as you’ll find out later in this article).

If budget is not an issue, and you want the best performance, then we recommend using a managed WordPress hosting provider like WPEngine.

Next, you will need to choose a domain name for your website. Here is our guide on how to pick the right domain name for your eCommerce site.

Lastly, you will need to choose essential business plugins that you will need such as OptinMonster which help you reduce shopping cart abandonment and increase sales.

Having that said, let’s take a look at the best WordPress eCommerce plugins.

Best WordPress Ecommerce Plugins – The Contenders

Now that you know what to look for in an eCommerce platform and what you need to get started, here are our top picks for the best eCommerce platform for WordPress users.

  1. WooCommerce
  2. BigCommerce
  3. Easy Digital Downloads
  4. MemberPress
  5. Shopify

Let’s take a look at each one of them and compare their pros and cons.

1. WooCommerce

WooCommerce is the most popular WordPress eCommerce plugin. It is also the most popular eCommerce platform in the world. WooCommerce was acquired by Automattic (the company behind WordPress.com blog hosting service) in 2015.

There is a large number of addons and themes available for WooCommerce. They also have a passionate developer community behind it. Recently several hosting companies have started creating specialized WooCommerce hosting solutions.

Pros of Using WooCommerce

Here are some of the advantages of using WooCommerce as your WordPress eCommerce plugin:

Extensions and Themes – There are hundreds of extensions and themes available for WooCommerce, which makes it easy for you to add new features to your eCommerce site. Large collection of themes means you have tons of options when choosing your site’s design and layout.

Supports Both Digital and Physical Goods – With WooCommerce, you can sell physical as well as digital downloads (such as ebooks, music, software, and more).

Sell Affiliate or External Products – Using WooCommerce, you can add affiliate or external products to your site. Affiliate marketers can create product sites and provide users a better experience.

Complete Inventory Management – WooCommerce comes equipped with tools to easily manage your inventory or even assign it to a store manager.

Payment and Shipping Options – WooCommerce has built-in support for popular payment gateways, and you can add many other payment options using extensions. It can also calculate shipping and taxes.

Support and Documentation – There is excellent documentation available online for WooCommerce. Apart from documentation, there is knowledge base, help desk, and community forums available.

Cons of Using WooCommerce

Too Many Options – WooCommerce is very easy to use, but the number of options available on the settings page can be quite intimidating for a new user.

Finding Addons – There are lots of addons available for WooCommerce, sometimes a user may not find the right addon for features that they need.

Theme Support – WooCommerce works with any WordPress theme, but it is not always as easy to setup or good looking with all themes. You need a WooCommerce ready theme to take full advantage of its features without too much hassle.

Scalability – As your store gets larger, you will need to move to a managed hosting provider like WP Engine to scale your WooCommerce store.

WooCommerce is the perfect choice for any kind of eCommerce website. It has a large community of developers and users, a lot of addons and themes, excellent support for multilingual websites, and best free and paid support options.

2. BigCommerce

BigCommerce is a fully hosted eCommerce platform that offers seamless integration with WordPress. This allows you to use a scalable eCommerce platform while using WordPress to manage your content and run your website.

It has a powerful integration plugin for WordPress which makes it very easy to embed your products in WordPress. It automatically creates the sign in, cart, account, and other important pages for you.

Let’s take a look at some of the advantages and disadvantages of using BigCommerce as your WordPress eCommerce platform.

Pros of Using BigCommerce
  • High scalability – It includes all the features you will need with enterprise grade security, high performance, and easy scalability.
  • Less Maintainence – Keeping your eCommerce engine separate from other content makes it easier to run your WordPress site.
  • Sell across Multiple Channels – You can use it to sell not only on your website but also on other channels like Facebook, Instagram, and Amazon.
  • No transaction charges – Unlike some other eCommerce platforms, it does not charge you on each transaction. You can choose from dozens of top payment gateways and only pay the payment service provider.
Cons of Using BigCommerce
  • Limited Integrations – BigCommerce integrates with all the top third-party apps and tools. However, its app store is still growing, and you may not find an integration for some less popular apps.
  • No Mobile App – Currently, it does not have a mobile app to manage your store on the go.

BigCommerce is an incredibly powerful yet very easy to use eCommerce platform. It is a SaaS eCommerce platform, but with their BigCommerce WordPress plugin you can have the best of both worlds.

It takes away the pains of scaling your hosting requirements as your business grows. At the same time, you don’t have to worry about security, performance, or finding extensions for SEO and caching.

BigCommerce is a rising contender in WordPress for headless eCommerce. It takes care of technology infrastructure, so you can focus on growing your business.

3. Easy Digital Downloads

Easy Digital Downloads allows you to easily sell digital downloads online using WordPress. It is very easy to use and comes with powerful features to create beautiful and functional digital goods store.

We use Easy Digital Downloads to sell our software like WPForms and MonsterInsights.

Pros of Using Easy Digital Downloads

Designed To Sell Digital Goods – Easy Digital Downloads is built from the ground up to sell digital downloads. Unlike eCommerce plugins that can be used to sell all kind of products, EDD provides a far better experience for selling digital goods.

Easy To Use – Easy digital downloads is very easy to use, from the start you would instantly figure out how to add products and display them. This is really useful for the first timers.

Extensions – There are hundreds of extensions available for Easy Digital Downloads including addons for payment gateways, marketing platforms and services.

Themes – Easy Digital Downloads works with almost any WordPress theme, however if you have not choosen a theme yet, then Easy Digital Downloads has themes built specifically for the plugin.

Awesome Support – The plugin is very well documented, and you have free support forums, videos, tutorials, and even an IRC chatroom. There is also a priority support option for premium users.

Cons of Using Easy Digital Downloads

Digital Downloads Only – As the name suggests, Easy Digital Downloads makes it easier to create eCommerce sites for digital goods. But if you want to sell non-digital goods along with digital downloads then it will become quite complicated.

Selling External Products – If you want to add an external product or an affiliate product to your EDD store, then you will need to install a third-party add on for it.

When it comes to selling digital products online, we believe that Easy Digital Downloads is the best plugin to do that. We have used Easy Digital Downloads with great success, not only on client sites but also on a few of our own projects.

4. MemberPress

MemberPress is allows you to sell subscription based digital products and services. It is the best WordPress membership plugin with tons of integration options. It can even integrate with WooCommerce.

Let’s take a look at pros and cons MemberPress.

Pros of Using MemberPress

Sell Subscription Based Products – Allows you to easily sell subscription based products, membership plans, pay per view content, and more.

Powerful Access Rules – Powerful access control allows you to define user access levels and content restrictions. Only users with permissions will be able to access restricted content.

Powerful Extensions – You can integrate it to your WooCommerce store or LearnDash LMS. There are tons of extensions to connect MemberPress with third-party services.

Cons of Using MemberPress

Limited Payment Options – MemberPress only supports PayPal, Stripe, and Authorize.net.

Yearly Pricing – Pricing plans are available on yearly terms alone.

MemberPress is the perfect eCommerce plugin to sell subscription based products, sell courses, or build a membership website. It is beginner friendly and can be easily extended with addons which allows you to take your eCommerce website in any direction you want.

5. Shopify

Shopify is a fast growing eCommerce platform that handles everything for you. Shopify isn’t a plugin but it’s an all in one solution that’s completely hassle free. See our guide on Shopify vs WooCommerce for detailed side-by-side comparison of the two platforms.

Let’s look at the Pros and Cons of Shopify.

Pros of Using Shopify

Super Easy for Beginners – No need to worry about the technical aspects of an eCommerce store such as setting up SSL, integrating with different payment gateways, handling shipping, worrying about taxes, etc. Shopify handles it all.

Supports Both Digital and Physical Goods – Whether you’re selling physical goods like shirts or digital downloads like music, Shopify can handle it all.

Complete Inventory Management – Shopify comes with an inventory editor and bulk importer combined with an order tracker which makes managing inventory a breeze.

Payment and Shipping Options – Shopify makes it easy for you to accept credit card both online and in person. Their shipping system streamline your fulfillment process with direct integration with popular providers like USPS.

Facebook Store, Buyable Pins, and Twitter Buy Buttons – Shopify integrates with everything. Whether you want to create a Facebook store, add a buy button on Twitter, or create buyable Pins on Pinterest, you can do it all with Shopify.

Cons of Using Shopify

Monthly Platform Fee – Shopify charges you a monthly fee to use their platform which is comparable to purchasing hosting and individual addons using the other plugins in this list.

Shopify Payments – Shopify encourages you to use their payment platform which is powered by Stripe and is a very good option for beginners. However if you want to overcomplicate things and use external systems, then Shopify charges you an additional fee.

If you want to have a powerful platform without having to deal with technical issues, then Shopify is the solution for you. While the monthly fee sounds bad at first, the hassle-free approach and peace of mind are definitely worth it because it allows you to focus on what you do best, your business!

Shopify does not have a native integration with WordPress. BigCommerce #2 solution in our list gives you everything Shopify offers while offering a seamless integration with your WordPress site.

Conclusion – The Best WordPress eCommerce Plugin is:

If you want maximum control, flexibility, and features, then WooCommerce is the best solution for you.

If you don’t want to manage all the technical stuff, then BigCommerce is the best option for you. It allows you to use a SaaS eCommerce platform side by side with WordPress as your content management system.

If you are just selling digital goods, then Easy Digital Downloads could be the best option for you.

That’s all we hope this article helped you find the best WordPress eCommerce plugins for your site. You may also want to see our comparison of 5 best drag and drop WordPress page builders.

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 5 Best WordPress Ecommerce Plugins Compared – 2019 appeared first on WPBeginner.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Are you looking to improve image SEO on your website? When optimized properly, image search can bring many new visitors to your website.

To benefit from image SEO, you need to help search engines find your images and index them for the right keywords.

In this beginner’s guide, we will show you how to optimize image SEO by following top best practices.

Here is a brief overview of what you’ll learn in this article.

Optimizing Your Images for SEO and Speed

Speed plays an important role in SEO and user experience. Search engines consistently rank fast websites higher. This is also true for the image search.

Images increase your overall page load time. They take longer to download than text, which means your page loads slower if there are several large image files to download.

You need to make sure that images on your site are optimized for web. This can be a little tricky to get used to since many beginners are not experts in graphics and image editing.

We have a handy guide on how to properly optimize images before uploading them to your website.

The best way to optimize images is by editing them on your computer using a photo editing software like Adobe Photoshop. This allows you to choose the right file format to create a small file size.

You can also use an image compression plugin for WordPress. These image optimizer plugins allow you to automatically reduce file size while uploading an image to WordPress.

What is Alt Text?

Alt text or alternative text is an HTML attribute added to the img tag which is used to display images on a web page. It looks like this in plain HTML code:

<img src="/fruitbasket.jpeg" alt="A fruit basket" />

It allows website owners to describe the image in plain text. The main purpose of the alternate text is to improve accessibility by enabling screen readers to read out the alt text for visually impaired users.

Alt text is also crucial for image SEO. It helps search engines understand the context of the image.

Modern search engines can recognize an image and it’s content by using artificial intelligence. However, they still rely on website owners to describe the image in their own words.

Alt text also accompanies images in Google image search, which helps users understand the image and improves your chances of getting more visitors.

Usually, alt text is not visible on your website. However if an image is broken or cannot be found, then your users will be able to see the alternate text with a broken image icon next to it.

What is the Difference Between Alt Text vs Title

Alt text is used for accessibility and image SEO, while title field is used internally by WordPress for media search.

WordPress inserts the alt tag in the actual code used to display the image. The title tag is stored in the database to find and display images.

In the past, WordPress inserted the title tag in the HTML code as well. However, it was not an ideal situation from the accessibility point of view, which is why they removed it.

What is the Difference Between Alt Text vs Caption

The alt text is used to describe the image for search engines and screen readers. On the other hand, the caption is used to describe the image for all users.

Alt text is not visible on your website while captions are visible below your images.

The alt text is crucial for better image SEO on your website. The caption is optional and can be used only when you need to provide additional information about the image to website visitors.

How to Add Alt Text, Title, and Caption to Images in WordPress

Alt text, title, and caption make up the image metadata that you can add to images when uploading them into WordPress.

When you add an image using the default image block, WordPress allows you to add caption and alt text for the image.

It automatically generates a title for the image from the file name. You can change the title by clicking on the edit button in the image block’s toolbar.

This will bring up the media uploader popup where you can enter your own custom title for the image.

You can also edit the alt tag and title for the images that you have already uploaded to WordPress. To do that, you need to visit Media » Library page and locate the image you want to edit.

Simply clicking on an image will bring up the attachment details popup where you can enter title, alt text, and caption.

Note: Changing an image’s alt tag or caption via Media Library will not change it in the posts and pages where the image is already used.

When to Use Captions for Images in WordPress

Captions allow you to provide additional details for an image to all your users. They are visible on the screen for all users including search engines and screen readers.

As you may have noticed that most websites don’t normally use captions with images in their blog posts or pages. That’s because captions are often not needed to explain an image.

Captions are more suitable in the following scenarios:

  • Family or event photos
  • Photos that need additional explanation describing the background story
  • Product image galleries

In most cases, you would be able to explain the image in the article content itself.

Disable Attachment Pages in WordPress

WordPress creates a page for all images you upload to your posts and pages. It is called the attachment page. This page just shows a larger version of the actual image and nothing else.

This can have a negative SEO impact on your search rankings. Search engines consider pages with little to no text as low quality or ‘thin content’.

This is why we recommend users to disable the attachment pages on your website.

The easiest way to do this is by installing and activating the Yoast SEO plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, it automatically turns off attachment URLs. You can also manually turn off attachment pages in WordPress by visiting SEO » Search Appearance page and clicking on the Media tab.

From here, make sure that the ‘Media & attachment URLs’ option is set to ‘Yes’.

If you are not using Yoast SEO plugin, then you can install the Attachment Pages Redirect plugin. This plugin simply redirects people visiting the attachment page to the post where the image is displayed.

You can also do this manually, by adding the following code to your theme’s functions.php file or a site-specific plugin.

function wpb_redirect_attachment_to_post() { 
if ( is_attachment() ) { 
global $post;
if( empty( $post ) ) $post = get_queried_object();	
if ($post->post_parent)	{
	$link = get_permalink( $post->post_parent );
	wp_redirect( $link, '301' );
	exit(); 
	}
else	{
	// What to do if parent post is not available
	wp_redirect( home_url(), '301' );
	exit(); 
	}
}
}
add_action( 'template_redirect', 'wpb_redirect_attachment_to_post' );
Additional Tips to Improve Image SEO

Adding alt tag is not the only thing you can do to improve image SEO. Following are a few additional tips that you should keep in mind when adding images to your blog posts.

1. Write descriptive alt text

Many beginners often just use one or two words as alt text for the image. This makes the image too generic and harder to rank.

For example, instead of just ‘kittens’ use ‘Kittens playing with a yellow rubber duck’.

2. Use descriptive file names for your images

Instead of saving your images as DSC00434.jpeg, you need to name them properly. Think of the keywords that users will type in the search to find that particular image.

Be more specific and descriptive in your image file names. For example, red-wooden-house.jpeg is better than just house.jpeg.

3. Provide context to your images

Search engines are getting smarter every day. They can recognize and categorize images quite well. However, they need you to provide context to the image.

Your images need to be relevant to the overall topic of the post or page. It is also helpful to place the image near the most relevant text in your article.

4. Follow the SEO best practices

You also need to follow the overall SEO guidelines for your website. This improves your overall search rankings including image search.

5. Use original photographs and images

There are many free stock photography websites that you can use to find free images for your blog posts. However, the problem with stock photos is that they are used by thousands of websites.

Try to use original photographs or create quality images that are unique to your blog.

We know that most bloggers are not photographers or graphic designers. Luckily, there are some great online tools that you can use to create graphics for your websites.

We hope this article helped you learn about Image SEO for your website. You may also want to see our guide on how to fix common image issues 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 Beginner’s Guide to Image SEO – Optimize Images for Search Engines appeared first on WPBeginner.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Often WordPress beginners get confused between posts and pages. By default, WordPress comes with two content types: posts and pages.

As a beginner, you are probably wondering what’s the difference between posts vs pages? They seem to look similar in the WordPress dashboard as well as on the website.

Readers often ask us: Why do I need both? When should I use posts? When should I use pages?

In this article, we will explain the difference between posts vs. pages in WordPress.

What are Posts in WordPress?

Posts are blog content listed in a reverse chronological order (newest content on top). You will see posts listed on your blog page.

If you are using WordPress as a blog, then you will end up using posts for the majority of your website’s content.

You can add and edit your WordPress posts from the ‘Posts’ menu in your dashboard. Here is how Add New Post screen looks.

Due to their reverse chronological order, your posts are meant to be timely. Older posts are archived based on month and year.

As the posts gets older, the user has to dig deeper to find them. You have the option to organize your posts based on categories and tags.

Because WordPress posts are published with time and date in mind, they are syndicated through the RSS feeds. This allows your readers to be notified of the most recent post update via RSS feeds.

Bloggers can use the RSS feeds to deliver email broadcasts through services like Constant Contact, Aweber or MailChimp. You can create a daily and weekly newsletter for your audience to subscribe to.

The very timely nature of posts make it extremely social. You can use one of the many social sharing plugins to allow your users to share your posts in social media networks like Facebook, Twitter, LinkedIn, Pinterest etc.

Posts encourage conversation. They have a built-in comment feature that allows users to comment on a particular topic. By default, comments, pingbacks, and trackbacks are enabled.

You can go to your Settings » Discussion to turn off comments on older posts if you like.

WordPress posts usually have the name of the author and published/updated date.

The best example of a WordPress post may be this article which you are reading now. Go to the top, and you can see the post category ‘Beginner’s Guide’ above the article title. Below the title, there is the last updated date, author’s name, and social share buttons.

After the main article content, there is the comments section. You cannot usually find these on a page.

Now that you know what are posts, let’s take a look at pages and how they are different.

What are Pages in WordPress?

Pages are static “one-off” type content such as your about page, privacy policy, contact page, etc. While the WordPress database stores the published date of the page, pages are timeless entities.

For example, your about page is not suppose to expire. Sure you can go back and make updates to it, but chances are you will not have about page 2012, about page 2013 etc. Because there is no time and date tied to pages, they are not included in your RSS feeds by default.

You can add and edit pages in WordPress from ‘Pages’ menu in your dashboard. Here is how Add New Page screen looks like:

Pages are not meant to be social in most cases thus do not include social sharing buttons. For example, you probably don’t want others to tweet your privacy policy page in most cases.

Similarly, pages also don’t include comments. You don’t want users to comment on your contact page or your legal disclaimers page. There is an option to enable comments, however, it is disabled by default for your WordPress pages.

Unlike posts, pages are hierarchical by nature. For example, you can have subpages or child pages within a page. You can easily turn a page into subpage by choosing a parent page from Page Attributes when editing a page.

A key example of this in action would be our Blueprint page. This feature allows you to organize your pages together, and even assign a custom template to them.

WordPress by default comes with a feature that allows you create custom page templates using your theme. This allows developers to customize the look of each page when necessary.

In most themes, post and pages look the same. But when you are using your page to create a landing page or a gallery page, then the custom page templates feature comes in very handy.

Pages also have this archaic feature called ‘Order’ which lets you customize the order of pages by assigning a number value to it. However, this feature is extended by plugins like Simple Page Ordering that allows you to drag & drop the order of pages.

WordPress Pages vs. Posts (Key Differences)

To summarize, following are the key differences between posts vs pages in WordPress.

  • Posts are timely vs. Pages are timeless.
  • Posts are social vs. Pages are NOT.
  • Posts are organized using categories and tags vs. Pages are hierarchical and can be organized as child and parent pages.
  • Posts are included in RSS feed vs. Pages are not.
  • Posts have author and published date vs Pages do not.

The differences we listed above may have exceptions. You can use plugins to extend the functionality of both content types.

Despite these differences, there are some similarities between pages and posts in WordPress.

First, they are both used for publishing content. You can add text, images, forms, etc. to both posts and pages. There is featured image meta-field in both pages and posts.

You can build a website without ever using posts or blogging features of WordPress. You can also make a business website with pages and a separate blog section for your news, announcements, and other articles.

Frequently Asked Questions

Following are some of the most frequently asked questions we have heard from our users about posts vs. pages, and how to properly use them in WordPress.

1. How Many Posts and/or Pages Can I Have?

You can have as many posts and/or pages that you want. There is no limit on the number of posts or pages that can be created.

2. Are there any SEO advantages to one or the other?

Search engines like content to be organized. Timeless content is considered to be more important; however, there is a lot of priority given to the latest timely content.

In short, there may be a difference, but as a beginner, you do not need to worry about it. Focus on making your site organized for the user. To learn more, see our complete WordPress SEO guide for beginners.

3. Which pages I should create on my website or blog?

It really depends on what kind of blog or website you are making. However, you may want to see our list of important pages for all websites.

4. Can I switch posts to pages and vice versa?

Many beginners accidentally add content to posts when they actually wanted to create pages. Similarly, some new bloggers may end up saving blog posts as pages.

If you have just started out, then you can easily fix that by using the post type switcher plugin. For more details see our article on how to switch post types in WordPress.

5. Are there other content types in WordPress besides posts and pages?

Yes, there are. However, these other default content types include attachments, revisions, and navigation menus which are normally not used the same way as posts and pages.

WordPress also allows developers to create their own custom post types. This feature is used by plugins to create additional content types in WordPress. For example, if you are running a WooCommerce store, then you will see a ‘Products’ post type in your WordPress admin area.

We hope this article helped you learn the difference between pages and posts in WordPress and how to use them. You may also want to see our list of important things to do after installing 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 What is the Difference Between Posts vs. Pages in WordPress appeared first on WPBeginner.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Do you want to add Google Maps store locator in WordPress? A store locator is a map pointing to your business location.

It allows users to locate you on the map, find driving directions, or share the location with friends. Adding a store locator to your business website or even an online store helps you instantly earn user trust.

In this article, we will show you how to easily add Google Maps store locator in WordPress.

Google Maps introduced a paid API to display maps on websites. They still offer a limited free option to embed Google maps on small websites.

Most Google Maps plugins for WordPress use the Google API to retrieve and display maps. If you want to use a Google Maps plugin, then you will need to sign up with Google API platform and enable billing option.

It is a pay as you go service, which means you will be charged based on the number of API calls made from your website.

We will show you both free and paid methods with their pros and cons, then you can choose the one that best suits your needs.

Method 1. Adding Google Maps to Your Website for Free

This method is easier and free. The disadvantage is that you cannot show multiple stores on a single map.

It is recommended for users who just want to add a single Google Maps store location on their website.

First, you need to visit the Google Maps website on your computer. Next, enter your store’s address in the search field and Google Maps will show it on the map with a pinned marker on the map.

Make sure that the marker is placed on the correct location. You can select a zoom level by clicking the zoom button. Once you are satisfied with the zoom level, you need to click on the share button from the left column.

This will bring up a popup where you need to switch to the ‘Embed a Map’ tab. You will now see your searched location on the map with an HTML code.

Click on the Copy HTML link to get the embed code.

Now head over to the admin area of your WordPress website. Once in the admin area, go ahead and edit the post or page where you want to display the store location map.

Normally, users add a store location map on their contact form page with their phone number and opening hours.

On the post edit screen, you need to add a custom HTML block.

In the text area of custom HTML block, you need to paste the code you copied from Google Maps.

You can now switch to the preview tab to see Google Maps embedded into your page. It will show your store location marked on the map with links to directions or to save the location.

Method 2. Add Google Maps Store Locator Using a WordPress Plugin

This method is recommended for users who want to show multiple store locations on a Google Map.

The first thing you need to do is in install and activate the WP Store Locator plugin. For more details, see our step by step guide on how to install a WordPress plugin.

It is a free Google Maps plugin that allows you to create a custom map with multiple store locations and custom fields.

The disadvantage of this method is that it requires you to add an API key. You will need to provide your billing information to use the API key. For pricing and other information, please check out the Google Maps Platform website.

Ready, let’s get started.

Step 1. Generating Google Maps API keys

To use WP Store Locator plugin, you will need to generate two API keys. The first one is called the Browser API key and the second one is called the Server Key.

Let’s start with the Browser key first. Click on this Google Developer Console link and it will take you to the Google API website with all the required APIs enabled.

You need to create a new project and give it a name that helps you identify the project. After that, you will have to wait a few moments as the console creates the project for you.

Next, you will be redirected to the API key configuration page. You need to provide a title for your API key, so you can easily identify it as the browser api key for your Google Maps project.

Next, you need to set ‘Application Restrictions’ to ‘HTTP Referrers’. Below that you need to set the ‘Accept requests from’ field to your domain name in the following format.

https://example.com/*
https://*.example.com/* (if you are using a subdomain)

Finally, click on the ‘Create’ button. The console will now save your settings and will show you the Browser key. You need to copy and paste this key in a text editor, you will need it later.

Next, you need to create the server API key. Click on this Google Developer Console link and it will take you directly to the console with selected APIs enabled.

You will once again see the create project page. However since you have already created a project, you can just click on the drop-down menu and select your project.

You will be then redirected to API configuration page. Provide a name for this API key that helps you recognize it as Server key.

Under the ‘Application restrictions’ section, you need to select IP Addresses. Basically, we are telling Google to only accept server requests coming from specific IP addresses.

Now you would need to ask your WordPress hosting provider to tell you the IP range used by your hosting account. It would be in the following format:

172.16.0.0/12

After that, you need to click on the ‘Create’ button to save your settings and copy the Server API key.

Step 2. Setting up the WP Store Locator Plugin

Once you have created your API keys, you need to head over to Store Locator » Settings page to set up the plugin.

Enter the Google Maps browser and server API keys you generated earlier. Next, select Maps language and region and then click on the save changes button to store your settings.

Now, you need to scroll down on the settings page to the ‘Map’ section and enter a start point of the map. This start point could be a city or a country, so users can see markers placed at different locations.

There are many other options on the settings page including map style, default zoom level, map type, search radius, country, etc. You can review them and adjust them to your needs.

Once you are done, it is time to add locations.

Step 3. Adding store locations

Head over to Store Locator » New Store page to add your first location. The New Store page will look just like the default post or page editor in WordPress.

Provide a title for your store and then scroll down to ‘Store details’ section. From here, you need to enter your store address.

You will see a map in the right column, however it will not automatically update to the address you have entered. You will need to click on the Publish button to save your location. After that, refresh the page and the map will point to the address you provided.

Now repeat the process to add other store locations. You can add as many store locations as you want.

Step 4. Adding the store locator map in WordPress

To display your store locator on a WordPress page, simply create a new page or edit an existing one where you want to display the map.

On the post edit screen, you need to add the ‘Shortcode’ block to your post edit area. After that add the [wpls] shortcode inside it.

You can now save or publish your page and click on the preview button to see Google Maps store locator in action.

It will show your map markers for each store location and start the map from your preferred starting point. For example, in this map, it is focused on the city of West Palm Beach and showing two store locations on the map.

That’s all we hope this article helped you learn how to add Google Maps store locator in WordPress. You may also want to see our list of free Google Tools every site owner should use.

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

The post How to Add Google Maps Store Locator in WordPress appeared first on WPBeginner.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Are you looking for a free WordPress blog theme for your website? There are thousands of free blog themes for WordPress making it harder for beginners to choose from. In this article, we have hand-picked some of the best free WordPress blog themes that you can use on your new blog.

Getting Started with WordPress

First, you need to make sure that you are using the right platform. Self hosted WordPress.org site is the perfect platform to start your blog because it gives you more freedom, flexibility, and control.

It is open source and comes with support for thousands of free templates and extensions that help you grow your blog faster. See our guide on why you should use WordPress for more details.

You can use our step by step beginner’s guide on how to start a WordPress blog for full instructions.

Once you are up and running, it is time to choose a theme for your website. You can choose a theme from our expert selection below and then follow the instructions in our how to install a WordPress theme guide to set it up properly.

Having said that, let’s take a look at some of the best free WordPress blog themes that you can install on your website.

1. OceanWP

OceanWP is one of the most popular free WordPress themes with tons of premium-like features. It has its own companion plugin and recommends installing a free page builder plugin upon activation. It can be used for any kind of website including blogs, magazines, business website, or an eCommerce store.

It includes multiple layout choices, fullwidth pages, two navigation menus on top, custom logo support, multiple sidebar areas, beautiful image galleries, and more. It is super flexible but still very easy to set up with live customizer support.

2. Astra

Astra is a fully customizable and free WordPress blog theme. It’s well suited for personal blogs, portfolios, business blogs, and online stores. It works perfectly with all the popular page builders including Beaver Builder, Divi, Elementor, etc. The theme supports WooCommerce and translation ready to create a blog in your own language.

It is a lightweight theme with tons of colors options and fonts. Astra has a separate archives page to manage your content professionally. You can find the theme options in the WordPress customizer with live preview.

3. Hestia

Hestia is a highly flexible free WordPress theme for all kind of websites. It comes with an easy setup wizard and a companion plugin which adds testimonials and services section to your website.

It can be used with popular free page builder plugins and is ready for WooCommerce out of the box. The homepage can be easily set up using live theme customizer where you can just add sections and rearrange them with drag and drop.

4. Bento

Bento is a powerful multi-purpose WordPress blog theme with tons of features. It works great with the most page builder plugins and even recommends installing one upon activation.

For a free WordPress theme, Bento comes packed with great customization options. All of them can be accessed using the WordPress theme customizer.

5. Modernize

Need a blog theme with a minimalist approach to design? Checkout Modernize. It is a simple WordPress blog theme with collapsible menus and it comes in one and two column layouts.

Designed to improve readability it uses clean typography and elegantly handles featured images.

6. Ribosome

Ribosome is a magazine style free WordPress blog theme. It comes with a custom header, custom background, and unlimited colors. It has a single navigation menu and a social menu on the top.

It comes with a two column layout with sidebar on the right. Ribosome has six different Google Fonts, round or square thumbnails, two widgets areas at beginning and end of posts, perfect for displaying ads or related posts.

7. Poseidon

Poseidon is a free multi-purpose WordPress blog theme. Featuring a spacious layout, it comes with a full-width slider, homepage layout, and multiple page templates. The homepage layout can be easily set up using widgets.

8. SiteOrigin Unwind

SiteOrigin Unwind is a multi-purpose free WordPress theme with full WooCommerce support. Designed with a minimalist style, Unwind is highly customizable using SiteOrigin Page Builder plugin. It comes with multiple layouts, custom header, background, and color support.

9. Hemingway

Hemingway is a clean WordPress blog theme featuring a two column layout and full-width header image with parallax effect. It supports custom accent color, custom logo upload, custom widgets (video, Flickr, and Dribbble), page templates, etc. Theme options are quick and easy to set up.

10. Maxwell

Maxwell is a minimalistic and elegant WordPress theme. It features a clean magazine-style layout with beautiful typography. It comes with various post layouts and a gorgeous featured posts slideshow.

11. Writee

Writee is a free WordPress theme suitable for personal websites, travel, and adventure blogs. It features a large slider on top using featured images from blog posts. It comes with multiple templates and custom widgets among many other features.

12. Libretto

Libretto is a beautiful WordPress blog theme designed specifically to showcase long form writing, stories, poetry, etc. It uses beautiful typography with Playfair Display and Libre Baskerville fonts, an elegant color scheme, and distraction free single column layout.

13. Verbosa

Verbosa is an elegantly crafted WordPress blog theme. It is designed with readability and visual appearance of your content at the center. It uses a three column layout on the homepage with two columns showing your content in a beautiful grid.

14. Flat

Flat is a modern WordPress blog theme with a two column layout. It features a left sidebar with a navigation menu. It also comes with large featured images, custom logo, custom background, and header support.

It comes with flexible customization options that can be set up using the live theme customizer.

15. Lovecraft

Lovecraft is a clean and simple free WordPress blogging theme. It features a full-width custom header at the top and uses bold headlines for post titles. It comes with a left sidebar and one navigation menu at the top.

16. Baskerville

Baskerville is a modern and stylish WordPress blog theme. It features a large full-width header image followed by your posts presented as a grid on the homepage. It comes with gorgeous templates for single posts and pages.

17. Admiral

Admiral is a magazine style WordPress theme suitable for sports blogs, magazine, and news websites. It features a three column layout with two sidebars on both sides and content column in the middle.

It comes with a featured posts slideshow, a magazine homepage template, a widgetized header area, two different post layouts, and support for infinite scroll.

18. Coral Dark

If you are looking for a WordPress blog theme with a dark background, then try Coral Dark. It comes in one-column or two-column layout with built-in slideshow. It allows you to customize fonts, colors, and comes with two widget-ready areas.

19. Revive

Revive is a beautiful free blog theme for WordPress. It features a magazine style layout with a large header image and your featured content displayed in a posts grid. It comes integrated with Font Awesome icons and supports multiple blog layouts.

20. Hiero

Hiero is a free WordPress blog theme with a magazine style layout. It uses bold colors for header and accent. It uses a two column layout and comes with a navigation menu on top. The home page displays your latest posts with excerpts and featured images.

21. Tracks

Tracks is a thoughtfully designed WordPress blog theme for personal, magazines, and photography websites. It includes a logo uploader, social media icons, search bar, widget ready areas, and crisp typography. The homepage features a grid layout of your posts with featured images.

22. Scratchpad

Scratchpad is an illustrative and colorful WordPress blog theme. It uses a set of patterns, drawings, and styles to create a beautiful and fun look. It supports multiple post formats and displays them beautifully. It has a sidebar on the right and another at the bottom.

23. The Columnist

The columnist is a WordPress blog theme featuring a magazine style look. It comes with different layouts for homepage, archives, single pages, bbPress, and BuddyPress. It also includes a responsive customizable slider and four color schemes.

24. Satori

Satori is a highly customizable WordPress theme for blogs and personal websites. It features a full-width header on the homepage and comes with different page templates including support for WooCommerce, multiple widget ready areas, and post formats.

25. Nitro

Nitro is a highly customizable free WordPress blog theme. It comes with a beautiful homepage layout with slider on top and featured content below. It has multiple widget ready areas, page templates, custom headers, backgrounds, social menu, and custom colors.

26. Illdy

Illdy is a multi-purpose WordPress theme suitable for business, personal, and magazine websites. It is built on bootstrap framework, features large header images, two column or full-width layout, custom background, and color selection.

27. Tecblogger

Tecblogger is a simple and clean WordPress blog theme. It features a classic blog look with content column and a right sidebar. It comes with a navigation menu on top and supports custom headers, custom backgrounds, and colors.

28. MadHat

MadHat is built on Bootstrap framework, and it is a multi-purpose WordPress theme featuring a black and white layout which can be easily customized. It comes with Font Awesome icons, multiple blog layouts, and sidebar customizations.

29. Garfunkel

Garfunkel is a stylish WordPress blog theme featuring a grid layout on the homepage. It supports custom headers, custom backgrounds, six post formats (including a gallery slideshow), six custom widgets, social menu, and two page templates.

30. Author

Author is a beautiful WordPress blog theme for authors and writers. It features a simple two column layout with sidebar and navigation menu in the left column while content on the right. It supports custom colors, background, and multiple post formats. It is optimized for accessibility and performance.

31. Tempo

Tempo is a modern WordPress blogging theme that can be easily used as a business website as well. It features clean crisp typography with a bright breezy layout. It supports custom header, parallax, header buttons, custom logo, custom colors, custom background, social links, left and right sidebar, and custom widgets.

32. Hueman

Hueman is one of the most popular free WordPress themes. It comes with a multi-column layout and can be easily used on any kind of content rich blogs or magazine websites.

You also get support for custom headers, two column layout, full-width layout, and tons of easy customization options.

33. iFeature

iFeature is a modern and stylish WordPress theme suitable for magazines, business, personal, and portfolio websites. It features a full-width background image and a slider on top followed by your content.

It includes features like sticky headers, author bio box, multiple widget areas, and page templates. The theme options can be easily set up using drag and drop in the live customizer.

34. Natural Lite

Natural lite is a simple blogging theme with earthy tones. It uses large featured images, supports custom header, and background. It comes with multi-column layouts and easy customization options.

35. Responsive

Responsive is a beautiful WordPress theme designed for flexibility. It is suitable for authors, personal websites, photography, and even business websites.

It comes with 9 page templates, 11 widget areas, 6 template layouts, 4 menu positions, and more. It also includes powerful but simple theme options for easy logo upload and social networking features. Responsive is WooCommerce compatible, multilingual ready, and supports all RTL-languages.

36. Nisarg

Read Full Article

Read for later

Articles marked as Favorite are saved for later viewing.
close
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Separate tags by commas
To access this feature, please upgrade your account.
Start your free month
Free Preview