In this video tutorial, we follow through the steps of customizing WooCommerce product page templates without coding.
Do you want to customize your WooCommerce product pages? You’re in luck!
Elementor makes it that much easier to visually drag & drop different elements of your product pages, customizing the design however way you like.
In the past, these sort of WooCommerce design tutorials involved dozens of lines of code.
Luckily, those days are over – thanks to Elementor WooCommerce Builder.
Now, you get full control over your product page design and layout with the power of Elementor Pro. No need to incorporate actions or hooks, or delve into the various PHP files. Every design customization is done right from the Elementor editor.
With Elementor, you can play around with the layout of the product page template however you like. In this guide, you will learn to create this product page design:
Because you’ll be using Elementor’s single product template, once you finish creating the template you’ll be able to apply it across your products, as well as for specific categories or other conditions.
In this tutorial, the focus is on customizing the product page, so we’ll skip the basic WooCommerce setup and adding of product. Kinsta has a great tutorial on the
This is why CSS Grid & Flexbox are powerful platforms and why they're very much recommended by experts
Flexbox and CSS Grid have both provided web property developers with more convenient ways to do website design from scratch. The amount of control that they give to developers, particularly when customizing and styling complex web pages, is unprecedented and instrumental. More importantly, both these platforms are vital for ensuring that your website would always be able to adhere to responsive design guidelines. Often, comparisons are made between CSS Grid and Flexbox. While there are noticeable differences, what’s sure is that both are reliable and actually work extremely well if used together.
Advantages of Flexbox & CSS Grid
Avoids dependence on third-party libraries
CSS Grid and Flexbox were invented and developed to overcome a major hurdle prevalent in standard CSS layout system: the overreliance on third-party libraries. These libraries were often used to make up for the features that web developers have found to be lacking in the system. These third-party libraries were usually utilized to perform steps that are practically no longer needed to be done thanks to CSS Grid and Flexbox.
CSS Grid, after all, has its own grid layout system, which basically makes it easier
Create and upload your WordPress database backup to Amazon S3, to a remote machine via SCP or to your local machine in some directory, all done from command line tool.
As a developer who is very sensitive about performance, I never (mostly) used any backup plugin those depends mostly upon WordPress cron and tries to backup and upload to the same server or a remote server without offloading from the main PHP process. To me, it feels like I’m slowing down the server by relying on backing up a site on PHP FPM. It could be done more efficiently from command line using tools like mysqldump, gzipping it and copying to any location you would like. Because it’s supposed to work like that, I never liked any backup plugin (I can’t speak for every backup solutions out there, but most plugin does). Although VaultPress bridges the gap between both of two worlds by backing up normally and using SSH, but it’s costly. Well, not that much, but still you require to opt-in to their monthly payment plan.
Till now I’ve been using bash scripts to backup my sites, but those also require you to manually edit and put the server locations where to store the backup and they aren’t all purpose scripts. So I built a new one – wp-db-backup. It’s just like another command line utility that lets you do whatever you want without touching
In this post, we’ll look at a number of stellar plugins, and discuss what makes them so great. Before that, though, let’s give you some advice on how to choose a top-drawer plugin
WordPress and plugins go hand in hand. However, because there are literally thousands available, it’s incredibly tough to whittle them down to the most essential. Once you have that list, you’ll need to skim off the cream of the crop in order to run a site that’s stable, secure, and ultimately functional. It’s a good idea to think of the different ‘categories’ you’ll need, and work from there. For example, you’ll likely want to carry out some Search Engine Optimization (SEO), which may also include reducing the loading time of your site using caching or image optimization. As such, you’ll eventually have a framework in order to pick the very best plugins currently supported by the latest version of WordPress.
In this post, we’ll look at a number of stellar plugins, and discuss what makes them so great. Before that, though, let’s give you some advice on how to choose a top-drawer plugin!
What to Look for in a Quality WordPress Plugin
As we’ve intimated, choosing a plugin isn’t all about picking the first one you come across. In fact, there are a few key criteria that you’ll need to consider. For example:
After several years of working on WordPress and accessibility and being part of the accessibility team, Rian Rietveld has taken the very difficult decision to leave the WordPress accessibility team. Here she explains why she have made this decision and how she hope things can improve for the future.
This post is written with the Gutenberg editor version 3.9.0. Disclaimer: This post is my opinion and mine alone.
After several years of working on WordPress and accessibility and being part of the accessibility team, I have taken the very difficult decision to leave the WordPress accessibility team. I owe it to the team to explain why I have made this decision and how I hope things can improve for the future.
The last year, especially the last few weeks have been too politically complicated for me. It’s better that someone else takes the lead now.
In this post I’ll try to give an analysis of what the WordPress Accessibility Team (wpa11y team) did during the development of Gutenberg and what the problems are with working on its accessibility.
When the development of Gutenberg started, the wpa11y team followed its progress and tested what was there. And we discovered there is much to improve. So Andrea Fercia started to open tickets and tried to find solutions. And that was a huge task.
We had four big problems:
The codebase of Gutenberg is difficult for all of us, because no one in the wpa11y team is a skilled REACT developer. So it was hard to implement
We’re going to discuss the seven most crucial activities to track on your site. From content changes to failed login attempts.
When your WordPress website is small, it’s easy to keep tabs on everything that happens within it. However, as it grows in size and complexity it can become a lot harder to keep up. This is particularly true if you enable users to register on your site, run a membership site, or have multiple contributors on it. Regardless, it’s vital to know what’s happening on your site at all times. You can do this by tracking user activity such as changes to content, profile updates, failed logins, and more. When you have information like this at your fingertips, you can quickly track down the source of any problems and maintain tight security.
In this post, we’re going to briefly talk about why you’d want to track your WordPress site’s activity. Then we’ll help you figure out what types of activity it’s most important to keep an eye on. Let’s jump right in!
Why It’s Crucial to Use a WordPress Activity Log
An activity log can help you keep tabs on important changes to your site.
If your website has only a single user – you – there should be no surprises. Unless your site has been hacked (which we’ll talk more about later),
This article will help WordPress product owners understand whether the freemium business model is the right way to go for their specific product, while also exploring the other popular models that currently exist.
Can the freemium business model benefit your commercial product in the WordPress ecosystem, i.e. help you sell more premium licenses? This article looks into the 3 most popular business models in the open-source ecosystem and specifically breaks down the arguments for and against the freemium business model in WordPress. Let’s try to understand if freemium is the right business model for your WordPress product! What Is a Freemium WordPress product?
Okay, so first thing’s first – let’s start by defining what a freemium WordPress product is:
A “freemium” WordPress product is a plugin or a theme that, in addition to their free version, offersif you either paid add-ons or a premium version/service (like support).
After establishing a basic definition, which I believe most would agree with, I’d like to take a look at the advantages and the disadvantages of choosing the freemium business model for your WordPress products over the other available models. But first:
What Are Your Options As A WordPress Developer?
Let’s take a quick look at the 3 most common options WordPress developers go about distributing their products:
Free WordPress Products
A short tutorial on how to translate any type of Gutenberg blocks using TranslatePress.
Translating Gutenberg blocks is really straight forward by using TranslatePress. In this tutorial we’ll focus on how to translate Gutenberg blocks of any type, including headings, paragraphs with different formatting, quotes, lists, buttons and more. Gutenberg is the new editor for WordPress, which will make it to core in WordPress 5.0, and has a strong impact on the whole publishing experience. It seeks to make it easy for anyone to create rich, flexible content layouts.
Gutenberg blocks are a great tool for building and styling different types of content, without having to write a single line of code. If you’re looking to make your site available in multiple languages, you need a simple way to translate the content from each Gutenberg block.
How to Translate Gutenberg Blocks
To enable Gutenberg simply install and activate this free plugin.
Now let’s add a new post that contains some of the most popular Gutenberg blocks.
As you noticed I added a paragraph with formatting, multiple headings, a quote block, a list and a button.
All that’s left is to download and install TranslatePress and translate each one of them. For this example we’ll add French as a
A quick interview with the creator of the popular plugin Widget Options Jeffrey Carandang.
Hi could you tell us a little about yourself and background? My name is Jeffrey Carandang, also known as `phpbits` in the WordPress community. I am the creator of Widget Options, one of the top-rated WordPress plugins in the directory with more than 60k active install. I do have other awesome free plugins which you can see here: https://profiles.wordpress.org/phpbits#content-plugins I’ve been creating and supporting plugins full-time for more than 3 years now.
When did you first stumble upon WordPress?
I discovered WordPress in 2010 when I was in college. Back then, I was freelancing at Odesk and saw a lot of WordPress job posts and decided to take a look at them. I’ve been working on WordPress since then.
What product / website of yours are you most proud of and why?
I’m very proud of Widget Options because it’s the best plugin I’ve created so far. Being able to get positive reviews from customers is one of the best rewards a developer/creator can get. It’s also one of the main reasons why I’ve become known in the community.
Have you had any epic fails so far that you’d like to share with us?
Yes for sure! Lots of us probably did. It’s
Dynamic sites are a bit more complicated than just "simple" sites and they require more attention when it comes to hosting.
One of the big reasons that so many people love WordPress is that you can use it to create pretty much any type of website. From blogs to eCommerce stores to membership sites, WordPress can do it all. But…the same can’t be said for the average WordPress host… While pretty much any host can handle a simple WordPress blog or brochure site, WordPress sites that rely more heavily on dynamic content, like eCommerce stores or membership sites, require a more detailed approach to hosting and optimization if you want them to perform well.
For example, you’ll hear horror stories of the WooCommerce dashboard that takes minutes to load or run reports. Or the online course content that takes forever to load and frustrates course-takers.
To help you avoid that being your site, we’re going to dig into 9 tips for hosting dynamic WordPress sites like:
eCommerce stores built with WooCommerce or Easy Digital Downloads;
Membership sites built with any one of the many quality membership plugins out there;
Online courses built with LMS plugins;
Social networking sites based on BuddyPress, PeepSo, or others;
Forums built with bbPress or BuddyPress.
Three Big Reasons Why Dynamic
Gutenberg is right around the corner and your themes should be prepared! In this tutorial you’ll learn how to properly style Columns in Gutenberg.
WordPress 5.0 is quickly approaching, and the new Gutenberg editor is coming with it. There’s been a lot of discussion in the WordPress community over what exactly that means for users, designers, and developers. And while Gutenberg is sure to improve the writing experience, it can cause a bit of a headache for developers who now need to ensure their plugins and themes are updated and compatible. One of the clearest ways you can make sure your theme is compatible with WordPress 5.0 and Gutenberg is to add some basic styles for the new blocks Gutenberg introduces. Aside from the basic HTML blocks (like paragraphs, headings, lists, and images) that likely already have styles, you’ll now have some complex blocks that you probably haven’t accounted for, like pull quotes, cover images, buttons, and columns. In this article, we’re going to take a look at some styling conventions for Gutenberg blocks, and then add our own styles for Gutenberg’s Columns block.
Block naming conventions
First things first: how are Gutenberg blocks named? If you’re familiar with the code inspector, you can open that up on a page using the block you want to style, and check it
Using nulled plugins are not illegal however not the best idea is your business relies on your WordPress sites. Also, you are not supporting the plugin developers.
No one likes spending more money than necessary – it’s a human thing. Even one of the richest people in the world, Warren Buffet, still searches out discounts on the cars he buys (ok, maybe that’s an extreme example – you get the idea). Because people are always on the lookout for ways to cut costs, some WordPress users are tempted to turn to nulled WordPress plugins and themes instead of paying for the official premium version.
In this post, we’re going to tell you why using nulled WordPress plugins and themes is a bad idea…even if it’s not necessarily breaking any laws.
Nulled WordPress Plugins and Themes Aren’t Necessarily Illegal
Let’s start with the elephant in the room…
It’s unlikely that the FBI kicks down your door if you use nulled WordPress plugins or themes. That’s because, in contrast to the other content that people usually “pirate” (e.g. music, movies), nulled WordPress plugins and themes are often not breaking the law.
The reason here has to do with the GPL (General Public License). Without making this a lesson on copyright, you just need to know that part of what the GPL license allows
Cookies were first invented in 1994 by a computer programmer named Lou Montulli. Without them, the web would be quite a different place. Whether your logging into the back-end of your WordPress site or closing an annoying popup window, you use and interact with cookies every day (even if you don’t realize it). By now, you’ve probably guessed that when we refer to cookies, we mean the cookies used to store important visitor information on a website, not the yummy chocolate chip kind.
Yoast is a great tool for SEO. What happens when you have green dots all the way down, but you still aren't ranking in Google? Here's a few reasons you might not be on page one of Google.
John Locke is a SEO consultant from Sacramento, CA. He helps manufacturing businesses rank higher through his web agency, Lockedown Design & SEO. If your website is built on WordPress, you have probably used the Yoast SEO plugin.
Yoast SEO is the number one SEO helper plugin for WordPress, (and they also have a module for Drupal). Here’s how it works.
For each page or article you edit, you set a focus keyword phrase. Yoast SEO gives you an overall score for Readability and SEO.
Green dots mean “good”, orange dots mean “OK”, red dots mean “needs improvement”.
You also get a breakdown of individual areas that fall under the red, orange, and green dots. (There will be a screenshot further down of what this looks like in the back end.)
So here’s the question that I hear most often from other Yoast users:
“I have green dots in Yoast. So why am I not ranking higher in Google?”
I understand why there’s confusion. Isn’t Yoast supposed to help you rank higher?
It can, but with an asterisk.
SEO is a black box inside a moving target, and there is no transparent formula to ranking number one in Google.
But I’m here
First up, Gutenberg is entering the final development phase and is almost ready for its first release candidate version. Beyond that, the official AMP plugin was upgraded and optimized towards a more user-friendly interface, while our own Pirate Forms moved on to become part of WPForms. And if you like dark interfaces, “dark mode” might be coming to WordPress!
AMP for WordPress Plugin to Introduce User-Friendly Theme Support Settings in Upcoming 1.0 Release Google’s open-source project AMP (as in Accelerated Mobile Pages) will get significant improvements in the upcoming release. This should be great news because the official WordPress plugin is used on more than 300,000 websites. The new features AMP for WordPress aims to introduce are extended theme support and a more user-friendly settings approach. This re-orientation is essential since, in the first stages, the tool was primarily built for developers, and hence required non-intuitive actions from regulars users.
In the forthcoming version, users can enable native AMP or Paired mode on the settings page; moreover, the beta release adds granular controls for selecting supported templates. And these are not the only changes in the plugin’s functionality.
The 3-year-old tool aims to improve your website’s mobile performance and is used on 25 million domains worldwide (beyond WordPress). We’re using it on this very blog too.
After weighing pros and cons, Page Builder Sandwich moved to monetize their WordPress product with Freemius in January 2017. They wrote this article explaining why and how.
When Page Builder Sandwich was launched in 2016, we were using Easy Digital Downloads. In 2017, we moved to Freemius. Here’s why we switched: What is EDD and why did we choose it?
Easy Digital Downloads (EDD) is a popular self-hosted eCommerce / WooCommerce alternative for WordPress. Out of the box, you can’t really sell a WordPress product using EDD, but its Software Licensing extension makes it perfect for selling plugins. The extension handled the creation and verification of license keys, too.
EDD also worked well because it allowed customers to purchase our product directly from the website, while also giving them their own account page where they can log in and view their purchase history.
Since it worked well, and since we’re a big fan of Pippin Williamson, this was Sandwich’s first option.
How does it work compared to Freemius, and when did we switch?
In 2016, Vova Feldman, lead developer and co-creator of Freemius, emailed us a rundown of Freemius, explaining that it’s more than an eCommerce solution — It provides other features like analytics and insights solution, a marketing automation tool, and built-in support tool so customers could
The WordPress Plugin Directory has over 56K plugins, many of them have entire eco-systems built around them with solid business models. Up until now you could not simply link to the plugin page or add additional visual presentation, but nothing more. But now you can easily “oEmbed” plugin URLs to present a visual representation of the plugin.
The WordPress Plugin Directory has over 56K plugins, many of them have entire eco-systems built around them with solid business models. Up until now you could not simply link to the plugin page or add additional visual presentation, but nothing more. But now you can easily “oEmbed” plugin URLs to present a visual representation of the plugin. How It made possible?
WordPress 4.4 (Clifford), released in December 2015, added the oEmbed functionality to all WordPress content. This feature makes all WordPress posts and pages embeddable by simply pasting URLs into the WordPress editor, making WordPress auto-display the preview of the pasted URL. Behind the scenes, each site can customize its embedded output, by adding the new embed.php file into the active theme’s folder.
When the WordPress Plugin Directory was upgraded to version 3, the bbPress-based system was dropped in favor of the upgraded WordPress system, built with Post Types and all the other builtin-features available in core, including the oEmbed functionality.
By the end on July 2018, the plugin repository added oEmbed support to plugin pages using custom embed.php file allowing everybody to auto embed plugin
Accessibility guru Joe Dolson shares his thoughts on Gutenberg's rocky road so far. It still has a long way to go in order to be accessible to all.
Rian Rietveld resigned from the leadership of the WordPress Accessibility team today. When I first started talking about Gutenberg, I touted it as a future for creating a new, more accessible experience for both authors and website visitors. I was very optimistic – nervous, and aware that this was going to be a challenge, but optimistic.
Part of what I hoped for has happened – but far from all of it. There are good things about Gutenberg. Monitoring the hierarchy of headings in your content is great. The internal color contrast testing is valuable. But there are many more important things that have not been addressed.
I’ve hardly had any involvement in the last year. The development of Gutenberg was radically different from the rest of WordPress. It’s been an exclusionary process from the beginning – requiring people to learn new tools, new ways of working with WordPress, and new languages just to have the opportunity to be involved. It’s been hugely destructive for people who have already committed a lot of time (at their own expense) to the current system. This has prevented me from being able to participate. (Along with a number of unrelated issues
If you work with WordPress and make any money with it this is your group! We discuss all things related to the CMS and how you can make a living!
This group is set up to gather affiliate marketers who...
In this podcast, we interview the maker of ACF, and analyze how he got to build one of the most successful WordPress plugins and what are the next challenges he faces.
Please explain about the Advanced Custom Fields plugin without using jargon. ACF, or advanced custom fields, is a WordPress plugin that allows you to tailor, customize, and design to your liking any kind of edit page in the back end of WordPress. Primarily it’s for adding different fields to a post, but it’s bigger than that now and you can actually add fields to users, widgets, and other kinds of data objects within WordPress.
Can you share a bit about yourself, like how it got started, how you came up with it?
My story of developing ACF has got pretty humble roots in that I built ACF because I simply needed it for the work I was doing at the time, which, back then, I was doing freelance work, freelance web design, web development. We were using WordPress, or I was using WordPress at the time, which I found out about through the client that I was working for. They already had a WordPress website, and I was gonna do some updates for them. They’d designed, or they’d had designed, this new section of their website that I think it listed out in tiles quite a few different products that they had, but they weren’t using an eCommerce plugin at the time. I don’t
A fresh batch of comics for anyone working in tech. Why you should never work with armed clients, a map of the pitfalls of product development, a sympathy card for anyone who ever lost a function during the rush to update, and a guide to the emotions of product development.
Hey guys! It’s another great day because it’s the day of tech comics! I just love the smell of tech comics in the morning, which is perhaps why I find myself waiting all month for tech comics day to roll around! But enough of me and my quirks; today, our tech comic grab bag of banter includes problems with language / weaponized clients, a map to the pitfalls of product development, a sympathy card for anyone who ever lost a function during the rush to update, and a guide to the emotions of product development.
If you like these chuckles then you’ll be happy to hear that we release a fresh batch of comics every month. Check out our archive whenever you need a boost during the day.
Once again, the lion’s share of the praise goes to our illustrator João Santos, who works with us on the ideas and the illustrations every month.
So, I think that’s just about enough from me! Let’s browse through October 2018’s tech comics. I have a favorite already, but drop us a comment and let us know which one tickled your fancy the most.
October 2018 Comics with CodeinWP: Screen-Shots, Map of Product Development, Stages of Product Creation, Deprecated Functions
Backing up your site is an essential part of running a website. There are numerous plugins and solutions in the WordPress space and this week we look at the 7 best plugins to perform the backups.
Choosing the best backup solution for your needs can be overwhelming. After all, there are so many WordPress backup plugins to choose from, all boasting different features, and sometimes different price points. But deciding which plugin to go with is not nearly as difficult as trying to recover your website should it crash because of an internal error, hacker, or some other mysterious reason.
This post contains some affiliate links. We may receive a commission for purchases made through these links. See the disclosure for more details.
Even if your hosting provider offers routine backups of your WordPress website, it’s a good idea to invest in a backup solution that you can control. That way, no matter what kind of problem your website encounters, you’ll have a full backup of your website and avoid having to start from scratch and rebuild your entire website from the ground up.
Today we’ll share with you the best WordPress backup plugins on the market to date so you can make an informed decision when it comes to choosing which solution will work best for you.
How to Choose a WordPress Backup Plugin
No matter what kind of website you run, picking a WordPress backup
Here are our picks of the most unique and beautiful sites for September 2018. Browse through them and get inspired (we wrote a short description why we liked them)
In this month’s showcase, I’m excited to feature a website created using Elementor’s Woocommerce builder. Another unique selection of ours is a recipe website that utilizes Elementor’s integration with ACF. It’s fantastic to see how quickly our community members embrace new capabilities and features that we release, and implement them successfully in their projects. We certainly hope it will inspire other users to build more advanced sites with Elementor.
So, here we go.
Let’s WP is a new blog dedicated to helping the WordPress community with valuable information. In this blog, WordPress specialists share methods and best practices to make web development more accessible.
The vivid color palette, combined with a simple blog layout, produces a friendly and inviting blog. Their use of Custom Post Fields in the blog posts enables them to share more helpful information with the readers; improves the overall user experience.
The Institute of Aesthetics is a beauty and wellness spa, as well as a training center for facial aesthetic treatments, based in Scottsdale Arizona. The designer’s use of light soothing colors, in addition to the choice of an
A post about potential problems that could arise with the new version of Font Awesome when used within WordPress themes and plugins
This blog post is mainly to draw attention to the brewing problem with using Font Awesome v5 in your WordPress Plugin or Theme. What is Font Awesome?
It’s a little CSS (or JS in v5) file that you can add to your site to be able to use lots and lots of fancy icons on your site.
What’s the problem?
There are really two problems;
1. The first (less serious) problem is a common problem with JS/CSS libraries and WordPress and can affect FA v4 not just FA v5, that is the fact that two developers might add the script and use different names so the same file gets added to the website twice. The fix to this is relatively simple and is resolved by the two devs using the same name to add the file, we use and we suggest “font-awesome”.
2. The main brewing problem with using Font Awesome in WP these days is that FA v5 introduced a new way to use it, in FA v4 it was always just a CSS file but now it can be used either as a CSS file or as a JS file. This is fine for “Joe Blogs” with his html website but once you are using a CMS (content management system) like WordPress which has plugins built by many many devs you have the situation that both the CSS and the JS