Top 30 Dark WordPress Themes 2020: Black Website Designs

Top 30 Dark WordPress Themes 2020: Black Website Designs

  1. Review of the Top 25 Dark WordPress Themes in 2020
  2. Review of 5 Best Free Dark WordPress Themes
  3. Conclusion

Modern companies try to use a variety of methods and techniques to increase the conversion of their sites. One of the decisive factors is the choice of color. Black website owners should always consider the strong psychological impact that the color scheme of a website has on its visitors.

The color of your website can be an effective marketing tool if used correctly. It can create a positive attitude toward the product and cause positive emotions that encourage a person to make a purchase. When a person first gets to the site, he intuitively perceives the picture as a whole and within the next 1-2 seconds decides whether to stay and study the resource further or close the tab and return to the search.

The use of the color black is one of the trends in modern web design. There is nothing that will accentuate the classic shape and delicate beauty as black and its shades. So, today, we will talk about the top rated “dark” WordPress themes, which are designed to add style and sense of sophistication to your website.

The color black is strict and official. It evokes respect, sense of power, and gives the impression of elegance. Moreover, all the themes feature a fully responsive design, numerous customization tools, and intuitive navigation.

Check out the best collection of dark WordPress themes to add personality to your black website with no hassle and in a short time.

Top 5 Dark WordPress Themes

Template Name Short Description Price

Hazel

If you want your website to look classy and stand out among the competitors, Hazel is a perfect solution. Except for eye-catching dark layout, it contains a whole lot of features, such as the WooCommerce package, ten stunning demos, sticky navigation, sliders, and more. 

$98

Buy Now

Richard Gore The writer portfolio may look catchy and provocative if you choose to go with dark website design. Richard Gore is created to help you build an outstanding online resource and provide a professional presentation of your portfolio.  $75 Buy Now

Bettaso

You may have doubts about the dark layout for your restaurant website. But using a dark background is a great practice that helps to emphasize your mouthwatering menu and encourage people to give your restaurant a try. 

$75

Buy Now

Bitunit 

Using Bitunit for building a website will open brand new possibilities and ways in the cryptocurrency world. An impressive collection of pages, pre-designed countdown, graphics, Jet plugins, and other informative layouts will make the website building a breath. 

$75

Buy Now

Fair Wind  Fair Wind is a modern-looking, clean website template designed to represent your auto services properly. Whereas handy tools, like Elementor Page Builder, Jet add-ons, contact form, Ecwid plugin, and built-in blog will add to the functionality of the site.  $75 Buy Now

Review of the Top 25+ Dark WordPress Themes in 2020

Valeriy | Multipurpose Business WordPress Theme

Valeriy | Multipurpose Business WordPress Theme

Dark website design is one of the most important trends nowadays, and world-class brands are already using this feature in their interfaces. Join the team with one of the best dark WordPress themes to create an attractive and trendy website design.

Valeriy is a ready-made multipurpose WordPress layout created by LT with all the latest web design technologies in mind. Dark home page designs of the theme prove that dark color can be deep, authoritative, and strong, and often looks elegant where it is appropriate. When choosing this WordPress solution, you get many opportunities for your business. All you need to do is customize the layout to fit your particular project, and you are ready to increase your popularity and sales. The template comes with a bunch of useful features. Among them are fully responsive design, SEO-optimized coding, working contact forms and subscribe forms, six blog page options, custom widgets, etc. Installing and setting up is a matter of a few clicks; no need to have any coding skills. 

Main features:

  • Background video
  • Stable operation and speed
  • Animation of typing text
  • About 900 fonts
  • Two map options
  • Clean coding 
  • Detailed documentation 
  • Professional support


Richard Gore – Writer Portfolio Elementor WordPress Theme

Richard Gore - Writer Portfolio Elementor WordPress Theme

Richard Gore is a wonderful solution for those who are looking for a stylish dark WordPress theme to create a writing portfolio website. No doubt, the dark colors will add style and elegance your website. Mobile-first philosophy will make the website a perfect piece for the smaller screens as well as the larger ones. To add more, highly functional plugins will empower your website.

Main features:

  • Elementor page builder
  • One-click installation
  • Stylish pre-designed pages
  • Free bonus images
  • Accurate documentation
  • WordPress Live Customizer
  • WPML ready
  • Round-the-clock support


Bettaso – Cafe & Restaurant WordPress Theme

Bettaso - Cafe & Restaurant WordPress Theme

Add a mysterious, sophisticated, and powerful look to your website with Bettaso WordPress theme. Its dark background will give you the opportunity to focus on the content and emphasize the portfolio, blog section, and other website information. You will definitely appreciate a set of stunning ready-made pages for various topics, mobile-friendly design, and free images as a bonus. Moreover, Elementor page builder will turn your website building task into a truly enjoyable process.

Main features:

  • JetElements plugin
  • One-click installation
  • Google fonts integrated
  • WPML ready
  • Valid and clean HTML code
  • WordPress Live Customizer
  • Retina ready
  • Effective support


Hazel – Clean Minimalist Multi-Purpose WordPress Theme

Hazel - Clean Minimalist Multi-Purpose WordPress Theme

All the fans of clean and minimalistic designs will definitely appreciate the next multi-purpose WordPress theme. Hazel comes with everything needed to create a modern and fully functional website. The black background of the theme looks stylish and goes well with other colors. Tons of pre-built beautiful pages will simplify your website customization. The responsive design will be very convenient for users since it allows you to automatically adjust the entire content of the site to any device.

Main features:

  • Powerful admin panel
  • Visual page builder
  • Premium plugins included
  • WooCommerce ready
  • Custom CSS
  • Easy install and setup
  • 3 blog types
  • Free updates and support


Alder – OnePage WordPress Theme

Alder - OnePage WordPress Theme

Designed in dark colors, Alder is quite exquisite, even for use in corporate sites. The package includes 6 variations of ready pages, WooCommerce integration, 800+ Google fonts, various portfolio types, and much more. With the help of Visual Composer, you can play with design elements to apply the changes right away and observe the result in real time. The theme is simple to install and set up. In case you need any assistance, professional support is available 24/7.

Main features:

  • 6 beautiful demos
  • Sticky navigation
  • 60+ page builder elements/shortcodes
  • Revolution slider
  • Unlimited color/styles
  • Advanced footer options
  • Advanced search options with Ajax results
  • Compatible with many popular plugins


Techup – IoT and AI Tech Startup WordPress Theme

Techup - IoT and AI Tech Startup WordPress Theme

Black color absorbs all existing colors and shades, so many people associate it with power, nobility, and elegance. Choose Techup if you wish to deliver the same emotions to your visitor. It’s absolutely great for any tech firm/company. This theme is 100% responsive and feature-rich. You will be happy to discover the high speed page loading, good indexing, and SEO parameters. Click a demo link to see more features the package comes with.

Main features:

  • Cross-browser compatible
  • Hassle-free installation
  • Highly customizable
  • Regular updates
  • One-click demo data import tool
  • Unyson page builder
  • Detailed documentation
  • 24/7 support


Fair Wind – Car Repair Modern Elementor WordPress Theme

Fair Wind - Car Repair Modern Elementor WordPress Theme

The next modern WordPress theme is an excellent choice for car repair services. With Fair Wind, your website designed with dark colors will look elegant and creative. Moreover, you will get the complete package of widgets such as Google maps, Image Gallery, Image Carousel, and others. Forget about coding skills to master the theme’s tools and features. Everything is clear and intuitive. If you still have trouble, 24/7 support is ready to answer your questions.

  Main features:

  •  100% responsive layout
  • MegaMenu
  • Cherry plugin layouts
  • WordPress Live Customizer
  • Retina ready
  • 4 blog layouts
  • Google fonts integrated
  • Valid and clean HTML code


Financial Bureau – Finance Multipurpose Modern Elementor WordPress Theme

Financial Bureau - Finance Multipurpose Modern Elementor WordPress Theme

What makes the next dark WordPress theme unique is the effective use of mixed dark tones and free space for the allocation of certain elements. It would be strange to build a colorful website for a financial company. Don’t you agree? You will enjoy tons of eye-catching pages, Elementor page builder, numerous plugins, and free bonus images. Make sure to use the detailed documentation to get the most of the theme.

Main features:

  • SEO-friendly code
  • Google fonts integrated
  • One-click installation
  • Fully responsive design
  • WordPress Live Customizer
  • Retina ready
  • WPML ready
  • Efficient support


Shorex – Digital Multipurpose Modern Elementor WordPress Theme

Shorex - Digital Multipurpose Modern Elementor WordPress Theme

Shorex is another beautiful option to create a modern website for a digital company. Its dark background adds depth to the design. The empty space surrounding the design elements allows the content to breathe freely. Except for a sophisticated design, you will be happy to discover the great functionality of the theme. The theme comes with a fully responsive design, Google fonts, outstanding plugins, and clean coding for convenient customization. 

Main features:

  • Tons of ready-made pages
  • SEO-friendly design
  • One-click installation
  • Bonus images
  • WordPress Live Customizer
  • WPML ready
  • Documentation 
  • Friendly support


Respes – Lawyer WordPress Theme

Respes - Lawyer WordPress Theme

Take notice of the Respes WordPress theme if you are still in search of a classic design for your law-related online business. Without the dark elements of the background, it would look much less interesting. The package includes a number of advanced widgets to enhance the functionality of your web resource. In addition, you will be able to play with a beautiful collection of ready pages for all occasions. Take your business to the next level with a professional WordPress theme designed for the latest web trends.

Main features:

  • 100% responsive design
  • Cross-browser compatibility
  • JetElements plugin
  • SEO-friendly code
  • Retina ready
  • Google fonts integrated 
  • Well documented 
  • Friendly support


TechCon – Conference One Page Animated Elementor WordPress Theme

TechCon - Conference One Page Animated Elementor WordPress Theme

Showcase your project with a fully responsive, animated Elementor WordPress theme. No need to worry about readability, the designers have made additional efforts to make the text modern and noticeable. The theme is packed with a set of useful plugins and widgets, pre-designed sections, and intuitive navigation. If you have any questions or suggestions, the round-the-clock support will be happy to help you. Check out a live demo to discover more features.

Main features:

  • Elementor page builder
  • One-click installation
  • Cherry search
  • 4 blog layouts
  • Mobile-friendly layout
  • JetElements plugin
  • Bonus images for free
  • Accurate documentation


Speed – Internet Multipurpose Modern Elementor WordPress Theme

Speed - Internet Multipurpose Modern Elementor WordPress Theme

Fully customizable and easy to use, Speed is your perfect choice if you are looking for a multipurpose solution. Websites made on the basis of this theme will look quite mysterious, sophisticated, and powerful. Thanks to WPML compatibility, your website will conquer the web on the international market. No coding skills are required to install and adjust all the settings. You can always get to the detailed documentation if you need any help.

Main features:

  • One-click installation
  • SEO-friendly design
  • Google fonts integrated
  • Valid and clean HTML coding
  • Bonus images
  • Responsive layout
  • Outstanding plugins
  • Retina ready


Goroad – Travel Agency Multipurpose Modern Elementor WordPress Theme

Goroad - Travel Agency Multipurpose Modern Elementor WordPress Theme

Dark color themed sites that are well thought out and designed, often have an inimitable elegant and stylish look. Promote your travel services with the help of Goroad, the modern and effective WordPress theme. No doubt, you will enjoy numerous astonishing pages with nice elements for easy website customization. Building your website content with a Drag-n-Drop page composer has never been easier. Just a few clicks will turn this theme into a successful travel-related website. 

Main features:

  • 100% responsive design
  • Cross-browser compatible
  • WooCommerce on board
  • All images for free
  • JetElements plugin included
  • Google fonts integrated
  • WPML ready
  • Well documented


Skywer – Architecture Multipurpose Modern Elementor WordPress Theme

Skywer - Architecture Multipurpose Modern Elementor WordPress Theme

If you are not afraid to stand out, the next architecture Elementor WordPress theme is your nice choice. The overall goal of designers is to make the content of the site attractive and eye-catching. However, a bigger and more important goal is to craft a website that serves its purpose. With Skywer, you cannot go wrong. An extremely easy installation and customization process will prove that there is no need to have any programming skills to successfully build a full-fledged website.

Main features:

  • Elementor 
  • Fully adaptive design
  • SEO-friendly layout
  • Bonus images
  • Valid and clean coding
  • WordPress Live Customizer
  • WPML ready
  • Well documented


Bitunet – Cryptocurrency Elementor WordPress Theme

Bitunet - Cryptocurrency Elementor WordPress Theme

In the world of design, there are no strict rules about what you can and cannot do. Grab this theme with effective dark tones to create a powerful cryptocurrency project. With no time and effort, you will make the content more interesting and the effects more creative. Are you curious about what is inside? The package includes ready-designed classy pages, advanced pre-designed countdown, impressive mega menus, etc.

Main features:

  • Highly functional JetElements add-on
  • Easy installation
  • 100% responsive layout
  • Cross-browser compatible 
  • Easy customizer
  • SEO-friendly layout
  • Retina ready
  • All-around support


Henmox – Construction Multipurpose Modern Elementor WordPress Theme

Henmox - Construction Multipurpose Modern Elementor WordPress Theme

If you are providing any kinds of construction services, I am sure you are looking for a professional presence on the web. Pay attention to the top-notch Henmox theme to promote your business effectively. In design, accentuation plays a huge role, and dark colors can help you do it right. Moreover, the theme features a number of great customization tools to build a fully operational website with just a few clicks. No coding skills are required. 

Main features:

  • 100% responsive design
  • Elementor page composer
  • One-click installation
  • SEO-friendly
  • Valid and clean HTML code
  • Bonus images
  • Outstanding plugins 
  • 24/7 support


Lairom – Hotel Multipurpose Modern Elementor WordPress Theme

Lairom - Hotel Multipurpose Modern Elementor WordPress Theme

Lairom is a hotel WordPress theme with dark and light colors, designed specifically for the tourism-related websites. Its colors help to create a stylish and elegant web resource to attract the target audience. The developers have worked hard on the product to offer you a fully responsive layout and cross-browser compatibility, elegant ready-made pages, bonus images, and outstanding plugins. The accurate documentation is also included to cover the questions you may have. 

Main features:

  • Elementor page builder
  • One-click installation
  • SEO-friendly layout
  • WordPress Live Customizer
  • WPML ready
  • Clean coding
  • Retina ready
  • 24/7 friendly support


Challengers – Soccer and Basketball Club Sports WordPress Theme

Challengers - Soccer and Basketball Club Sports WordPress Theme

Choose Challengers as one of the best dark WordPress themes to promote a soccer and basketball club. Picking up the right color is a little trick, honest manipulation that will help keep the user on your site and direct him to the target actions. Do not hesitate to choose this option to build an attractive and user-friendly website. Among the feature set, you will find useful plugins, mobile-friendly layout, WooCommerce module, etc.

Main features:

  • Live Customizer
  • SportsPress compatibility
  • Players and staff profiles
  • Post layout options
  • One-click demo import
  • Translation ready
  • Slider Revolution compatibility
  • Shortcodes


Goager – Auto Repair ECommerce Modern Elementor WordPress Theme

Goager - Auto Repair ECommerce Modern Elementor WordPress Theme

Dark colors are considered to be business-like, professional, and authoritative. Goager WordPress theme is no exception. Its dark design does not repel, but rather attracts the user’s eyes. Try to combine it with bright photos and see how effective your layout will be. Your website will appreciate a fully responsive design and intuitive navigation. Built-in Drag-n-Drop page composer is equipped with a bulk of well-designed modules for your enjoyable customization. 

Main features:

  • WooCommerce on board
  • One-click installation
  • WPML ready
  • JetElements plugin
  • Free bonus images
  • Valid and clean HTML code
  • Accurate documentation
  • 24/7 support


Ippos – Sport Multipurpose Modern Elementor WordPress Theme

Ippos - Sport Multipurpose Modern Elementor WordPress Theme

Another great dark WordPress theme is Ippos, a beautiful solution for your sports projects. Do not be afraid to play with dark colors in this product to spark the greater interest of visitors, the level of their confidence in the company’s resource, and increased profits. With this theme, you will get tons of high-quality images on different topics. Numerous plugins will give your web resource more functionality and useful features.

Main features:

  • Elementor page builder
  • Mobile-first paradigm at use
  • One-click installation
  • SEO-friendly layout
  • Google fonts integrated
  • Retina ready
  • WPML ready
  • Bonus images


Personalus – Web Designer Multipurpose Creative Elementor WordPress Theme

Personalus - Web Designer Multipurpose Creative Elementor WordPress Theme

Personalus is stylish and effective, fully responsive, and feature-rich. The theme shows a great example of how dark colors can add style and sophistication to a website. Moreover, fonts play a great role in the design, and you should think about them carefully when using a dark website design template. Thanks to a huge number of Google fonts integrated, it is easy to experiment with the fonts. An accurate guide will be included for you to get the most of the theme.

Main features:

  • Stylish pages
  • Responsive design
  • Cross-browser compatible
  • Elementor page builder
  • Free bonus images
  • WordPress Live Customizer
  • Retina ready
  • WPML ready


Melissa – Photography Multipurpose Creative Elementor WordPress Theme

Melissa - Photography Multipurpose Creative Elementor WordPress Theme

The next stylish WordPress theme will be suitable for creating a website for photography and web studios, freelancers, marketers, advertising agencies, designers, etc. It is a well-known fact that a particular color is able to have a certain emotional and psychological impact on a person. Any design elements (colors, fonts, backgrounds, etc.) are customizable within the theme. With the help of Melissa, you will be able to create the necessary atmosphere to keep your visitors on the website.

Main features:

  • Elegant pre-designed pages
  • Drag-n-Drop page builder
  • Bonus images
  • SEO-friendly design
  • Powerful plugins
  • WPML ready
  • Retina ready
  • Well documented


FitSpot – Fitness Studio Elementor WordPress Theme

FitSpot - Fitness Studio Elementor WordPress Theme

Encourage your website visitors to train hard with this impressive dark WordPress theme. The success or failure of the business directly depends on the correctly chosen color and color scheme. With FitSpot, you will definitely take your business to a new level. In addition, JetElements plugin will provide you with all the benefits of effectively creating websites. You will not need to worry about coding kills, since everything is easy and intuitive.

Main features:

  • Elementor page builder
  • Fully responsive design
  • MegaMenu
  • 4 blog layouts
  • Google fonts integrated
  • Cherry plugin layouts
  • SEO-friendly design
  • Valid coding


Fluxor – Crypcocurrency Investment Elementor WordPress Theme

Fluxor - Crypcocurrency Investment Elementor WordPress Theme

Creating a powerful cryptocurrency website is possible with a ready-made functional theme with no specific technical skills required. Fluxor is an excellent example of the pre-designed solution for your effective web resource. Dark tones of blue are associated with reliability, firmness, and experience that can be trusted. Experiment with other design elements with the help of the Drag-n-Drop builder. A live demo is also available to help you get acquainted with the other features.

Main features:

  • 100% responsive design
  • Cross-browser compatible
  • Free bonus images
  • SEO-friendly layout
  • WPML ready
  • Retina ready
  • Clean HTML code
  • Professional 24/7 support


MaestroPizzini – Pizza & Restaurant Menu-Oriented WordPress Theme

MaestroPizzini - Pizza & Restaurant Menu-Oriented WordPress Theme

Enjoy the balance of black and white color tones while building your website for pizzerias or restaurants with MaestroPizzini. Modern, stylish, and feature-rich, this WordPress theme will simplify the process of website building at once. The package includes multiple menu grids and lists, WooCommerce module, and powerful customization options. Professional 24/7 support and detailed online guide are available in case any issues appear.

Main features:

  • Easy installation and setup
  • Retina ready for enabled devices
  • Multiple colors and skins throughout
  • Eye-catching CSS3 animations
  • Multiple headers
  • Unlimited sidebar creation
  • Revolution slider included
  • 30+ custom shortcodes


Photto – Photographer Blog Elementor WordPress Theme

Photto - Photographer Blog Elementor WordPress Theme

Many entrepreneurs prefer a black color for their designs. Why? The answer is simple – this is the color of power, mysticism, respect, and confidence. Promote your photographer blog with the stylish Photto theme. The theme is packed with a responsive and cross-browser compatible layout, Jet family plugins, and tons of customization tools. Moreover, this SEO-friendly WordPress theme will help you to get to the top position in search engines.

Main features:

  • One-click installation
  • Cherry Socialize
  • 7 blog layouts
  • 10 single post layouts
  • Cherry search
  • Bonus images
  • JetBlog
  • Well documented


Review of 5 Best Free Dark WordPress Themes

Worky lite – Architectural Modern Elementor WordPress Theme

Worky lite - Architectural Modern Elementor WordPress Theme

Dark colors are associated with many things. They are conservative and harmonize with other colors. Dark colors are serious, strong, and elegant. If you want to add these emotions to your website, make sure to choose the Worky lite theme. This is one of the best dark WordPress themes for architectural businesses. The theme comes with a number of useful widgets such as Carousel, Google maps, Social icons, and etc. The SEO-friendly layout is also very beneficial in the age of digital technology.

Main features:

·      100% responsive design

·      Elementor page builder 

·      Retina-ready

·      Outstanding plugins

·      Google fonts

·      Valid and clean HTML code

·      Detailed documentation 

·      Professional support 


Car Repair lite WordPress Theme

Car Repair lite WordPress Theme

Are you still looking for free dark WordPress themes for your car service website? You are at the right place. Use a dark color as the main color for your brand and you will not lose. As you may have noticed, dark shades go well with all other colors and shades. You can see that orange color is added to the design in order to reduce the sharpness of black and create a more friendly and personal approach to your site. With dark WordPress themes, your car maintenance store will look elegant and stylish. 

Main features:

·      Fully responsive design

·      Admin panel

·      SEO-friendly

·      Retina-ready

·      WPML-ready

·      Easy installation

·      Visual editor

·      Social options


IronMass lite – Gym Fitness & Bodybuilding WordPress Theme

IronMass lite - Gym Fitness & Bodybuilding WordPress Theme

Choose dark WordPress themes for gym studios to build an elegant online presence for your business. Try adding shades and colors to the black one to match your brand with IronMass lite. No need to worry about the responsiveness of your website – your visitors will be happy to browse the website on any modern device. The theme is easy to use and does not require any specific technical skills. The detailed documentation is included for your convenience. 

Main features:

·      Cross-browser compatible

·      Advanced theme options

·      Commenting system

·      Google fonts

·      Ecwid ready

·      Media library 

·      Sample content

·      Long-term support


GRIMM lite – Game Development Studio WordPress Theme

GRIMM lite - Game Development Studio WordPress Theme

Boost your game business with incredible functionality and efficient UI of Grimm lite. You will never go wrong if you choose dark WordPress themes for your online game studio. Pick up the best layouts to customize them to your business needs and preferences. You will have access to JetElements plugin for free to use it with the Elementor page builder. This will give you the best results and all kinds of content. Free dark WordPress themes are an excellent solution to build a powerful website with a few clicks.

Main features:

·      100% responsive design

·      No coding skills required

·      Easy customization

·      Cherry Framework 5

·      WPML-ready

·      Social options

·      Documentation 

·      Long-term support


Grafique. – Architect Lite Free WordPress Theme

Grafique. - Architect Lite Free WordPress Theme

Simple and sophisticated, Grafique is crafted to impress your online visitors. Dark colors of the theme will set the right tone, convey the necessary emotions, and stimulate action. With the help of numerous plugins and widgets, you can easily extend your website’s functionality. Grafique as a perfect example of dark WordPress themes will take your online business to the new level. Though it is very simple to install and use, you can always rely on detailed documentation and long-term professional support.

Main features:

·      Intuitive navigation

·      Fast load speed

·      Social options

·      Clean and valid coding

·      SEO-friendly

·      Cross-browser compatible

·      Visual editor

·      Retina-ready


WordPress-Plugins

Conclusion

Dark colors and their shades are neutral colors but very strong ones, associated with elegance, restraint, and power. Combined with other colors, dark tones are able to cause different emotions or emphasize the associations. Note that excessive use of black can be associated with evil and nervousness and repel your potential clients. The moderate use of black for design, especially with individual blocks and elements of the site, creates a sense of sophistication and conciseness. Hopefully, you have enjoyed this list of 25 dark WordPress themes for any business niche. Add minimalism, elegance, and style to your web project.


Dark website themes FAQ

🎩 What is a dark WordPress template?

It is a WordPress (or other CMS) template that has a dark background color or picture.

☯ Why dark WordPress themes are used not so frequently as the light ones?

Light (white especially) website themes are more versatile. They look perfect on all screens and are rather popular now. A dark background will fit concrete niches, so it is used more rarely.

❓ When is it OK to use a dark WordPress theme?

The dark tone is more powerful and if you also use bright color accents – it will also be more dynamic and full of energy. If you want to highlight such features – you need a dark website theme.


Read Also

Best WordPress Photo Gallery Themes

Best WordPress Themes For Artists

100 Best Free & Premium WordPress Blog Themes

Make Your WordPress Theme Look Like a Demo Preview


Don’t miss out these all-time favourites

  1. The best hosting for a WordPress website. Tap our link to get the best price on the market with 30% off. If Bluehost didn’t impress you check out other alternatives.
  2. Website Installation service – to get your template up and running within just 6 hours without hassle. No minute is wasted and the work is going.
  3. ONE Membership – to download unlimited number of WordPress themes, plugins, ppt and other products within one license. Since bigger is always better.
  4. Ready-to-Use Website service is the ultimate solution that includes full template installation & configuration, content integration, implementation of must-have plugins, security features and Extended on-page SEO optimization. A team of developers will do all the work for you.
  5. Must-Have WordPress Plugins – to get the most essential plugins for your website in one bundle. All plugins will be installed, activated and checked for proper functioning. 
  6. Finest Stock Images for Websites – to create amazing visuals. You’ll get access to Depositphotos.com to choose 15 images with unlimited topic and size selection.
  7. SSL Certificate Creation service – to get the absolute trust of your website visitors. Comodo Certificate is the most reliable https protocol that ensures users data safety against cyber attacks. 
  8. Website speed optimization service – to increase UX of your site and get a better Google PageSpeed score.

5 Best WordPress Caching Plugins to Speed up Your Website │Elementor

5 Best WordPress Caching Plugins to Speed up Your Website │Elementor

A a caching plugin ensures that the content on your webpage does not affect your speed and that you can continue adding information to provide your users with the best content. 

There are a lot of different websites available, of various sizes, with different content and information. 

Some, like blog and magazine websites, rely on text, images, and videos. These elements make the web page exceedingly heavier and which will result in it taking longer to load. 

Image heavy websites (like a photographer’s website, for example), will also take longer to load because of the sheer amount of information. 

So is the case with ecommerce websites, where there’s a lot of static, but also dynamic content (shopping items), which make the website heavier, so why not reduce the loading speeds of all the static bloat and make sure that your users have a better experience? 

Note: dynamic content can also be cached by using a CDN cache instead of the original, probably distant server, thus reducing the time it takes to load. 

Caching, therefore, increases the loading speed of websites and according to Google, “no matter what, faster is better and less is more”.

Note: Using caching plugins is not the only method to increase your websites speed, and should be done in concurrence with other methods which are listed in these great articles: How to Speed up Your WordPress Website — Part 1 and How to Speed up Your WordPress Website — Part 2

Now that we’ve established that you need caching plugins for better loading speed, let’s understand why you need better loading speed times.

How to Add Web Push Notification to Your WordPress Site

Adding web push notifications to a WordPress website

Do you want to add push notifications to your WordPress site?

Push notifications let you send messages to users even when they are not visiting your website. This helps you bring back users to your website, increase traffic, and make more money.

In this article, we will show you how to easily add web push notifications to your WordPress site.

What are Push Notifications?

Push notifications are short, clickable notification messages that appear as a popup on users’ desktop or mobile devices.

They appear on top of the desktop or in the notification area on their mobile device. The best thing is that they can be shown even when the user’s browser is not open.

Here’s an example of a push notification in Windows 10:

The welcome / thank you notification message, as seen by the user

Push notifications let you reach users across devices with your latest updates and offers. Web push notifications are a very effective way to convert website visitors into loyal followers and customers.

Why Add Web Push Notifications to Your WordPress Site?

Did you know that 70% of people who leave your website will never come back? This is why you need to convert those website users into subscribers or customers.

You can do this by using multiple channels at once. This includes email marketing, social media, mobile or SMS marketing, and web push notifications.

Email lists are still the most powerful marketing tool available. However, we are finding that push notifications are also very effective.

On WPBeginner site, push notifications are consistently the top 5 traffic source.

The following are just some of the reasons that make push notifications a great marketing tool:

  • Users need to give their explicit permission to receive push notifications. This means they are already interested in what you have to offer and are more likely to engage with notifications.
  • Push notifications are shorter and demand less attention than email or social media updates.
  • There is no algorithm like on social media to limit your reach. Nearly 100% of messages are delivered.
  • Users can control how their devices display notifications. They can snooze them or turn them off entirely.
  • Not as many companies are using push notifications.

Popular sites including Facebook, Pinterest, LinkedIn, and many others understand the importance. They are already using web push notifications.

According to a survey, push notifications have a 50% higher open rate than email and twice as much click-rate. They are more engaging than SMS, email marketing, and social media platforms.

Having said that, let’s take a look at how to easily add web push notifications to a WordPress site.

Setting up Web Push Notifications in WordPress with PushEngage

PushEngage is the best push notification service on the market. It allows you to easily add push notifications to your WordPress site.

We’re in the process to switching to PushEngage for WPBeginner, so we can leverage their powerful automatic user segmentation features to further boost our engagement.

Creating Your PushEngage Account

First, you need to go to the PushEngage website and click the Get Started For Free button:

Click the Get Started button to create your PushEngage account

The free plan covers you for up to 2,500 subscribers and 120 notification campaigns each month. You’ll need to upgrade as you get more subscribers and need to send more campaigns.

Enter your account details or use your Google Account to sign up for PushEngage

Upon sign up, you will reach the PushEngage dashboard. If you signed up using your Google account, PushEngage will prompt you to enter your website details:

Updating your site name and URL after creating your PushEngage account

You should now see the Settings » Site Settings » Installation Settings page in your PushEngage dashboard.

Here, you need to upload an image to use in your push notifications. Go ahead and click the ‘Change’ button below the empty image box.

Adding your logo image to PushEngage

Your image needs to be in PNG or JPG file format and the recommended size is 256x256px. This image will display in your push notifications.

You’ve now completed the key information for your PushEngage account.

Connecting Your WordPress Site with PushEngage

The next step is to connect your website to PushEngage.

To do this, you need to install and activate the PushEngage WordPress plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon installation, you also need to download the JavaScript file for PushEngage if your site uses HTTPS. You need to unzip this and upload it to your website’s root folder.

To dowlnoad the file, go to Settings » Site Settings » Installation Settings in your PushEngage account.

Under ‘Choose Website Type and Add Script’, you need to click the WordPress tab. Then, go ahead and click the ‘Download Package File’ button:

Downloading the package file for WordPress

Next, unzip the file on your computer. Simply right-click on it and then select the Extract option:

Extracting the JavaScript file from your downloaded zip file

You should then see the file service-worker.js:

The extracted service-worker.js file shown in a folder on the computer

Now, you need to upload that file to your website’s root folder in your WordPress hosting account. The root folder is the one where all the other folders and files are stored for your site. Normally, it’s the same folder where you’ll see /wp-content/ folder.

Simply connect to your website via FTP and upload the file. For help with this, check out our beginner-friendly guide on using FTP to upload files.

Tip: Not sure if you have the root folder? Look for an index.php file. If you see that, you’re in the right folder.

Uploading the service worker file via FTP

Now that you’ve uploaded the file, you can continue connecting WordPress to PushEngage.

The next step is to get your API key. Simply go to Settings » Site Settings » API Keys in your PushEngage dashboard. Then, go ahead and click the ‘Generate a New API Key’ button:

Generating a new API key to use with PushEngage

You should then see your API key.

Your API key shown in the PushEngage dashboard

In a new tab, go to the PushEngage page in your WordPress admin. Then, click the ‘Setup’ tab. You will see a box for your API key.

Simply enter your API key here, then click the Submit button.

Entering the API key into the PushEngage plugin's Setup page in WordPress

Setting Up Your Push Notification Messages

Now, you will see your PushEngage settings. Check that you’re happy with the General Settings. You can change your account details here or on the PushEngage website:

Viewing your PushEngage dashboard in WordPress

Next, it’s time to set up the message that people will see when they arrive on your website. Just click on the ‘Subscription Dialogbox’ tab to view and change the settings.

Changing the text in your subscription dialogbox

You will see your logo in the message, plus the default text. You can change this to your own message. Don’t forget to click the ‘Update Optin Settings’ button to save your changes.

Make sure you click the update button to save your changes to the subscription dialogbox

Below this, you can change the message that’s shown on the intermediate page. This is the page that appears after the user first clicks Allow.

Note: You can’t change what’s shown in the browser’s own popup box. This will always have the ‘Show notifications’ text plus Allow and Block buttons.

Just type in the text you want to use. Don’t forget to click the ‘Update Page Settings’ button.

Changing the intermediate page text in the PushEngage dashboard

You may want to create a welcome notification to thank people for subscribing. This also lets you easily test that your notifications are working.

Just click on the ‘Welcome Notification Settings’ tab to set it up. Here, you need to type in the title and message for the welcome notification. You can use your homepage as the URL, or you could send users to a specific page.

Make sure you check the ‘Send Welcome Notifications to Subscribers’ box to activate welcome notifications. You also need to click the Update button to save your changes.

Setting up your welcome notification in PushEngage

Testing the Push Notifications on Your Website

Once you’ve set up push notifications, it’s best practice to check that they’re working as you expected.

To test your push notifications, open your website on your computer or phone.

You should immediately see the subscription dialog box that you set up. Here’s ours on a desktop computer:

The subscription dialogbox live on the website

And here’s our subscription dialogbox on a mobile device:

The subscription dialogbox on a mobile

Go ahead and click the ‘Allow’ button. You should then see the intermediate page in a popup window. Here’s how it looks on a computer:

The live view of the intermediate page set up with PushEngage

You need to click ‘Allow’ here too. Now, you’ve successfully subscribed to push notifications from your site.

Your welcome notification should appear on your screen within a few minutes. Here’s ours, showing the welcome message we created earlier:

The welcome / thank you notification message, as seen by the user

What if a user chooses not to enable notifications but later wants to subscribe? This is automatically enabled with PushEngage. The user will see a bell widget in the bottom right corner of your website:

The bell notification widget at the bottom of the demo website

They can simply click on this to subscribe to your website. To change the bell notification widget, simply go to Settings » Subscription Settings » Opt-in Management in your PushEngage account.

You can change the color, position, and label of the widget:

Customizing the bell notification widget in PushEngage

You can even swap the bell for a button that appears along the side of the website like this:

A button notification widget shown on the demo website

Sending Push Notifications to Your Subscribers

By default, PushEngage will send out a notification for each new post. These notifications will include the post title and a small version of the featured image. When a user clicks the notification, they’ll be taken straight to your blog post:

An automatic new post notification, as seen by the user

If you don’t want automatic notifications, then you can turn them off by visiting PushEngage » General Settings in your WordPress dashboard.

Simply scroll down to the ‘WordPress Post Settings’ section and uncheck the ‘Auto Push’ box. Don’t forget to click on the ‘Save WordPress Settings’ button.

Turning off the automatic post notifications in the WordPress PushEngage dashboard

You can create custom notifications at any time in PushEngage. Just log into your account on the PushEngage website then go to Notifications » Create » New Notification.

This screen gives you the option to set the title, message, URL, image, and more. You can schedule notifications to go out at a later time or you can send them immediately.

Tip: If you’re pre-scheduling notifications, make sure your time zone is correct. It’s easy to check or change this under Settings » Site Settings » Site Preferences in your account on the PushEngage website.

We’ve created a special notification for our blog post with a custom title and message.

Creating a new notification in your PushEngage account

Other PushEngage Features to Use for Your Website

PushEngage offers a wide range of other features, even on the free plan.

For instance, you can set up an overlay. This appears on top of your website content and shows the user where to click to allow notifications. Here’s an overlay in action on the PushEngage website:

An example of a PushEngage overlay

You can set up an overlay in your account on the PushEngage website. Simply go to Settings » Subscription Settings » Opt-in Management and scroll down to the ‘Subscription Overlay’ section.

Then, check the ‘Enable Subscription Overlay’ button. You can use the default overlay label or type in a different one:

The subscription overlay settings in PushEngage

Due to the way the Safari browser works, you need to go through some extra steps if you want Safari users to be able to subscribe to your push notifications. To enable web push notifications for Safari, you need an Apple developer account ($99/year). You can then create a unique Push ID for your website.

Once you have your Push ID and you’ve created a certificate, you then need to add these under Settings » Subscription Settings » Safari Web Push:

Setting up web push notifications in Safari

Other Good WordPress Push Notification Plugins

It is important to choose the right web push notification service from the start. Many providers try to lock you into their platform. That means changing your push notification service can mean losing your subscribers. So if you switch, you will be starting again from scratch.

This is why we suggest asking the provider you choose for all settings you need to configure to make your subscriber list portable.

We recommend PushEngage because it has a generous free plan plus lots of powerful paid features. With PushEngage’s paid plans, you can:

  • Set up a drip autoresponder, such as for a welcome campaign
  • Send notifications when a user has abandoned their cart
  • Trigger campaigns based on users’ actions
  • Allow users to add product alerts for when a product goes on sale or is back in stock
  • … and more

WordPress is all about choices. Here are some other WordPress push notification plugins that you may want to try:

  • PushCrew – Connects your website to PushCrew’s push notification service. They offer a free plan limited to 2000 subscribers.
  • PushAlert – Web Push Notifications – Helps you connect to PushAlert web push notification service. They also offer a free plan limited to 3000 subscribers.
  • PushAssist – Connector plugin for the PushAssist web push notification service. Their free plan is limited to 2000 subscribers.
  • OneSignal – Has a limited free plan that includes basic web push notification features. Their upsell tactics are very aggressive and support isn’t helpful. This is why we’re switching away from OneSignal in the coming weeks.

We hope this article helped you learn how to add web push notifications to your WordPress site. You may also want to see our guide to the best email marketing services, and how to get a free business email address for your website.

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

The post How to Add Web Push Notification to Your WordPress Site appeared first on WPBeginner.

How to Fix the Facebook and Instagram oEmbed Issue in WordPress

Fix Facebook and Instagram oEmbed Issue in WordPress

If you have ever embedded Facebook or Instagram content in WordPress using the default oEmbed or Embed blocks feature, then you need to implement this fix immediately.

Starting October 24th, you will no longer be able to automatically embed Facebook and Instagram content in WordPress using the default methods due to a breaking change in the Facebook API.

But don’t worry, in this article, we will show you how to fix the Facebook and Instagram embed issue in WordPress, so your content embeds keep working, and you never lose any features.

Why will the Facebook & Instagram Embeds Stop Working?

That’s because Facebook recently announced that all oEmbed requests for Facebook and Instagram content will be deprecated on October 24th, 2020.

This API is fundamental to both Gutenberg and the WordPress Classic editor’s default embed feature that lets you easily embed videos, pictures, updates, and other content from Facebook and Instagram.

Instead, Facebook now requires each developer to register an app, and use a client token when getting data from their Graph API for oEmbed content.

This is not scalable for WordPress core team to implement in the WordPress project, so a decision has been made to remove Facebook and Instagram embed feature from WordPress core in favor of letting WordPress plugins solve the issue for users (core ticket #50861).

So basically if you have any Facebook embeds in your WordPress content, then they will break and look like this after October 24th:

Facebook oEmbed Before and After

If you have any Instagram embeds in your WordPress content, they will break and look like this after October 24th:

Instagram oEmbed Before and After API Change

How to Fix the Facebook & Instagram oEmbed Issue (Restore Default Features)

The easiest and most beginner friendly way to fix the oEmbed issue is to use the Smash Balloon free Instagram Feed plugin, and custom Facebook Feed plugin. For more details, see our step by step guide on how to install a WordPress plugin.

These plugins are developed by our team at Awesome Motive, and they’re used by over 1.2 million users.

When we heard about this upcoming breaking change, we realized that we were in the best position to solve the problem for our users and the larger WordPress community.

Since Smash Balloon has to register an API key to create custom feeds for both Facebook and Instagram, we didn’t need any additional authentication to restore this functionality.

If you’re already using our Smash Balloon feed plugin, then you simply need to upgrade to the latest version, and the default oEmbed features will continue to work without any issues.

If you run into any troubles, or if you’re a new user who wants to restore the oEmbed functionality, then simply go to the oEmbed navigation menu under Smash Ballon’s Facebook / Instagram feed plugin, and then click on the Connect button.

SmashBalloon New oEmbed Features

The best part about using the Smash Balloon plugins is that you will NOT need to go through a complicated process of creating your own app.

We made the process easy for beginners, and as a bonus, you’ll now have all the powerful custom feed features of the Smash Ballon Instagram and Facebook feed plugins.

Alternate Method: Restore Default Facebook / Instagram oEmbed Features

If you’re a developer and would prefer to go through the complex process of registering a Facebook app for each client site to restore this functionality, then you can use the oEmbed Plus plugin.

It’s a new plugin created by one of the volunteer developers to restore the default oEmbed for Facebook and Instagram.

Act Fast and Spread the Word

There are only 12 days left before the Facebook and Instagram embeds in WordPress will stop working.

If you have ever embedded content from Facebook or Instagram on your site using the default embed features, then you need to act fast.

We strongly recommend that you install and activate the Smash Balloon free Instagram Feed plugin, and custom Facebook Feed plugin.

If you’re new in your WordPress journey and just started a blog, then we also recommend that you install the above plugins, so you have access to the easy embed blocks for Facebook and Instagram.

Last but not least, we need your help in spreading the word, so more people can fix this issue on their website before things start breaking. Please share this article in your network and help us spread the word.

We hope this article helped you learn how to fix the Facebook and Instagram oEmbed issue in WordPress. You may also want to see our expert pick of the must have WordPress plugins, and our guide on how to get a virtual business phone number app for your website.

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

The post How to Fix the Facebook and Instagram oEmbed Issue in WordPress appeared first on WPBeginner.

How to Configure Contact Form 7 for Your WordPress Site

Learn how to configure the Contact Form 7 plugin for your WordPress site.

In 2020, staying in touch with your audience is very important. Establishing an email list with a service like MailChimp helps you deliver content straight to your subscribers.

Email lists are great, but what if a reader or potential customer wants to get in contact with you directly? That’s where contact forms come in! In this article, we’ll cover how to configure the popular Contact Form 7 plugin for your WordPress site.

How to Create Custom Taxonomies in WordPress

How to create custom taxonomies in WordPress

Do you want to create custom taxonomies in WordPress?

By default, WordPress allows you to organize your content with categories and tags. But with custom taxonomies, you can further customize the way you sort your content.

In this article, we’ll show you how to easily create custom taxonomies in WordPress with or without using a plugin.

While creating custom taxonomies is powerful, there’s a lot to cover. To help you set this up properly, we have created an easy table of content below:

  • What is a WordPress Taxonomy?
  • How to Create Custom Taxonomies in WordPress
  • Creating Custom Taxonomies With A Plugin (The Easy Way)
  • Creating Custom Taxonomies Manually (with code)
  • Displaying Custom Taxonomies
  • Adding Taxonomies For Custom Posts
  • Adding Custom Taxonomies to Navigation Menu
  • Take WordPress Taxonomies Further

What is a WordPress Taxonomy?

A WordPress taxonomy is a way to organize groups of posts and custom post types. The word taxonomy comes from the biological classification method called Linnaean taxonomy.

By default, WordPress comes with two taxonomies called categories and tags. You can use them to organize your blog posts.

However, if you are using a custom post type, then categories and tags may not look suitable for all content types.

For instance, you can create a custom post type called ‘Books’ and sort it using a custom taxonomy called ‘topics’.

You can add topic terms like Adventure, Romance, Horror, and other book topics you want. This would allow you, and your readers to easily sort books by each topic.

Taxonomies can also be hierarchical, meaning that you can have main topics like Fiction and Nonfiction. Then you’d have subtopics under each category.

For example, Fiction would have Adventure, Romance, and Horror as sub-topics.

Now that you know what a custom taxonomy is, let’s learn how to create custom taxonomies in WordPress.

How to Create Custom Taxonomies in WordPress

We will use two methods to create custom taxonomies. First, we’ll use a plugin to create custom taxonomies.

For the second method, we’ll show you the code method, and how to use it to create your custom taxonomies without using a plugin.

Create Custom Taxonomies In WordPress (Video Tutorial)

If you prefer written instructions, then continue reading.

Creating Custom Taxonomies With A Plugin (The Easy Way)

First thing you need to do is install and activate the Custom Post Type UI plugin. For details, see our guide on how to install a WordPress plugin.

In this tutorial, we’ve already created a custom post type and called it ‘Books.’ So make sure you have a custom post type created before you begin creating your taxonomies.

Next, go to CPT UI » Add/Edit Taxonomies menu item in the WordPress admin area to create your first taxonomy.

Creatig custom taxonomy using plugin

On this screen, you will need to do the following:

  • Create your taxonomy slug (this will go in your URL)
  • Create the plural label
  • Create the singular label
  • Auto-populate labels

Your first step is to create a slug for the taxonomy. This slug is used in the URL and in WordPress search queries.

This can only contain letters and numbers, and it will automatically be converted to lowercase letters.

Next, you will fill in the plural and singular names for your custom taxonomy.

From there, you have the option to click on the link ‘Populate additional labels based on chosen labels’. If you do this, then the plugin will auto-fill in the rest of the label fields for you.

Now, scroll down to the ‘Additional Labels’ section. In this area, you can provide a description of your post type.

Labeling your WordPress taxonomy

These labels are used in your WordPress dashboard when you’re editing and managing content for that particular custom taxonomy.

Next up, we have the settings option. In this area, you can set up different attributes for each taxonomy you create. Each option has a description detailing what it does.

Create custom taxonomy hierarchy

In the screenshot above, you’ll see we chose to make this taxonomy hierarchical. This means our taxonomy ‘Subjects’ can have sub-topics. For instance, a subject called Fiction can have sub-topics like Fantasy, Thriller, Mystery, and more.

There are many other settings further down your screen in your WordPress dashboard, but you can leave them as-is for this tutorial.

You can now click on the ‘Add Taxonomy’ button at the bottom to save your custom taxonomy.

After that, go ahead and edit the post type associated with this taxonomy in the WordPress content editor to start using it.

Using taxonomy in post editor

Creating Custom Taxonomies Manually (with code)

This method requires you to add code to your WordPress website. If you have not done it before, then we recommend reading our guide on how to easily add code snippets in WordPress.

1. Creating a Hierarchical Taxonomy

Let’s start with a hierarchical taxonomy that works like categories and can have parent and child terms.

Add the following code in your theme’s functions.php file or in a site-specific plugin (recommended) to create a hierarchical custom taxonomy like categories:

//hook into the init action and call create_book_taxonomies when it fires

add_action( 'init', 'create_subjects_hierarchical_taxonomy', 0 );

//create a custom taxonomy name it subjects for your posts

function create_subjects_hierarchical_taxonomy() {

// Add new taxonomy, make it hierarchical like categories
//first do the translations part for GUI

  $labels = array(
    'name' => _x( 'Subjects', 'taxonomy general name' ),
    'singular_name' => _x( 'Subject', 'taxonomy singular name' ),
    'search_items' =>  __( 'Search Subjects' ),
    'all_items' => __( 'All Subjects' ),
    'parent_item' => __( 'Parent Subject' ),
    'parent_item_colon' => __( 'Parent Subject:' ),
    'edit_item' => __( 'Edit Subject' ), 
    'update_item' => __( 'Update Subject' ),
    'add_new_item' => __( 'Add New Subject' ),
    'new_item_name' => __( 'New Subject Name' ),
    'menu_name' => __( 'Subjects' ),
  ); 	

// Now register the taxonomy
  register_taxonomy('subjects',array('books'), array(
    'hierarchical' => true,
    'labels' => $labels,
    'show_ui' => true,
    'show_in_rest' => true,
    'show_admin_column' => true,
    'query_var' => true,
    'rewrite' => array( 'slug' => 'subject' ),
  ));

}

Don’t forget to replace the taxonomy name and labels with your own taxonomy labels. You will also notice that this taxonomy is associated with the Books post type, you’ll need to change that to whatever post type you want to use it with.

2. Creating a Non-hierarchical Taxonomy

To create a non-hierarchical custom taxonomy like Tags, add this code in your theme’s functions.php or in a site-specific plugin:

//hook into the init action and call create_topics_nonhierarchical_taxonomy when it fires

add_action( 'init', 'create_topics_nonhierarchical_taxonomy', 0 );

function create_topics_nonhierarchical_taxonomy() {

// Labels part for the GUI

  $labels = array(
    'name' => _x( 'Topics', 'taxonomy general name' ),
    'singular_name' => _x( 'Topic', 'taxonomy singular name' ),
    'search_items' =>  __( 'Search Topics' ),
    'popular_items' => __( 'Popular Topics' ),
    'all_items' => __( 'All Topics' ),
    'parent_item' => null,
    'parent_item_colon' => null,
    'edit_item' => __( 'Edit Topic' ), 
    'update_item' => __( 'Update Topic' ),
    'add_new_item' => __( 'Add New Topic' ),
    'new_item_name' => __( 'New Topic Name' ),
    'separate_items_with_commas' => __( 'Separate topics with commas' ),
    'add_or_remove_items' => __( 'Add or remove topics' ),
    'choose_from_most_used' => __( 'Choose from the most used topics' ),
    'menu_name' => __( 'Topics' ),
  ); 

// Now register the non-hierarchical taxonomy like tag

  register_taxonomy('topics','books',array(
    'hierarchical' => false,
    'labels' => $labels,
    'show_ui' => true,
    'show_in_rest' => true,
    'show_admin_column' => true,
    'update_count_callback' => '_update_post_term_count',
    'query_var' => true,
    'rewrite' => array( 'slug' => 'topic' ),
  ));
}

Notice the difference between the 2 codes. Value for hierarchical argument is true for category-like taxonomy and false for tags-like taxonomies.

Also, in the labels array for non-hierarchical tags-like taxonomy, we have added null for parent_item and parent_item_colon arguments which means that nothing will be shown in the UI to create parent item.

Taxonomies in post editor

Displaying Custom Taxonomies

Now that we have created custom taxonomies and have added a few terms, your WordPress theme will still not display them.

In order to display them, you’ll need to add some code to your WordPress theme or child theme.

This code will need to be added in templates files where you want to display the terms.

Usually, it is single.php, content.php, or one of the files inside the template-parts folder in your WordPress theme. To figure out which file you need to edit, see our guide to WordPress template hierarchy for details.

You will need to add the following code where you want to display the terms.

<?php the_terms( $post->ID, 'topics', 'Topics: ', ', ', ' ' ); ?>

You can add it in other files as well such as archive.php, index.php, and anywhere else you want to display the taxonomy.

Custom Taxonomy Displayed

By default your custom taxonomies use the archive.php template to display posts. However, you can create a custom archive display for them by creating taxonomy-{taxonomy-slug}.php.

Adding Taxonomies For Custom Posts

Now that you know how to create custom taxonomies, let’s put them to use with an example.

We’re going to create a taxonomy and call it Non-fiction.

Since we have a custom post type named ‘Books,’ it’s similar to how you’d create a regular blog post.

In your WordPress dashboard, go to Books » Subjects to add a term or subject.

Adding a term for your newly created custom taxonomy

On this screen, you’ll see 4 areas:

  • Name
  • Slug
  • Parent
  • Description

In the name, you’ll write out the term you want to add. You can skip the slug part and provide a description for this particular term (optional).

Lastly, click the ‘Add New Subject’ button to create your new taxonomy.

Your newly added term will now appear in the right column.

Term added

Now you have a new term that you can use in your blog posts.

You can also add terms directly while editing or writing content under that particular post type.

Simply go to the Books » Add new page to create a post. On the post edit screen, you’ll find the option to select or create new terms from the right column.

Adding new terms or select from existing terms

After adding terms, you can go ahead and publish that content.

All your posts filed under that term will be accessible on your website on their own URL. For instance, posts filed under Fiction subject would appear at the following URL:

https://example.com/subject/fiction/

Taxonomy template preview

Now that you have created custom taxonomies, you may want to display in your website’s navigation menu.

Go to Appearance » Menus and select the terms you want to add under your custom taxonomy tab.

Adding terms to navigation menu

Don’t forget to click on the Save Menu button to save your settings.

You can now visit your website to see your menu in action.

Adding custom taxonomy in navigation menu

For more detailed, see our step by step guide on how to create a dropdown menu in WordPress.

Take WordPress Taxonomies Further

There are a ton of things you can do with custom taxonomies. For instance, you can show them in a sidebar widget or add image icons for each term.

You can also add enable RSS feed for custom taxonomies in WordPress and allow users to subscribe individual terms.

If you want to customize the layout of your custom taxonomy pages, then you can check out Beaver Themer or Divi. They’re both drag and drop WordPress page builder that allows you to create custom layouts without any coding.

We hope this article helped you learn how to create custom taxonomies in WordPress. You may also want to see our guide on how WordPress works behind the scenes, and how to create a custom WordPress theme without writing any code.

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 Create Custom Taxonomies in WordPress appeared first on WPBeginner.

Best Membership WordPress Themes 2020

Best Membership WordPress Themes 2020

Membership websites are one of the best forms of online businesses but they are hard to build by yourself. But these membership WordPress themes will make your life much easier.

Nowadays, a professional-looking web presence is indispensable for businesses to succeed in the marketplace. With everyone getting in on the action, the marketplace has become global. So, designers have developed a lot of impressive themes with fancy features to help websites become competitive in the market. Among these competitive websites are membership pages. This competition has upped the stakes and has birthed a new generation of web themes with built-in intelligent design and compatibility. Below is the latest collection of membership WordPress themes for membership websites.

Membership websites are a good business concept—users can upgrade to premium and get access to restricted content by paying a membership fee. These websites manage subscriptions using membership WordPress plugins as we discuss here.

With the right membership WordPress themes, you will have flexible control over your restricted pages in terms of membership level, reports, affiliates, and discounts. You can also set up unlimited membership levels and provide access to whatever content you choose. Paid Memberships Pro, in particular, is flexible enough to suit the needs of most businesses. It is simple to customize to fit your needs.

Here are six of the best WordPress themes for membership sites:

Divi

Divi is an outstanding multi-purpose WordPress theme which you can use for an assortment of different projects and businesses. Even when it comes to building a membership style website, utilize Divi as a striking membership WordPress theme and see the magic happen. With the easy to use page builder, Divi allows anyone to create the exact website they want. No need to stick to any of the default features, with Divi, you can effortlessly do your thing and appear online professionally from the start. And there is no need to be a coder or a designer to succeed with your website when employing Divi.

For your convenience, Divi practices all the latest trends and regulations that a modern website should follow. It is also 100% mobile- and retina-ready, optimized for search engines and in tune with all popular web browsers. Get your word out with Divi.

More info / Download

Real

real - paid membership magazine style theme

Real is responsive, elegant, and laden with useful features. It has space for a standard blog, feature posts, and an advertising area where you can place widgets, adverts, social media, or other elements. You can jazz your pages up with two possible header layouts and various fonts and icons to choose from. More importantly, with a paid membership area, you can create exclusive premium content for subscribers.

Real is ready for anything—translation, mobile devices, search engines, and widgets. Its look is minimalistic and pleasing to the eye. Its easy-to-use page builder lets you drag and drop content and customize the pages to suit the style of your content and images. You can post texts, videos, audios, and images on your blog, giving a multimedia experience. You can also file your posts under recent, featured, archived, and premium content or display them proudly on the home page.

If you need any help, Real’s support team can assist you in making the most of this inspiring theme.

More info / Download

Thrive – Membership WordPress theme

Social membership WordPress theme

Thrive is a modern WordPress intranet or community website theme. Its look is vibrant, fresh, light, and inviting. In terms of performance, it is dynamic and interactive, safe and secure, user-friendly, navigable, and technologically resourceful. It allows webmasters of any background or skill level to create their own professional-quality websites easily and quickly.

Thrive is a theme for bringing people together online. To that end, it has social-friendly features, including a powerful self-hosted intranet and extranet solution. Membership-based communities can manage their user accounts and front-end and back-end necessities using powerful admin options and attractive end-user controls and interfaces. Thrive also has bbPress and includes such power plugins as BuddyDrive, BuddyDocs, rtMedia, Gears, Revolution Slider, Visual Composer, Visual Form Builder, Project Management, and WP Polls. Obviously, Thrive is a real value package!

More info / Download

Woffice

woffice-membership-wordpress-theme

Woffice is a WordPress intranet and extranet business theme. It is reliable, robust, cleverly coded, efficient, and lightweight. It is also flexible and easily customizable, business-friendly, technologically advanced, and mobile friendly.

As a professional-quality website building toolkit, Woffice boasts an impressively flexible suite of polished templates, plugins, shortcodes, and demo websites. With these shortcodes and templates, you can create and manage powerful directory websites. Use AJAX filtering and sorting technologies and features for a sophisticated front-end listing submission interface that lets your visitors add their own content. In brief, Woffice is highly intuitive and wonderfully streamlined, making short work of the website building process every step of the way.

More info / Download

Kallyas

kallyas membership wordpress theme
Whatever type of membership business you are running or plan on launching, the first thing you would want to do is to check Kallyas’ live preview. What you will soon find out is that the theme has an exclusive demo available for membership websites. It is neat, elegant and rocks a very straightforward web design. In the modern era, we live, you do not have to build anything from scratch anymore. Just go with powerful tools like Kallyas and you win big times.

In this case, let Kallyas help you sort out an enticing online presence for your well-liked business. With the ready-to-use single page demo kit, Kallyas offers you all that you need to shine on the internet. From the amazing finishing touches to great optimization and even better performance, Kallyas is the membership WordPress theme to consider. There are also other features like parallax effect, testimonials slider and animated statistics which make your overall website experience of the finest quality.

More info / Download

Ink

ink - photography centrin membership website

Ink is a WordPress blog theme for people who like to share stories. Developers based this excellent theme on the latest narrative trend. It emphasizes telling stories in style and with a beautiful image or two. Among its advantages are its attention to detail and its usability for a diverse range of blogging websites. Besides, Ink is so easy to use that it does not come with an options panel. Instead, it uses a built-in live theme customizer, which gives you all the settings and options you need.

You can choose what content to restrict and how to spark people’s interest so that they subscribe to your membership plan. Four grid layout options, moreover, give you the chance to customize your pages and your background cover image. In addition, Ink is Retina-ready, SEO-friendly, and responsive on all devices. It also has a pristine, minimalistic design with a refined typography and a vast range of colors. It is therefore easy to add shortcodes or widgets.

With this product, you can get support, updates, and a detailed documentation. The preview will show you how awesome it can be.

More info / Download

Listinger

listinger membership wordpress theme
Listinger is a directory and listings WordPress theme which can easily become a membership website. After all, who does not like to be the first in line to learn all about new listings and special deals? Regardless of the directory/listing website you would like to put together, Listinger is ready to sort out all your ideas. Listinger comes with two clean and professional homepage demos, as well as with Elementor page builder. The latter allows you to make corrections without coding. It helps you unlock your creativity even if you are building your very first such page.

Along with pre-defined index pages, Listinger also sports all the necessary internal sections, modern dashboard, custom widgets and different payment gateways. Additionally, you will also discover a custom-made login and registration pop-up. Start your own hub, a resource for all sorts of interesting content with Listinger and grow a community of trustworthy members.

More info / Download

Vayvo

vayvo membership wordpress theme
Vayvo is a striking media streaming and membership WordPress theme with a marvelous layout. Needless to say, Vayvo follows all the current trends and regulations in web development. It ensures a smooth operation of your website both on mobile devices and popular web browsers. The loading speed is also fast, for an experience like none out there. With Vayvo, you will have a positive and lasting impact on all your visitors and potential users.

Some of the core features of Vayvo are free trials, membership plans, content restriction, premium slider and full support for all languages. With the drag and drop method, you can quickly alter the default look of Vayvo and make it yours. Every Vayvo user also gets access to a friendly support team which will help you on your way to success.

More info / Download

Edumina

edumina membership wordpress theme
Edumina is a special membership WordPress theme for education and LMS platforms. In the package, Edumina includes ten wonderful demos with several other internal pages for you to mix and match accordingly. Edumina also contains WPBakery page builder for the smooth page building process. No matter how complicated creating an online education page may sound to you right now, have in mind that there is no prior experience necessary. With Edumina, you will succeed at it regardless of your skill level, even if it is at zero.

By getting your hands on Edumina, you treat yourself to oh so many practical features. From over thirty custom add-on plugins and different header and footer styles to LearnPress, MailChimp, WP Events Manages and more. Kick off your online education program quickly with Edumina and invite new students to your membership platform.

More info / Download

Cera

cera membership wordpress theme
If you’re looking for a membership WordPress theme, you know already that you have quite a bunch of options that we hand-picked for you. You can entirely avoid doing the heavy lifting from scratch when tools, like Cera, save you tons of time and energy. With a dedicated theme, you can start your project right away. Thanks to all the amazing and custom-made page layouts, you just pick the right look for your main objective and get things moving forward.

Some of the numerous features of Cera include member and group directories, eLearning, user dashboard, private forums, community events, dark mode and activities wall. Keep in mind, this is a small fracture of the entire collection of goodness that Cera brings to the table. Extensive documentation and exclusive support are also at your disposal with Cera.

More info / Download

Seeko

seeko membership wordpress theme
Seeko is a stunning, professional and easy-to-use membership WordPress theme that you can use for building mentoring and dating websites out of the box. The two demos, you can import with a single click and start the process of site realization right away. The tool is also pretty damn flexible and adaptable, allowing you to go entirely against the grain. In other words, employ Seeko for any type of objective and start with a fresh project sooner rather than later.

Seeko comes with an endless list of features and functions that will take your idea to the next level. From advanced search function and outstanding performance to Gutenberg compatibility, Bootstrap 4, Elementor page builder and activity posts, all this and an array more is what you get with Seeko.

More info / Download

Kruton

kruton membership wordpress theme
If you are searching for something a tad more niche, Kruton is the membership WordPress theme for baking and cooking classes. It is a stupendous solution that will get you going without the need to have any experience with building websites. Kruton is for everyone, coming with all the ready-made home and internal pages that will sort out a functional page in a little breeze. On top of that, you can freely perform customization tweaks and improvements and alter Kruton according to your style and branding directions.

Other advantages of Kruton include 100% responsive layout, CSS3 animations, Google Maps, social media, PSD files and custom widgets amongst many more in between. Create a full-blown free or paid (or both) membership website for cooks and soon-to-be chefs with the utilization of the eye-bulging Kruton.

More info / Download

Aardvark

aardvark membership wordpress theme
Aardvark is the starting template you will need if your niche revolves around the community aspect. This membership WordPress theme has a promising future with its set of modern components, features and cracking functionalities. Aardvark has a responsive layout that is well-documented for all levels of users to work with it without a sweat. Create courses, modules and lessons with the convenient Sensei plugin.

In addition to all the above, Aardvark is compatible with numerous browsers and includes a collection of spectacular demos. Whether you would like to create a dating platform, a website for online courses or any other community/membership style page, Aardvark is the one tool you should consider. Loads of premium plugins are included for free for you to truly enjoy the experience and the high potential Aardvark brings to the table.

More info / Download

Tianlock

tianlock membership wordpress theme
Websites are not only for selling products and services, but they also provide a sense of belongingness to people with common interests. Either way, you need to provide a quality experience. This is how the Tianlock membership WordPress theme works its wonders. When users click on your link, the pitch has already started.

Tianlock seals the deal with trendy designs, widgets and layouts. Also, this theme goes all out compared to the competition. Run by development experts, Tianlock ensures clients that it is fully responsive and compatible with retina screens, as well as web browsers. Your great ideas can be seen, shared and treasured whether you are using a desktop or a handheld device. Tianlock comes with Restrict Content Pro plugin and additional sixteen custom widgets to create a membership website that everyone would love to be part of.

More info / Download

Basic Guide on how to choose a WordPress theme


Creating a website seems like an impossible task.

This is really difficult for those who do not feel confident in technical part. But we suggest dividing the task into understandable steps and choose a theme for the site on WordPress.

Choosing a theme (or template) is one of the key steps in setting up a site on WordPress. That topic will determine not only how your site will look on the web, but also what functionality it will have.

How to select a wordpress theme?

Any WordPress theme have certain files that determine the look of your site. They are used to design and display information on the user’s screen. Most often, the administrator or site owner has to deal with this files:

  • header.php – forms the top of the page in which the logo, main menu, contact block are located.
  • footer.php – footer or bottom of the page. You can also also link to the policy,  and other project details are placed in it.
  • style.css – responsible for the design. Its defineing colors, fonts, background images, icons, and other parameters for all elements of the site.

WordPress themes to create a site

There are two ways to create a site. The first is to order design from the designer (site layout), and then involve a programmer to create the theme for this design. In this case, the developer will essentially create a set of files which it is written above.

The second option is to choose one of the ready-made WordPress themes. They can be paid and free. This is a good opportunity to create a website quickly, independently, and even with a minimal budget.

What you need to know before choosing a theme for a site on WordPress

  1. Create a content structure for your site. To spell out the list of pages, headings, and the menu items.
  2. Draw an approximate prototype of the main page of the site and other important pages. For example, the page “Services“, “Portfolio“, “Blog“.
  3. Go to your favorite blogs and popular sites. From the list of design elements that you like, make a list of your “Wishlist“.
  4. If you create a site without a designer and do not yet know how to identity your project, you need to choose a color scheme that you like and suits your theme.

How to make sure that your WordPress theme is secure?

Choose a template on wordpress.org, the developer’s website, or in a template store like Themeforest and Codecanyon.

Before entering the WordPress catalog, all topics are tested for compliance with security standards, cross-browser compatibility, GPL license compliance, and so on.

Template responsiveness for WordPress

Make sure that the theme has a mobile version for the main devices – smartphones and tablets. Or the so-called “responsive layout” is used, when the blocks of the site change the width for different sizes of the browser window.

Website theme functionality

What to look for when choosing a theme?Layouts – with and without a sidebar?, full width and without a header?,  for different tasks? for the reviews page and portfolio?At how many menu blocks, their appearance, blocks (widgets) in the side column?, a set of typography elements (quotes in the text, lists, headings of different levels)?, whether there is a slider and whether similar blog entries are displayed? These parameters in may differ or be completely different. Go with one that best suits your requirements, and most importantly have quality and clean code, bloat free.

Flexible theme settings for the site

It is convenient when it is possible to change the color, font, and other design elements on the site. When you can turn on and off individual page elements directly from the admin panel of the site, without editing the template code, check if your theme allows this.

Illustrations and pictures for the site

Remember that no matter how good the theme in the demo is, it can differ from real one.

Think about how harmoniously the style and colors of your photos fit into the “frame” – the main blocks of the template. Do you have enough images of the required format so that the site plays like in the demo version?

Try to choose bright themes in a minimalist style with sans-serif and other fonts, with primary colors in the design. Such a template will be universally combined with any content. The main thing is the choice of fonts and the convenience of reading text from a screen of any size. Definitely “no” to the dark background and white font on it. For most projects, this choice will be unsuccessful.

Fonts

Fonts are often the basis of the theme.

Test the font in the demo template. Consider whether you are ready to spend the effort to find and install a font that is suitable for the style to replace it before buying the theme.

Rate the features of the template. To start the demo and see how the template works, find the “Live preview” or “Demo” button in its description.

  • See what page templates are provided on the site – with a left / right sidebar, full width without a sidebar, a landing template without a top header. These options are usually found in the demo section “Pages” / “Page Templates.”
  • See what the developer provides for the main page (Home) and blog page (Blog).
  • What elements of text design (headings, quotes, tabs, buttons) are provided in the template? In the demo, these sections can be called “Features,” “Typography,” and “Shortcodes.
  • Is there a mobile version of the site?, and what does it look like. To do this, see the demo theme from your phone.

Do not refuse paid themes just because you need to spend money on them.

Very often, investing in a successful template that is as close to your ideal as possible is much lower than the cost of “finishing it yourself” with the help of a studio or freelance developers. You can immediately get a non-standard and harmonious design for your tasks, just thoughtfully reviewing paid templates.

Such paid themes are usually regularly updated and maintained by developers. This means that the next time you update WordPress, you will not encounter any global problem or will know where to turn for help.

 Themes from WordPress.org

There are a lot of good template in the WordPress catalog. Often there are (Lite) versions, which you can download and test, and on the developer’s page, you can buy a paid version with advanced features. Paid versions from free ones often differ in the number of blocks on the main page, a set of ready-made page layouts, or other type of features. As well as the flexibility of settings and the ability to change colors, fonts and edit the contents.

If the theme is in the WordPress catalog, then you do not need to download it to install it on the site. It is enough to open the admin panel Appearance >> Themes>> Add a new one and enter the name copied from the wordpress.org in the “Search” field. After that install and activate the template to get started.

How to choose a theme for the site and not regret it later?

Be sure to read the description of the paid template (Theme Features). It’s convenient to quickly set up a template with it a technical support from the developer (usually given for a year). In addition, use filters and tags – they will help you quickly select templates for the desired niche.

What else you need to remember when working with ready-made themes for WordPress?

Templates (themes) can be tried on the site as many times as you like, while the posted texts and pictures will not disappear. If the site is already full of content, troubles sometimes occur when changing the template. Pictures “stick” to the text, the text becomes too small/large.This is because each topic has its own fonts, features, and other parameters, so it’s better to decide on the teamplate at the start so that you don’t have to edit later. Almost always, when changing the template, you have to reconfigure widgets and reinstall plugins such as google analytics, comment, script of the social networks and widgets of your FB communities.
Immediately after installation and activation, the theme will not look like in the demo. It will have to be configured by filling out the appropriate fields in the site admin panel (Appearance >> Themes – >> Customize).
The look of the site is largely determined by your content, not the template. Your images, chosen with taste, and correctly writed texts, in which there are paragraphs, headings, subheadings, highlighted blocks.
It is recommended to fill the site before trying on any template: create a menu, main pages, 2-3 blog entries, set thumbnail pictures to the posts.

To wrap UP

Compare the features of the theme in the demo with the list of your Wishlist, prototype, and color preferences.

If there are a lot of elements that you would like to add or replace, it is better to look for another template. Because you will have to attract developers to the design and template improvements.

A template is worth taking if you just need to repaint the colors in it, add your subscription and feedback forms, or additional elements such as a slider or gallery. This is solved using plugins and does not require significant code changes.

Another option that is not considered in this article is the WordPress theme or a ready-made website from the templates of the plug-in developer. This will probably be discussed in another article.

Create a Learning Management System for WordPress with (LMS) Plugins

The first question that an expert creating an online course LMS asks himself is where to conduct it. Social Networking Groups? Perhaps, but terribly inconvenient, because you get lost in the stream of posts and notifications. Votsap’s chat? Well, that. Suitable to feel online teaching. But not ideal for severe long-term work. Today we are considering platforms for creating online courses: free and paid. Let’s talk about the pros, cons, tariffs, and features of testing each of the services.

Free platforms for creating online courses

If you think it’s impossible to create an online course for free, then this is not so. In addition to the apparent options with closed groups and accounts in social networks, we found several free or shareware sites. What do shareware platforms for creating online courses mean? So, the free tariff has limitations. Most often in terms of functionality or the number of participants.

So, let’s start with the free ones.

Google Class

Google Class is a free service for online learning. It was initially designed for schools, so teachers and students share files and information online in a paperless way.

Creating and distributing tasks based on Google Class is easy. You can create documents, presentations, and spreadsheets, Google Mail for communication, and Calendar – for planning. The mobile application of the service helps users take photos and attach them to tasks. You can share files from other applications, comment on lessons, and complete homework.

2. LearnPress

LearnPress is a free plugin for online courses, which is a comprehensive plugin for WordPress Learning Management System (LMS). Several free add-ons are available to extend the functionality, as well as some premium add-ons (starting at $ 19.99).

3. Zippy Courses

As a course creator, you need both. And until now, you had to piece it together yourself. But Zippy gives you the best of both worlds. It’s one piece of software, optimized for creating, selling, and running your online course.

4. LearnDash

LearnDash is a feature-rich, premium LMS (from $ 199 for a single site) that has industry-standard LMS integrations such as the Tin Can API. If you need true LMS integration, this is an obvious choice.

5. LifterLMS

LifterLMS is a new addition to the online course. This is a free plugin, but the premium version ($ 99 per year) offers additional support, graphics, and premium themes. Premium extensions add powerful functionality to the site courses.

6. Tutor LMS

Tutor LMS – a new plugin in the LMS market. It has a free version, but the premium version ($ 149 per license for one site) offers features such as an external interface builder, advanced course builder, and email notifications.