nhatha - WordPress Plugin

60 Best Elementor WordPress Themes 2022 P2

Craftis – Handcraft & Artisan WordPress Theme

Using the Craftis WordPress theme, you can make a multi-functional website for craftsmen and creative artists. The fully responsive layout of the theme comes with everything you may need to achieve the best look and feel of your web resource. Using this theme, you can select from 10+ homepage demo styles. 12 blog layout variations, 5+ header styles, flexible color settings, and more handy theme options are available in the download package. Any element of the theme’s pages can be customized in the intuitive visual mode of the Elemento page builder.

Inestio – Business & Creative WordPress Theme

Use the Inestio WordPress theme to create a professional and stylish look to your business site. This is a multi-purpose WordPress theme including a collection of 4+ homepage layouts. The theme will work well for getting started with marketing, SEO, web design, graphics, or any other type of niche-specific web resource. It’s made with the Elementor page builder and offers an effortless layout modification experience in the drag-and-drop mode. The theme also contains collections of inner pages, blog, and portfolio layouts. It’s created to work flawlessly with all types of plugins and extensions available in the WordPress community.

Iona – Handmade & Crafts Shop WordPress Theme

Iona’s beautiful, minimalistic outlook will be especially beneficial to creative online stores that sell handcrafts, toys, jewelry, and design studios and creative agencies. Made compatible with the latest version of WooCommerce, the theme offers you with tons of amazing tools for creating a professional online store of your very own. About customization, it is extremely flexible too thanks to the inclusion of countless unique pre-made styles, subpages, widgets, elements, and shortcodes.

Advanced blogging functionality along with Iona’s integration with all of the most popular social media will help you spread the word about your business around. If you want to create an email newsletter service of your own, you can do it easily thanks to the inclusion of the MailChimp plugin in the package. Optimized for top looks and swift performance on all devices and screen resolutions, the template will offer your users the perfect browsing experience regardless of the device they use.

ConFix – Expo & Events WordPress Theme

With the ConFix theme, you will create the most beautiful and recognizable event website. The theme can be used for an exhibition center, library, museum, and a lot more. The theme features a modern design and a responsive layout. The Elementor page builder will save your time by changing the theme look without switching to a code page. 50+ elements are designed specifically for online events management. ConFix theme comes with other outstanding plugins, including the ThemeREX Addons, WPML, Contact Form 7, MailChimp, Essential Grid, Slider Revolution, etc. This theme makes it easier for a customer to research the content and interact with you.

Winger – Aviation & Flight School WordPress Theme

Winger is a niche WordPress theme that has premade layouts for a flight school, pilot training, aviation school, flight attendants, aircraft maintenance, and jet charters. Besides, the Winger theme comes with a variety of inner pages that suit any aircraft business. You can easily change the look of any page using the Elementor Page Builder, which you get for free. This intuitive user-friendly page builder is the best option for professional website design creation regardless of a user’s skill. Besides a code-free page builder the Winger theme allows you to use such plugins as ThemeREX Addons, Essential Grid, Swiper Slider, Slider Revolution, MailChimp, WPML, Contact Form 7, and powerful premium tools.

Ozeum | Art Gallery and Museum WordPress Theme

Ozeum is a professional modern WordPress theme aimed to cater for the needs of contemporary museums, art exhibitions and even online stores that sell art pieces. Its flexible layout is supported by various pre-made demo styles, subpages, widgets, and shortcodes. Made compatible with the Elementor drag & drop page builder, the theme is super easy to edit and tailor to your style within its straightforward visual interface.

Full integration with the latest version of WooCommerce lets you start selling your art pieces and products extremely easily. Show off the best of your works using the beautiful galleries provided by the Essential Grid plugin. The Revolution Slider is the perfect attention-grabbing tool ideal for showing off the best of your art pieces and displaying the main points about your website all in the same place. Ozeum is fully responsive, Retina-ready and highly optimized for swift performance on all platforms and search engines.

Tornados | Basketball WordPress Theme

Tornados is a super creative and multi-functional WordPress theme that’s well suited to be used for sports-related websites. When you open the theme’s live demo, your attention will be captured by sleek moving objects, which create a unique touch to the layout. It also has a sticky menu bar, which provides you with quick access to all pieces of information that your site contains. The theme is ready to be used for eCommerce purposes thanks to the full compatibility with the WooCommerce plugin. A fully responsive layout of the theme adjusts all pieces of your content to many screen sizes. There are 3 bold home page layouts featured in the theme’s download package. It is fully compatible with the Elementor page builder, which lets you adjust the theme’s layout code-free. Thanks to the full compatibility with SportsPress, you can turn your website into a fully-fledged sports team website.

Litho

Litho is an Elementor WordPress theme that unlocks the possibility to enter into many different niches. You can kick-start your website creation with its 40+ demos. (Note: all are 100% customizable without doing any coding work.)

Create high-class websites for restaurants, startups, agencies, freelancers, gyms, and hotels, to name a few. You have tons of options once you opt for Litho. (Don’t miss it!)

You can build custom everything with Litho, including headers, footers, forms, sidebars, portfolios, etc.

Capture emails with newsletter pop-ups, translate Litho with WPML, create a one-page website, etc. – you can successfully run multiple projects with one theme.

Chit Club | Board Games WordPress Theme

Chit Club is the ideal template for websites revolving around board games, such as online games stores, clubs, cafes, tournaments, or classes. The theme offers you as many as 7 unique demo styles and integration with Elementor, which simplifies the customization process to a couple of mouse clicks.

Take advantage of the theme’s integration with the Essential Grid plugin to create beautiful galleries showcasing the best of your visual content or products. Keep your users up-to-date regarding all of your upcoming games, tournaments or classes with the help of The Events Calendar. The ThemeREX Addons plugin adds various tools for easier management of your template’s backend. Contact Form 7 brings a selection of contact forms that will make reaching you directly easier. Top-notch mobile device and search engine optimization will help your site look equally amazing on both the tiniest and largest screen resolutions and always keep it on top of Google’s search results.

Samadhi | Oriental Buddhist Temple WordPress Theme

If you seek to build a strong online presence of your Ashram or Buddhist temple, religious or non-profit organization, yoga school or even open an online store of books and trinkets, look no farther than Samadhi. It is a super beautiful and very functional template that is flexible and pleasant to work with. The smoothness of your customization process is ensured by integration with Elementor, one of the best drag & drop page builders available on the market.

Display your class schedule and easily inform your users about your upcoming events with the Events Calendar. Easily start selling your items online with the help of WooCommerce and run your fundraising campaigns with Give- Donations. Run a blog of your own, link up your social media profiles and let your readers share your content on their accounts to build a bigger community around your site faster.

Qwery - Multi-Purpose Business WordPress Theme + RTL

60 Best Elementor WordPress Themes 2022 P1

Searching for Elementor WordPress themes? You are in the right place!

What is the first reason why you haven’t a website yet? Money, time or less programming skills? Not a big whoop. Whether you’re still in doubt, building your online presence can be done in a matter of minutes if not faster. If you want to get into the habit of constantly saving your time and efforts, Elementor WordPress themes provide you the easiest way to get started.

The best thing about Elementor page builder is that it works not better but is different. Different from any other. Thus, it makes it possible to create your website from top to bottom in a way that is crazy fast and wastes less coding skills.

All modesty aside, Elementor is the top choice of over one million users who use WordPress themes to build their websites. With Elementor, the sky is the limit to redesigning and changing any section of any WP theme. So, it can save you a bundle since it becomes faster without hacking into any code.

So, you customize the layout, make changes, and see the results of your tweaks in real-time. Now, enough sitting on the fence. Choose any of these Elementor WordPress themes below to design a website that looks and does exactly what you need it to. Finally, no more coding issues can stop you.

Best Elementor WordPress Themes for Your Next Big Thing

Qwery – Multi-Purpose Business WordPress Theme + RTL

With 30 mesmerizing demos, Qwery provides you all the necessary at your fingertips. Multi-purpose and clean, Qwery should be high on your list. Jam-packed with the powerful drag-n-drop functionality, Qwery makes sure your site-building work is a smooth track. Even if you are not about to sell online, Qwery will motivate you to start. Its clean online store pages will add more attention to your products or services. The greatest thing is that you can also precisely customize Qwery to your liking. No worries, there will be no coding involved. Make sure Elementor page builder will take care of that.

Abogado – Lawyer Firm & Legal Bureau WordPress Theme

The Abogado WordPress theme comes with a sleek and trendy design, which will perfectly match attorney and lawyer services websites. It has a responsive and fully editable layout, which you can easily customize according to your needs using the Elementor page builder. The theme boasts a multi-functional design enhanced with many tools and features needed to present your services professionally. It comes with the Booked plugin to let you manage the schedule of your clients’ visits in an intuitive dashboard. Whenever you decide to start selling your services online, the theme’s compatibility with WooCommerce will come in handy for you.

Panda – Creative Marketing Agency & SEO WordPress Theme

Panda WordPress theme is a usable and stylish web design solution that will become useful for launching websites of a contemporary marketing studio and creative agency, web designer’s portfolio, marketing bureau, and advertising firm. It’s a fully editable WordPress theme made with the Elementor page builder. The theme also has three homepage demo styles, lots of portfolio and blog layouts, and stunning inner pages that you can use in the as-is form or apply the needed modifications to their designs. The theme is also loaded with the color customizer, which allows you to easily apply the required modifications to the color scheme.

Hot Coffee | Coffee Shop, Farm & Cafe WordPress Theme

The Hot Coffee WordPress theme is the greatest choice for building cafe and restaurant websites. More specifically, it’s perfectly suited for the launch of coffee houses and coffee shops. The theme is made with the latest web design trends and technologies in mind. It has a fully editable layout that seamlessly adjusts to all screen types and sizes. The theme is made with the Elementor page builder, which lets you apply quick changes to its layout as you simply edit the ready-made pages in the drag-and-drop dashboard. There is no need to design the homepage or inner pages from scratch. The theme is loaded with all the designs and features needed for a quick start of your site.

Playful – Pole Dance Club & Store WordPress Theme

Consider using the Player WordPress theme as a feature-rich starting point for building your pole dance club, cabaret, contemporary night clubs, magazines, and any other topic-related website. The fully editable theme’s layout is made with the Elementor page builder. You may feel free to modify the theme to match any entertainment website. It’s suited best to be used for blogging and eCommerce purposes. The full Gutenberg support helps you enjoy a seamless content editing experience to the fullest. The theme is also fully compatible with WooCommerce and lest you build a multi-functional web store quickly and worry-free.

Wine House | Vineyard & Restaurant Liquor Store WordPress Theme

Is it a vineyard website, blog, or store you want to launch? The Wine House WordPress theme is just suited for all these purposes. The theme features the Elementor page builder and features full compatibility with a wide range of WordPress plugins. The full WooCommerce support and availability of ready-made online store pages help you build a conversion-oriented website quickly and easily. The theme also allows you to choose from three ready-made homepage demo styles that you can import to your site with a click.

A-Mart – Organic Products Shop WordPress Theme

If your goal is to establish a strong online presence for your organic food store, farm, winery, or eco-product company, A-Mart is the ideal template for you. Its fresh, colorful design is fully responsive and Retina-ready, making sure that it looks perfect regardless of the device used to view it. It is also extremely easy to customize thanks to many pre-made elements included with it and its integration with the Elementor drag & drop page builder.

Of course, A-Mart is fully integrated with WooCommerce, enabling you to start selling your foods and products right from your site within minutes. Your users will even be able to pay in cryptocurrencies thanks to the inclusion of the Elegro Crypto Payment plugin. It also comes with a variety of blog pages, blog post styles, and widgets, enabling you to engage with your audience by sharing your knowledge, experience, and recipes with them.

Neptunus – Water Park WordPress Theme

Make use of the Neptunus WordPress theme to bring a clean and fresh style to the pages of the amusement park website. The fully responsive layout of the theme is Retina-ready and supports fully adaptive images. Adjusting the theme in the visual mode is made easy with the help of the Elementor page builder. Working with 3 ready-made demo styles and inner pages, your website will have a personalized style. Online Appointments Booking and Contact Forms are included to establish better communication with the audience. Use the Instagram feed to keep your audience always updated on your latest posts.

Rosaleen – Health Coach, Speaker & Motivation WordPress Theme

Rosaleen is a beautiful contemporary template created for the needs of healthy lifestyle bloggers and coaches. Its fully responsive layout is bustling with refreshing colors and is very pleasant for the eyes. It is also really functional and comes with everything you need to create a successful website in this niche.

Rosaleen includes a selection of pre-designed pages, homepage styles, widget and shortcodes. Built with the Elementor Page Builder, it is super flexible and easy to edit within its straightforward visual interface. The latest version of WooCommerce grants you all the necessary tools for building a professional online store that will be a pleasure to browse through. Also, it supports the Elegro Crypto Payment plugin which is great for allowing your users to pay in cryptocurrencies. Highly optimized for search engines, Rosaleen will let you conquer the number one spot in your niche in no time.

Ekoterra – NonProfit & Ecology WordPress Theme

Ekoterra is a stylish and highly functional template specifically designed for non-profit organizations, charities, fundraisers, and petition websites. Its visual layout is fully responsive and comes with countless pre-made elements, designs, subpages, widgets, shortcodes, and plugins. Easily customize everything you see on your screen using the user-friendly visual interface of Elementor, which is one of the best page builders for WordPress.

Give-Donations allows you to run your fundraising campaigns and easily collect money from your donors. WooCommerce also offers you an impressive toolkit for creating the ideal online store of your own. Set up an email newsletter of your own with MailChimp and keep your visitors know about all of your upcoming events and activities with the powerful Events Calendar. Run petitions and easily collect votes with SpeakOut! Email Petitions. WPML Compatibility also allows you to translate your resource into countless languages making your resource accessible for audiences all across the globe.

Kicker | Multipurpose Blog Magazine WordPress Theme + Gutenberg

2022 Top Tumblr-Style WordPress Themes 2022 P1

Do you like Tumblr-style websites? Good for you. Then our compilation of Tumblr-style WordPress themes would be just the thing for you. The great thing about those premium WordPress themes is that they can work for a portfolio, magazine, news portal, or blog of any kind. Also, they are a great choice for eCommerce web projects that want to get more attention to their content. You want to offer something of value to people, and that’s great. For that, you need to make sure your content stands out from the crowd. And Tumblr-style WordPress themes would be the right fit. At least, you can try to see how much it will work for you.

Whatever your talent is, showcase it in a stylish way. The following WP templates include bells & whistles you will want to save time. Responsive design, powerful drag-n-drop page builder, WooCommerce support. If you plan to hold events or want to get reservations online, pick the theme that offers the same functionality. All in all, there are many other benefits to consider when picking the right design. And when you are not sure, think about your potential customers. Thus, you’ll find the best option quicker. Have fun!

Kicker | Multipurpose Blog Magazine WordPress Theme + Gutenberg

Are you about to monetize your website? Easily. WooCommerce and Elegro Crypto Payment plugins come bundled. And that’s only the beginning of the goodies’ list. Besides, you’ll find newsletter pop-ups, auto-load next post, and banner ads.

Lione | Personal Portfolio for Creatives WordPress Theme

If you want to win at the website traffic game, then see how much Lione can help. That can be a true game-changer for you. Clean, attractive, and lightning-fast, Lione has its place amongst Tumblr-style WordPress themes today. ITs well-organized design will work for magazines, personal blogs, or resume websites best. Take the time to enjoy its collection of pre-designed homepages, and at least one will fit your needs. Of course, you can get creative with your design since Elementor comes as the major page builder. For you, that means code-free site development from day one. Then, the WooCommerce plugin comes to help you with selling things online. You can get even more hype for your products by placing them on your homepage sliders. Anyway, you can go beyond the limitations and put yourself in control of your website.

Quanzo | Personal Portfolio WordPress Theme

Want to offer something of value to people? Great! Then go for Quanzo. It’s a good choice for any modern business that wants to highlight its strengths online. The theme grants you more flexibility on your site’s look: the design, outline, categories, you name it. Also, if you want your website to mimic the visual styling of Tumblr, Quanzo is the solution. Since the theme offers lots of customizable options to beautify your website, don’t stop until you’re proud. The GDPR Compliance plugin ensures all the data on your website are safe, which is great. It’s another way to make your site visitors happier while browsing it. Other premium plugins are Revolution Sliders, WooCommerce, and Contact Form 7. If you want to build hype with your content worldwide, translate your site into any language you might need.

Yottis | Personal Creative Portfolio WordPress Theme + Store

If you’re not yet sure about your design conception, check out Yottis. It’s one of those Tumblr-style WordPress themes that will make your project look stunning on any device. In general, it can work for any kind of modern online and offline portfolios, no matter the topic. Organized in grids, the theme will make your website look well structured and balanced. You can make your custom post types look the way you need them. You can also manage your API and social media profiles with the ThemeREX Addons plugin. You want to launch a digital shop for free? No worries.Plus, you can customize your headers & footers using the powerful layout builder. The best Tumblr-style WordPress themes like this give a strong branding and impressive online presence. Lastly, SEO optimization will help a potential client find you online.

Gutentype | 100% Gutenberg WordPress Theme for Modern Blog

Struggle with hyping yourself? Make it easier for readers to find your content. But not only that, Elementor page builder comes bundled. So, it’s a nice option for blogs, magazines, or portfolio websites right off the bat. In general, you can use this WP template to build affiliate, cryptocurrency, or political websites, or any other portal you want. There’s also dark mode Elementor skin if you want to add a bit of extra vibe to your web pages. Anyway, the theme supports all Gutenberg blocks and offers different shortcodes to speed up your site development. Premium plugins such as WooCommerce, GDPR Compliance, and Instagram Feed will help your website function the right way. Expect even more goodies jam-packed in the theme. And forget not that it’s optimized for speed, so your pages will load lightning fast.

Katelyn | Gutenberg Blog WordPress Theme

Even though you don’t have a massive reach, with Katelyn you are moving in the right direction. It is an example of creative design inspiration for Tumblr-style websites. Also, it’s another premium option that comes based on Gutenberg editor. And that helps to use it for all kinds of blogs, news portals, or portfolio websites. Thanks to its clean and pixel-perfect design, your works will look awesome no matter the device your users are on. So, carve out a niche and make sure Katelyn will make things easier for you. You can even integrate your Insta acc with your website to display your responsive Insta feeds there. That’s a good way to gain attention and more eyeballs on your content. Next, you’ll find a huge collection of Gutenberg blocks & modules you can use to get creative with your pages.

Aldo | Gutenberg Blog WordPress Theme

If you want to benefit from blogging, you can do your best and go for Aldo. It’s built with speed in mind, meaning that your pages will load almost immediately. Don’t you need to reach out to as many eyeballs as possible? That’s not all the benefits. Aldo lets you get creative and add dark mode to your overall design. The variety of Gutenberg blocks, modules & shortcodes is endless. So, if you’re sure of your skills, you won’t need any other option. Next, the theme follows the latest SEO rules to help your website appear at the top of the search results. Experiment with your headers & footers to see which design will match your overall conception best. Lastly, the GDPR Framework WP plugin will help keep all the data safe, making your users happier on your site.

Especio | Gutenberg Food Blog WordPress Theme

If you’re not proud or happy enough with your site, give it a makeover. This time give Especio a shot. This premium specimen of Tumblr-style WordPress themes works as a time-saver. Jam-packed with lots of advanced features and options, the theme can help operate your site without giving too much effort. You’ll want to showcase your food recipes, nutrition products, or anything in between, so do it smartly. For that, you have several pre-designed pages, modules & shortcodes. In fact, there’s nothing to stop you from creating limitless page layouts. And, a powerful page builder comes bundled in the package. Next, add product pages and sell your products or services through your website. Want your content to pop in the search engine results? That’s where SEO optimization can help.

Yungen | Modern Digital Agency Business WordPress Theme

If your branding is centered around art and creativity, you will love Yungen. Without a doubt, it will work for any startup working in marketing, design, architecture, or advertising nice. Creative and clean, it’s just the thing to speak about the benefits of your business. For crafting pages, the theme includes Elementor on board. OF course, you can pick from ready-made design conceptions or craft new ones yourself. Plus, there’s black skin added so that you can add a bit of extra vibe to your online presence. Revolution Slider, GDPR Compliance, and ThemeREX Addons plugins are premium ones that work with Yungen. In addition, you can build a multilingual website since the WPML plugin comes bundled too. Lastly, if built with passion, your website can build an audience.

Avventure | Personal Travel & Lifestyle Blog WordPress Theme

Establish your brand as a go-to resource with Avventure. Firstly, it’s a great choice for travel blogs, lifestyle magazines, or volunteer projects. Since it includes the Give – Donation plugin on board, accept donations or raise funds on the go. Also, there’s the WooCommerce integration if you are about to sell things online. If you plan to hold events, keep your users know about the upcoming ones. For that, take advantage of the Events Calendar functionality. Besides, the theme has an extra fast page load to help your users enjoy browsing your pages. If you want to gain attention to your works or projects, Essential Grid will help you organize them in awesome grids. Other premium plugins come jam-packed too. So, you can find the GCPR Compliance, Instagram Feed, and Revolution Slider among them.

Vapester | Creative Vape Shop WooCommerce Theme

Vapester is another instance of Tumblr-style WordPress themes to consider for different reasons. First thing, it’s a great choice for eCommerce websites that want to get a piece of the market pie. Yet, it can work amazing for the vapers community or vape store websites. To ensure the theme suits you, check out its benefits. Since it’s compatible with Elementor, you’ll save a ton of time & effort from day one. Also, you’ll get a pack of ready-made blocks to tell a story about a brand. Well, who doesn’t want to launch an online store for free? And WooCommerce plugin is here to help with that task. Additionally, the theme matches all the best practices boxes, ensuring all the data are safe. For large inventories, UberMenu 3 would be a great solution.

Part 2

2022 Top Tumblr-Style WordPress Themes 2022 P2

Hobo | Digital Nomad Travel Lifestyle Blog WordPress Theme

Expand your publishing efforts for your brand with Hobo. If you don’t want to follow the traditional look, Hobo is considered the right option. No wonder it creates the list of Tumblr-style WordPress themes today. The theme is super easy to use and modify, thanks to the powerful drag-n-drop page builder that comes on board. So, worry not about your skill gap and get down to work. Search & Filter plugin is the other advantage that is worth mentioning. It means nothing but convenient browsing your website for any user who lands on it by chance. Plus, the theme has an extra fast page load for making your visitors happier. It’s really easy to organize your works or projects that you want to showcase in awesome grids. Now take some time and check it out.

Sounder | Online Radio WordPress Theme

If you want your website to flourish, you need Sounder for that. Just take a look at its vibrant and colorful design. It’s an ideal choice for entertainment projects, music websites, or other cultural events projects. The theme provides you a creative way of showcasing your talents like never before. To add, it’s a WPML ready option that supports the RTL feature. For you, that means an opportunity to enlarge your audience base. So, if you want your website to mimic Tumblr-style ones, Sounder can be the solution. It also comes with the Parallax effect backgrounds that can add a touch of creativity to your pages. Lastly, the theme even comes with the MP Time Table plugin, so you get everything in one place and even more.

Fashion Guide | Online Magazine & Lifestyle Blog WordPress Theme

If you’re unsure how to proceed with site development, Fashion Guide can help. Clean and minimalist, this specimen of Tumblr-style WordPress themes can help you build an audience. It would work best for beauty and fashion websites of all kinds best. Also, you can build a news portal, eCommerce site, or an online portfolio with this premium option. There are tons of pre-designed pages, modules & shortcodes that come bundled to speed up your workflow. Also, you’ll get a pack of diverse blog layouts to select. The theme works with the Booked Appointments, Revolution Slider, & Essential Grid plugins. For better interaction, you get the power of Contact Form & and MailChimp support. Anyway, this creative tool can help spice things up.

Maxify | Startup & Business Blog WordPress Theme

Maxify is a useful option that can work for startup and business websites, magazines, or news portals. It’s safe to say it was built with that idea in mind. Its well-organized layout is an ideal choice for those who want to mimic Tumblr-style web design. Thanks to the powerful drag-n-drop page builder, you can change your overall look until you’re proud. For that, you don’t have to learn how to code, and that’s great. Amongst its powerful premium plugins, you’ll find Social Pug, Instagram Feed, and Essential Grid. Then, Maxify has an extra fast page speed load, so you can make your users happier while browsing your website. The greatest thing about this specimen of Tumblr-style WordPress themes is that any blogger can put it to their advantage.

Ozisti | A Multi-Concept WooCommerce WordPress Theme Augmented Reality Store Ready

Looking for an outstanding contemporary solution? Then Ozisti is what you need. First thing, it’s a nice choice for eCommerce websites of all kinds and sizes. Second, it can let your users interact with your products on the next level. That’s possible thanks to the Augmented Reality (AR) integration. Getting started is easy. For that, explore its collection of pre-designed homepage styles and blog pages. For personalization, make the best out of Elementor. It will save you lots of time and let you create beautiful designs like a pro. The theme comes with an online currency switcher and interactive search for convenience. In addition, it works with the WooCommerce plugin and supports the Wish list & Compare list. And the best thing is that you do not have to be a pro developer or designer.

Marcell | 15+ Layouts Multi-Concept Personal Blog & Magazine WordPress Theme

Marcell | 20+ Layouts Multi-Concept Personal Blog & Magazine WordPress Theme

Want to start your blogging project easily? That’s simple, thanks to Marcell. It’s another creative option that makes the list of Tumblr-style WordPress themes today. Firstly, it comes with a clean and minimalist design that will work best for magazine and blog websites of all kinds. Next, it includes the AMP technology for extra fast page load speed. Therefore, your users will enjoy your lightning-fast loading pages on any device. Being active on social media is crucial these days; for that, Marcell has something to offer. You can integrate your Insta acc with your website and display your responsive Insta feeds there. In addition, you’ll find the pop-up menu and top menu positioning. For selling things online, you’ll get WooCommerce integration.

Healthy Living | Blog with Online Store WordPress Theme

You want to make a difference and enter the online space like a pro? Then Healthy Living is what you need. It will work for nutritionists, healthy food, and lifestyle bloggers best. Also, you can use t to build a sportsmen health store & corporate business company website. Well, your site development opportunities have no limits. Social buttons, different layout styles, UberMenu, subscription form and events management, it’s all there. For crafting layouts, the theme comes with WPBakery on board. This powerful drag-n-drop page builder allows you to create as many new page layouts as you might need. And with no one’s help. Next, the theme supports MailChimp, Instagram Feed, Tribe Event Calendar, and supplied it with lots of custom shortcodes and widgets. And a lot more.

Femme | An Online Magazine & Fashion Blog WordPress Theme

No matter what you want to write about, Femme will help get you started. Clean, minimalist and trendy, it can work best for fashion blogs. But, you can build a beauty shop, news portal, or nail bar website right off the bat. The theme is flexible and provides you many options to get creative. To make that happen, you even don’t have to learn how to code. Everything is done to make your workflow easier. So, with WPBakery page builder, you’ll be able to craft new page layouts or customize existing ones. With the WooCommerce plugin, you can launch your online shop and profit from day one. Next, Instagram Feed allows you to display your responsive feeds on your website. Also, different header and footer styles, mega menu, sticky sidebar, and social sharing are all and then some in the Femme kit.

Buzz Stone | Magazine & Viral Blog WordPress Theme

Buzz Stone is a clean and trendy WP template you can use for your thriving blog. Plus, it can be a great choice for business, cryptocurrency, professional, reverse, and writer portals. Whatever your topic is, the theme can help you get started with it. And, you get ten different homepage styles to consider, so at least one of those will suit you. IF you’re not happy with what you see, customize it. For that, WPBakery comes as the major page builder. Next, you can create new page layouts or customize existing ones like a pro. For that, you just drag and drop design elements to where you need them most. For monetizing your blog, the WooCommerce plugin will come in handy. Also, the theme works with the following premium plugins: Essential Plugin, MailChimp for WP, and ThemeREX Addons.

Trendion | A Personal Lifestyle Blog and Magazine WordPress Theme

Don’t you know how to hype your content up? Then it would help if you had Trendion. This premium WP template has a lot to offer. When looking for Tumblr-style WordPress themes, consider checking Trendion. Responsive & refined will work for lifestyle blogs, magazines, or news portals right off the bat. Because of the built-in powerful WPBakery Page Builder plugin, it’s easy to customize all theme’s elements and create new pages. Plus, you’ll find Mega Menu, Sticky Menus, Parallax effect backgrounds, etc. Next, the theme supports the Booked plugin for getting more reservations online. Want more? Then you can switch to Gutenberg editor and get creative there. Lastly, Trendion follows the latest SEO practices boxes and lets you keep all the data safe.

2021 Top Tumblr-Style WordPress Themes 2021

They say that knowledge is power. Now that you know about Tumblr-style WordPress themes, only you can decide which one is the best for you. Also, you know that all the options mentioned above have a first-class design that matches all the best web design practices boxes. Check them out carefully to find the right one for you.

Using WordPress body class for theme development

WordPress Body Class 101: Tips and Tricks for Theme Designers

Are you an aspiring WordPress theme designer searching for new ways to use CSS into your themes?

Luckily, WordPress automatically adds CSS classes that you can utilize in your themes. Several of these CSS classes are automatically added to the <body> section of every page on a WordPress site.

In this guide, we will explain the WordPress body class with tips and tricks for aspiring theme designers to utilize them in their projects.

Using WordPress body class for theme development

What is WordPress Body Class?

Body class (body_class) is a WordPress function that lets you assign CSS classes to the body element.

The HTML body tag normally begins in a theme’s header.php file, which loads on every page. This enables you to dynamically figure out which page a user is viewing and then add the CSS classes accordingly.

Normally most starter themes and frameworks already come with the body class function inside the HTML body tag. However, if your theme does not have it, then you can add it by modifying the body tag like this:

<body <?php body_class($class); ?>>

Depending on the type of page being displayed, WordPress automatically adds the appropriate classes.

For instance, if you are on an archive page, WordPress will automatically add archive class to the body element. It does that for just about every page.

Here are some examples of common classes that WordPress might add, depending on which page is being displayed:

.rtl {}
.home {}
.blog {}
.archive {}
.date {}
.search {}
.paged {}
.attachment {}
.error404 {}
.single postid-(id) {}
.attachmentid-(id) {}
.attachment-(mime-type) {}
.author {}
.author-(user_nicename) {}
.category {}
.category-(slug) {}
.tag {}
.tag-(slug) {}
.page-parent {}
.page-child parent-pageid-(id) {}
.page-template page-template-(template file name) {}
.search-results {}
.search-no-results {}
.logged-in {}
.paged-(page number) {}
.single-paged-(page number) {}
.page-paged-(page number) {}
.category-paged-(page number) {}
.tag-paged-(page number) {}
.date-paged-(page number) {}
.author-paged-(page number) {}
.search-paged-(page number) {}

As you can see, by having such a powerful resource at hand, you can completely customize your WordPress page by using just CSS. You can customize specific author profile pages, date-based archives, etc.

That being said, now let’s see how and when would you use the body class.

When to use The WordPress Body Class

Firstly, you need to make sure that your theme’s body element contains the body class function as shown above. If it does, then it will automatically include all the WordPress generated CSS classes mentioned above.

Then, you will also be able to add your own custom CSS classes to the body element. You can add these classes whenever you need them.

For instance, if you want to change the appearance of articles by a specific author filed under a specific category.

How to Add Custom Body Classes

WordPress has a filter that you can utilize to add custom body classes when needed. We will show you how to add a body class using the filter before showing you the specific use case scenario just so everyone can be on the same page.

Because body classes are theme specific, you would need to add the following code to your theme’s functions.php file.

function my_class_names($classes) {
    // add 'class-name' to the $classes array
    $classes[] = 'wpb-class';
    // return the $classes array
    return $classes;
}
//Now add test class to the filter
add_filter('body_class','my_class_names');

The above code will add a class “wpb-class” to the body tag on every page on your website. That’s not so bad, right?

Now you can utilize this CSS class in your theme’s stylesheet directly. If you are working on your own website, then you can also add the CSS using the custom CSS feature in theme customizer.

Adding custom CSS in theme customizer

Adding Body Class Using a WordPress Plugin

If you are not working on a client project and don’t want to write code, then this method would be much easier for you.

The first thing you need to do is install and activate the Custom Body Class plugin.

Upon activation, you need to go to Settings » Custom Body Class page. From here you can configure plugin settings.

Custom Body Class settings

You can choose post types where you want to enable body class feature and who can access it. Remember to click on the save changes button to store your settings.

Then, you can head over to edit any post or page on your WordPress site. On the post edit screen, you will find a new meta box in the right column labeled ‘Post Classes’.

Adding body classes to a post in WordPress

Click to add your custom CSS classes. You can add multiple classes separated by a space.

After you are done, you can simply save or publish your post. The plugin will now add your custom CSS classes to the body class for that particular post or page.

Using Conditional Tags with The Body Class

The real power of the body_class function comes when it is used with conditional tags.

These conditional tags are true or false data types that check if a condition is true or false in WordPress. For instance, the conditional tag is_home checks if the page currently displayed is the homepage or not.

This lets theme developers check if a condition is true or false before adding a custom CSS class to the body_class function.

Let’s see some examples of using conditional tags to add custom classes to the body class.

Let’s say you want to style your homepage differently for logged-in users with the author user role. While WordPress automatically generates a .home and .logged-in class, it does not detect the user role or add it as a class.

Then, this is a scenario where you can use the conditional tags with some custom code to dynamically add a custom class to the body class.

To achieve this you will add the following code to your theme’s functions.php file.

function wpb_loggedin_user_role_class($classes) { 
// let's check if it is homepage
if ( is_home() ) {
// Now let's check if the logged in user has author user role.  
$user = wp_get_current_user();
if ( in_array( 'author', (array) $user->roles ) ) {
    //The user has the "author" role
    // Add user role to the body class
    $classes[] = 'author';
    // Return the classes array
    return $classes;      
} 
} else { 
// if it is not homepage, then just return default classes
return $classes; 
}
} 
add_filter('body_class', 'wpb_loggedin_user_role_class');

Next, let’s see take a look at another useful example. This time we are going to check if the page displayed is a preview of a WordPress draft.

To do that we will use the conditional tag is_preview and then add our custom CSS class.

function add_preview_class($classes) { 
if ( is_preview() )  {
$classes[] = 'preview-mode';
return $classes;
}
return $classes; 
}
add_filter('body_class','add_preview_class');

Now, we will add the following CSS to our theme’s stylesheet to utilize the new custom CSS class we just added.

.preview-mode .site-header:before { 
content:'preview mode';
color:#FFF;
background-color:#ff0000;
}

This is how it looked on our demo site:

Custom preview mode CSS class added to the body class

You may want to check out the full list of conditional tags that you can use in WordPress. This will give you a handy set of ready-to-use tags for your code.

Other Examples of Dynamically Adding Custom Body Classes

Besides conditional tags, you can also use other techniques to fetch information from the WordPress database and create custom CSS classes for the body class.

Adding category names to the body class of a single post page

Let’s say you want to customize the appearance of single posts based on the category they are filed in. You can use the body class to achieve this

Firstly, you need to add category names as CSS class on single post pages. To do that, add the following code to your theme’s functions.php file:

// add category nicenames in body class
function category_id_class($classes) {
    global $post;
    foreach((get_the_category($post->ID)) as $category)
        $classes[] = $category->category_nicename;
    return $classes;
}
 
add_filter('body_class', 'category_id_class');

The code above will add the category class in your body class for single post pages. You can then use CSS classes to style it as you wish.

Adding page slug to the body class

Paste the following code in your theme’s functions.php file:

//Page Slug Body Class
function add_slug_body_class( $classes ) {
global $post;
if ( isset( $post ) ) {
$classes[] = $post->post_type . '-' . $post->post_name;
}
return $classes;
}
add_filter( 'body_class', 'add_slug_body_class' );

Browser Detection and Browser Specific Body Classes

Sometimes you may come across issues where your theme may need additional CSS for a particular browser.

Now the good news is that WordPress automatically detects the browser upon loading and then temporarily stores this information as a global variable.

You just need to check if WordPress detected a specific browser and then add it as a custom CSS class.

Simply, copy and paste the following code in your theme’s functions.php file:

function wpb_browser_body_class($classes) { 
    global $is_iphone, $is_chrome, $is_safari, $is_NS4, $is_opera, $is_macIE, $is_winIE, $is_gecko, $is_lynx, $is_IE, $is_edge;
if ($is_iphone)    $classes[] ='iphone-safari';
elseif ($is_chrome)    $classes[] ='google-chrome';
elseif ($is_safari)    $classes[] ='safari';
elseif ($is_NS4)    $classes[] ='netscape';
elseif ($is_opera)    $classes[] ='opera';
elseif ($is_macIE)    $classes[] ='mac-ie';
elseif ($is_winIE)    $classes[] ='windows-ie';
elseif ($is_gecko)    $classes[] ='firefox';
elseif ($is_lynx)    $classes[] ='lynx';
elseif ($is_IE)      $classes[] ='internet-explorer';
elseif ($is_edge)    $classes[] ='ms-edge';
else $classes[] = 'unknown';
    
return $classes;
}
add_filter('body_class','wpb_browser_body_class');

You can then use classes like:

.ms-edge .navigation {some item goes here}

If it is a small padding or margin issue, then this is a quite easy way of fixing it.

There are definitely many more scenarios where using the body_class function can save you from writing lengthy lines of code. For instance, if you are using a theme framework like Genesis, then you can use it to add custom classes in your child theme.

You can use the body_class function to add CSS classes for full-width page layouts, sidebar content, header and footers, and more.

We hope this article has helped you learn how to use the WordPress body class in your themes.

How to Translate Your WooCommerce Store (2 Ways) P2

Method #2: Using WPML to Translate Your WooCommerce Store

The WPML plugin is a very popular premium translation plugin for WordPress. It has an easy-to-use interface, allows you to connect your site to third-party translation providers, and can even provide automatic machine translation.

Firstly, you need to sign up for an account on the WPML website. You’ll need the multilingual CMS plan for translating WooCommerce.

Then, you need to install and activate the WPML plugin.

Upon activation, click the ‘Register Now’ link that you will see on your plugins page. Then, you need to enter your site key. You will find this under your account on the WPML website.

Entering the site key for WPML

Next, visit the Plugins » Add New » Commercial page.

Here, it’s easy to install the other WPML plugins you need. These are:

String Translation
Translation Management
Media Translation
WooCommerce Multilingual

Simply check these 4 plugins in the list.

The Commercial page in the Add New Plugin section of your admin dashboard

Then, scroll down and check the ‘Activate after download’ box. Next, go ahead and click the Download button. Your plugins will be automatically downloaded, installed, and activated for you.

Select to activate the plugins after download

You should see an ‘Operation complete’ message.

Now, visit the WPML » Languages page in your WordPress admin. This will show the WPML setup options.

You need to choose the language for your current content, then click the Next button.

Selecting your content language

Now, it’s time to choose the languages to enable for your site. Just check the box next to the ones that you want to use.

Selecting your translation language(s)

The language options on your site will appear in a language switcher.

WPML will ask you to choose an order for the languages. You also need to choose what to do if a translation is missing for a certain page or product.

Choosing the order of languages for the language switcher

Below this, you can add the language switcher to your navigation menu. Alternatively, you can add it to a widget or the footer area of your website.

Lastly, you have the option to link to translations at the top or bottom of your content. If you enable this option, you can choose how these translation links will look. You will also see a preview.

Tip: This text will appear along with the description for your product and on your site’s pages, not just on blog posts. You can change the text to ‘This content is also available in’ or similar.

Setting up the translation links for your posts

When you’re done, click the Next button to move on.

WPML will then ask you whether you want to send themes and plugin information to WPML.org. This can help speed things up if you need support.

Enabling compatibility reporting for WPML

Now, you need to enter your site key if you didn’t do so before. If you’ve already entered it, simply click the Next button.

Then, you will see some recommendations for other components to install. If you didn’t already install and activate the extra WPML plugins earlier, you can do so here.

Then, click the ‘Skip and Finish’ link to close the setup wizard.

You should now see the WooCommerce Multilingual setup wizard. Just click the ‘Let’s continue’ button to start setting up your WooCommerce store translations.

Getting started with the WPML WooCommerce setup

First thing, you will be prompted to create missing translations for your store pages. Just leave the ‘Create missing translations’ box checked and click to continue.

Creating the missing translations for the different language versions of your store page

On the Global Attributes tab, simply click the Continue button.

WPML will ask you if you want to enable several currencies. If you do, check the ‘Enable the multi-currency mode’ box before clicking the Continue button.

Enabling multicurrency options for WooCommerce

Under Translation Options, WPML will ask you whether you want to show products even if they’re not translated. Choose whichever option you prefer then click the Continue button

Selecting whether or not products should display without a translation

On the next tab, just go ahead and click the ‘Close setup’ button.

Next, visit the WooCommerce » WooCommerce Multilingual tab in your WordPress admin. You should see your list of products in the product table. There will be a new column that shows the languages you selected when setting up WPML.

Viewing your table of products on the WooCommerce Multilingual page

To translate a page, simply click the + icon for your chosen language. You will then see the product translation screen. You can copy fields from the original or simply type in the translated text.

The suit jacket product page, translated into French

Below this, you can also translate any other text for the product.

Once you’ve finished the translation, scroll to the bottom of the page. Here, you need to check the ‘Translation is complete’ box and then click the ‘Save & Close’ button.

Now, you will see your list of products again. The + icon for your translated product and language has turned into a pencil icon. You can click this to edit the translation.

Editing the translation that you've created

Now, you can go ahead and translate your product into the other languages in the same way. We translated our suit jacket product page into French, German, Italian, and Spanish.

To add images to your translated pages, visit the WPML » Media Translation page on your WordPress admin.

Then, click the + icon for your chosen image. You will see a popup where you just need to type in the name for the image. You could also select a different image to use for the translated version.

When you’re ready, click the ‘Save media translation’ button.

Translating the Winter Coat image

Tip: To translate your product categories, simply click on the ‘Categories’ tab and translate them in the same way as your products.

After you’ve translated your product, users can view it in their own language on your website. WPML will automatically translate WordPress-generated text like ‘Add to cart’ into the user’s language, too.

Viewing the translated page on your WooCommerce site

Automatically Translating Your WooCommerce Store Using WPML

If you don’t want to create the translations yourself, there are lots of other options.

You can add other users as translators, use a translation service, or translate content automatically. To do this, simply visit WPML » Translation Management in your WordPress dashboard.

Firstly, you need to run through the setup wizard. This allows you to choose who will translate your site. If you want to let other users translate content, or if you want to use a translation service, you can do that here.

We’re just going to use the automatic translation on our site.

Choosing who will translate your content

Next, you will see some details about the Advanced Translation Editor. Lust click to continue. You will then see a Summary, where you just need to go ahead and click the ‘Done!’ button.

After that, you will be taken to your translation management dashboard.

Here, you need to click on the ‘Translation Tools’ tab then the ‘Sign up for free’ button to set up automatic translations.

Signing up for automatic translations

Tip: You get 2,000 words/month of machine translation for free.

You will then be prompted to enter your billing details.

When you’ve done that, click on the ‘Translation Dashboard’ tab. Here, you need to select all the items to automatically translate.

First thing, you need to choose ‘Product’ from the content type dropdown, then click the ‘Filter’ button to show just your products.

Next, simply go ahead and check the box next to your chosen items. You need to check the box to translate the image, too.

Select Products from the dropdown

Below this, select the languages to translate your products into. This will default to all languages. Now, simply click the ‘Add selected content to translation basket’ button.

Adding your chosen product pages to your translation basket

You will now see a new Translation Basket tab. Go ahead and click on this. After that, check that the content you want to automatically translate is correctly listed here. Once you’ve done that, simply click the ‘Send all items for translation’ button.

Sending your products for translation

Your content will be prepared and sent. You will see a popup letting you know that the media files have been sent for translation. Just click Continue here.

Now, simply click on the Translation Tools tab and automatically translate your content.

Then, select everything you want to translate then click the ‘Translate automatically’ button.

Click to automatically translate your selected content

You will now see a message letting you know that the jobs have been added to the queue for translation.

You can click on the Translation Jobs tab to check that your translations have been completed. To edit any of the automatic translations, use the WooCommerce » WooCommerce Multilingual page.

The translated pages are also already live on your site, too.

You can now visit your WooCommerce store to see the translated pages.

We hope this article has helped you learn how to translate your WooCommerce store.

Translating your WooCommerce site (2 different methods)

How to Translate Your WooCommerce Store (2 Ways) P1

Have you ever thought about translating your WooCommerce store into other languages?

Often new store owners think that they’d need a separate website for each language. That’s not true. You can easily translate your existing WooCommerce store into other languages.

In this guide, we’ll show you how to translate your WooCommerce store using two different methods.

Translating your WooCommerce site (2 different methods)

Why Translate Your WooCommerce Store?

According to a recent study, 75% of customers prefer to purchase products in their native language.

Viewing product information in their local language helps customers make the decision faster. This also creates a better customer experience which results in more sales.

Translating your online store into several languages is particularly helpful in the following scenarios:

You ship internationally and the majority of your customers speak other languages.
You sell digital products which are available in several languages.
You are targeting audiences in multiple countries and regions where English is not the native language.

The best way to translate your WooCommerce store is by using a WordPress multilingual plugin.

We’re going to share two different WordPress plugins that can do the job well.

Method #1: Using TranslatePress to Translate your WooCommerce Store

TranslatePress is the best translation plugin for WordPress available. It allows you to easily translate the text on your site through a point and click interface.

Firstly, you need to install and activate the TranslatePress plugin.

Note: You can use the free version of TranslatePress to translate your site into 1 other language. For unlimited languages, you need the Pro version of TranslatePress.

Upon activation, you then need to install and activate the Extra Languages add-on for TranslatePress. Simply download this from your TranslatePress account.

After activating the Extra Languages add-on, navigate to the Settings » TranslatePress page in your WordPress admin. Here, you need to click on the License tab to enter your license key.

You will find your license key in your account area on the TranslatePress website. Just copy and paste it into the box then click the Activate License button.

Entering your license key for TranslatePress

Then, click on the General tab. Here, you need to check that your default language is set correctly. You also need to choose the additional language(s) to use for your store.

To add a language, select it from the dropdown list and then click the Add button next to it.

Adding language options to your site using TranslatePress

Go ahead and repeat this process for all the languages you want to use for your store.

You can also customize other settings here. For exmaple, you can select how to display the language selector on your site. There are a lot of different options to choose from.

After you’ve made the changes, click on the ‘Save Changes’ button at the bottom of the screen.

Choosing your language picker options and saving your changes in TranslatePress

Now that you have configured basic settings, let’s start translating your store. Simply click on the Translate site tab at the top to launch the translation editor.

Launch translation editor

The translation editor in TranslatePress, will show a live preview of your website to the right and the translation panel in the left column.

The Translation Editor in TranslatePress

Go ahead and click on any links here to move to different pages of your site. In the preview panel, you can simply take your mouse to the text you want to translate and then click the Blue pencil icon to edit it.

You will then see the translation pane on the left-hand side of the screen. You can just type the translations here for that text. You can do this for any or all of your site’s languages.

When you’ve finished, don’t forget to click the ‘Save translation’ button at the top of the screen.

Create and save your translation in the Translation Editor

Now, go ahead and visit your website to see your translated product. Simply click on the language switcher and change it to your desired language.

The text that’s created automatically by WordPress and by your plugins should be automatically translated.

Note: You can create your own translation for this text if you want. Text created by WordPress or plugins is shown with a green pencil icon in the TranslatePress translation editor.

The Blue Hat page, partially translated into French

You can carry on translating the rest of your WooCommerce product page, and your site’s text in the translation editor.

Tip: You can also automatically translate your website using TranslatePress and Google Translate. To do this, you need to create a Google Cloud account and set up an API key.

To set up automatic translations, visit the Settings » TranslatePress » Automatically Translate page. You need to choose Yes for ‘Enable Automatic Translation’ then fill in your Google Translate API key.

If you don’t want to go through the process to create an API key, you could use Google Translate manually. To do this, simply copy sections of text into Google Translate then paste the translation into the translation editor.

To be continued

How to Enable GZIP Compression in WordPress (3 Ways)

Need to enable GZIP compression in WordPress? GZIP compression makes your website faster by compressing the data and delivering it to the user’s browsers much quicker.

A faster website enhances user experience and brings in more sales and conversions for your business.

In this guide, we’ll show you exactly how to easily enable GZIP compression in WordPress.

Enabling GZIP compression in WordPress

What is GZIP Compression?

GZIP compression is a technology that compresses data files before it is sent to users’ browsers. This reduces the file download time which makes your website faster.

After the compressed data arrives, all modern browsers automatically unzip the compressed files and display them. GZIP compression doesn’t change how your website looks or functions.

It just makes your website load faster.

GZIP is supported by all popular web browsers, server software, and all best WordPress hosting companies.

How does GZIP compression work?

Gzip compression uses compression algorithms that work on website files like HTML, CSS, JavaScript, etc. When a user requests a page from your website, the algorithm sends the output back in a compressed format.

Depending on data size, the compression can reduce file sizes by up to 70%.

This is why most website speed test tools like Google Pagespeed Insights highly recommend enabling gzip compression. These tools will also show a warning if gzip compression is not enabled onn your website.

Pagespeed Insights

Note: By default, Gzip compression does not compress images or videos. For that you’ll need to optimize images for web on your WordPress site.

Why Need to Enable GZIP Compression in WordPress?

Plain raw data takes longer to download which impacts your page load speed. If lots of users arrive at the same time, then it will further slow down your WordPress website.

Using GZIP compression enables you to efficiently transfer data, boost page load times, and reduce the load on your website hosting. It is an crucial step in improving your website speed and performance.

Now, you might think that GZIP sounds very technical and complicated. However, there are lots of WordPress plugins that make it super easy to add GZIP compression on your WordPress website.

In some cases, you may even have GZIP already enabled by your WordPress hosting company.

Bluehost an officially recommended WordPress hosting provider automatically enables GZIP compression on all new WordPress sites.

To test if GZIP is enabled on your site, simply visit this GZIP tester and enter the URL of your site. If GZIP is working on your site, you will see a ‘GZIP Is Enabled’ message.

Using a GZIP test tool to see that GZIP is enabled on the specifed website

If you need to add GZIP compression by yourself, then you can use any of the following methods to do so:

Enabling GZIP Compression with WPRocket

WP Rocket is the best caching plugin for WordPress in the market. It is super easy to use and turns on all the essential speed optimization features out of the box, including GZIP compression.

First thing, you need to install and activate the WP Rocket plugin.

Upon activation, your license key should be automatically activated for you. You can check this by navigating to the Settings » WP Rocket page in your WordPress admin.

You should see a message letting you know that WP Rocket is active and working.

The message showing that WP Rocket is active and working on your site

WP Rocket automatically enables GZIP compression for you if you’re using an Apache server. Most WordPress web hosting providers use Apache for their servers. You don’t need to take any extra steps.

Enabling GZIP Compression with WP Super Cache

WP Super Cache is a free WordPress caching plugin available. It is also a great way to enable GZIP compression on your WordPress site.

Firstly, you need to install and activate the WP Super Cache plugin.

Upon activation, visit the Settings » WP Super Cache page » Advanced in your WordPress dashboard. Then, simply check the box ‘Compress pages so they’re served more quickly to visitors’ box.

Check the box to compress pages

You then need to scroll down the page and click the ‘Update Status’ button to save your changes. WP Super Cache will now enable gZip compression on your WordPress website.

Enabling GZIP Compression with W3 Total Cache

W3 Total Cache is another amazing WordPress caching plugin. It’s not quite so user-friendly as WP Rocket, but there’s a free version. This makes it a good option if the costs of creating a WordPress site are adding up.

First thing, you need to install and activate the W3 Total Cache plugin.

Upon activation, GZIP compression will be automatically enabled on your website. You can check or change this by navigating to the Performance » General Settings page in your WordPress dashboard.

Scroll down this page to Browser Cache and make sure there is a check in the Enable box:

Make sure the browser cache box is checked

Remember to click the ‘Save all changes’ button if you make any changes.

Checking that GZIP is Enabled on Your Website

After enabling GZIP, you may notice that your website pages load a bit faster. However, if you want to check that GZIP is running, you can just use a GZIP checker tool.

Using a GZIP test tool to see that GZIP is enabled on the specifed website

We hope this article has helped you learn how to enable GZIP compression in WordPress.

How to Add Sample Data in WooCommerce (with Product Images)

Do you want to add some sample data in WooCommerce?

If you are running a new online store, then you may want to add some sample product data to see how it would look. This can also help with testing before going live.

In this guide, we’ll show you how to easily add sample data in WooCommerce with product images.

Adding sample data in WooCommerce

Why Add Sample Data in WooCommerce?

Using dummy data in WooCommerce allows you to see how your WooCommerce store looks with actual products in place.

You can test your WooCommerce theme, try essential WooCommerce plugins, and set up your store without adding your own products.

Adding dummy WooCommerce products lets you provide a better customer experience in your store when you go live with real products.

Setting Up Your WooCommerce Store for Sample Data

If you haven’t yet launched your WordPress website, then you need to get suitable WooCommerce hosting.

Adding Sample Product Data in WooCommerce

Now that you have installed WooCommerce, let’s add some sample product data to your store.

Firstly, you need to go to the Products » All Products page in your WordPress admin area and click on the ‘Start Import’ button.

Click the 'Start Import' button to import sample data into WooCommerce

You will then see the product importer page. From here, you need to click on the ‘Advanced Options’ link to expand the settings.

Click the Show Advanced Options link in order to see more fields

Next, you just need to copy and paste the following URL path into the box for a CSV file on your server.

wp-content/plugins/woocommerce/sample-data/sample_products.csv

Entering the URL path of your product sample CSV file

That URL goes directly to the sample product data that comes with the WooCommerce plugin. This is the quickest method to add the sample data.

Another method is to download the sample_products.csv file from your website and then upload it again. Simply go to the following URL:

https://example.com/wp-content/plugins/woocommerce/sample-data/sample_products.csv

Remember to replace example.com with your own domain name. Your browser will automatically download the CSV file to your computer, which you can then upload on the product importer page.

After you have uploaded the CSV file, you will be prompted to choose how to map the data to the product fields in WooCommerce.

We recommend leaving all these settings as the defaults and click on ‘Run the importer’ button at the bottom.

Click the 'Run the Importer' button to go ahead and import the test product data

The WooCommerce importer may take a minute or two to import dummy content. Once it has finished, you will see an ‘Import Complete’ message. You can then click on the ‘View products’ button to see all the imported content.

The message showing that the WooCommerce product import is complete

The sample WooCommerce products will show up just like regular products.

The sample products are now shown in the product table

You can then edit these just like any WooCommerce products, preview them with your WooCommerce theme, and try out different WordPress plugins.

Creating Sample Orders in WooCommerce

WooCommerce doesn’t include a sample order generator. The easiest way to create dummy orders in WooCommerce is to simply go through the checkout process yourself.

It’s easy to do this without spending any money and without changing the prices of your products.

Simply navigate to the WooCommerce » Settings » Payments page in your WordPress admin and enable the ‘Cash on delivery’ payment option. Don’t forget to click the Save Changes button.

Enabling cash on delivery in WooCommerce

Then, you need to visit your store and order some of the dummy products. You’ll then see your orders on the WooCommerce » Orders page.

Viewing your sample orders in WooCommerce

You can create as many sample orders as you want.

How to Remove the Sample Data in WooCommerce

Once you’ve finished using your sample data, you can delete the dummy products and orders.

To delete orders, visit the WooCommerce » Orders page in your WordPress admin. Here, you simply need to choose all the orders and use the ‘Bulk actions’ menu to move them all to the trash.

Just select ‘Move to trash’ from the dropdown then click the Apply button.

Moving your sample orders to the trash

To remove products, visit the Products » All Products page in your WordPress admin. Again, simply choose all the products then use the ‘Bulk actions’ menu. Go ahead and select ‘Move to trash’ then click the Apply button.

Moving your sample products to the trash

We hope this article has helped you learn how to add sample data in WooCommerce.

Fixing the File type is not permitted for security reasons error in WordPress

How to Fix “Sorry, This File Type Is Not Permitted for Security Reasons” Error in WordPress

Seeing ‘Sorry, this file type is not permitted for security reasons’ error in WordPress?

You can upload most common file types in WordPress without any error. However, you may see this error if the file type is not supported by WordPress.

In this guide, we will show you how to easily fix ‘Sorry, this file type is not permitted for security reasons’ error in WordPress.

Fixing the File type is not permitted for security reasons error in WordPress

What Causes the “Sorry, This File Type Is Not Permitted for Security Reasons” Error?

The error “Sorry, this file type is not permitted for security reasons” occurs when you try to upload a file type that WordPress does not support.

You may have seen this error message appear when trying to add a new file in your Media Library.

Uploading a file in Media Library that shows the file not permitted security message

For security reasons, WordPress limits the file types you can upload through your WordPress admin. The permitted file types include all common images, video, document, and audio formats.

One solution to fix this issue is to upload the files through FTP or your WordPress hosting file manager section.

However, it is not as convenient as using the built-in WordPress media library.

So let’s see how to fix the “Sorry, this file type is not permitted for security reasons” error in WordPress.

Check and Fix the File Type Extension Spelling

If you are trying to upload a common file type that you have previously uploaded without seeing this error, then it is likely that you might have misspelled the file extension.

A file extension is the 3 or 4 letter filetype suffix that appears at the end of file names on your computer. For example, an image file may be named holidayphoto.png where holidayphoto is the file name and png is the extension.

These extensions are used by many programs and applications including WordPress to recognize file types. Following are the default file types and extensions allowed by WordPress:

Images: .png, .gif, .jpg, .jpeg, .ico
Documents: .pdf, .doc, .docx, .xls, .xlsx, .ppt, .pptx, .pps, .ppsx, .odt, .psd
Audio: .wav, .mp3, .m4a, .ogg
Video: .mp4, .m4v, .mpg, .mov, .wmv, .avi, .ogv, .3gp, .3g2

Tip: Although you can upload videos to WordPress, we always suggest uploading your videos to a video hosting site instead. This helps protect your website’s speed and performance.

When you get this error, the first thing we recommend is checking the file extension to be sure it is correct. Sometimes, you may accidentally delete a file name extension or mistype it while editing or saving a file on your computer.

On Windows 10, you can easily check file extensions. Simply open the folder that contains your file and click on the ‘View’ link at the top of the window. From there, you need to check the ‘File name extensions’ box.

Setting file extensions to display after your filenames

After checking that box, you will now see the extension after file names.

The file extension is now displaying

Note: This will show the extension for all files on your computer, not just the ones in this folder.

Mac users can view file extensions by opening the Finder app and visiting Finer » Preferences from the top menu.

Show file extension on Mac

This will bring up the Preferences popup where you need to click on the ‘Advanced’ tab and make sure that the box next to ‘Show all filename extensions’ option is checked.

Now that you can view the file name extensions, locate the file you were trying to upload and make sure it has the correct extension.

If the extension is incorrect, then you can simply right-click and choose the ‘Rename’ option to change the file name and add the correct extension.

Allow New File Types in WordPress with the File Upload Types Plugin

If you are uploading a file type that is not supported by WordPress, then you can still upload it by adding it as a supported file type.

The File Upload Types plugin is the simplest way to fix the “Sorry, this file type is not permitted for security reasons” error. This was co-created by WPBeginner’s founder, Syed Balkhi.

Firstly, you need to install and activate the File Upload Types plugin.

Upon activation, visit the Settings » File Upload Types page in your WordPress admin area. Then, simply type your file type into the search box.

Then, check the box next to the file type(s) that you want to enable and click on the ‘Save Settings’ button at the bottom of the screen to store your changes.

Enabling your chosen file type in File Upload Types

Next, go ahead and return to the media library. You will be able to add your file(s) without getting an error message.

Successfully uploading your file without getting a security error message

Keeping Your WordPress Site Secure When Permitting Additional File Types

The reason WordPress blocks many file types is to help keep your WordPress website secure.

When you enable additional file types, we strongly advise that you take some security measures to protect your site.

You should:

Limit non-registered users, so they can only upload the file types that they need to upload. The best way to do this is with a file upload form.
Use a WordPress security plugin to monitor your site for vulnerabilities.
Regularly scan your WordPress site for potentially malicious code.
Consider limiting the size of uploaded files to prevent users from uploading large files that may contain malware.
Add user activity logging, so you have records of which user uploaded which file

We hope this article has helped you learn how to fix the “Sorry, this file type is not permitted for security reasons” error in WordPress.