Learn how to create a multilingual WordPress site without requiring any special knowledge. An easy-to-follow guide that works for all WordPress sites.
Creating a multilingual WordPress site is great for your site’s SEO and user experience. You’ll be able to reach new visitors in Google search and let your multilingual audience browse your site in their preferred languages. That’s all well and good, but creating a multilingual WordPress site can also feel overwhelming. You have all that content to translate. All those random text strings from the themes and plugins that you’re using. How do you make everything work?
With the right WordPress translation plugin, translating your WordPress site into different languages doesn’t have to be a chore. To prove it, we’re going to show you exactly how to start translating your site into new languages.
By the end of this post, you’ll be able to translate 100% of your content by simply clicking on a live version of your site – no special knowledge needed:
Let’s get started…
Important Considerations for Translating Your WordPress Site
If you want to get all the benefits of a multilingual WordPress site, you’ll need to look for some specific functionality in your translation tool of choice.
1. Multilingual SEO
Translating your WordPress
WordPress custom fields let you add, store, and display additional information about a piece of content in WordPress. On a more technical level, custom fields help you store metadata.
WordPress custom fields are an important part of what makes WordPress a flexible content management system, rather than “just a blogging platform”. When it comes to WordPress custom fields, the freemium Advanced Custom Fields plugin is one of the most well-known names. It makes it easier to work with custom fields in all aspects, and it’s also the topic of our post today.
Specifically, we’ll explain why Advanced Custom Fields is so valuable and then show you step-by-step how you can apply it to your WordPress site.
Here’s everything you’ll find in this post:
There’s a lot to cover, so let’s dive in…
What is Advanced Custom Fields plugin?
Developed by Elliot Condon, Advanced Custom Fields — often shortened as ACF — is a WordPress plugin that allows you to add and manage WordPress Custom Fields to a site. It’s available both as free plugin and a premium plugin, called ACF PRO, starting at $25 for lifetime updates and for 1 site.
What Are WordPress Custom Fields? What Do They Let You Do?
WordPress custom fields let you add, store, and display additional information about a piece of content in WordPress. On a more
This post shows you exactly how to create a child theme in WordPress, how to use it to customize your site, and how child themes work
You’ve been running your WordPress site for a while and it’s been doing what you need it to. But now, you decide you need to customize it. Or maybe you’re creating your site with a theme you’ve downloaded from the theme directory or one you’ve bought, and you realize it doesn’t work in exactly the way you need it to.
What do you do, then?
You can either find a plugin that will provide the customization you need or switch to a new theme. But what if you’re happy with your current theme and can’t find a plugin that adds what you need in terms of functionality?
Answer: you’ll need to customize your theme. And best practices say: you do that via (WordPress) child themes.
In this post, I’ll show you exactly how to create a child theme in WordPress, how to use it to customize your site, and how child themes work. I’ll also explain the concept of parent themes and describe how the parent theme on your site interacts with a child theme:
Before we dive into creating a child theme, let’s identify the 3 methods you can use to customize your WordPress site.
If you don't want to lose all your customizations, child themes are
A quick guide on how to use (a few of) your ACF fields inside your blocks.
Learn how to use (a few of) your fields in Advanced Custom Fields inside your blocks. Advanced Custom Fields has been an essential tool for many site creators for taming WordPress custom fields.
Among its many uses, ACF allows people to create tailored user interfaces for adding in custom field data. This allows posts and custom post types to have a streamlined method for creating and managing data.
With ACF it’s easy for people to build post types for a multitude of uses such as directory sites, movie reviews, user upload forms and more.
Support for ACF’s custom fields is limited to simple text & number field types, and displaying them as text in blocks.
Here’re the field types you can use:
Wysiwyg Editor – The formatting is also displayed
Brizy is a new, yet increasingly popular WordPress page builder. This tutorial focuses on how to translate Brizy Page Builder sites using TranslatePress.
Brizy is a new, yet increasingly popular WordPress page builder that helps you build websites fast and with no coding. In this tutorial we’ll focus on how to translate Brizy Page Builder sites using TranslatePress. Brizy and TranslatePress work great together, making it really simple to create a multilingual Brizy site fast. We’ll go through setting up a Brizy powered website, then translate it into multiple languages using TranslatePress.
Building your site using Brizy Page Builder
The first thing you notice after taking Brizy for a spin is how intuitive and user-friendly it is. It has a drag and drop, visual approach to creating and styling content that just works.
Their free version is packed with a lot of advanced elements and pre-defined blocks (templates), which you would normally have to pay for in other builders.
Another thing you’ll enjoy are the professional pre-made blocks, which even a non-designer can use to build a beautiful layout fast. The Pro version expands even more on this with 150+ premium designs + access to the Brizy Cloud.
Let’s see exactly how easy it is to create a beautiful WordPress page from scratch using Brizy Page Builder.
You probably already know that MailChimp is one of the top email marketing providers out there. There are so many features included in this tool that you would be hard-pressed to find another service that comes even remotely close to the awesomeness of MailChimp.
If you read our email marketing plugin overview, you probably know that MailChimp is one of the top email marketing providers out there. There are so many features included in this tool that you would be hard-pressed to find another service that comes even remotely close to the awesomeness of MailChimp. In essence, MailChimp is an email marketing service which enables you to send an email to hundreds and thousands of people at the same time, but it also goes much further than that. All within the same tool, you will also have to opportunity to create, design, edit, and manage all of your email newsletter templates.
If you have never sent out an email newsletter in your life, it might seem like a complicated thing to do. Well, the fact is that before MailChimp, it was quite complicated to send out newsletters without ending up in people's spam inboxes. Now, even absolute beginners can go and design a beautiful email campaign.
For those users who have never done this before, we prepared:
Step-by-step instruction guide on how to create a newsletter in MailChimp
MailChimp is an email marketing service that you can access on a desktop, mobile, iOS app or Google Play app.
For this guide,
A guide to creating multilingual WordPress menus as well as displaying different menu items for different languages.
Translating a website requires more than a simple translation of the content. For instance, a major concern is how to translate a WordPress menu. The menu is one of the first elements of a site that users notice, and they base their first impression on it. When building a multilingual WordPress menu, there are several aspects you need to pay attention to. Some of your pages or products may be related or available only to some countries, so you may have to hide those menu items for certain languages.
The translation also impacts the menu design. For example, it’s well known that German words are on average longer than English words, which influences the spacing between menu items.
TranslatePress helps you translate any WordPress menu, in a couple of clicks using a visual translation editor. Below we’ll go into the simple steps to achieve this.
Setting Up a WordPress Menu
Due to the way it’s built, TranslatePress works out of the box with any theme or plugin, so you can use the theme of your choice, or even a menu plugin. Most themes support a primary and footer menu, but some give users more options for displaying menus.
To create a WordPress menu go to Appearance >
Keeping the code in your WordPress site up-to-date is important. New versions of themes, and WordPress itself are released for good reason.
Your WordPress theme is one of the most important aspects of your WordPress site. It governs how your site looks, how your content is displayed and makes your site look modern, professional and on-brand. Which is why it’s important to keep your theme updated and ensure it always works as it should.
But sometimes that isn’t entirely straightforward. If you’ve customized a theme, updating it means you risk losing your work. If the plugins in your site aren’t compatible with a new version of a theme, you need to decide which code to update and which not to. And if you’re running a WooCommerce store with a theme that you’ve customized, you’ll need to make sure this works after the update.
In this post, I’m going to walk you through the process of how to update a WordPress theme. I’ll cover:
Ready? Let’s get started!
Why You Should Keep WordPress Themes Updated
Keeping the code in your WordPress site up-to-date is very important. New versions of plugins, themes, and WordPress itself are released for good reason. Not taking advantage of an update could put your site at risk. Let’s take a look at the three reasons you should
Need to remove the *Powered by WordPress* credits in your footer? This guide tells you all the ways you can do that (3 methods)!
“Proudly powered by WordPress”. If you’ve installed a free theme from the WordPress theme directory, you’ll probably have seen that message in the footer of your site. If you’re running the default theme, it’ll definitely be there. Or depending on your theme, it may have been replaced by a message telling visitors who the theme developer is.
But what if you don’t want an advert for WordPress, or for your theme developer, in your site? What if you’d rather keep the footer for information about you: your site, your business, and your brand?
The good news is that removing that “powered By WordPress” message isn’t difficult. The exact method you use will depend on the way the developer has added it to the theme, but with a little investigative work, it’s possible to work that out and remove the message.
So in this post, I’ll show you how to remove the “powered by WordPress” message and link. I’ll also discuss why you might – or might not – want to remove it.
Need to remove the *Powered by WordPress* credits in your footer?✏️❌ This guide tells you all the ways you can do that (3 Methods)!
5 simple, yet effective ways to add color accents to your site.
Adding color to your site is one way of breathing life into it. Here are great ways that you can add color accents without drowning out your site. Never underestimate the power of color. It has the uncanny ability to make an impactful impression. Good color use though is not as straightforward as it may seem, and too much of this great thing might leave your site looking messy and confused. Here are great ways to use color accents to your site.
1. Tinted Media
Great images or videos don’t always need to be shown as is. To tie them in better with your color scheme, use a great color tint for your media.
A Pop of Color Goes a Long Way
Not only great for levelling up your transitions, the separator is also a great way to use your color palette.
3. Hover Effects
If you want to use color in a dynamic way, you can easily achieve this by using color in/out hover effects.
Ah… the good ol’ button. For great and attention grabbing call-to-actions, choose a stand-out color for your buttons.
5. Page Highlights
Items on your page that are meant to be highlights present opportunities for adding cool color accents.
These page elements are great choices
Tutorial covering the simple steps needed to build a multilingual site using Beaver Builder together with TranslatePress.
Beaver Builder is a very popular drag and drop WordPress page builder. In this tutorial we’ll show you how to translate Beaver Builder sites using TranslatePress. Similar to Beaver Builder’s front-end approach to creating content and templates, TranslatePress has the same visual approach when it comes to translating all your site content (including images, sliders, forms, popups, you name it).
Building a multilingual site using Beaver Builder and TranslatePress has never been easier.
Below we’ll dive into the simple steps required to translate Beaver Builder sites using TranslatePress.
Creating your website using Beaver Builder
Due to its drag and drop visual editor, Beaver Builder makes building a website from scratch fast and intuitive. Plus, you don’t need any coding knowledge.
It comes in both a free and paid version. The free version offers standard elements for tackling both structure and content of your site. You can easily add rows and divide them into columns. Then populate them with content in the form of text, images, headings, html & more.
The paid version of Beaver Builder comes with premium modules and a lot of templates you can choose from.
Love the reading progress bar? Now you could have in Elementor style with Essentia Addon for Elementor free version.
Ever come across a web page which had a visually appealing progress bar indicating how far you have read? In case you didn't know it before, this incredible tool is called ‘Reading Progress Bar'. Because of its interactive nature, it can help you to instantly get your audience hooked up on your website. WordPress already provides lots of amazing plugins to easily add such a progress indicator on your site. However, when it comes to designing pages with Elementor Page Builder, there are hardly any solutions available to implement this astonishing feature on your website. With the introduction of EA Reading Progress Bar, you can now add scroll bar indicator only with a few clicks for absolutely FREE.
Leaving a good first impression on the visitors is key for every website. Especially, if you have a blogging or business platform, it is absolutely crucial to make your readers stay on your page & encourage them to go through the entire article. Reading Progress Bar is one of the most aspiring approaches you can take to make your posts interesting to your audience.
Reading Progress Bar can be very beneficial for your website as it is capable of instantly grabbing visitors attention.
Everything you wanted to know about WordPress Login URLs: How To Find It, Change It, and Fix The Most Common Problems.
Beginner users interacting with WordPress go through a hard time logging in to their accounts. In this article, I’ll explain how to find your WordPress login URL and a few other essential things that need to be highlighted regarding the login process. Let’s start from the beginning.
Importance of the WordPress Login
After installing WordPress, you’ll gain access the admin dashboard of your website where you have the opportunity to set up your site as you need and change a few things.
This would be impossible if you had no access to the admin pages. The login page is what keeps you — and others — from accessing the management “side” of your WordPress site.
It is virtually impossible to take full control of your site/blog if you have no access to the admin area.
But where is this WordPress login page located?
How to Find Your WordPress Login Url:
The WordPress login page can be reached by adding /login/, /admin/, or /wp-login.php at the end of your site’s URL.
If you installed WordPress on a subdirectory (www.yoursite.com/wordpress/) or subdomain (blog.yoursite.com/), add one of the three paths at the very end of your URL such as: www.yoursite.com/wordpress/wp-login.php
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
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
I wrote this tutorial to show how to use a new filter found in WordPress 5.2 to change out the logo on the login screen and update colors by using options in the customizer.
This post is going to show you how to add a few small code snippets to change the appearance of the WordPress login screen. We’ll walk through the process of changing the default WordPress logo to your own using the login_headertext filter that was added in WordPress 5.2
And I’m going to break down how to change various other styles, giving you the ability to style your login screens to match your website branding.
I was recently working on the registration flow of WP Dispensary’s eCommerce add-on and realized there’s a few places that the default WordPress login page are lacking from a branding perspective.
So I decided I had to change that.
Since the CannaBiz theme I built for WP Dispensary already has areas in the Customizer for the logo upload and multiple color styles, I knew it wouldn’t be too hard to update the login page style to match the front-end design.
Previous to WordPress version 5.2, the most common way to change the logo on the login screen was with CSS style updates to display yours properly.
These codes can be found in the Codex which shows you how to customize the login form.
With WordPress v5.2 we can now use the newly added logo_headertext
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
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
A PHP tutorial on how to write a WordPress function that fires before a post is published, and then display an error based on post meta values.
This is a tutorial on how to intercept post publishing in WordPress. This is based on a real world task I had to work on. In summary, I needed to stop people from publishing posts based on a post meta value. If someone tried to publish a post when they’re not supposed to, from both “quick edit” or regular edit, an error needed to display. A good use case for this is a news blog where content has to be approved by a head honcho before it gets published. After all, no one wants to publish unvetted content – especially news!
If you have post meta that determines what “stage” the post is in an “approval process” – you can check against that post meta before WordPress decides whether it’s allowed to be published. For those unfamiliar with post meta, I mean any values saved through WordPress’ default custom fields, or if you’re using a field plugin like ACF or Carbon Fields. Post meta can be also be saved via PHP with the add_post_meta() function.
Before we begin, this tutorial assumes:
You have familiarity with editing/creating WordPress themes.
You have a basic understanding of how WordPress hooks work. Need some pointers
Check out this in-depth article on the Kali Forms blog all about how to handle and deter form spam on your WordPress websites...
There’s nothing worse than to find that your contact form (or any form for that matter) has been blown up with spam submissions. This is a huge waste of time and unfortunately, something all website owners have to deal with at some point. Sifting through form spam not only wastes your time. It also wreaks havoc on your resources, especially if you have a limited number of form submissions per your free or paid plan.
Not to mention, it takes your time & effort away from qualified leads and those that genuinely need to get in touch with you.
And if you don’t take the time to clean up spam submissions (and ultimately stop them) you run the risk of hurting your brand’s reputation if these spammy messages end up on the frontend of your website for site visitors to see.
That’s why I’m here to help. Being a website owner myself, I understand how frustrating and stressful dealing with form spam can be.
Luckily there are ways to combat it and make your life a little easier. After all, we all have things we’d rather be doing than sorting out a form spam situation gone bad.
So, let’s get started!
In technical terms, form spam happens when malicious
Reviews are becoming a vital part of any online marketing strategy. Now Google has made it super simple to get the right link to use when asking your clients or followers for a review on Google My Business.
I’ve been going to write this post for a while now. I needed to take the time to put together a link generator to use in Starfish Reviews, or when otherwise asking for a Google My Business (and Google Maps) review. It was going to be like the one we have for Facebook reviews, making it much easier to get the URL correct. But it was an even more complicated process to get the exact, right URL, than with Facebook. In this (rare) instance, my procrastination paid off. Google just released a much easier way to get your Google My Business review link! Plus you’ll get a short-URL to use to link to your Google My Business listing for other purposes as well.
1. Get Your GMB Profile “Short Name”
This step is super easy. Just login to Google My Business, then click on your business listing. It will take you to the “Home” page for that listing. On this page, scroll down and look for the “Complete your listing” section on the page.
Next, click the “Add profile short name” link in that section to get started with getting your short URL. That will take you to the Info page and pop up the modal to get a new short name for your listing. We
Post types are ways of categorizing different types of content in WordPress. But what you might not know is that WP also comes bundled with a few other post types.
WordPress custom post types are powerful features. They’re what elevates WordPress from a humble blogging tool to a content management system, and give you the all-important flexibility you need to create a bespoke website. But they can cause confusion: what are WordPress custom post types exactly? How do they differ from standard posts and pages? How do you create them? And once you have created a custom post type, how do you add to it, display it on your site, and how is it stored by WordPress?
In this article, I’ll show you exactly how WordPress custom post types work. I’ll compare them to the post types you might be more familiar with, teach you how to create them, and show you how to use theme template files to display them in your site.
Specifically, I’ll cover:
So let’s get started!
What Are Custom Post Types in WordPress?
It’s probably easier to explain what custom post types in WordPress are by explaining a broader concept: post types.
Post types are ways of categorizing different types of content in WordPress. I’m assuming you’re already familiar with the two most common post types: posts and pages. But what you might not know
Easily create custom WordPress Gutenberg block using `wp-scripts` package and custom webpack configuration to handle build processing for .scss, .css or .sass stylesheets.
I’ve been writing tutorials on how to extend Gutenberg Block Editor and having a lot of requests to create one for “Creating Block and Build Processes”. In this article, I’ll be very happy to do something about this request with added PostCSS build processing to make it more useful and extra special. I hope this will be very helpful. But first, I would really appreciate it if you could upvote my EditorsKit plugin at ProductHunt. I’ve built this plugin to provide set of tools to easily navigate the editor and improve writing and page creation workflow. Thank you in advance.
Adding wp-scripts Package to the Plugin
Assuming you haven’t created the plugin folder yet, let’s create a new folder inside wp-content > plugins and call it my-custom-plugin.
wp-scripts or @wordpress/scripts
You can learn more about this package on the npm documentation. It’s stated there that wp-scripts is a collection of reusable scripts for WordPress development. For convenience, every tool provided in this package comes with a recommended configuration.
Installing Package with npm
I’m also assuming here that you are already familiar with npm. If not, please
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