Since I started with Delicious Brains last July, I’ve become a big fan of PhpStorm. It really is the bee’s knees. I won’t go over the full list of features, but some of the things I find helpful daily are: Cmd+clicking into method definitions
VCS integration and color highlighting of code changes
And of course, Xdebug integration
Why Use the PhpStorm Debugger?
The issue with this method arises when you use build tools, like we do with WP Migrate DB Pro. You have to wait for the build task to complete to see your output – losing valuable seconds of your day. It’s
The .htaccess file is a basic configuration file used by the Apache web server and it lets you create special rules.
Your WordPress site’s .htaccess file is a basic configuration file used by the Apache web server. Because Kinsta uses the more performance-friendly Nginx web server instead of Apache, you won’t actually have a .htaccess file if you host your site at Kinsta. However, understanding the .htaccess file is important if you host sites elsewhere, and it’s also a topic that you’ll often see in WordPress tutorials.
In this article, you’ll learn more about what the WordPress .htaccess file is and what it lets you do. Then, you’ll also learn how you can perform similar actions at Kinsta, even though Kinsta does not use .htaccess files:
What is the WordPress .htaccess File? (In Short)
The .htaccess file is a basic configuration file used by the Apache web server to let you create special rules that tell your web server how to function. It located in the root folder.
By default, your WordPress site uses the .htaccess file to control your site’s permalinks structure but many plugins also make use of the .htaccess file for other purposes like:
Add special rules to serve up cached content more efficiently.
Set up automatic redirects
Redirect HTTP to HTTPS
A really quick way to apply a surcharge when the customer uses the cash on delivery payment method
You’ve got ‘cash on delivery’ as a payment option in your store but you want to add an extra charge to customers who pay using this method. In this article I’m going to show you how to set up a WooCommerce cash on delivery fee in two easy steps. It’ll take you less than five minutes. We’ll also look at some optional extras, like setting minimum or maximum order values for when the fee applies, whether to include shipping costs, and whether to apply tax.
Top 3 reasons to apply a fee to cash on delivery payments
There are probably thousands of reasons you might want to charge extra for cash on delivery in your WooCommerce store. Here are the top three:
It requires additional resources for you to be serving online customers in person
You might find that customers who purchase using this method aren’t always there when you deliver – meaning that you need to spend extra time returning products to stock and cancelling orders
If your products are perishable, like food items, orders that don’t get delivered can lead to wastage
In an ideal world, you’d get the payment upfront and online – but this might not be practical.
A delicious guide to creating a pizza builder product in WooCommerce where your customers can pick every element
What is more delicious than pizza? Especially when you get to choose exactly how you want it. In this article we’ll look at how to create a tasty WooCommerce pizza builder that lets the customer choose exactly the pizza they want. You can view a working demo for the pizza builder here.
WooCommerce pizza builder
Just about everyone in the world loves pizza – but not everyone likes it the same way. Some people like anchovies, some people don’t like cheese, some people like ham and pineapple (this is weird).
So if you’re running a pizza restaurant where users can order online, you need to let them build their own pizza.
By following this tutorial, you’ll be able to add any element you like, including size, base, crust, sauce, cheese, toppings, and let the user pick whichever one they want.
You can specify different costs for each element. When the customer chooses an element, the overall pizza price will update, letting the customer see exactly how much the pizza will cost.
When the customer adds the pizza to the cart, they’ll be able to see their choices before placing their order.
And after the order is placed, you’ll get an email with the precise
Everything you could possibly want to know about conditional logic with WooCommerce add-on fields
You’re adding extra options to your products but you only want to show them when certain conditions are met. For instance, customers can enter text to be engraved on your products – but only if they’ve selected a checkbox first. Or – some options are available only for certain product variations. This article will show you how to use the WooCommerce Product Add-Ons Ultimate plugin to create conditional product options. Everything you need to know about WooCommerce conditional product options
Through this article, we’ll look at what product options are and how you might use them in WooCommerce.
We’ll look at how you can apply conditional logic to enhance your product options, with several examples of how this might apply in real life. The examples will include:
An online jewellery store that offers optional engraving
A store selling personalised gifts
A furniture store selling highly customisable products
I’ll walk through examples of simple and complex conditions, including fields that are dependent on multiple conditions being met, with clear instructions on how to set them up.
We’ll also look at applying conditional logic to WooCommerce
Just a few tricks and tips on the block editor that we use here in Stackable on a daily basis. Hope this helps someone new to the editor. If you're an advanced user, hopefully you'll find a new thing here.
Wondering how to shortcut your way to faster page building using the new WordPress block editor? Here are 10 hidden tricks to increase your efficiency and speed. We use these tips on a day to day basis, hopefully there’s something in our list that can save you some time. 1. Duplicating Your Page or Content
Go to Code Editor mode by clicking on the button with the 3 dots on the upper right side of the editor and selecting “Code Editor”
The whole editor will show you the HTML contents of your post. Copy all the contents and paste it into a new page to duplicate your content.
Be careful when editing this since editing raw block contents might invalidate your blocks.
Don’t forget to go back to the visual editor when you’re finished.
2. Quickly Create Different Text Blocks
There are character combinations that you can type at the start of your Paragraph block that will convert your normal block into another one:
## (2 hash signs than a space) – will convert your block to an H2 heading block. Type in more pound signs to create smaller headings, for example ###### (6 hash signs) to create an H6 heading block.
* (asterisk then a space) – bullet list
In depth article introducing the command line and how to use it with WordPress
For the last two years I have been heavily contributing to WP-CLI. WP-CLI is the official command line tool for interacting with and managing WordPress sites. Especially through my work on the wp i18n command, which provides internationalization tools for WordPress projects, I learned more about how people interact with WP-CLI and command line tools in general. With this introductory blog post I intend to show you how easy it can be to use WP-CLI. Disclaimer: this post is basically the written version of my talk at this year’s WordCamp London. The recorded video should be available soon.
The Command Line
Before we dive right into WP-CLI, I want to introduce you to some general command line basics. This way you can get a better picture of how command line tools are meant to work and why they might respond in a certain way.
Simply put, the command line is a text interface to interact with a computer. Before we had all these graphical user interfaces, the command line prompt is basically the only thing you got when booting up your computer. There you could type in some command that would execute a certain program.
Nowadays the shiny UIs on our computers hide all the complexity underneath.
Want to get paid to travel the world? Start a blog and write about your adventures!
It's just another Friday. You are sitting in your dreadful office, stuck in a quite sticky and one-sided staring contest with the clock on your screensaver, waiting for it to hit 5, so that you can grab your bag and head on to your next weekend getaway trip. Wouldn't it be great if you didn't have to wait for weekends to make it happen? Still, without your daily job, you probably wouldn't be able to fund your adventures. You have considered having a traveling blog, but do you know how to start a travel blog? What you should know, though, if it is your passion, go for it. There may be one too many, but all it takes is a special and unique twist to it, to make your blog succeed. There are numerous benefits and reasons to start – apart from helping others decide on their future 'round the world experiences, you could get a bit more than you bargained for, especially when it comes to your pocket. And if your pocket is full, you might well go ahead and book your next traveling location on Monday!
How do I make it happen?
There are several steps to take, and quite an amount of decisions to make. The biggest problem is not doubting your choices, and not pushing to perfection. You should
The 503 error can show up in a lot of ways. Here are some tips on how to fix this error quickly.
Running into errors on your WordPress site can be intimidating. However, most errors give you some clue as to what caused them, which can make troubleshooting them a lot easier. The 503 error is not as polite, unfortunately, and doesn’t give you much information to go on. It helps to understand what the most common causes are for the 503 error in WordPress. After that, you’ll need to be methodical when it comes to troubleshooting the error, which means following several steps in order to locate the root cause.
In this article, we’ll cover what the 503 error is and how it typically manifests. Then we’ll guide you through six steps in order to troubleshoot it. Let’s get to work!
What Is a 503 Error?
When you encounter the 503 error, it means that the server in question is unavailable. That could be because it’s too busy, for example, or it’s under maintenance. Unlike other similar error codes, 503 signifies that your website is online and running, but can’t be reached at the present moment.
What’s so vexing about this particular error is that it barely gives you any information to go on. Most of the time, it just shows up with a “Service
This error can occur in a number of different circumstances. However, it’s most likely to arise when you take specific types of actions on your site.
There are advantages and drawbacks to using an open source platform like WordPress. It’s flexible and infinitely scalable, but it also requires you to be comfortable with a certain amount of technical work. This is especially relevant when it comes to performing troubleshooting and resolving some of the errors that commonly arise when you’re using the platform. On occasion, you’ll run into an error advising that you’ve hit your site’s ‘PHP memory limit’. This could be confusing at first, especially since you won’t know what caused the problem or how to fix it. Fortunately, this issue is one of the simplest ones to resolve and should be achievable even for relatively new WordPress users.
In this knowledge base article, we’ll explain what a WordPress memory limit error is, discuss why it might occur on your WordPress site, and then we’ll walk you through some of the options for fixing it. Let’s get to work!
An Introduction to WordPress Memory Limit Errors
WordPress is a pretty stable platform, but it isn’t immune to errors. There are a number of common issues you might run across, such as the infamous ‘White
Very detailed tutorial on adding custom cart data in WooCommerce, focusing on the woocommerce_add_cart_item_data and woocommerce_add_to_cart_validation filters
WooCommerce lets you add your own custom cart item data. This article is your ultimate guide to two filters – woocommerce_add_cart_item_data and woocommerce_add_to_cart_validation – and how you can use them to validate custom fields then add the data to the cart and the order. How to add WooCommerce custom cart item data
I’m going to walk through two methods for adding WooCommerce custom cart item meta:
Method one: we’ll look at adding custom cart item meta programmatically using the woocommerce_add_cart_item_data and woocommerce_add_to_cart_validation hooks
Method two: if you’re not a developer, or you just prefer an easy life, we’ll look at how to add custom data without needing to know any code
We’ll create an example scenario and you can view a working demo product.
As part of method two, we’ll look at how you extend this functionality with some powerful extra features, like:
But first, let’s check out method one – adding cart item data programmatically.
Adding cart item data programmatically
As part of this, we’ll look at adding custom fields to WooCommerce products. You can also find further information in this
In this short tutorial, learn how easy it is to use Elementor's fine-grain control of elements to ensure accessibility to all of your site's visitors.
The importance of website accessibility has been discussed for many years, but the information needed to make a site accessible was often difficult to understand, or difficult to implement. That is changing somewhat, although there is still a fair amount of confusion, and quite a few impediments to implementing code changes into many sites, scripts, and plugins. Luckily, people are leading the way in helping us understand the importance, and giving us the information we need to make changes to our own sites.
Elementor can help you make your site more accessible. In this tutorial, we’ll show you a few examples of how easy this can be.
We’ll start by creating a couple of design elements on a page, including a hero block and a sign-up form.
Using the advice given on “ Improving Accessibility of Your WordPress Website”, we’ll fine-tune our page using Elementor and Elementor Pro.
Our Hero Block is the part we’ll begin with. This is what it looks like before we begin our accessibility changes.
We’ll begin by focusing on font family and font size, ensuring the text is always readable. Of course, using your theme’s options via the WordPress customizer
Before WordPress warns you about the outdated local environment, update XAMPP to the latest version
WordPress allows everyone to start a website. Whether it's a simple travel blog or a complex e-commerce system that will help you turn millions of dollars, you need to start somehow. While it is completely ok if you start your simple site by directly connecting to your hosting, more complex websites need more development time. And that means finding all the right plugins, setting up the system and probably some custom coding. People who develop sites tend to use a local development environment. Why? Because it is much easier to work locally where no can see your work until you're ready to show the site to the public. Also, no matter how fast your internet connection is and how expensive your host may be, nothing can beat the speed of a local environment.
One of the most popular PHP development environments is XAMPP (if you think you can pronounce this correctly, check the first second of the attached video below and be prepared for a surprise). It can be used both by beginners and professionals, and you actually don't have to know much about PHP & database systems in order to use it. After a quick installation, you will get to install WordPress locally and work on your new site.
How to add two types of custom field: product add-on fields that require user input, and extra product data fields
In this post, I’m going to walk through the entire process of adding WooCommerce custom fields to a product. We’ll look at two types of custom fields: Firstly, input fields (also called product add-ons) like text fields, select fields, checkboxes, and so on that allow the user to enter additional, personalised information about a product
Secondly, we’ll look at WooCommerce extra product data fields – custom fields that display additional technical information for your products.
We’ll also take a look at how you can use both types of custom field in combination, displaying extra product data depending on certain user choices.
Examples of WooCommerce custom fields
Let’s take a quick look at both types of custom field so we understand the difference.
Custom add-ons fields
The first example below shows a product page for a jewellery website. You can see that there are a number of extra fields, like ‘Add a name’ and ‘Add a charm’ where the user can enter their own information and make certain choices about the product they want. This is an example of the add-ons type custom field.
Extra product data custom fields
You don’t need to be a developer or a techie to tackle a backend audit of your WordPress site. Here’s a quick to-do list to help ensure that your website stays speedy, secure, and glitch-free.
The back end of your WordPress website includes all the nuts and bolts that keep it running like a well-oiled machine. It’s easy to overlook these behind-the-scenes functions because they’re not as front-facing as your site’s design and content. But it’s important to keep these back-end components in good working condition and do a back-end audit to maintain a fast, stable and secure website. You don’t need to be a developer or a techie to tackle a backend audit of your WordPress site. Here’s a quick to-do list to help ensure that your website stays speedy, secure, and glitch-free:
Directory websites are one of the most popular types of websites to create and to try and make money from. And of course, you can do it with WordPress.
You might have heard of some of the most popular directory websites. eBay, Yahoo, Facebook, Bing, Foursquare, and Yelp are just some of the many websites which list products and services for us to browse. You can easily create a directory website to list, well, almost anything. Indeed, you can find examples of real estate, local businesses, cars. You name it, you can list it.
This is why directory websites are one of the most popular types of websites to create and to try and make money from.
But as with any complex project, it is crucial to make sure you follow the right path to ensuring yours becomes a success. Within this article, we’ll take you through all the key steps for you to create a directory website:
Picking a niche for your directory website
Now that you have decided to create such a website, the most important question is:
What exactly are you going to list on your directory website?
Identifying your market could be the difference between your next profitable business and one which will simply become yet another failed project on the web.
Here are the steps you should take to evaluate what your directory website will specialize in.
Think about what you would be interested
Part of a series, this article looks at the pros and cons of transients instead of cookies
In continuing with the content of the previous post, it’s important also to consider the use of transients and authentication. Because there are scenarios where users are authenticated on a site (think of a members-only area of a site) and or aren’t authenticated on the site (such as site visitors).
These types of situations are present both on blogs and other sites and web applications across the board.
WordPress Transients and Authentication
How might we store user information for those users? Luckily, PHP provides us with some functionality that gives us the ability to do so without needing WordPress APIs.
Ultimately, the goal that we’re aiming to achieve is serializing transient data using a key that uses the ID of an authenticated user or a non-authenticated user.
And here’s how to do each of those.
The WordPress API
Assuming that a user is authenticated with WordPress, then we can use the get_current_user_id function. It’s simple, too.
Get the current user’s ID
We can then use that function in the constructor to set a property that stores the user’s ID. And I’ll show the code for that momentarily, but what about the situation when
For the beginners in WordPress check this article with the video of how you can backup your WordPress website automatically to Google Drive or Dropbox
Backup is one of the most important activities that you can do in order to be sure that when the disaster strikes you have a good copy of your WordPress site to restore. There are a lot of hacking and vulnerabilities that are going around WordPress and backing it up for free it is of high importance. In this article and video below I will show you how you can backup WordPress for free on Dropbox or Google Drive with WPVivid backup plugin. This is a new plugin that can additionally help you migrate a website easily. In case you want to see the best free backup plugins for WordPress you can check: Best Free WordPress Backup Plugins in 2019
In this article we will schedule a weekly automatic backup of WordPress to Dropbox or Google Drive to have a secure copy with WPVivid backup plugin.
WordPress Backup Best Practices
In this section we will speak a little about what are the best practices when you want to backup your WordPress site.
1. Storing your backups on the same server as the website
You don’t want to only have local copies of your WordPress website, in case someone hacks your account you can lose everything. That’s why a good practice is to backup your WordPress site
A tutorial covering how to build multilingual contact forms using Contact Form 7 together with TranslatePress.
This tutorial highlights how to create multilingual forms built using Contact Form 7 together with TranslatePress. Contact Form 7 is the most popular contact form plugin for WordPress. It’s free and powers over 5 million websites.
Translating forms built with Contact Form 7 allows you to offer a single form that will be available in multiple languages. No need to setup multiple forms with different field names for each language.
Below we’ll look into how to translate forms created with Contact Form 7 using TranslatePress.
How to Translate Contact Form 7
We’ll start by setting up a new contact form using Contact Form 7. After installing and activating the plugin, you’ll notice a new menu item “Contact“.
We’ll select the “Contact Forms” submenu item, then click the “Add New” button for setting up our first contact form.
Here we can setup the form and control things like:
edit the form template and select the fields you want the form to contain
edit the email template that the admin receives when a form is submitted
modify the validation and success messages
After you finish editing the form template, click Save. A shortcode
Broken links are bad for the user experience, crawlers, and SEO. Check out these different (performance-driven) ways to find and fix them.
Having broken links on your WordPress site is bad news for both your human visitors and your site’s SEO, so learning how to fix broken links in WordPress is an important part of running a successful WordPress site. In this post, we’ll dive into a deeper explanation for why broken links are something worth seeking out and correcting. Then, we’ll show you five different methods that you can use to find and fix broken links in WordPress without slowing down your site.
Broken Links Are Bad for SEO and User Experience
Broken links are bad for your WordPress site for a few different reasons.
First, there’s the effect on your human visitors. If someone is clicking a link, they’re doing so because they’re interested in the content that they were told the link will take them to. Makes sense, right?
So, by sending them to a broken link instead of the content that you promised them, you’re creating a frustrating experience for your visitors, and that by itself is a good incentive to find and fix broken links on your site.
Broken links aren’t just bad for humans, though, they’re also bad for robots. Specifically, the crawler bots used by search
This is a step by step guide I wrote to using the Delivery Fees for WooCommerce plugins to customize the checkout experience for delivery services.
This article is going to show you how to use our Delivery Fees for WooCommerce plugin to set delivery prices based on your admin settings. Delivery Fees for WooCommerce (DFWC for short) adds a custom shipping method to WooCommerce that is used as the delivery fee your customer pays during checkout.
WooCommerce Shipping Methods
Anyone who’s spent more than a few minutes working with WooCommerce will notice the plugin was built with a focus on shipping physical products to your customers.
That doesn’t help your delivery business much, now does it?
Picture it: your customers ask for delivery, but during checkout they’re stuck seeing a “Shipping” cost, and you’re stuck wishing there a was a better way.
With the Delivery Fees for WooCommerce plugin, there IS a better way!
Delivery Fees for WooCommerce
The DFWC plugin will change your WooCommerce shop’s “Shipping” references to “Delivery” and also let you customize the fees based on he available admin settings.
Let’s jump in and start installing the Delivery Fees for WooCommerce plugin so you can start checking out how it actually works.
Installing the plugin
An in depth tutorial on adding membership functionality to your Elementor powered website.
Looking to add membership functionality to an Elementor powered website? Using Paid Member Subscriptions you’ll get access to content restriction based on membership plan, plus the ability to customize restriction messages & templates directly from Elementor’s front-end visual interface.
In this tutorial we’ll go through the steps required to build an Elementor membership site. To make things even better, know that all this functionality is available for free in Paid Member Subscriptions.
Before we get started, let’s have a look at some of the most important elements of a membership website:
Ability to create subscription plans and accept payments
Restrict content access to members only
Add front-end registration and login forms
Create a pricing table to highlight the main benefits of each membership plan
Customize things like restriction messages, or add custom templates to boost conversion
Now lets see how all of these can be achieved using Elementor together with Paid Member Subscriptions.
Getting the plugins
The solution presented here includes two plugins. Both of them offer a free version as well.
Elementor is one of the most popular page builder plugins
Everything you might want to know about get_queried_object(), what it returns and some ideas on usage
WordPress’s get_queried_object() function has the distinction of being, I think, the most useful core function in WordPress that I didn’t know about for the longest time. get_queried_object() has been in WordPress since 3.1, but I just learned about it this year, while browsing Stack Overflow answers about fetching taxonomy meta. Learning that WordPress had a function all ready to go was a bit like Googling for “how to break a coconut,” and learning that every home comes fully equipped with a Coconut Chisel in a special compartment under the kitchen sink.
Anyway, don’t be like me! I’m here to spread the good news about get_queried_object(), and to help you understand how, when, and why to use it.
This article’s visually long (a lot of images), so here’s a navigation guide:
General description of get_queried_object().
What get_queried_object() returns on various kinds of webpages on your site.
Some practical uses of get_queried_object().
What get_queried_object() Does: It’s Fuzzy Thinking Time!
Before we go further: To understand the material below, you’ll want a basic understanding of WP_Query (enough to know what a “WordPress
Senior Backend Engineer, Zach Owens, shows readers a process for debugging WordPress with Local by Flywheel in this tech-savvy blog post.
Introduction Local by Flywheel is a popular tool for getting quick and reliable WordPress installations running on your computer. One of its lesser-known features is the inclusion of xdebug support. xdebug is a PHP extension that allows for real-time debugging of PHP code. Today, we’re going to go over how to get both of these working together within vim to provide a powerful interface that allows for some successful debugging of WordPress.
Firstly, this tutorial is intended for users of vim or neovim. If you aren’t familiar with how to use vi-like editors, but want to learn, I would recommend running vimtutor in your command line and learning how to move and work in vim before continuing with this post.
Next, you’ll need Local by Flywheel. You can download it here. If you haven’t set up a site before with Local, it is pretty straightforward. You can find a guide for getting started on Flywheel’s blog.
For vim or neovim, henceforth referred to simply as “vim” (with distinctions for neovim if necessary), you will need the Vdebug plugin. Installation instructions are included on the plugin’s page. I use vim-plug to