Website navigation is something that many create as an after-thought after pages and content. In a recent survey, only 50% of internet users were able to predict where relevant content would be based on standard website navigation structure.
Where to find answers to specific questions
If half of your visitors can’t find the page they are looking for, that’s a giant UX problem.
It will lead to higher bounce rates, lower time on site, and lower conversion rates.
Try a free demo
If you’re managing an ecommerce store, bad navigation can also negatively affect your bottom line and revenue.
In this post, I cover website navigation from A to Z. This means, you’ll learn best practices, different types of navigation, and precisely what you should do to create the perfect navigation for your site.
hyperlink is a link that leads your web browser to a URL.
The URL indicates which file the browser should access from the server and it downloads and renders the data so the user can see it.
Internal links lead to different pages on the same domain. External links lead to different pages on another domain, a completely separate website and server.
Website navigation uses menus with internal links that make it easy for visitors to find the page that they are looking for. Good navigation is an essential element of a user-friendly site.
What Is a Website Navigation Menu?
A website navigation menu is a set of links, typically to internal pages, that is organized into a menu. Most websites, including our own, feature a menu at the very top of their website.
Kinsta header menu
This section is called the “header” of a website in web design and development. Some of the most common pages linked to in these menus are:
The menu can, of course, also include links to other pages.
What Is the Navigation Structure of a Website?
The navigation structure of a website describes how different pages on your site are organized and connected to one another.
For example, some pages and content can only be reached by visiting a specific page. Designers and web developers often plan the navigation structure when making a new website.
Website navigation structure
In this example, the About, Plans, Contact, and Blog pages are linked to from the home menu. To access the Mission and Team pages, you need to visit the About page first.
Why Is Navigation Important on a Website?
In the introduction of this post, you learned that 50% of internet users aren’t able to use a standard menu correctly. Imagine how few people would find the right content with no navigation at all.
With the right approach to navigation and menus, you can bring the percentage way below 50%. That will reduce your bounce rates, increase your average time on site, and lead to more traffic, leads, and customers.
Types of Web Navigation
There are three main types of website navigation. They are:
Want to get a sneak peek at what MyKinsta looks like? Create your demo account 100% for free and start playing around with it.
Our footer menu is also global and highlights essential sections of our website and some featured content.
Global menus are the standard for most CMS solutions out of the box.
Every WordPress theme allows you to feature different types and areas for navigation menus. If you need more, you could use a menu plugin to have more options available.
2. Hierarchical Website Navigation
Hierarchical navigation means that the menus change depending on the context of each page.
Most newspapers and purely content-based websites feature hierarchical navigation. For example, if you visit the top page of a newspaper, you will typically see links to the top news categories in the header menu.
Example of hierarchical navigation from the NYT
If the menu were global, it would remain the same after clicking to a different category. But because it’s hierarchical, it reveals new links that lead to subcategories of the category page we visit.
Hierarchical navigation example
On the New York Times’ Science page, you don’t see the top-level menu at all. Instead, you see links to different sub-sections of science research and articles.
This change is what separates this menu from a regular global one that you find on most smaller sites.
3. Local Website Navigation
In contrast to both hierarchical and global navigation, local website navigation refers to internal links that are included in the content itself. Usually, the user is given options at the same level of a hierarchy or one level deeper, or links to navigate to other relevant pages.
A good example is magazine websites, which often use links to help readers explore the deeper context of a certain article. If they mention an incident they’ve covered in the past, they will link to that article, instead of explaining it in-depth.
Example of related content linked on a page
But it’s not just reserved for magazines and news websites. Ecommerce stores rely heavily on this type of navigation menu to showcase products in the same category.
Example of local navigation in ecommerce
Internal linking is also a crucial aspect of SEO in general, and more specifically WordPress SEO, so it’s now standard practice for anyone who manages a website.
Website Navigation Examples
Instead of droning on about theory, let’s do a deep dive into some examples. I will cover a news website and Twenty Twenty WordPress theme.
News Website: New York Times
NYT homepage menu
At a glance, it might look like the New York Times is mainly using a single, global header menu of their categories.
But that’s not where it ends. The NYT uses all types of navigation across its hundreds of category pages and millions of articles.
Types of navigation used:
Let’s look at the different header navigation for each page.
In the header section of its website, it includes two menus, one expandable global menu above the logo and a hierarchical menu below the header. In essence, it’s like a header and sub-header menu setup.
NYT homepage – header menus
If you expand the header hamburger menu, it turns into a sidebar on the left-hand side, where there is a wide margin with most modern resolutions.
It doesn’t blur out/use an overlay to hide any content on the website.
Let’s examine the same header section on mobile. The majority of internet users access news websites through their smartphones, so the mobile experience might be more important than the desktop one.
NYT homepage – mobile
The news category sub-header menu is not part of the homepage on mobile. Instead, you only have the expandable option available.
When expanded, it becomes a full-screen menu and completely covers all the content on the homepage.
Expanded menu – NYT homepage (mobile)
It includes every option from the main menu on desktop computers and the links are neatly organized by category.
On the category page, below the header hamburger menu, you see a link to a further subset of categories.
NYT science page – main menu
It makes it easier for people who are only interested in a specific area within the broader topic to find articles that might be more aligned with their interests.
Category Page (Mobile)
On mobile, these category pages include the same header hamburger menu and structure as the desktop version. The secondary header menu isn’t hidden at all to make navigation and content discovery easier.
NYT science page – main menu (mobile)
Another reason might be that many mobile experiences start via search or social media, rather than directly visiting the NYT homepage.
For single articles, the floating header indicates the section that you are currently in, but it only features the expandable global menu (along with the search box).
NYT article – header menu
Single Article (Mobile)
On mobile, clean navigation is maintained as the only menu is the header hamburger menu.
NYT article – header menu (mobile)
The NYT footer menu is the same across the homepage, category pages, and single articles.
NYT article – footer menu
NYT article – footer menu (mobile)
On mobile, the footer menu shows five menu items only, all of which expand into sub-sections once clicked.
For example, if you click the Arts section, you’ll be able to browse through these sub-sections:
NYT article – footer menu expanded (mobile)
It is a neat trick that can help with time on site and getting readers to read more articles, but it makes the website a little harder to navigate.
Some could argue that the primary navigation tool online newspapers and blogs use isn’t just the menu. It’s the very newspaper layout itself that provides the navigational backbone for NYT and other similar sites.
All the highlighted elements are clickable and lead to different internal pages within the New York Times’ website.
Content layout is another key element of website navigation that they implement across their homepage and category pages.
The Twenty Twenty WordPress Theme
Another year, another default WordPress theme. This time, it’s Twenty Twenty, and we’re going to dive deep and see what’s changed with the navigation.
I will examine if there’s anything different about how the developers have decided to tackle menus and internal linking with this newest instance of WordPress.
Just like any standard WordPress theme, the new official release has a no-frills menu in the header section. You can select different display locations and this is how the Desktop Horizontal Menu option looks:
Example of header menu in Twenty Twenty theme
On the other hand, the Desktop Expanded Menu option will add the possibility to expand your menu links in a justified bar on the top-right-hand side.
Example of expanded header menu in Twenty Twenty theme
The main content area is tinted with a dark gray, driving the focus of the user to the menu on the links.
Example of footer menu in Twenty Twenty theme
In the footer, there are no links for internal navigation, except a simple “To the top” link that brings you back to the top of the page.
What Makes Good Website Navigation?
Good website navigation is always designed with the user in mind. It uses clear, easy-to-understand language, and links to the most important pages.
It makes use of ample white space, color changes, or other design techniques to separate itself from the main content clearly. Plus, it’s easier to read and use on all devices (mobile and desktop).
User-focused navigation also means that it’s contextual. It takes the user’s experience and expectations into consideration. That could be a reason why online newspapers still can’t get away from their “crowded” design.
Within the context of reading a newspaper, that’s what their users and potential customers expect, which includes their very extensive menus of categories and sub-categories.
In the next section, I will cover the basics of how to create good navigation for your site.
8 Principles for Improved Website Navigation
Even if you’re a complete beginner, you’ll be able to nail the navigation for your website by following the tips below.
1. Plan Your Page Structure and Navigation
Before you even start writing content for your website, plan out how your page structure and navigation will look.
Planning is an essential part of the process of providing your visitors with satisfactory navigation. You can use a sitemap creator to help you quickly create mockups for what you want your website experience to be.
An example of a good sitemap tool is GlooMaps.
You can create as many documents as you need for free. Each one will have a unique URL you could then share to gather feedback and let others edit it. Once created, your URL will be available for 14 days unless re-visited. Every new visit extends the link life for another 14 days.
GlooMaps isn’t the only tool you could use, there are plenty more like Octopus, VisualSitemaps, Creately, just to name a few.
2. Follow Established Standards
Don’t try to reinvent the wheel. Website navigation is more about usability than creativity.
For essential design elements like where to place your menu, and how to indicate that it is expandable, follow known standards.
Three horizontal stripes, or the “hamburger” ☰ sign, is one of the most recognizable icons for identifying an expandable menu. The other is the three dots creating a horizontal line.
If you try to get creative and develop a custom icon, the chances are that many visitors won’t understand the purpose of your design and will struggle to find your menu.
3. Use Your Users’ Vocabulary
Instead of just linking to the same old pages, using standard web development lingo, or overly creative copy, use language that is closer to what your users use and search for and want.
This approach is beneficial for both SEO and usability. Create pages that reflect what your users are searching for online.
You can then link to those same pages by using the same words and phrases that help users find your website on Google.
4. Use Responsive Menus
Since over 52% of all online traffic is now mobile, responsive/mobile-first design has become an absolute must.
Instead of menus that continue out of the frame in the mobile web browser or too cluttered, make sure that you implement expandable mobile menus.
It’s become an industry standard for a reason. Horizontal menus with tiny text are hard to read, click, and use correctly on mobile.
The good news is that all the best WordPress themes come with responsive design and responsive menus by default. Unless you’re designing your WordPress site from scratch, WordPress has got you covered here.
5. Take Advantage of Your Footer Menu
Readers that keep reading and scrolling to the bottom of your website are more engaged than the average user. Take advantage of that and use the space at the bottom of each page to highlight valuable content.
Since the footer isn’t eating up “above the fold” space, you can get granular and include multiple categories, and even highlight vital cornerstone pages, or articles.
As an example, look at how we handle our footer on this very page. We cover essential feature pages, our company, break down our resources, and more.
The footer allows you to highlight the content you “just couldn’t fit” into your header.
6. Use Color and White Space to Separate Navigation from Other Elements
Use color, fonts, and white space to separate your menus from your main content and your sidebars. Make it clear where the navigation starts and ends.
It doesn’t matter what language you use in your menus, or which pages you link to if your website visitors can’t even find the menu in the first place.
7. Avoid Dropdown Menus
For most websites (not all), dropdown menus aren’t necessary or useful. When users see a link in a menu, the assumption is that it is clickable. Unless the design separates it from clickable links, it can lead to confusion.
Having too many links in your main menu can also negatively impact the usability of your website.
Implementing hierarchical and local navigation in place of dropdown menus can lead to smoother user flow. It also allows users to interact with multiple pages and spend more time on your site, instead of browsing through a giant list of links.
8. Flatten Your Structure
If you want to make it as easy as possible for visitors to explore all pages of your website, maintain as flat a navigation structure as possible.
Instead of linking to a handful of pages from your home page, and then expanding with ever more sub-pages and categories, keep things simple.
Make sure to link to significant categories from your homepage, and link to a single layer of sub-category or single article pages from there.
Flat website structure
There is evidence that flattening the structure in this way has a positive effect on SEO and can lead to Google sitelinks. So don’t let your website structure get too messy!
Website Navigation Menu Trends 2020
Although the broader web design trends of recent years include things like 3D design elements and incorporating tailor-made photographs into creative designs, menus didn’t have quite an exciting a year.
But that doesn’t mean nothing has changed. Here’s our quick take at some of the most crucial menu trends over the last couple of years.
Expandable Categories in Full-Screen Mobile Menus
Uber – menu mobile
Uber and other giant corporations with revamped, modern design, have updated their menus to be more usable.
An issue for these enterprises is that they have so many different products and categories that it can be impossible to include them in a single menu sensibly.
This leads to clear, categorized expandable mobile menus, instead of just an endless list of links.
Floating Header Menus
Perhaps the universal trend for menus over the last few years is the floating header menu.
A floating header menu is a menu that sticks to the top of your web browser window as you scroll down the page (as the one we use for kinsta.com). Typically it’s part of a header section that includes a small logo and maybe a search bar as well.
It’s hard to argue against it, as having constant access to a menu makes internal navigation that much easier. This type of menu is included in many WordPress themes and the trend is showing no signs of stopping.
Overlay Dropdown Menus on Desktop
Some of the most basic advice on website navigation is to stay away from dropdown menus. And for a reason.
But that doesn’t mean they are inherently terrible. Dropdown menus are just tricky to implement in a way that makes sense on the computer screen.
With a color overlay on the main content, they can force 100% of the user’s attention to the menu. You also have better options for expandable categories than displaying further links on hover.
These factors have come together to make it into a growing trend in 2019. In fact, many innovative websites and templates include overlayed dropdown menus on desktop.
This post should have given you a clear understanding of what website navigation is and some of its key points.
Website navigation should always be focused on simplicity, clarity, rather than intense colors and creative design. As your site’s navigation and menus need to take into account both desktop and mobile users, things can get trickier and hiring a web developer can be a good call.
Always try to follow website menu design best practices to ensure your visitors and search engines can browse through your content easily.
Usability and clarity will continue to be priorities moving forward. So if you can master your user’s language and create a structure that makes sense for them, you’ll be able to future-proof your menus.
The post How to Improve Website Navigation (With Examples and Reasons on Why You Should Do It) appeared first on Kinsta Managed WordPress Hosting.
I’ve been around the Joomla world for a long time now.
In many years of using Joomla, I’ve built sites for personal reasons, for business reasons, for friends, and for just playing around. I have a ton of Joomla sites!
Do you know how many Joomla sites you have?
If you answered, “I have lots of Joomla sites!”, then you should keep reading.
My Joomla work these days is mostly with Joomlashack, which is a big Joomla site.
Actually, that’s not completely accurate. Joomlashack is closer to 50 Joomla sites.
We’ve got 20 sites for Joomla template demos. We also have extension demo sites, as well as sites we maintain for clients. Then we have test and development sites we maintain too. The list goes on. Joomlashack has a big network of sites.
The only way we make this work is by using Watchful.net. Every time we start a new site, we add it to the Watchful dashboard. This image below shows a small fraction of all our sites:
The beauty of Watchful is that it allows us to control all our sites from one dashboard.
In the old days, when a new Joomla version came out, we had to log in to 50 different sites. This was our update process:
Visit the admin URL.
Find the username and password.
Log in and find the update screen.
Sit and wait for several minutes as the update runs.
Repeat this process 50 times.
Now, things are much easier with Watchful. When Joomla releases a new version, it’s really easy to update all 50 sites. For example, when Joomla 3.9.16 or a new plugin version is available, there’s an “Update All” button available.
Sometimes, updates are even easier and we don’t have to do anything at all.
Watchful has an auto-update feature. This allows Watchful to automatically update software you trust. This is available for the Joomla core files, plugins, and extensions that you select. Every hour, Watchful will check for updates. If they find an update, they’ll deploy it for you.
Here is our Watchful dashboard with an “Enable autoupdate” button:
If something does go wrong with the update, Watchful has some useful services that help us fix problems. In the image below, you can see the “Backups” link. This gives you access to Watchful’s integration with Akeeba Backup.
All of your sites can have their own customized backup settings. We choose to back up our main site every day, but only demo sites only need three backups per week. In the image below, you can see we chose Monday, Wednesday, and Saturday.
Watchful keeps a detailed log of all the backups. We can see when they ran and if they were successful. You can see that log in the image below:
This backup log is in addition to a detailed audit log showing all the changes to extensions, templates and key files. So if something broke on our sites on Monday, we can look back and see exactly what changed on our site that day.
Watchful is hugely helpful to our Joomlashack team. We would need to radically rethink our network of sites if we didn’t have Watchful available. We simply get more done by using Watchful to automate all our site maintenance.
If you run multiple Joomla sites (they support WordPress too), then give Watchful a try. They’ve got a 30-day free trial available:
From our support sessions with customers each month, we know that growing your brand or business is a top website goal. And in this unprecedented time in which more people around the world are staying at home, it’s important to promote your products and services online to reach a wider audience and connect with more people.
Our team has been hard at work improving the block editor experience. We’ve launched six new blocks that integrate WordPress.com and Jetpack-enabled sites with popular services — Eventbrite, Calendly, Pinterest, Mapbox, Google Calendar, and OpenTable — enabling you to embed rich content and provide booking and scheduling options right on your blog or website.
Whether you’re an online boutique, a pilates studio, an independent consultant, or a local restaurant, these blocks offer you more ways to promote your brand or business. Take a look at each block — or simply jump to a specific one below.
Promote online events with the Eventbrite block
Looking for a way to promote an online event (like your museum’s virtual curator talk or your company’s webinar on remote work), or even an at-home livestream performance for your fans and followers? Offering key features of the popular event registration platform, the Eventbrite block embeds events on posts and pages so your visitors can register and purchase tickets right from your site.
To use this block, you need an Eventbrite account. If you don’t have one, sign up at Eventbrite for free.
In the block editor, click the Add Block (+) button and search for and select the Eventbrite Checkout block.
Enter the URL of your Eventbrite event. Read these steps from Eventbrite if you need help.
Select from two options: an In-page Embed shows the event details and registration options directly on your site. The Button & Modal option shows just a button; when clicked, the event details will pop up so your visitor can register.
Learn more on the Eventbrite block support page.
Schedule sessions with the Calendly block
Want to make it easier for people to book private meditation sessions or language lessons with you? The Calendly block, featured recently in our guide on moving your classes online, is a handy way for your clients and students to book a session directly on your site — eliminating the time spent coordinating schedules. You can also use the Calendly block to schedule team meetings or group events.
To use this block, you need a Calendly account. Create one for free at Calendly.
In the block editor, click the Add Block (+) button and search for and select the Calendly block.
Enter your Calendly web address or embed code. Follow these steps from Calendly if you need help.
Select from two styles: the Inline style embeds a calendar directly onto your site; the Link style inserts a button that a visitor can click to open a pop-up calendar.
This block is currently available to sites on the WordPress.com Premium, Business, or eCommerce plans. It’s free on Jetpack sites.
Learn more on the Calendly block support page.
Up your visual game with the Pinterest block
Strong visuals help to provide inspiration, tell your stories, and sell your products and services. Pinterest is an engaging way for bloggers, influencers, and small business owners to enhance their site content and expand their following. With the Pinterest block, you can embed and share pins, boards, and profiles on your site.
In the block editor, click the Add Block (+) button and search for and select the Pinterest block.
Paste the URL of a pin, board, or profile you’d like to display and click Embed. Note that you can only embed public boards.
Pro tip: in the block editor, go to Layout Elements and select Layout Grid to create a visually striking layout with pins, boards, and profiles, as shown above.
Display locations with the Map block
A map on your site is a quick visual way to display a location, like your restaurant’s takeout window or the drop-off spot for donations to a local food bank. Powered by mapping platform Mapbox, the Map block embeds a customized map on your site. Show the location of your business, a chain of boutique hotels, the meeting spots for your nonprofit’s volunteers, and more.
In the block editor, click the Add Block (+) button and search for and select the Map block.
In the text field, type the location you want to display and select the correct location from among the results that appear.
Click on the red marker to edit the title and caption of the marker.
Explore the toolbar for block-specific settings. Add more markers, for example, by clicking the Add a marker button.
In the sidebar, customize your map’s appearance (including colors, height, and zoom level).
Explore more settings on the Map block support page.
Share your calendar with the Google Calendar block
Are you an author planning a book tour (or a series of online readings)? A digital marketing consultant hosting social media workshops? A neighborhood pop-up bakery? With the Google Calendar block, you can display a calendar of upcoming events or your hours of operation.
In Google Calendar, click the three dots next to your calendar name and select Settings and sharing.
Under Access Permissions, ensure Make available to public is checked.
Click on Integrate calendar on the left and copy the code under Embed code.
In the block editor, click the Add Block (+) button, search for and select the Custom HTML block, and paste the code you copied in Google Calendar.
Publish your post or page. The next time you edit this post or page, you’ll see the code has been converted to shortcode.
Explore more settings on the Google Calendar block support page.
Streamline reservations with the OpenTable block
If you’re a restaurant or cafe owner, a primary goal of your site is to increase the number of bookings. Sure, people aren’t dining out right now, but you can be ready to take reservations in the future. With the OpenTable block, people can reserve a table directly from a post or page instead of calling or booking through a different reservation service.
To use this block, your restaurant must be listed on OpenTable. Create an OpenTable listing now.
In the block editor, click the Add Block (+) button and search for and select the OpenTable block.
Enter your OpenTable Reservation Widget embed code. Check this OpenTable guide if you need help.
Explore the block’s toolbar and sidebar settings. For example, choose from four different embed styles: Standard, Tall, Wide, and Button.
This block is currently available to sites on the WordPress.com Premium, Business, or eCommerce plans. It’s free on Jetpack sites.
WordPress errors on your site are no joke. While some may cause only minor inconveniences, others can result in major problems. Downtime, failed updates and installations, and missing resources can prevent visitors from accessing or using your site. This hurts your credibility and potentially affects your income.
It’d be almost impossible to know every potential WordPress error inside and out. However, understanding some of the most common WordPress issues users experience can help you prepare and troubleshoot WordPress problems when they pop up.
This post covers the most frequently-experienced WordPress errors. I’ve provided resources to help you clear up each of them, so you can get your website up and running again quickly.
Try a free demo
Let’s jump right in!
65+ of the Most Common WordPress Errors and How to Fix Them
In order to cover so many different issues in a single post, I’ve organized them roughly according to type. Below you’ll find a general description of the various components of your WordPress site and the problems they might experience, followed by the specific errors and their solutions.
400 and 499 are HTTP client errors. This usually means that something has gone wrong during the communication between the browser your site’s visitor is using and your site’s server.
1. 400 Bad Request
400 error response in Google Chrome
The 400 Bad Request response is a catch-all for when your server experiences a client error, but it doesn’t fall into a specific category. That means this error has several possible causes, including:
An incorrectly-typed URL or one that contains disallowed characters.
Corrupted browser caches or cookies.
Discrepancies between Domain Name System (DNS) data and your local DNS cache.
Trying to upload a file that is too large.
Some kind of general server error.
Potential solutions include checking the URL for typos, clearing your browser cache and cookies, clearing your DNS cache, and deactivating browser extensions.
2. 403 Forbidden
There are many measures in place to keep your WordPress site safe, including varying levels of ‘permissions’. While this feature can prevent people who shouldn’t have access to your site from gaining entry, it can sometimes cause problems if the permissions are not set properly.
A 403 Forbidden error is one such problem:
403 Forbidden response in Google Chrome
To fix it, you’ll need to reset your file permissions or generate a new .htaccess file. This issue may also be the result of a problem with a plugin, your Content Delivery Network (CDN), or hotlink protection.
3. 404 Not Found
A 404 error occurs when a user attempts to access a web page that doesn’t exist. Instead of finding the resource they were looking for, they’ll see a page similar to this one:
Kinsta’s 404 Error page
This problem is relatively harmless but nevertheless frustrating for users. To avoid it, make sure to fix broken links on your site periodically and implement redirects if you delete a page or move it to a new URL.
4. 405 Method Not Allowed
The 405 Method Not Allowed error is your server’s way of saying that it has received the browser’s request but rejected it for some reason.
There are several possible ways to resolve this problem, including rolling back recent theme and plugin updates, checking your server’s configuration and error logs, and debugging your application code.
5. 413 Request Entity Too Large
If this error appears in your browser, it means that the server of the site you’re trying to access can’t process the HTTP request you’ve made because it’s too large.
This often occurs if you’re trying to upload a very ‘weighty’ file. You can resolve this problem by increasing your maximum HTTP request size.
6. 429 Too Many Requests
If a user attempts to access a certain resource too many times over a short span of time, they may receive a 429 Too Many Requests error. This is your server’s way of blocking out suspicious behavior.
To help prevent cyberattacks on your login page that may lead to a 429 error, you can change its default URL. Other solutions include testing for theme and plugin conflicts.
Any error on your site that is labeled with a number between 500 and 599 is an indication that your server is incapable of performing a given request for some reason. Here are a few of the most common examples.
7. 500 Internal Server Error
In addition to preventing users from accessing your site, a 500 Internal Server Error can negatively impact your SEO if not resolved quickly:
An Internal Service Error in Google Chrome
Unfortunately, the 500 error has many possible causes and solutions, which can make troubleshooting this issue tricky. You can start by clearing your browser cache and reloading the page. If that doesn’t work, you can dive into more technical debugging methods.
8. 501 Not Implemented
This error means that your server doesn’t have the functionality needed to complete the request made by the user’s browser. It’s likely that the server doesn’t recognize the request method.
As with a 500 Internal Service Error, a 501 error can lower your search engine rankings if you don’t resolve it within a few hours. You can try reloading the page, clearing the browser cache, and disabling any active proxy settings to resolve it.
However, you’ll likely need to contact your host for help.
9. 502 Bad Gateway
In cases where one server is acting as a proxy or ‘gateway’ for another, there’s a chance that users may encounter a 502 Bad Gateway error. This occurs when the proxy receives an invalid response from the inbound server.
A 502 error can impact your SEO, so it’s best to get it cleared up fast. Reloading the page and clearing your browser cache are good places to start. If those solutions don’t work, check for issues with your DNS, try disabling your CDN or firewall, or contact your host for assistance.
10. 503 Service Unavailable
When a 503 Service Unavailable error appears, it means that for some reason your server can’t be reached. Although your website is up, it won’t be accessible to users.
This may be due to routine maintenance, high traffic levels, or a more serious problem with your server. The good news is that a 503 error won’t influence your search engine rankings. It can still be highly annoying to visitors, however. To fix it, you can try:
Deactivating your plugins.
Switching to a default theme.
Disabling your CDN.
Limiting the WordPress Heartbeat API.
Increasing your server’s resources.
If none of these solutions work, your best course of action is to get in touch with your host’s support team.
11. 504 Gateway Timeout
Like a 502 error, the 504 Gateway Timeout response is the result of a problem with the communication between an inbound server and a proxy. Essentially, it means that the latter server timed out while waiting for the former to respond to a request.
This type of error can negatively affect your SEO. Possible solutions include reloading the page, disabling any active proxy settings, checking your DNS for issues, and temporarily disabling your CDN.
Your server is responsible for storing all of your WordPress site’s files and communicating with browsers to make your content available to users.
While the 400 and 500 errors already listed involve your server in some way, there are also some more WordPress-specific issues that can be caused by problems with your server.
12. WordPress Memory Limit Error
Your hosting provider allocates a certain amount of server memory to your site. In the event that you reach your server’s memory limit, you may run into issues installing a new plugin or theme, or uploading media files to your site.
Instead of successfully adding your new resource, you’ll see a message that reads: “fatal error: allowed memory size has been exhausted”. If this happens, you can try increasing your PHP memory limit by editing your wp-config.php file.
Alternatively, you could check how much disk space you’re using and consider upgrading to a new hosting plan that offers more space for your growing WordPress site.
13. Uploaded File Exceeds the upload_max_filesize Directive in php.ini
On a similar note, your host also sets a limit on the maximum size for individual files that you can upload to your server. You can see this limit by navigating to Media > Add New in your WordPress dashboard and looking for the Maximum upload file size (the default upload size at Kinsta is 128 MB):
The maximum upload file size listed in the WordPress Media Uploader
If you need to upload a file that is larger than the specified maximum size, you can change the limit by editing your php.ini file. Alternatively, you can contact your hosting provider to discuss the issue with them.
This is far simpler and less risky than trying to change it yourself and shouldn’t be an issue for your host’s support team.
14. Fatal Error: Maximum Execution Time Exceeded
Servers have time limits on how long scripts can run (usually 30 seconds, at Kinsta the default maximum execution time is 300 seconds). In the event that a PHP script on your WordPress site takes longer than the allotted time limit, you’ll likely see the message: “fatal error: maximum execution time exceeded”.
You can resolve this issue by increasing your site’s execution time limit. To do so, you’ll need to find the script that is running too long, which is likely part of a plugin or theme, and remove it.
15. Upload: Failed to Write File to Disk
Adding images to your posts and pages can make them more useful, interesting, and drive additional organic traffic. However, you’ll have a difficult time doing this if you see a message like “Upload: Failed to write file to disk” whenever you try to add media files to your site.
This error is often due to incorrect file permissions. You can fix this problem by changing your file permissions via File Transfer Protocol (FTP).
However, it can also be an issue with your server. When you upload files to WordPress, they are first saved to a temporary folder on your server. Then, they are moved to the appropriate WordPress directory. If changing your file permissions doesn’t fix this error, contact your host and ask them to empty your temporary files directory, as it may be full and preventing uploads.
16. Secure Connection Error
When you update your WordPress installation’s core files, your site has to connect to WordPress.org. Sometimes, due to your server’s configuration, this isn’t possible. The result is a warning in your WordPress dashboard.
As this is a problem directly related to your server, you’ll likely need to contact your host in order to resolve it. Your server may be under a DDoS attack, in which case the error should resolve on its own shortly. Alternatively, you can try fixing the problem yourself by pointing your server towards WordPress.org through Secure Shell Protocol (SSH).
Implementing WordPress security best practices on your site is wise. Cyberattacks could cause serious damage that requires a lot of money to fix. Unfortunately, sometimes the measures you put in place to protect your site can lead to errors.
If you host your site at Kinsta, we offer a hack fix guarantee and will clean your site of malware for free.
17. Cloudflare Error 521
Although this is a 500 error like the ones we described in the previous section, it’s specific to Cloudflare. This popular platform is used as a CDN, and for protection against DDoS and other attacks.
Seeing a 521 error on your site means that Cloudflare can’t connect to your server. Either it’s down or is blocking the service for some reason. Generally speaking, checking to make sure your server is up and that its firewall has all of Cloudflare’s IP ranges whitelisted will let you know what’s causing the problem. You can then take steps to work with your host and resolve it.
18. “Sorry, This File Type Is Not Permitted for Security Reasons”
As a security measure, WordPress has a standard list of permitted file types. This prevents malicious parties from adding executable files to your site that could compromise users’ sensitive information.
If a user tries to upload a file type that is not on that list, they’ll see a message reading: “Sorry, this file type is not permitted for security reasons”:
The “Sorry, this file type is not permitted for security reasons” message
You can enable uploads of file types not allowed in WordPress’ default settings by editing your wp-config.php file.
The WP Extra File Types plugin can also be used as an alternative solution.
19. “Sorry, You Are Not Allowed to Access This Page”
We briefly touched upon file permissions earlier in this post, but to recap, they determine who can edit which files on your WordPress site. This keeps your website safe from hackers who might want to insert malicious code.
However, if your permissions settings are incorrect, they could inadvertently block you or well-meaning users from accessing your site.
This can result in an error that reads: “Sorry, you are not allowed to access this page”.
The “Sorry, you are not allowed to access this page” error message
There are many possible solutions to this issue. You may want to try:
Resetting your file permissions via Secure File Transfer Protocol (SFTP).
Checking to make sure your account is assigned the correct user role via phpMyAdmin.
Ensuring that your database prefix is correct.
Troubleshooting for plugin and theme conflicts.
In the worst case scenario, you can also restore a backup of your site or reset WordPress.
20. “Installation Failed: Could Not Create Directory”
Whenever you install a plugin or theme on your WordPress site, its files are added to your server. If during an installation or update you receive a message that says “Installation failed: Could not create directory”, it means that for some reason, WordPress was unable to add the necessary files to your server.
The same applies to plugin and theme updates. This is another file permissions-related error.
To fix it, make sure you’re allowed to Write in your wp-admin, wp-content, and wp-includes directories via FTP.
21. Incorrect File Permissions
In addition to denying you access to certain areas of your site, as in the case of the “Sorry, you are not allowed to access this page” error, incorrect file permissions can prevent you from:
Updating or installing plugins and themes.
Publishing or updating posts and pages.
On the other hand, if your file permissions aren’t too strong, you leave your website vulnerable and run the risk of hackers gaining access to your files. There they can delete content, steal data, or add their own malicious code.
If you’re running into one of the above issues, or suspect that you’ve been hacked, you may want to verify your file permissions via SFTP:
The file permissions window in FileZilla
The default numeric values for WordPress are 755 for folders and 644 for files.
Secure Sockets Layer (SSL) certificates are a security measure used to encrypt data. This prevents hackers from stealing sensitive data such as credit card information as it’s transferred between servers.
If you’ve recently switched hosting providers or installed a new SSL certificate on your site, you may see an ERR_SSL_PROTOCOL_ERROR in your browser. This means that, for some reason, your server was unable to establish a secure connection.
There are several steps you can take to resolve this issue, including updating your browser and operating system, verifying your SSL certificate, disabling browser extensions, and clearing your browser cache and cookies.
The ERR_SSL_VERSION_OR_CIPHER_MISMATCH error could indicate that your browser or operating system is out of date. It may also result from issues with your SSL certificate, or pop up after you migrate your WordPress site to a new host.
If updating your browser and operating system doesn’t help, check for a name mismatch in your SSL certificate. Alternatively, clearing your computer’s SSL state may resolve the issue, or your SSL certificate may be outdated.
24. Mixed Content Warnings
When you add an SSL certificate to your WordPress site, it will start running HTTPS instead of HTTP. In the event that your website is trying to load both HTTPS and HTTP content or scripts simultaneously, you’ll see a mixed content warning.
This will probably read as some variation of: “This site is not fully secure”. In order to resolve the error, you’ll need to follow a few steps to determine which HTTP resources are loading and remove or replace them with HTTPS resources.
WordPress Media Errors
In the world of WordPress, ‘media’ most often refers to image files. However, it also includes video and audio. While these elements can provide engaging and interesting content for your users, they’re sometimes tricky to incorporate due to various errors that may arise in the process.
25. WordPress HTTP Error (Uploading Image to the Media Library)
While trying to upload a file to the WordPress Media Library, you may have come across a vague ‘HTTP error’. This generally appears as a small popup box on the right side of the image uploader.
There are a few possible causes for this problem, including an expired login session, disallowed characters in the file name, wrong permission, and server-side issues.
First, start by refreshing the page. If that doesn’t work, try resizing or renaming your media file. If not in luck, you should then check your permissions or temporarily deactivate your plugins and theme. In the event that you still can’t complete your upload, you may want to contact your host.
26. The Add Media Button Isn’t Working
In the WordPress Classic Editor, the Add Media button is an important feature:
The Add Media button in the WordPress Classic Editor
This button enables you to quickly upload new media files or select one from your Media Library to add to your post. However, sometimes clicking on the button does nothing or it may be missing from the editor entirely.
If this is the case, the issue is likely due to a plugin or theme conflict. You can resolve it by adding the define(‘CONCATENATE_SCRIPTS’, false) function to your wp-config.php file or by troubleshooting for potential compatibility errors.
27. Broken Media Files
If you open your media library and find that all of your images are gone entirely or have been replaced with placeholders, your files may be ‘broken’:
Broken image files in the Media Library
This can happen for a wide variety of reasons, including:
A problem with your server, such as a performance issue.
Compatibility errors between your plugins and/or theme.
Incorrect file permissions.
A hack or other attack.
To fix the issue, you can try resetting the file permissions for your uploads directory to 755. If that doesn’t work, look to see if there may be any plugin conflicts. After that, if your images are still broken, contact your hosting provider to see if the cause is a server issue.
28. “There Has Been an Error Cropping Your Image”
In the WordPress Media Library, you can implement minor edits to the images you’ve uploaded, such as rotations and cropping. While attempting to edit in this way, you may receive the message: “There has been an error cropping your image”.
There are two possible causes for this error. The first is that you’re running on an outdated version of PHP, in which case you can simply upgrade to fix it. On the other hand, your server may be missing the necessary Graphics Draw (GD) package.
If this is the case, you’ll need to follow appropriate steps for installing it based on your setup. In the event that you run into trouble, you should contact your hosting provider for help.
29. Incorrect Facebook Thumbnail
Social sharing can be an efficient method for building your website’s audience. However, sometimes the wrong thumbnail image may be displayed when your posts are shared on Facebook.
This often occurs when multiple images in your post include the Open Graph (OG) tag. Facebook uses this tag to guess which image it’s supposed to use for the thumbnail, but when multiple images include it, the platform gets confused.
One way to fix this issue is by using Yoast SEO’s social sharing features. By setting your Facebook thumbnail via this plugin, you can ensure that the correct image has the OG tag in place.
Your WordPress installation is made up of two key parts: its files and its database. While you’re more likely to interact with the former on a regular basis, your database is also vital to your site’s ability to function properly.
30. Error Establishing a Database Connection
In the event that your website can’t establish a connection with your MySQL database, it won’t be able to retrieve the data necessary to display your content. Instead, you’ll see an error like this one:
The Error Establishing a Database Connection
This will prevent users from viewing the front end of your site, and also locks you out of your WordPress dashboard. The most common cause of this error is that your database credentials are incorrect. You can change them in your wp-config.php file.
31. The WordPress Database Is Corrupt
‘Corruption’ is a general term applied to WordPress databases and files when they’ve become compromised or unusable. This will often result in an Error Establishing a Database Connection.
Ideally, you’ll want to restore a backup of your database to replace the corrupt version. If that’s not possible, you can also fix this error by adding the define(‘WP_ALLOW_REPAIR’, true) function to your wp-config.php file.
Suggested reading: check out this guide on how to troubleshoot and repair WordPress database issues.
PHP is a coding language that is integral to WordPress. Issues related to its functionality can prevent you from editing your site or result in intrusive messages and notifications.
32. PHP Errors in WordPress
When there is a problem with your WordPress site’s PHP, you’ll see a message or warning at the top of your WordPress dashboard stating what the problem is and which files are affected.
These messages are intended for developers, so they can dig into their sites’ code and revise the issue. If you don’t have experience with PHP, trying to resolve these errors could cause more problems for your site.
In the event that this describes your situation, don’t worry. PHP errors shouldn’t stop your site from running or prevent users from accessing it.
Ideally, you’ll want to contact the developer of any related plugins or themes that might be causing the issue. Otherwise, you can hire a developer to help you fix it.
33. “Missing a Temporary Folder”
Any time you upload a file to your WordPress site, it’s first stored in a temporary folder before being moved to its permanent directory. However, incorrect PHP settings on your server could prevent access to this temporary folder, leading to an error on your WordPress site.
Resolving this problem requires you to access your server via FTP and add the following function to your wp-config.php file:
Then, you can add a new folder named temp to your wp-content directory.
WordPress File Errors
From your posts and pages to your plugins and themes, your WordPress installation contains hundreds if not thousands of files. Errors related to these key components can result in lost or unavailable content.
34. “Destination Folder Already Exists”
When you install a new theme or plugin on your WordPress site, a folder is created on your server to store its files. If you attempt to install a plugin or theme, and a folder with the same name is already saved on your server, you’ll see an error reading “Destination folder already exists…Plugin installation failed”:
The “Destination folder already exists” error
Your first step when confronted with this issue should be to check to see whether the plugin or theme is already installed.
If not, access your server via FTP and navigate to your wp-content folder. Then, look through your plugins or themes to see if a folder with the same name as the component you’re attempting to install exists. Once you delete that folder, you can try your installation again.
35. The WordPress Theme Stylesheet Is Missing
CSS is a coding language that determines your site’s ‘styling’. This may include colors, fonts, and a variety of other elements that make your website interesting to look at.
When it comes to WordPress themes, all the necessary CSS is contained within a file called a ‘stylesheet’. If your theme’s stylesheet isn’t available, your site won’t be able to load properly, and you’ll see an error:
The “Stylesheet is missing” error in the WordPress themes list
This may also occur during a theme installation:
A failed theme installation due to a missing stylesheet
This could happen because your theme’s stylesheet hasn’t been uploaded to your server, or because it’s named incorrectly and therefore can’t be found. To fix the problem, access your server via FTP and navigate to your theme’s subdirectory.
Then, look for your theme’s stylesheet. If it’s not there, retrieve it from your theme’s files and upload it to your server. Make sure the file is named style.css and is saved within the correct theme folder.
36. Pluggable.php File Errors
Your WordPress site’s pluggable.php file enables users, plugins, and themes to override core functionalities. If a plugin or theme isn’t coded properly, it may result in a conflict with this file.
The issue will appear as a php error message in your WordPress dashboard that references your pluggable.php file. However, the cause of the problem isn’t usually within pluggable.php itself, it could be your wp-config.php or functions.php for example.
Instead, you’ll need to find the real location of the conflict in the error message. Then, navigate to the relevant file and fix it by removing spaces, empty lines, or something similar.
37. WordPress Files Are Corrupt
Just as your WordPress database can become corrupt, so too can its files. This will make them inaccessible, which is a big problem, especially when it comes to core files.
Corrupt files may be the result of a server failure, incorrect file permissions, or a PHP version error. The simplest fix is to restore a site backup. This is a matter of just a few clicks in MyKinsta.
First, log in to the MyKinsta dashboard. Go to “Sites” on the left-hand side and then click on the WordPress site for which you need to restore a backup.
Restore WordPress from Backup in MyKinsta
Pick your preferred backup option from those provided and click on the “Restore to” button to decide whether you want your backup restored on your live or staging site.
Restoring a WordPress backup to live site in MyKinsta
You will then have to confirm the backup restoration by entering your site name. Then click on “Restore.” This will overwrite your live environment.
Alternatively, you can replace core files by downloading WordPress, deleting the corrupt files via FTP, and then uploading fresh copies from the WordPress .zip file.
Visitors access your website using browsers of their choosing. This means that various browser errors can keep users from reaching your site. Preventing them will help you avoid missing out on traffic.
38. “Not Secure” Warning in Chrome
When browsing the internet using Google Chrome, you may have noticed that some pages have a ‘Not Secure’ warning next to their URLs:
The “Not Secure” warning in Google Chrome
The browser displays this warning when a website is not using an SSL certificate. If your pages trigger these messages in users’ browsers, it can hurt your site’s credibility, impact your traffic level, SEO, and conversion rates. To prevent this from happening, you can install an SSL certificate.
More recently, Chrome started showing ERR_SSL_OBSOLETE_VERSION warning messages for websites that aren’t using TLS 1.2 or 1.3.
39. “Your Connection Is Not Private” Browser Error
Even worse than the “Not Secure” warning in Chrome is the “Your Connection Is Not Private” page. This error prevents users from easily accessing your site, due to a problem with its SSL certificate (or lack thereof).
If they encounter this page, users may be scared away from your site for fear of their personal information being stolen. You can try to prevent this from happening by ensuring that your SSL certificate is installed properly, but it may also be a client-side issue that your users will have to fix themselves.
A redirect loop, which often displays as “ERR_TOO_MANY_REDIRECTS”, happens when there’s a misconfiguration of redirects on your server.
For instance, this could mean that URL 1 is pointing to URL 2, but URL 2 is pointing back to URL 1, causing an infinite loop. Users can try fixing this error by deleting your site’s cookies and clearing their browser caches. You can also try to determine the nature of the redirect loop, in order to figure out the source of the problem and then resolve it.
Like many browser issues, the ERR_CONNECTION_REFUSED issue usually isn’t caused by something specific to WordPress. However, if users contact you because they can’t access your site due to this message in Chrome, it still helps to be able to tell them how to fix the problem.
The ERR_CONNECTION_REFUSED error occurs because the user’s browser was unable to connect to your site’s server. This could be a server-side problem, in which case you should check to see if your site is down and contact your hosting provider. Alternatively, you can try instructing your users to restart their routers and clear their browser caches.
The ERR_EMPTY_RESPONSE issue occurs when a user’s browser sends a request to your site and your server sends nothing back. The most popular fixes for this issue are to clear your browser cache and reset your network settings.
You may also want to advise users who are experiencing this problem to disable any Chrome extensions they’re using and try temporarily disabling their anti-virus software.
43. DNS_PROBE_FINISHED_NXDOMAIN Browser Error
Your DNS is the system that takes your website’s IP address and turns it into a readable domain, such as kinsta.com. If your DNS fails to translate your domain into your site’s IP address correctly, users will see the DNS_PROBE_FINSHED_NXDOMAIN browser error in Chrome.
The first steps to resolve this issue are to release and renew your IP address. If that doesn’t work, you may suggest that users try temporarily disabling their anti-virus software or Virtual Private Networks (VPNs).
Troubleshooting Miscellaneous WordPress Errors
While many WordPress errors can be traced back to a specific cause, some are a little more difficult to diagnose. They may have multiple possible origins or lead back to a minute detail that doesn’t seem significant.
Below are a variety of WordPress problems that don’t fit neatly into the categories we’ve covered so far.
44. The White Screen of Death
One of the most famous WordPress errors is the White Screen of Death (WSoD). It causes your site to display as a blank white page to its users. This issue may also lock you out of your WordPress dashboard. Usually, it is caused by a plugin compatibility issue.
The best course of action for resolving it is to find the plugin that’s causing the conflict and remove it. Other possible causes include syntax errors, reaching your site’s memory limit, and file permissions issues.
45. Locked Out of the WordPress Admin Dashboard
Your WordPress dashboard is highly important for numerous tasks, including fixing many common WordPress errors. However, sometimes the issues you’re experiencing on your site can lock you out of your WordPress dashboard.
There are many possible causes for this problem. If you can, try to determine whether you’re locked out due to a separate problem, and then take steps to resolve the root of the issue. You can also try restoring a backup of your site, or disabling a security plugin via FTP if you believe it’s keeping you from your site’s backend.
46. Can’t Connect via SSH or SFTP
Sometimes, WordPress management or troubleshooting will require that you access your server directly. SFTP enables you to access your files, and SSH permits a wide variety of other remote tasks (here’s a guide on how to get started with SSH).
If you’re attempting to use SFTP or SSH to reach your server but can’t connect, you may need to delete outdated IP addresses from your known_hosts file.
47. SSH Connection Refused
In the event that you’re trying to connect to your server via SSH, and you see a message that reads “Connection refused” in your command line interface, the problem is slightly different:
The Connection refused error message in Terminal
Instead of editing known_hosts, you’ll need to check a few things related to your SSH configuration.
First, make sure that your server has an SSH daemon installed. You should also check your credentials and determine if the port you’re using is open. The issue could also be due to your firewall settings.
48. Briefly Unavailable for Scheduled Maintenance
Whenever you run updates on your WordPress site, it temporarily goes into maintenance mode. During this time, anyone who tries to access your site will see a message that says something like: “Briefly unavailable for scheduled maintenance. Check back in a minute”:
The “Briefly unavailable for scheduled maintenance” message in WordPress
This isn’t truly an error, since it’s supposed to happen, but users may interpret it differently. If they contact you about it but you’re not experiencing trouble on your end, you’ll want to recommend that they reload the page.
If you’re seeing this message while running updates in WordPress, on the other hand, your site may have gotten stuck in maintenance mode.
49. WordPress Stuck in Maintenance Mode
Closing your browser in the middle of an update or running bulk plugin updates can cause your site to get stuck in maintenance mode. In this case, you’ll see the same message that users see on the front end when you run updates.
Fortunately, fixing this problem is quite simple. All you have to do is access your site’s files via FTP, and delete the one named .maintenance:
The .maintenance file in FileZilla
After that you can check back with your site and all should be well again.
50. Changes Aren’t Visible on Your Live Site
If you’ve put in a lot of hard work to make updates to your site, only to check the frontend and see that none of them are visible, you may be feeling frustrated. The good news is that this problem is usually very simple to fix.
Most often, it’s the result of a caching issue. First, you can try clearing your browser cache. If your changes still aren’t visible and you’re using a caching plugin, check its documentation to learn how to clear the plugin’s cache as well.
51. Missed Schedule
A consistent upload schedule is part of a strong content strategy. WordPress helps with this by enabling you to schedule posts for publication at specific dates and times.
The Scheduled Post Trigger plugin
Unfortunately, it doesn’t always work as intended, resulting in missed schedule errors. Generally speaking, the quickest solutions to this problem are either available via plugins, such as Scheduled Post Trigger or WP Scheduled Posts Pro, or by editing cron jobs.
Here at Kinsta, we configure your WordPress cron jobs to run at a system level with intervals of 15 minutes.
52. Failed Auto-Update
In order to help your site stay on the latest version of WordPress, you may have auto-updates enabled. This can be handy for streamlining this aspect of website maintenance and keeping your site secure, but it also sometimes results in problems.
Auto-updates can sometimes fail, in which case your site may go down and become unavailable to users. The recommended fix is to carry out a manual update instead.
53. WordPress Import Issues
For a variety of reasons, you may find that you need to import content into your WordPress site. This is a fairly common practice among developers, and various plugins are often used for this task.
Unfortunately, imports can easily result in PHP or HTTP timeouts. In order to avoid these issues, you can:
Switch to a faster internet connection.
Import your files using the WP-CLI.
Increase your PHP timeout limit.
You may also need to contact your hosting provider for help resolving this issue.
54. WordPress Performance Issues
Your site’s performance is more or less synonymous with its speed. Fast-loading pages make for better UX and SEO, so it’s important to routinely monitor and optimize your site’s speed. Pingdom is a handy tool for testing loading times from multiple locations:
The Pingdom Website Speed Test
After testing your site, Pingdom will give you a list of suggestions regarding how you can improve its performance. Common solutions include image compression, caching, and enabling a CDN.
55. WordPress Is Not Sending Emails
Email marketing is a key strategy for many WordPress sites and can increase your traffic level and conversion rates. There are several plugins available that can enable you to send emails from your WordPress dashboard, conveniently bundling your email marketing platform with your site’s backend.
Often, if your emails aren’t being sent to your subscribers, it’s because of your server’s configuration. Your host may have limits on the resources your site can use, which prevents emails from going out.
If you suspect a server-related issue, contact your host. You may need to upgrade your plan. Alternatively, the plugin you’re using could be the source of the problem. Check its support forums and documentation for common issues or contact the developer for support.
Finally, emails sent from WordPress may be marked as spam. If a user contacts you about a missing email, tell them to check their junk folder just in case.
56. WordPress Syntax Errors
Syntax errors refer to problems with the syntax or structure of your code. This may include incorrectly-used punctuation marks or other typos. In some cases, a syntax error can lock you out of your dashboard and break your site.
Despite the seemingly-insignificant root cause, this type of error is pretty serious. It often occurs when you paste in code snippets you’ve found online. If you’ve done something like that recently, that’s likely the source of your problem.
To resolve it, navigate to the location of the code snippet you pasted in using FTP, and correct or remove it.
57. The WordPress Sidebar Is Appearing Below the Content
Sidebars can be useful for displaying key content to your users, such as your navigation menu, WordPress search function, social icons, and even disclaimers. If your sidebar looks odd because it’s appearing below your content instead of next to it, however, you’ve got a problem.
This is often the result of misused <div> tags in one or more of your theme’s files. You’ll need to track down the source of the issue in order to correct your code and fix it. This could also occur due to problems with your site’s width, a float property error, or other issues with your WordPress theme.
58. White Text and Missing Buttons in the Visual Editor
Your WordPress editor is pretty important. Without it, adding new content to your site would be much more difficult. If you’ve ever opened the Classic Editor to find that all of the buttons are missing from the toolbar and your text color is set to white, you’ve probably felt the distress that comes with not having access to that functionality.
Often, this error is due to a plugin conflict or caching issue. If clearing your browser cache or deactivating your plugins doesn’t resolve the problem, you may need to replace some of your WordPress core files.
59. WordPress RSS Feed Issues
RSS feeds are an easy way to bolster your site through curation. They’re especially useful for news sites and other content hubs. However, errors in your RSS feed can appear unprofessional and prevent users from viewing content.
These errors may occur due to extra spaces or line breaks following closing PHP tags in your functions.php file or plugins. You can track them down and remove them to eliminate this issue. Alternatively, you may also need to test for plugin and theme incompatibilities or simply disable WordPress’ default RSS feeds function.
60. WordPress Failed to Open Stream
If you see an error message reading “failed to open stream”, this means that WordPress was unable to open a file referenced somewhere in your code.
This error can be caused by a variety of issues, but the message will usually tell you what the source of the problem is. Possible responses include:
No such file or directory.
The course of action needed to correct the problem will depend on which response you’re seeing. It may be that there’s a file missing, your permissions are set incorrectly, or WordPress is having trouble connecting to a third-party API.
61. Password Reset Key Error
If users are able to register for accounts on your site, they may at times need to reset their passwords. In some cases, the default password reset email provides a link that directs users back to the login page, where they’ll see a message that reads: “This key is invalid or has been used. Please try to reset the password again.”
Usually, this is a caching issue. If you have a caching plugin installed on your site, make sure you’ve disabled caching for the My Account page in the plugin’s settings. Instances of conflicts with CAPTCHA plugins have also been reported.
62. The Login Page Keeps Refreshing
If clicking on the Log In button on your WordPress login page simply refreshes it instead of bringing you to your dashboard, there may be something wrong going on:
The WordPress login screen
This issue may be due to a plugin conflict, wrong WordPress addresses, or a corrupted .htaccess file.
63. WordPress Keeps Logging You Out
Unlike the login page refreshing error, this problem enables you to briefly access your WordPress dashboard but then suddenly logs you back out. This is often due to an issue with your WordPress site’s settings.
If you’re experiencing this error, the WordPress Address and Site Address in your General settings probably don’t match:
The WordPress Address and Site Address in the General Settings
This can include seemingly small differences, such as whether or not both URLs include www at the beginning. Changing the URLs so they match should fix this issue.
If you aren’t able to do this via your dashboard because WordPress keeps logging you out, you can get the job done by editing your wp-config.php file.
64. “Are You Sure You Want to Do This?”
The most frustrating WordPress errors are those that give no indication as to what might be causing them. An error reading “Are you sure you want to do this?” is one such issue.
Most often, this is the result of a plugin or theme conflict and can be resolved with standard troubleshooting for that situation. In the event that this doesn’t work, you will probably need to replace your wp-config.php file.
65. “Another Update In Progress”
Normally, the “Another update is currently in progress” error appears if you’re trying to run a plugin or theme update while WordPress is still executing a core update.
Often this happens during automated core security updates. The message should automatically disappear once the first update has finished. If it doesn’t, you have an error on your hands. You can resolve it in phpMyAdmin by deleting the core_updater.lock row from the wp_options table.
66. Error Moving to Trash
WordPress enables you to easily delete posts and pages from your site with the click of a button. However, various problems can lead to an error when trying to move content to the trash.
This can occur because of a caching issue or a plugin conflict. It may also be due to database corruption or incorrect file permissions.
67. WordPress Installation Errors
Although WordPress is famous for its simple five-minute installation process, you may still run into trouble. Potential issues include the Error Establishing a Database Connection and 500 Internal Server Errors, which we’ve covered elsewhere in this post.
You may also encounter a “Headers Already Sent” error message. This is likely due to unnecessary spaces or PHP tags in your code. The message should tell you where the problem is and you can resolve it by editing the relevant file.
68. “The Site Is Experiencing Technical Difficulties”
This error has become more frequent since the launch of WordPress 5.2. It usually appears during core, plugin, or theme updates:
An error message reading: “The site is experiencing technical difficulties.”
The cause of “The Site Is Experiencing Technical Difficulties” error is typically either a PHP memory limit error or a plugin conflict. You can increase your site’s memory in different ways.
To troubleshoot a plugin conflict, try deactivating your plugins and then reactivating one by one to see which one causes the error to appear again.
The default memory limit for Kinsta customers is set to 256 MB. If you host your WordPress site at Kinsta you shouldn’t have any issues with a lack of memory.
69. Your WordPress Site Is Down
An unavailable site can lead to lost traffic and revenue. If you’re sure that your WordPress site is down, the first step is determining if the cause is a WordPress error or if your server is experiencing trouble. Symptoms of other WordPress errors may tip you off to the underlying problem.
If none are present, you can try checking your server’s error logs. Here’s how to do it in MyKinsta:
Accessing error logs un MyKinsta
If your server is unable to work properly or have no idea about what’s happening, you should contact your hosting provider for help.
The last thing any site owner wants is for their WordPress website to become unavailable to users or showing issues. Not only does this cause you to miss out on any sales, ad views, SEO, conversions, and even affiliate commissions you might have earned.
It’ll also make your site seem less reliable and hurt your brand reputation, which could be really hard to repair.
That’s why we grouped these common WordPress errors all together on a single page to help you find a fix as easily as possible and get your business back on track quickly. Isn’t that convenient?
Do you have any questions about troubleshooting errors on your WordPress site? Ask away in the comments section below!
The post The Ultimate Guide to Fixing and Troubleshooting the Most Common WordPress Errors (65+ Issues) appeared first on Kinsta Managed WordPress Hosting.
Online booking has become one of the essential features for many websites out there. For example, you may have a spa, and you want people to take an appointment. As a result, you will need an online booking system.
Even creating an online booking site is not hard. All you need is a CMS, and I am pretty sure you have already chosen Joomla for the job. But Joomla would not help you alone, and you will also need one of the best booking & reservation Joomla Extensions.
And in this article, I am going to mention a couple of best booking & reservations Joomla extensions. So here we go:
Best Booking & Reservations Joomla Extensions of 2020
Jomres is one of the most powerful and secure Booking Joomla extensions that you can use. It comes with all the features that you may need, like secure frontend property management, powerful developer tools, webhook functionalities, and so on. In short, there is a feature for everyone.
Also, with this one, you will not just be able to create a single property site, but it also helps you to create a complete portal.
The best part of this extension is that it is open-source and responsive. Also, it supports multi-vendor, multi-language, multi properly online booking. Plus, you can use the extension for various jobs.
Solidres is one of the famous hotel booking extensions for Joomla that you can try out. You can install the extension on as many sites as you wish. Also, the good part is that Solidres follows Joomla coding standard. As a result developing templates for Solidres is a pretty easy task.
Along with that, it comes with a bunch of features too. Like it supports booking per night or per day. You can choose from 3 reservation layouts. It supports private rooms as well as shared rooms and so on. Also, you can download the extension free of cost.
Vik Booking is an independent booking engine for Joomla. And it is designed for a single property accommodation business. Also, this is the only Joomla Hotel Booking extension to be certified by TripAdvisor.
As far as the features are concerned, you will get to see a complete room management system, and it comes with a robust pricing system too. You can also set different prices per season of the year, and you will get option management for rooms services like breakfast, extra beds, tourist taxes, and so on.
OS Services Booking
If you are looking for something that helps you with appointments management or online services scheduling, then OS Services Booking is the best option you have.
Also, the best part is that it comes with unlimited categories, venues, services, and employees as well as it is pretty easy to manage order lists, types, and everything else. It even supports coupon discounts, groups discount, and offers you emails and SMS templates management.
How to Create Interactive Click to Tweet Fancy Boxes in Joomla?
How to Cloak Affiliate Links in Joomla?
Rentalot Plus is one of the best booking Joomla extensions for holiday properties. And it offers you full control over your website. As a result, you can control the design, the words, the pictures, prices, and everything.
It runs on your Joomla website only. And it is an open-source program. As a result, you can download the software free of cost, and you do not have to pay any commission fees.
As far as the features are concerned, you will get options for online availability and inquiries, online booking with payment via a choice of gateways, Multi-currency with any number of currencies, and so on.
Up next, I have the EasyAppointment. If you have a medical institution or you are an advisor, consultant, or beauty salons types of business, then EasyAppointment is the best option you have. You can download this Joomla extension free of cost. Also, getting started with this extension is pretty straightforward.
Your clients will get to see a calendar with all the available hours for reservation. And after choosing the hour, your client will have to go through two extra steps to book the slot.
Each service provider can also manage their calendars, availability, reservations, and so on under their management area.
For my next pick, you can have a look at the AppointmentBookingPro. This one is the best booking Joomla extension for Small businesses. With the help of this extension, you will be able to define any number/size of timeslots. Also, your clients can see when the resource is available. So they can book an appointment.
Moreover, you can set time slots by day of the week based or date based. Also, it is pretty easy to set up your availability.
However, the only drawback of the extension is that the extension has been retired. And it will not get any new futures in the coming days.
If you are looking for something sophisticated but simple to use, then JomHoliday got your back. This one comes with three plans that cater to different booking system needs. Also, it will not take a moment for you to get started with the extension.
With this one, you can easily create your travel booking portal. As far as the features are concerned with this, you will get advanced search and filter capabilities. As a result, searching for listings is much faster. Also, you can use it to create a complete booking system and create accommodation options. You can also develop plans for tour guides and so on.
Koparent is a full booking and reservation system suitable for all kinds of renting business. No matter if you are offering real estate, vehicles, or any other kind of service, this extension will be an excellent option for you. Also, the extension allows your client to make reservations based on day, hour, minute, and it is also supported by different calendar and date-time layouts.
With this one, you will also get features like automatic booking and reservation management procedures. You can also display a full and detailed description of your product/service / real estate. Also, you can search for listings by various parameters. Also, you can choose, customize, add, or remove additional services you offer for each Listing Type. As well as it packs a bunch of other features too.
Also check out:
Best LMS Joomla Extensions
Best Joomla Forum Extensions
Next, there is the Vik Restaurants. This is one of the perfect extensions for a complete reservation system for your Joomla website. The extension can be used for any kind of restaurant. Also, it is structured into two sections, which are the restaurant and take away.
As far as the features are concerned with this one, you will be getting take-away Menus Management with Products Variations, Take-Away toppings on your food to pick additional ingredients. Also, you will be able to publish your interactive menus with Sections and Products.
In the end, I have the JHotelReservation. With the help of this extension, you will be able to enable online booking and automate the reservation process. Also, it is pretty easy to use professional hotel reservation software. And you can use it for hotels, motels, B&Bs, resorts, apartments, campsites and others.
Talking about the key features, it comes with 5 easy configurable reservation steps, from dates to final confirmation. Also, you will get to experience flexibility in managing reservations. Furthermore, you can also manage rooms, taxes, email templates, points of interest, and so on.
So those were some of the best booking and reservations Joomla extensions of 2020. Each of the extensions has its pros and cons and set of features and purposes. So go ahead and check them out individually and see which one you like the most. Also, if you have any more questions to ask, then comment below.
Google PageSpeed Insights is one of several useful tools for measuring website performance. However, some of its suggestions – like the ‘Leverage Browser Caching’ warning – may be confusing to inexperienced site owners.
When you break it down, caching isn’t all that tough to understand. With a few tweaks, you can implement this development best practice on your site to cut down loading times and improve your PageSpeed score.
In this post, we’ll kick things off with an introduction to the Leverage Browser Caching warning. Then we’ll share several tips for fixing this issue on your WordPress site.
Try a free demo
Let’s jump in!
Google PageSpeed Insights: Scoring 100/100 With WordPress.
The Leverage Browser Caching warning is one of many ‘diagnostics’ Google PageSpeed used to return as a suggestion for improving your score like the following one:
Leverage Browser Caching warning in Google PageSpeed Insights
In Version 5 of Google PageSpeed Insights, this message was replaced with the “Serve static assets with an efficient cache policy” warning:
Serve static assets with an efficient cache policy warning in Google PageSpeed Insights
Despite the change in language and appearance, the solution to these warnings is the same.
Google suggests using browser caching to reduce page loading times and improve performance. In a nutshell, caching is when users’ browsers save static copies of your site’s pages. Then, on subsequent visits, this content can be re-loaded faster because the browser doesn’t have to contact your site’s server in order to access the requested resources.
However, every cached resource needs a specified expiration period. This tells browsers when content on your site has become outdated, so it can replace its cached copy with an updated version.
If you’re seeing the “Leverage Browser Caching” warning in your performance test results, it likely means one of two things:
The Cache-Control or Expires headers are missing from your site’s server or that of a third-party.
The necessary headers are present, but the expiration period is very short and therefore doesn’t have much impact on performance.
The solutions to this warning involve fixing one or both of these issues.
How to Fix the Leverage Browser Caching Warning in WordPress (3 Methods)
There are a few different ways you might go about fixing the Leverage Browser Caching warning in WordPress, depending on what’s causing it. Here are three solutions you can try.
1. Add Cache-Control and Expires Headers
There are two headers related to browser caching: Cache-Control and Expires. At least one must be present to enable browser caching for your site, as this is how browsers determine how long they should retain resources before refreshing them.
A simple way to determine if this is what’s causing the Leverage Browser Caching warning is to look at the details given for each resource. In Google PageSpeed Insights Version 5, you’ll see “None” listed under Cache TTL instead:
Cache TTL listings in Google PageSpeed Insights
As a handy reference, previous versions of Google PageSpeed Insights showed an “expiration not specified” message when the headers were missing:
Resources listed in the Leverage Browser Caching warning
While the Cache-Control header turns on client-side caching and sets the max-age of a resource, the Expires header is used to specify a point in time when the resource is no longer valid.
You don’t necessarily need to add both, as this can be redundant. Cache-Control is newer and is usually the recommended method. However, some web performance tools, such as GTmetrix, still check for Expires headers.
If you’re hosting at Kinsta, you don’t have to worry about setting these headers. All of our Nginx servers already include them. Those using a Content Delivery Network (CDN) should also already have these headers applied.
In the event that you’re using a different hosting provider, be sure to back up your site before following the steps below, as editing .htaccess could break your site if you’re not careful.
How to Add Cache-Control Headers in Nginx
To add Cache-Control headers in Nginx, you can add the following to your server’s configuration file:
You can then check your headers by running your site through Google PageSpeed Insights again and seeing if the warning persists.
2. Leverage Browser Caching for Google Analytics
Ironically enough, Google Analytics is sometimes the cause of the Leverage Browser Caching warning and an imperfect PageSpeed score. This is because it has a low cache expiration time of just two hours. This used to be the old warning:
Leverage Browser Caching warning for Google Analytics script
In PageSpeed Insights Version 5, this issue no longer results in a warning, but Google Analytics might still be listed as an unoptimized resource:
Google PageSpeed Insights passed audits with Google Analytics script listing
You won’t be able to change this with Cache-Control or Expires headers because the resource isn’t on your server. However, there is a way to leverage browser caching for Google Analytics by hosting the script locally.
Please be aware, though, that this method is not supported by Google.
Leverage Browser Caching for Google Analytics with Complete Analytics Optimization Suite
If you want to resolve the above problem, there’s a free plugin called Complete Analytics Optimization Suite (CAOS) developed by Daan van den Bergh that you can use:
CAOS WordPress plugin
You can download CAOS from the WordPress Plugin Directory or by searching for it under Plugins > Add New in your WordPress dashboard.
Some additional benefits to hosting your analytics script locally include that it reduces your external HTTP requests to Google from two to one and it enables you to gain full control over the caching of the file. This means you can use the cache headers as we showed you earlier.
To get started, install the plugin and then enter your Google Analytics Tracking ID. The plugin adds the necessary tracking code for Google Analytics to your WordPress website, downloads and saves the analytics.js file to your server, and keeps it updated using a scheduled script in wp_cron().
We recommend also setting it to load in the footer:
CAOS tracking code placement settings
Keep in mind that CAOS won’t work with other Google Analytics WordPress plugins.
Leverage Browser Caching for Google Analytics With WP-Rocket
Alternatively, you can use the WordPress caching plugin WP-Rocket to achieve the same goal:
WP-Rocket WordPress plugin
This plugin’s Google Tracking Add-on enables you to host your analytics script locally with the click of a button. Simply toggle the status on under WP-Rocket > Add-ons.
WP-Rocket and its add-on are compatible with other Google Analytics plugins. As a premium tool, it comes at a price with licenses start ingat $49 per year.
3. Minimize Your Use of Third-Party Scripts
Sometimes the Google Analytics script can cause problems for your Google PageSpeed Insights score because it’s hosted on Google’s server, thus you aren’t in control of the cache.
The same is true for other third-party scripts. If you’re managing a business through your WordPress website, most likely you have additional third-party scripts running to track conversions, A/B tests, and more.
This might include scripts such as Facebook conversion pixels, Crazy Egg, Hotjar, and others. Unfortunately, unless you can find a way to host these scripts locally, there’s nothing much you can do to gain control of them.
One option for Facebook Pixel users is to use yet another WP-Rocket add-on. Ideally, you’ll want to minimize your use of third-party scripts if you want to improve your Google PageSpeed score. So it may be worth conducting an audit of your site and removing any scripts that aren’t necessary for running it.
While not a definitive measure of your site’s performance, Google PageSpeed Insights is still a decent indicator of how it’s running. Improving your score by resolving warnings shown under the “Serve static assets with an efficient cache policy” can help make your website faster and more usable for visitors.
If you’re seeing this warning in Google PageSpeed Insights, you can resolve it by:
Adding Cache-Control or Expires headers.
Leveraging browser caching for Google Analytics.
Minimizing your use of third-party scripts.
Have any other tips about fixing the leverage browser caching? Let us know in the comments section below!
The post How to Fix the Leverage Browser Caching Warning in WordPress appeared first on Kinsta Managed WordPress Hosting.
For beginner coders and those just diving into WordPress development, PHP is one of the best places you can start. It’s a super simple and straightforward language, so it’s fairly easy to get into, and it makes up the backbone of online development. Plus, if you want to work in the WordPress backend, you’ll definitely need to learn it.
But what if you don’t want to spend months or years in expensive college courses? Instead, you could take the first step into web development today. There are hundreds of free and paid PHP tutorials that can help you dive right into it, and we’ve collected over 20 of the best ones for you.
There’s a little something for everyone here, from old-fashioned do-it-yourself documentation to guided tutorials to interactive courses with games and exercises to help you master your skills. Whatever your method of learning, you’ll find an appropriate course.
Try a free demo
It takes a lot of work to master PHP, but with a little online guidance, you can practice your skills and start writing your own code in no time.
PHP is a server-side scripting language that is primarily used to create dynamic web pages. You’ll see PHP doing things like generating interactive content, collecting form data, sending information to visitors, and authenticating users. It’s also the backbone of WordPress and its plugins, which add all sorts of unique functions to the CMS. You can do pretty much anything with PHP.
It’s also generally very easy to master and a good starter language for new devs. If you do have a background in programming, you should tear right through it. But even total beginners won’t struggle too much navigating the ins and outs of PHP.
The last reason to learn PHP: much like other programming languages, it has a huge community and a ton of free resources. That means you have plenty of places to turn to ask for help, exchange ideas, and download free software or find helpful guides.
On that note, let’s dive into these PHP tutorials you can find online.
Top 15 Free PHP Tutorials for Beginners
If you can’t afford paid courses or just want to try out PHP to see how you like it, free PHP tutorials are a great place to start. Free doesn’t always mean lower quality, there are plenty of free tutorials out there that are just as good (or even better) than some paid lessons. Many developers say that the free online resources are so good that you might not even need to purchase premium courses!
Each of these websites offers a unique way of learning PHP. Start here, and if you need more guidance, you can move on to the paid PHP tutorials below.
1. Official PHP Manual
Official PHP Manual
Where better to start than the official documentation from the creators of PHP? This guide walks you through everything, from an introduction to PHP to how to install it and grasp the basic syntax. It’s a wonderful first read, especially if you’re used to programming documentation already.
The one issue with this is that, while it does cover some advanced features, it can only take you so far. It’s also quite straightforward and to the point, which is great for some, but total beginners might benefit more from a guided tutorial.
Check out the documentation and read through a few sections. See how it works for you. For many, a reference manual and a lot of self-guided practice is the best way to learn.
2. W3Schools PHP Tutorial
W3Schools PHP tutorial
W3Schools is a great resource for beginner web developers of any age. Its guides are very simple and easy to follow, plus there are lots of references and examples to look at and plenty of exercises and quizzes to help you memorize PHP. You can even get W3Schools online certification.
If you ever want to learn a new programming language and are looking for tutorials that are fun and simple to work with, check W3Schools’ documentation.
3. PHP: The Right Way
PHP the right way
Like every programming language, PHP has best practices you should follow. Fail to do so and your code will be slow and clunky, and perhaps even break entirely. PHP: The Right Way tells you all the programming standards that might not be obvious to new developers.
It’s not a beginners’ tutorial that will walk you through everything step by step, but it’s still worth a read-through so you can create quality code.
4. FreeCodeCamp’s Free PHP tutorial
If you love watching video tutorials, this huge five-hour session is perfect for you. The full course covers all the basics of PHP in depth, showing you everything you’ll need to know from scratch.
Dedicate an afternoon to this, and you’ll come out of it a beginner PHP programmer. If you’ve already studied a little PHP and want to skip ahead, you can jump to any section by clicking the timestamps in the description.
5. Learn PHP with Codeacademy
Do you learn best by diving right into programming? Codeacademy is a totally free resource that teaches through code rather than with just video or text tutorials. Though it’s primarily made up of interactive lessons, there are also quizzes, articles, and freeform projects. It’s just like a self-guided college course and all you need to do is make an account.
6. PHP Apprentice
Beginner or experienced, PHP Apprentice has good advice for you. The free online book is a work in progress, currently with twenty-two bite-sized pages mostly filled with examples of PHP in action. It’s a little like typical programming documentation, but a lot simpler and easier to grasp.
7. GeeksforGeeks PHP Tutorials
A lot of these free resources cover the basics and not much else. This gigantic set of tutorials goes over absolutely everything, covering all the functions and libraries PHP has to offer.
We grew our traffic 1,187% with WordPress. We’ll show you how.
Join 20,000+ others who get our weekly newsletter with insider WordPress tips!
Success! Thanks for subscribing
You will receive the next issue of the Kinsta Newsletter within a week.
Subscribe to the Kinsta newsletter
This reads less like a guide and more like documentation, so if you liked the official PHP manual but want something a little more substantial, try out this site.
8. TutorialsPoint PHP Tutorial
This is another absolutely huge resource of PHP learning, but rather than very straightforward, documentation-style pages, it’s structured more like a series of tutorials. There’s quite a lot here, from the basics to more advanced topics, plus examples of using PHP for logins, forms, and with AJAX.
9. PHP Basics Playlist
If you’re still grasping at the basics and prefer video walkthroughs, these PHP tutorials have exactly what you need. The 35 videos are relatively short, ranging from 5 to 20 minutes and covering a lot of different topics. You can watch the whole series for free in about five hours.
10. Learn PHP in Y Minutes
Learn X in Y Minutes
Want to learn PHP, fast? This document goes over everything briefly and with no frills, just code. There’s no hand-holding or lengthy explanations, it manages to condense PHP into a single page. Great if you like your tutorials to the point.
11. Learn-php.org Free Interactive PHP Tutorial
Learn-php.org free interactive PHP tutorial
The unique thing about this PHP tutorial is that it’s a set of interactive exercises that encourage you to try out coding and see if you can get the expected output. If you fail, it’ll let you know where you went wrong, just like a real code compiler. Try this out if you want to test out your syntax in real-time with a guided lesson.
12. The Net Ninja’s PHP Tutorial for Beginners Playlist
The Net Ninja’s free PHP tutorial
If you want to build your own website from scratch, here is the perfect video playlist. Using PHP and MySQL together, you can build a fully functional website with a database and learn how to code all sorts of functions like forms and data validation. These videos are excellent and you’re sure to learn a lot from them.
13. PHP5 Tutorial
This documentation walks you through PHP and MySQL with plenty of helpful images and easy-to-follow guidance. The one downside is that it’s focused on PHP 5, which has already reached its end of life. PHP 5.6 is still widely used across the web, but it’s probably best to work with PHP 7 if you can. This website still covers the basics of PHP fairly well, so it may still be worth reading.
14. Traversy Media’s PHP Front To Back Playlist
Traversy Media’s PHP tutorial
Check out this playlist: it’ll teach you everything there is to know about PHP in a series of 22 video tutorials. This goes over the basics like installation and PHP syntax, then goes on to cover advanced implementation like MySQLi integration and setting cookies with PHP.
15. SoloLearn PHP Tutorial
SoloLearn made their series of lessons to be fun and engaging. Quizzes help you remember what you studied, while achievements and interactive content keeps you interested. All you need to do is create an account and you can even take the course on your phone as well as online. With over one million students, a lot of developers have gotten their start here.
12 Paid PHP Tutorials for Serious Developers
These paid PHP courses offer an advanced look at PHP. Many of them are well worth the money, offering multiple methods of study: videos, text tutorials, and interactive learning exercises. They may also give some insight into PHP that free tutorials don’t cover.
If you learn best in an online college-like environment, these paid courses might just be for you.
1. Udemy PHP Tutorials
PHP Tutorials on Udemy
Udemy is a wildly popular online platform for all sorts of courses from a variety of topics. Three and a half million students are learning PHP on the platform alone. There are hundreds of PHP courses covering the language in every possible angle, so there’s something for everyone here.
The one downside: the courses can be quite expensive, running at usually $50-$200. But these often contain hours or even days of video as well as interactive lessons and downloadable resources, so it can be a good investment.
2. PHP for Beginners
PHP for Beginners
If you want a course that takes you from zero to PHP mastery, try this out. It teaches you how to integrate PHP with CMSes like WordPress, work with MySQL databases, and create interactive content. Besides all that, you’ll be taught the basics of programming and debugging your own code. There’s an absolute ton of content here, so get ready for a long course.
3. Lynda PHP Tutorials
PHP Tutorials on Lynda
Lynda contains 55 PHP courses and nearly 2000 video tutorials, which are usually several hours long. Like Udemy, these are made by many different people and cover a variety of PHP-related topics. You can sort the results by skill level, subject, and even PHP version.
Tired of experiencing issues with your WordPress site? Get the best and fastest hosting support with Kinsta! Check out our plans
Plus, a few videos are usually available for free from each course so you can see if it’s the right fit for you. After that, you’ll need to purchase a subscription to see the rest of the lessons.
4. Coursera PHP Courses
PHP Courses on Coursera
Want to learn from universities without having to actually go to college? These Coursera lessons are the way to go. Some are free, but many do have a fee you’ll need to pay to enroll.
Financial aid is available, so this can be an affordable option. You actually enroll in a scheduled course, work alongside peers, get graded, and earn certification.
5. Learn Object-Oriented PHP By Building a Complete Website
Object-Oriented PHP course
Want to build your own website from nothing? This course teaches you everything about object-oriented programming and how to master it when working with PHP. You’ll have the chance to learn the basics, and by the end, you’ll have made your own functional website. Studying for months isn’t much fun, so try this course if you want to start creating something right now.
How to make a Spotify clone tutorial
7. Laracasts Journey: PHP
Laracasts is a massive source of screencasts or video tutorials that record the screen and show you everything the teacher is doing. There are hundreds of PHP lessons here and the entire beginner course is free. For $15/month you can access all the premium lessons.
8. Treehouse PHP Courses
Treehouse offers thousands of courses on its site for a monthly fee, with over thirty PHP courses to study. Along with video, there’s quizzes and objectives on each lesson to help you master what you learned. Some courses only a few minutes long, while others have hours of video content. And if you want to try out other web languages, a Treehouse subscription gets you access to those as well.
9. The Complete PHP MYSQL Professional Course with 5 Projects
PHP MYSQL Professional Course on Udemy
PHP and MySQL often go hand in hand. If backend development is your goal, this course has five projects to help you progress in your career. With 148 lectures and 20 hours of video, this one is going to keep you busy for a long time!
10. Pluralsight PHP Courses
Pluralsight is a source of premium computer science and technology lessons. For a monthly fee, you get access to video courses as well as learning paths that can build you up to certain career roles, or even get you certified.
Using this platform, you can measure your skills in certain areas to determine how well you’d do at various tech jobs. The primary goal here is to help you gain the skills you need to become a professional developer and get you into the business.
11. Getting Started with Laravel
Getting started with Laravel course
This course from Pluralsight will teach you PHP’s most popular framework: Laravel. Laravel helps you create web applications that are fast, powerful, and expressive. It’s like an addon to PHP that lets you build better things a lot easier. If you want to expand your PHP knowledge, learning Laravel is the best place to start.
12. PHP for Beginners: How to Build an E-Commerce Store
PHP for Beginners on Udemy
Looking to build your own ecommerce store using PHP? PHP is integral to an online store, as it often handles many of the requests and authentication you need to perform.
This course isn’t for beginners; you’ll need to know HTML and PHP syntax before you jump in. It’s more focused on teaching you how to build applications and handle the frontend and backend of an ecommerce store.
Every developer needs to start somewhere. Choose a PHP tutorial that suits your learning style, and you can master PHP without having to pay for expensive college courses at all.
Just remember that the learning doesn’t stop once you finish the course or read all the documentation. The web is ever-evolving and there’s always more to master. Knowing the programming trends can keep you relevant and help you create groundbreaking apps or find work in new areas. PHP is just the beginning.
Do you have any PHP tutorials, cheat sheets, or resources of your own to share with new devs? Share the PHP resources you’ve found most helpful in the comments!
The post 27 Best Tutorials to Learn PHP in 2020 (Free and Paid Resources) appeared first on Kinsta Managed WordPress Hosting.
In the last few years, the teams working on the block editor have learned a lot about how people build sites now and how they want to build sites in the future.
The latest version represents the culmination of these discoveries, and the next stage in the editor’s evolution.
With better visuals and more advanced features, it’ll keep designers, developers, writers, and editors productive and happy, and — tension-building drumroll — it’s in your editor right now!
With a comprehensive visual refresh, a plethora of new features, and dozens of bug fixes, the new block editor comes with a lot to unpack.
What follows is just a small (but delectable) sample of the many ways we’ve upgraded your editing experience. (You can get the full list of goodies in the release notes.)
We hope you enjoy.
A revamped editor UI
The first thing you’ll notice is the slick UI. Buttons, icons, text, and dropdowns are all sporting a contrast boost, with bolder colors and more whitespace between buttons, text labels, and menu items.
As you navigate through the editor’s menus, individual items are clearly highlighted, allowing you to quickly identify what you’ve selected.
The block toolbars are now simpler, displaying the most commonly-used features. For example, paragraph blocks show only bold, italic, and link formatting buttons. You’ll find all the extra options in the dropdown menu.
What’s more, instead of listing blocks within a fixed-height container, the block inserter now spans the height of the window. You’ll now see more blocks and block categories at once with less scrolling.
Introducing block patterns
With the block editor as your canvas you can design almost any layout you can imagine – but building intricate page structures should never get in the way of your creative process.
Here’s where the blocks really shine: along with individual blocks, the editor now includes block patterns, a library of predefined and reusable block layouts, that you use on any page or post.
To check out the list of available patterns, click on the block pattern icon (on the top right) to reveal a collection of pre-built layouts:
Pick the pattern you want to use, and it will appear in your editor ready for you to customize with your own content.
Right now, you’ll find a few introductory patterns – Two Columns of Text, Two Buttons, Cover, and Two Images Side by Side – but we’ll be adding more and more patterns as they’re available. When the block patterns API opens up to third-party authors, you’ll also be able to develop and share your own.
(Have an idea for a great pattern? The block editor developer community is actively seeking ideas. The more ideas they receive, the better your editor will be!)
Colors, colors everywhere
When it comes to words and columns, websites aren’t newspapers: things don’t have to be black and white.
Use the new Text Color selector tool to change the color of sentences, and even individual words and letters. Highlight the text you’d like to change, then click on the arrow dropdown and select “Text Color.”
To change the background colors of your columns, select the column and head to the sidebar, to Color settings.
The road ahead is paved with blocks
There’s still a long way to go, and the editor’s community of contributors hasn’t given its collective keyboards a moment’s rest. Work on polishing UI elements like the sidebar and dropdowns continues along with advancements to block patterns and other exciting features.
Are there ways we could improve the site editing experience even more? Please let us know! We’re always keen to hear how we can make the web a better place for everyone.
We are proud to host many websites for language tutors, yoga schools, and personal fitness coaches around the world.
It’s exciting to see how educators and consultants across different industries are getting creative with their online offerings: language teachers conduct 1:1 sessions to help students hone pronunciation, yoga studios livestream group sessions, and instructors lead writing boot camps via Zoom breakout rooms. Even my own strength coach is monitoring my workouts — I launch the camera on my phone, place it against the wall, and do deadlifts while he supervises.
Last year we launched Recurring Payments to support creators, consultants, small businesses, and other professionals in establishing dependable income streams. We were very pleased to discover that online educators using this feature are thriving as well!
Marta, for example, runs Spanish Teacher Barcelona, a Spanish language school located in — you guessed it! — Barcelona. She offers 1:1 sessions and classes in a coworking space in the city’s Gracia neighborhood. For customers that cannot meet in person, she hosts private lessons online, available with a subscription. She offers three subscription plans to meet the variety of needs of her students.
Ready to set up your own subscription-based service or move your existing classes online? Here’s a quick guide to get you set up with the right tools, so you can focus instead on providing the best educational environment possible.
Set up your online class today
Below, we’ll cover the steps you can take to get your classes or private lessons up and running with the Recurring Payments feature. We’ll also recommend tools to make scheduling 1:1 sessions and operating your classes easier, like the Calendly block and various video conferencing tools.
1. Create a “Subscribe” page to promote your class or service
You need to convince your customers that your subscription is worth paying for. A typical way to do this is with a “Subscribe” page where you explain the benefits of your services.
Take a look at the “Join” page on Longreads.com, an online publication that publishes and curates nonfiction storytelling on the web and funds stories with memberships:
A few tips to make your offer irresistible:
Focus on the benefits for the customer.
Provide a few subscription options, such as classes at different frequencies and at different price points.
Add testimonials if you can — people love to read reviews.
Create this page by going to My Sites → Pages → Add New.
2. Add a subscription with the Recurring Payments feature
Recurring Payments allows you to create renewable payments. Your subscribers will enter their credit card details, and will then be charged automatically every month or every year.
Recurring Payments is currently available on any of our paid plans. To get started, you’ll need to create a Stripe account, which is a global money transfer service. We partner with Stripe to make sure payments end up safely in your bank account.
You can start collecting Recurring Payments in five minutes.
On the “Subscribe” page you created above, search for the “Recurring Payments” block:
After clicking “Connect to Stripe,” you’ll be able to connect your existing Stripe account or create a new one.
Now you can create your first subscription.
Set the price, frequency (we recommend monthly for start), and the title of your subscription, like Writing Bootcamp, 3 breakout sessions/month or Conversational French for Beginners, 4 classes/month.
That’s it! Your subscription is now created. Once you publish the page and activate your Stripe account, your customers will be able to subscribe to this service.
Subscriptions are dependable: your subscribers will be automatically charged at the beginning of the next renewal period (in a month or a year). You don’t have to remind or nudge them, and they also don’t have to remember to pay you — everything is handled.
For more details, please read this Recurring Payments support article.
Would you rather sell access to your services as a one-time purchase? Check out the Simple Payments feature.
3. Schedule your lessons
Your subscribers can set up a time for their lessons using a service like Calendly, a handy tool that allows them to select a free slot in your schedule. We recently created the Calendly block to bring some of the service’s key features to you. While editing your page, search for the “Calendly” block.
Remember to check if the subscription is active
Before hopping on an online meeting, you need to confirm that the person scheduling a call is indeed a paying subscriber. Check the list of your active Recurring Payments subscribers located in your WordPress.com dashboard under My Sites → Earn → Payments.
Read more about managing your list of subscribers.
4. Select a tool to host your class
Video conferencing tools are very useful for teaching. Apart from seeing the other person, you can share your screen, send files, or even host a session for multiple people, lecture-style.
You can use Google Hangouts, Skype, or Zoom (which is what we use for our meetings here at WordPress.com). Zoom has put together a handy tutorial for teachers.
If you’d like additional setup tips on selecting a theme for your website, adding content and media, and adding students as viewers or contributors, read our support tutorial on building a virtual classroom.
These days, online learning platforms are getting popular. Even, online education is a vast industry itself. And in case you too want to start an online learning platform and plan to use Joomla for the Job. Then you need to use an LMS Joomla Extension.
However, when it comes to the Joomla LMS Extensions, we have way too many options available for us. And choosing the best one among them is quite confusing. Hence, I have handpicked the best LMS Joomla Extensions for 2020.
But before we proceed to check the best Learning Management Systems for Joomla, we should know why we need an LMS for setting an online learning portal.
Why you need an LMS?
It helps you to store your content in one place so the user can find it easily.
You can give access to the content as per their memberships.
Easy to track the learning process and learners development
It provides much mobility to attend the lectures
It allows your users to access courses 24*7
LMSs are a cost-effective approach to learning.
So now, let’s just go ahead and have a look at them:
Best LMS Joomla Extensions for 2020
Shika Joomla LMS
First of all, I have the Shika. Shika is a Marathi word that stands for learning. And it is a learning management system for Joomla. It comes with lots of power-packed features that help you to create your e-learning platform in no time.
It offers you some of the advanced admin features. Like you get an option for MailChimp and ACY mailing integration. So you can experience a smoother mailing experience. Also, the LMS makes sure that there is a systematic cleanup of the associated data after deletion. So no orphans will be created after deleting a course.
Also, you have options to review the answers sheets. You can change the completion status of any attempt of any lesson/quiz and the score of any attempt of the quiz.
Along with that, it packs a bunch of other features too. As far as the pricing of Sika is concerned, it is available as a subscription plan of 6 months and 12 months. And they cost you $469.99 and $699.99 respectively.
Guru LMS for Joomla
Guru is one of the best LMS Joomla extension that you can try out. With the help of this one, you can create an online course or course for university or school. It allows you to create unlimited online courses with modules and lessons.
Also, it has a flexible media library that supports different files. As a result, you can add video, audio, texts, file, and more.
Along with that, it comes with an easy to use interface. The front is entirely responsive and mobile-ready. So your users will not face any issues while browsing the platform from any device. Also, it is backed by an excellent student interface that allows students to view their courses, their quizzes and test scores, and their certificates.
Even the best part is that it allows you to offer your students certification. If your students get to know that they will be getting a resume, there is a high chance that they will sign up for your course as it will help your students to expand their resume.
Talking about the pricing, it is available in three different plans. The first plan is Light, which is free to download. The second is Pro, which costs you $297, and finally, there is the Ultimate Developer plan that costs you $299.
OSCampus Joomla LMS
OSCampus is also one of the great ways to create an online training website with Joomla. The best part of this extension is that it is pretty robust and flexible. And with this, you will be able to publish online classes, create classes with multiple lessons and quizzes.
Also, these lessons can be anything from presentations, videos, text to PDFS. Even your lessons can be YouTube or Vimeo videos. Also, there is an option to reward your users.
Even when your users complete a class, you can offer your students a PDF certificate. You can also customize the design and choose the font for the text.
Moreover, getting started with OSCampus is pretty straightforward. It is 100% integrated with Joomla. So there is no need to follow a complex integration feature. Furthermore, you will also be able to analyze detailed statics of your classes, lessons, and students.
As far as the pricing is concerned, it costs you $69 for a 12months subscription.
SP LMS For Joomla
SP LMS is a multi-purpose LMS extension for Joomla, and you can use it for various education concepts. Along with that, you will get the most straightforward platform for managing the experience of students. Moreover, it is backed by features for schools, universities, companies, and other education areas requirements.
Even, you can use the extension for developing online courses and create learning content on any subject.
Also, you will get a bunch of features with the Joomla extension. Like you can create a free and pair course for your students. You can enable or disable course reviews and ratings as well as it supports different payment methods like Paypal, Bank Transfer, and Direct. And it supports over 20 popular currencies.
You can also offer your customers certificates when they complete a course. Plus, there is the LMS Dashboard that offers basic statistics.
Talking about the pricing, the SP LMS (Full Package) has three different pricing plans, which are the Personal, Professional, and Developer. And they cost you $47, $79 and $239 respectively.
WizIQ virtual classroom extension
For my next pick, I have the WizIQ virtual classroom extension, and it comes with lots of amazing features. This one allows you to stream live during your online classes. Also, it integrates with your existing website, and it does not require you to transfer your eLearning content to another platform.
Moreover, using the WizIQ Joomla! A virtual classroom extension is as simple as installing a basic application. There are no complicated steps that you will need to follow. And it offers you a smooth integration experience with your existing Joomla website.
Plus, you will get access to some of the advanced features like Live chatting, instant messaging, and the option to comment on discussion forums to help glean the opinions of your learners.
Along with that, it also has the cheapest pricing compared to all the other LMS Joomla extensions. And it comes with a 30days trial period too. So you can test the extension, and if you do not like it, you can ask for a refund.
LMS King Professional
In the end, I have the LMS King Professional. This one is a fully-featured learning management system that you can use to build an effective eLearning system.
Along with that, it comes with all the extensions which are required to run a fully-featured eLearning platform. For example, for reporting, it contains a user statistics plugin.
Even with this extension, you are capable of creating 18 types of questions. Also, the extension developers are working to create more extensions.
Also, it packs some of the other features, too, like messaging, so you communicate with your students as well as it packs a bunch of other components too like feedback, forum, profile, translator, file share, and so on.
It supports various payment methods, too, such as Authorize.net SIM, 2Checkout, Paypal, Paypal Pro US, and a bunch of other ones.
As far as the pricing is concerned, it costs you $ 39.99 only.
So those were some of the Best LMS Joomla Extensions for 2020. Now go ahead and check these Joomla LMS extensions out and see which one is working the best for you. Also, if you have to ask anything, comment below.