Accessibility should be a top priority when building a website. However, things can degrade over time. Clients adding content could forget basics such as ALT attributes and logical heading order. Best practices often fall through the cracks as a site ages. Thus, every website requires vigilance.
Part of the challenge is that it’s not always easy to identify accessibility issues. It often requires digging deeper to find and fix them. This is where the right WordPress plugin can be useful.
Some plugins allow users to adjust visual elements like font size and color contrast. Even better, some scan your content and alert you to problems. You might be surprised to find out how many issues can pop up in your theme and other installed plugins. The results may lead you to consider different options.
With that in mind, let’s look at some of the best WordPress accessibility plugins on the market. They won’t fix every issue, but they can help you learn and improve your site.
Accessibility Checker isn’t a band-aid for your site’s shortcomings. However, it will add missing skip links, focus outlines, and form labels upon request. It also scans your site’s content and creates a laundry list of potential issues. It catches common problems, such as ambiguous link text and missing ALT attributes.
Like all automated tools, you may find some false-positive results. As such, a manual inspection is required to verify them. But the plugin offers tips for fixing any issues it finds. The free version scans your site’s pages and posts, while the pro version includes custom post types and other handy features.
Use WP Accessibility to fix common issues, such as missing language/text direction attributes, missing ARIA labels for navigation, and viewports that don’t scale. It will also enforce ALT attributes in the editor and identify media with missing descriptive text.
These are optional and can be activated as needed. The other big feature here is a front-end toolbar that controls page zooming and color contrast. This gives users more control over how they view your site.
We’re starting to see AI used for a variety of purposes, including accessibility improvements. Alt Text AI automatically analyzes uploaded images and generates an ALT description.
The feature can save you a lot of time and effort – just be sure to double-check to ensure the description is accurate. Note that the plugin requires purchasing AI “credits” to work. There’s a free trial for trying the plugin before you buy.
Are you looking to provide visitors with accessibility options? This plugin adds a widget with a variety of optional feature modules. Users can change the font size and contrast. But there are also tools for switching to a dyslexia-friendly font, highlighting titles, and pausing animations.
You’ll also find a feature that helps you create an accessibility statement. Experiment to see which features will benefit your visitors.
Accessibility is about more than fixing issues – it’s also about adding accessible features. SimpleTOC creates a WCAG 2.2-conforming table of contents for your content. It’s a great way to help users navigate longer pages and blog posts. By default, the plugin adds zero CSS or JavaScript to your site.
Instead, it relies on HTML details and summary tags, which work natively in your browser. When it comes to accessibility, simple is always better.
Media embeds, particularly from third-party services, can be difficult to use. Some are bloated with JavaScript and other code that inhibit accessibility. Able Player offers an accessibility-first solution and implements an HTML5 media player via a configurable shortcode.
It works with locally uploaded files and videos from YouTube and Vimeo. The shortcode offers several options impacting the style and functionality of the player.
Leave No User Behind
Accessibility is not a “nice-to-have” feature – it’s an obligation. It’s also an ongoing process that requires your attention. Thankfully, there are tools to help you find potential issues and fix the most common ones. The WordPress plugins above will help you in your quest. Bonus: Some will add accessible elements that benefit everyone.
No singular plugin can make your site fully accessible. But they can make your job easier. We hope you find a solution to do just that.
There’s no doubt that artificial intelligence (AI) is changing how people discover websites. Google is all-in on the technology, showing generated search results above the tried-and-true list of links. We know that things are changing. The confusion lies in how to adjust to this brave new world.
SEO has always had a dash of mysticism to it. People have tried various tricks and techniques to improve rankings. Now, we’re faced with the challenge of pleasing AEO (Answer Engine Optimization). The goal is to get your content cited by AI models. That could be a search engine like Google. But it also includes ChatGPT, Claude, and other AI tools. When a user asks an AI model a question, you want to be a source of relevant information.
Much like SEO, AEO inspires debate about what providers are looking for in a website. Do we need to do anything drastic? Or are the fundamentals of adding metadata and structured content enough?
These are among the questions we’re trying to answer here today. We can’t promise perfect results, nor that best practices won’t change (that’s a given). But we can show you some tools and resources to help you on your journey.
The good news is that WordPress is a great platform for getting your site noticed by search engines. It already includes some basics, such as logical content structure and sitemaps. And its plugin ecosystem is full of high-quality tools. This includes options for improving your site’s AEO.
Let’s get started!
Why You Should Care About AEO
Traditional search engines are still an important piece of the puzzle for discovering content. However, people are also turning to AI tools for information within the context of a conversation. That differs quite a bit from how we’ve researched topics for the past 30 years or so.
For example, you might use Bing to find a list of WordPress e-commerce plugins. That’s great, but you still have to click through each relevant link to find what you’re looking for. You could, in theory, waste a lot of time researching plugins that aren’t a good fit for your project.
Compare that experience with using an AI tool like Gemini. You could ask for WordPress e-commerce plugins with specific features, such as subscriptions or shipping integrations. The AI model will provide a summary of plugins that match your request, complete with background information.
AI provides a succinct report that makes it easier for users to find links of interest. That’s important to every website owner, whether you’re a plumber or a tech publication. Making your site AEO-friendly is part of getting your content seen by the right people.
It’s also a different deal than the training bots that hog site resources. You can still block harmful bots while welcoming the legitimate ones.
Scan Your Site for AI Agent Readiness
What does your WordPress website need to be indexed by AI models? You may already be on the right track.
The basics of SEO, such as a robots.txt file and an XML sitemap, are must-haves. These items help direct bots to your content and tell them what to index, similar to how search engines use them. But there’s more to the story.
Cloudflare has a helpful scanning tool, Is Your Site Agent-Ready?, that analyzes your website’s structure. It looks for the following:
The discoverability of your site, via robots.txt, sitemaps, link response headers, and DNS records.
If your site makes content available in an AI-accessible format, such as Markdown.
You’ll receive a report that details where you’re succeeding and where there’s room for improvement. We should note that some of the above may not apply to your website. For example, agent skills won’t be relevant unless you have AI agents on your website. You can also adjust the scan settings to focus only on the areas you care about.
As with all scanning tools (AI and otherwise), take the results with a grain of salt. However, they will provide some actionable advice. It’s up to you to determine what makes sense for your website.
Turn Your HTML Content Into Markdown
It may be a surprise, but HTML isn’t the best format for AI models to read. Instead, they prefer Markdown. This plain-text markup language is easier for bots (and humans) to understand. Elements like headings and lists can be identified without knowing code.
Markdown is also more efficient than HTML. Models don’t have to sift through lines of unnecessary code to access your content. That means fewer tokens, which is better for everyone.
WordPress doesn’t natively support Markdown output. However, WordPress.org recently added this capability via the experimental html-to-md plugin – and you can, too. It’s a simple way to make your site friendlier to AI models.
Install the plugin, activate it, and a <link> element will be added to each page’s header, pointing to the Markdown version. Your site’s visitors won’t know the difference, but AI models will.
LLM Markdown is a similar plugin, but with a twist. A settings page lets you enable or disable Markdown output for specific post types. Look for more plugins to hit the market as Markdown output becomes more commonplace.
Cloudflare users with paid plans also have access to a Markdown for Agents feature. It doesn’t require a plugin – simply turn it on in your account dashboard.
Helpful AEO Resources
Optimizing your WordPress website (or any website, for that matter) for AI agents isn’t as hard as you may think. The tools and tips above will help you determine and address your needs.
But AEO is a nascent subject. As such, expect things to change quickly. The following are some resources you can use to learn more and stay ahead of the game:
Sliders and carousels occupy an interesting spot in web design. We’re often advised against using them because of performance and accessibility concerns. Plus, they may force users to wait for important information. Yet, their popularity hasn’t waned. Why?
Perhaps it’s because these features are still incredibly convenient. Smart usage creates a pleasing aesthetic and can save space. And better coding practices lessen those previous concerns. This doesn’t mean a slider or carousel is always appropriate. However, there are still plenty of use cases when they make sense.
Even better, there are so many options, particularly for WordPress websites. You’ll find plugins that offer everything from basic image movement to full-on dynamic content presentations. Odds are, there’s a slider or carousel plugin that will match your needs.
With that in mind, we’ve rounded up a collection of the best free responsive slider and carousel plugins for WordPress. Let’s go!
Displaying a collection of logos is a common need. We use them for our portfolios or to spotlight sponsors. GS Logo Slider was designed specifically for this niche, giving you a quick way to create a logo presentation.
You’ll find multiple layout options, drag-and-drop ordering, tooltips, hover controls, and the ability to display images in grayscale. You can display your slider via a custom shortcode or by using the included Gutenberg block.
MetaSlider offers a simple workflow for creating responsive slideshows. Drag your images onto the canvas and set captions, links, and SEO data. There are also settings to help you optimize sliders for mobile devices. Also included are multiple themes, transition/animation effects, and accessibility options.
Create stunning sliders in no time with Smart Slider 3’s slide library feature. The plugin offers premade slides ready for your custom content. The included slider templates will also come in handy for integrating popular styles with minimal effort.
Want to showcase your content? There’s also a dynamic slide feature that will fetch your site’s latest posts. It’s a good choice for those who want great looks without the extra work.
There’s a lot to like about fetching reviews from third-party websites like Google. New reviews are added automatically, and there’s no manual labor involved. WP Google Review Slider will download your company’s reviews and serve them locally – great for performance.
The plugin integrates with the Google Places API to grab new reviews daily. There’s also an option to display reviews in a static grid format – no slider necessary.
The beauty of Carousel Slider Block is that it’s a block-first solution. It supports all Gutenberg blocks, meaning you can add any type of content imaginable into a carousel.
This design also means you can preview your creations directly in the Block Editor. You’ll also find plenty of controls to personalize your presentation.
Accessibility shouldn’t be an afterthought when building a slider or carousel. Accessible Carousel outputs keyboard-navigable and screen reader-friendly presentations. It also features a graceful fallback when JavaScript isn’t enabled.
The plugin includes a hero carousel, card scroller, and premade block patterns. You can also turn off autoplay to put users in control.
Depicter helps you build interactive sliders and beyond. The included template library will get your project off to a fast start, while an array of visual effects will grab user attention. You also get tools to build carousels, notification bars, and popups. The plugin is a jack-of-all-trades for interactivity.
Here’s a plugin that lets you create compelling sliders without weighing you down. Super Block Slider uses a 5KB JavaScript file to power your slideshows – great for even slow connections. Sliders are responsive and allow you to set different backgrounds for mobile devices.
There are also settings for custom overlays, parallax effects, animations, and navigation styles.
Slideshows can be a great way to show off your WooCommerce products. Woo Product Slider offers a quick setup via templates and the ability to display new and featured products. No worries if your store has hidden products, as you can choose to add them to your slider.
There are also options for displaying product details and an add-to-cart button.
Sticking with e-commerce, Product Gallery Slider for WooCommerce adds interactivity to your product pages. It improves on the standard Woo product gallery with a responsive slider that can handle all your product images.
It’s perfect for displaying product variations, such as colors or styles. Other features include a lightbox, caption, and image zoom toggles.
Replaces the standard WooCommerce product gallery with a responsive slider featuring lightbox, captions, and image zoom controls.
WooCommerce product galleries.
Slide On In
This collection of free responsive WordPress slider plugins covers just about every use case. Whether you’re looking to showcase your site’s content, social media uploads, or enhance your e-commerce shop, you’ll find a tool that can help you achieve your goals.
Even in the era of blocks, custom code still has a place in the WordPress admin. For example, we might embed a third-party widget or paste a snippet to share in a tutorial.
WordPress already includes Custom HTML and Code blocks for these purposes. However, their lack of syntax highlighting makes the code harder to read. Thankfully, there are several options for fixing this issue.
Syntax highlighting plugins help by color-coding and formatting your code snippets. Suddenly, you can tell your PHP from your HTML and JavaScript. It looks similar to what you’d find in popular editing apps like VS Code.
Want to dress up your code on the front and back end of your site? Here are the best syntax highlighter plugins on the market!
Enlighter is a flexible WordPress syntax-highlighting plugin that works with both the Classic and Block editors. Add code snippets via the built-in block or a shortcode.
You’ll find support for all the popular coding languages and a generic highlighting engine for unrecognized languages. There is also a theme customizer for tweaking fonts and colors.
This plugin proves that there is beauty in simplicity. It enhances the existing WordPress Code block by adding server-side syntax highlighting. There’s no need to load external scripts, resulting in better performance.
Even better, the plugin will automatically upgrade any existing Code blocks on your website. It’s never been easier to make your snippets stand out.
Highlighting Code Block adds a custom block to the WordPress editor. Add the block, choose your language, and you’ll get an easy-to-read snippet for your readers.
A settings panel lets you adjust the color scheme and typography. It also works with the Classic Editor, adding <pre></pre> tags to surround your snippets.
If you like the look of the VS Code editor, this is the plugin for you. It uses the same rendering engine as the popular app, while focusing on flexibility and performance.
There are 25+ themes to choose from and support for 150+ programming languages. Other niceties include a max-height block setting (you can scroll to reveal additional code), a copy button, and the ability to convert existing Code blocks.
PrettyCode claims to be the “prettiest syntax highlighting block” for WordPress. It fulfills that promise by offering over 50 themes and a slick title display for its custom block.
The plugin uses the popular CodeMirror library to dress up even the most mundane snippets. And there’s a look to match just about every site.
This syntax highlighter plugin offers plenty of formatting options, from plain to vibrant. It also supports more than 90 languages, making it a good choice for a variety of tutorial types.
Powered by Prism.js, you’ll find options to enable line numbers, a copy button, and a command line interface (CLI). The plugin also enables highlighting in WordPress post excerpts.
Powered by Prism.js with 90+ language support, line numbers, copy button, CLI formatting, and excerpt highlighting.
Prism.js-powered code styling.
Make Your Code Snippets Beautiful and Accessible
Using a syntax highlighter to share code snippets adds both form and function. Not only will your code look better, but it will also be more accessible for your audience.
Code is often difficult to read, but it can be improved with smart use of color and typography. The plugins on this list are there to help. They provide a wide range of looks and features. Plus, they can evolve along with your site’s design.
Don’t settle for the default styles of the WordPress Code block! Not when any of the above plugins will improve your code presentation in just a few clicks.
From a distance, forms may sound like one of the most boring website features. Sure, they’re a necessity. But they exist for utility and nothing more. Gravity Forms has other ideas.
This plugin turns such stereotypes on their head. Install Gravity Forms, and you can certainly build a standard contact form. But you can also create polls, multi-step surveys, user registration systems, and sell products. Seriously, we could go on for hours with potential use cases.
There’s a ton of functionality built into the core plugin. However, an ever-growing selection of free and paid add-ons is what transforms a form into a Swiss Army knife for your WordPress website. You might be surprised at the possibilities.
With that in mind, we’ve rounded up a selection of the best add-ons for Gravity Forms. You’ll find a mix of niche uses from a wide range of developers. Let’s blast off and do more with our forms!
We start here because form security is always an important consideration. Gravity Forms Zero Spam seamlessly protects your form from bots and other nuisances. Activate the plugin and… that’s it.
The plugin includes options for what to do with entries marked as spam (delete them or move them to a spam folder) and whether to send you a periodic spam summary. It’s the quickest way to get some peace of mind.
This add-on is included with certain Gravity Forms licenses and automates the publishing of user-submitted content. You can map form fields to WordPress post titles, content, and other custom data points. Users can even upload files for use as a featured image.
Best of all, you’ll have control of the entire process. For example, you can manually review posts before publishing, allow users to edit their posts on the front end, or password-protect submitted posts. It also works with third-party post types from WooCommerce, The Events Calendar, and more.
Use Gravity PDF to turn your form entries into custom PDF files that can be attached to form notifications. It’s perfect for creating printable invoices, gift certificates, or anything that needs to be archived.
The free version of the plugin includes features for customizing the look of your PDF (add your logo or fonts), while the commercial version offers more design options and on-screen previews.
Here’s a plugin that targets power users. Power Boost for Gravity Forms adds an array of handy features, including a “last entry” column in your form list, support for merge tags in HTML fields, the ability to resend feeds, and a “copy shortcode” link.
You can also replace a form by uploading a JSON file. In short, lots of little things add up to more convenience.
Gravity Forms Encrypted Fields helps you manage and secure sensitive user information. This commercial plugin encrypts chosen fields while still making their contents visible to approved users. Everyone else will see your custom “restricted data” message.
You can choose from several encryption types and control which fields to protect.
Do you need complete control over Gravity Forms notifications and confirmations? Advanced Merge Tags lets you tweak field output to your heart’s content. Change the text case of field values, append or prepend content, retrieve matching values from other forms, character conversion, and more.
There are also custom merge tags for the current timestamp, parent slug, and modifying an entry’s creation date. It’s everything you need to customize your form output.
A form can be so much more than a way to send a message. For example, Gravity Booking will turn your forms into a fully-fledged appointment scheduling system. Use it to build a custom booking form that allows customers to pay online.
Other features include support for multiple locations, email reminders, holidays/blackout dates, and Google Calendar synchronization.
This official Gravity Forms add-on turns your form submissions into Trello cards. Choose which Trello board entries are added to and set labels and due dates. Cards can be automatically assigned to team members, and attached files are included.
You can use Gravity Forms’ conditional logic feature to configure how and when cards are created.
Automatically creates Trello cards from submissions with board selection, labels, assignments, due dates, and conditional logic.
Trello workflow integration.
Rocket Fuel for WordPress Forms
Gravity Forms can turn an ordinary form into something powerful. It’s one of the most versatile plugins in the WordPress ecosystem. That’s in no small part due to the library of official and third-party add-ons on the market. The items above are only the tip of the iceberg.
In all, it allows us to rethink what’s possible when building with WordPress. The right form could replace the need for other plugins. For example, eschew that shopping cart and create an order form instead. You might also use a form for common features like front-end posting and user registration.
So, check out the add-ons above and use your creativity. There are so many possibilities!
Publishing dynamic content is one of the key selling points of content management systems (CMS) like WordPress. Content can change based on user input or other conditions. This is useful for everything from e-commerce sites to online publications. There are also simple use cases – even for brochure websites.
But what happens if some of your critical data lives elsewhere? There may be a plugin that integrates with the third-party service you’re using. Or, you might build a custom solution from scratch.
The Remote Data Blocks plugin aims to make fetching data from outside sources easy. It integrates with services like Airtable, Google Sheets, and Shopify out of the box. There’s also a framework for connecting to other services via HTTP. Once connected, you can display your data via a WordPress block and customize it with a pattern.
How does it work? Let’s put the plugin to the test with a sample project. We’ll guide you through each step and see what we can accomplish together. Here we go!
Sample Project: Display a Google Sheet in WordPress
To test Remote Data Blocks’ capabilities, we’ll use the plugin to fetch data from a Google Sheet. The file contains contact information for an employee directory.
The process includes installing the plugin, connecting to Google Cloud Platform (the most time-consuming part), and displaying the data on our website using the included block. We’ll also need to create a block pattern to style our data.
Step 1: Install the Remote Data Blocks Plugin
The first step is to install the latest version of Remote Data Blocks on your WordPress website:
Log in to your WordPress website and navigate to Plugins > Add Plugin.
Search for “Remote Data Blocks” and find the plugin in the provided list.
Install and activate the plugin.
We’ll come back to the plugin settings later in our tutorial.
Step 2: Configure Google Cloud Platform
We have some work to do before we can connect a Google Sheet to WordPress. We’ll show you the steps below. The Remote Data Blocks team has also put together a helpful guide for this process.
Hint: If you need help, Google has a project creation guide you can use as a reference. Google will ask for a project name and a parent resource. We’ll call our project Remote Data Blocks Test and leave the parent resource blank.
2.2 Connect to the Google Sheets and Google Drive APIs
Once the project is created, we’ll need to enable both the Google Sheets and Google Drive APIs. Here’s how:
Using the left-hand menu, navigate to the Enabled APIs & Services page.
Click on the Enable APIs and Services button.
One at a time, search for and add the Google Sheets and Google Drive APIs.
2.3 Enable the IAM API
Our project will also need access to the IAM API, as this handles authentication. Click the Enable the API button.
2.4 Create a Google Cloud Platform Service Account
After that, we’ll create a service account for the project. Head to the Google Cloud console website.
Using the left-hand menu, navigate to the Service Accounts page.
Click on the Create Service Account button.
Give your service account a name and click Continue.
On the Permissions screen, choose Owner and click the Continue button.
The Principals screen can be left blank. Click Done.
When finished, you’ll be redirected to the Service Accounts page, where your new account will be listed.
2.5 Generate JSON Credentials
Within your service account, click the options button (⋮) and select Manage Keys.
On the Keys page, click the Add Key button and select JSON as the format. Click the Create button.
Google Cloud platform will generate a JSON that you can download to your device.
Important: Note the generated email address associated with your service account – you’ll need it!
Step 3: Share Your Spreadsheet With Your Google Service Account Email
Remember the email address associated with your Google Service Account that we generated above? We’ll need it here.
We’ll head over to the Google Sheet we want to connect to our website and share it with the email address.
Step 4: Copy the Google Sheet ID
Next, we’ll locate the ID of our Google Sheet. We’ll need this detail to connect it to our website. The ID is located in the Sheet’s URL, like so:
We’re looking at the bolded area above (test_spreadsheet_id). We’ll copy our ID and keep it handy for the next step.
Step 5: Create a Data Source in Remote Data Blocks
We’re done with Google and on to our website. Navigate to Settings > Remote Data Blocks to connect our Google Sheet.
On the settings page, click the Connect New button.
Select Google Sheets from the menu.
Give your data source a name (we chose Employee Directory).
Paste the contents of the JSON file generated in Step 2.
Click the Continue button.
On the Scope screen, we’re asked to choose a spreadsheet from the menu. Ours is on the list. We’ll select it and the sheet we want to use (Sheet1), then click the Continue button.
On the Blocks screen, we’ll choose the Auto-register blocks option and click the Save button.
Step 6: Insert the Remote Data Block Into a Page
Now, it’s time to add the remote data block to our page.
Remote Data Blocks uses the data source name we provided in the last step. So, we’ll search for “employee directory” and add the block to the page. There are a couple of options, but we’ll choose Employee Directory/Sheet1 Loop. This option will automatically update the data when we edit our Google Sheet.
The next step is to place our remote data into a block pattern. So, we’ll select Choose a Pattern and click the only available option.
Note that the included pattern does not format the data into a table or anything resembling a spreadsheet. That’s OK, because we created a set of columns to house our data.
Dragging the various data points (First Name, Last Name, Title, Extension) into the Columns Block gave us a better layout. We can also use the Block Editor to make further improvements.
All Data Points Lead to WordPress
Fetching data from third-party sources is challenging. It’s also necessary, as we store our stuff all over the place. Remote Data Blocks helps by providing a framework we can build from.
There’s a lot of potential here, and we can imagine the plugin expanding in the future. Perhaps it works with more services out of the box. It might also include a few more block patterns to style common data types with ease.
The plugin could also empower non-technical site owners. For example, imagine updating a restaurant’s menu page by editing a Google Doc or another cloud-based file. They wouldn’t have to touch WordPress at all. It would eliminate their learning curve and ease our support requirements.
However, this is just the beginning. There are already plenty of niche uses for Remote Data Blocks and more to come. So, download the plugin and experiment!
The WordPress Media Library is a handy tool for managing images, documents, and multimedia content. It arranges uploaded files into date-based folders and creates multiple image sizes. All great features for a basic website.
There are a few drawbacks, however. The content management system’s (CMS) predictable file structure makes it easy to guess where a file is stored. For instance, a UK budget document leaked before its official release. How did this happen? A journalist was able to guess the file name based on last year’s version:
The BBC was able to access the PDF version of the OBR’s key report at 11:45 on Wednesday by replacing the word ‘March’ with ‘November’ in the web address of a previous edition.
Search engines can also index your site’s media files. This can be a benefit to your SEO strategy, but it’s not always desirable. Consider a membership website that requires registration to access specific files. A user may stumble upon a file via search, defeating the purpose of hiding files behind a login.
None of this means that there’s a security flaw. Rather, WordPress wasn’t built with private media storage in mind. Thankfully, there are easy ways to improve media file security.
Let’s review some tools and techniques for protecting your WordPress media files. They’ll keep your files away from prying eyes and might even save you some hosting bandwidth.
Available Methods of File Protection
The first thing to know about protecting your media files is that there are multiple types of protection. The method(s) you use will depend on your specific needs. We’ll break this section down by common scenarios.
Note that none of the following options will guarantee file security in high-stakes situations such as the UK government leak above. Rather, they are basic measures that will make it harder for someone (or something) to access your files.
With that in mind, here are a few ways to improve file security.
Block Direct File Access From Outside Sites (Hotlinking)
Let’s say you have a large PDF file on your website. By default, an external website could link directly to that file (a.k.a. hotlinking). It may seem harmless, but every time a user clicks that link, the file access counts against your hosting bandwidth. Even worse, the user never visits your website.
The solution is to block hotlink access at the server level. Add the following snippet to your website’s .htaccess file:
# Deny direct access to uploads unless navigated from your site (change example.com to your domain name)
<IfModule mod_rewrite.c>
RewriteEngine On
# Only apply to files inside uploads directory
RewriteCond %{REQUEST_URI} ^/wp-content/uploads/ [NC]
# Allow requests from your own domain
RewriteCond %{HTTP_REFERER} !^https?://(www\.)?example\.com/ [NC]
# Block direct access to specified file types
RewriteRule \.(mp3|mp4|pdf|zip)$ - [F,NC,L]
</IfModule>
If your website runs on an NGINX server, add this snippet to the nginx.conf file:
# Deny direct access to uploads unless navigated from your site (change example.com to your domain name)
# File types protected: mp3, mp4, pdf, zip
location ~* ^/wp-content/uploads/.*\.(pdf|zip|mp4|mp3)$ {
valid_referers none blocked server_names *.example.com example.com;
if ($invalid_referer) {
return 403;
}
}
Be sure to change example.com to match your domain name and edit the included file extensions to match your needs.
Note: We don’t recommend protecting image files this way, as it may lead to undesirable results. For instance, you won’t be able to include images or file links from the server in your email newsletter without adding some exceptions to the code above.
Prevent Search Engines From Indexing Your Media Files
Uploaded WordPress media files can easily end up in search results. This can be undesirable for a few reasons:
Direct links to large files can eat up bandwidth.
Users aren’t visiting your website, just downloading files.
Members-only files could be exposed to the public.
Part of any file protection strategy should include preventing (or discouraging) search engine indexing. As such, there are a few methods to implement.
First, we can add the following to our site’s robots.txt file to discourage crawling of the /wp-content/uploads/ folder:
User-agent: *
Disallow: /wp-content/uploads/
This won’t prevent indexing of your files, just crawling. The main benefit is reducing the load on your server.
To fully prevent indexing, we can use the X-Robots-Tag header.
For Apache servers, add this snippet to your site’s .htaccess file:
# Prevent indexing of media files in /wp-content/uploads/
<IfModule mod_headers.c>
<FilesMatch "\.(pdf|doc|docx|xls|xlsx|ppt|pptx|zip|rar|7z|mp3|m4a|wav|mp4|mov|avi|webm)$">
Header always set X-Robots-Tag "noindex, nofollow, nosnippet, noarchive"
</FilesMatch>
</IfModule>
NGINX users can add this to their nginx.conf file:
# Prevent indexing of media files in /wp-content/uploads/
location ~* ^/wp-content/uploads/.*\.(pdf|doc|docx|xls|xlsx|ppt|pptx|zip|rar|7z|mp3|m4a|wav|mp4|mov|avi|webm|jpg|jpeg|png|gif|webp|svg)$ {
add_header X-Robots-Tag "noindex, nofollow, nosnippet, noarchive" always;
}
The above methods will reduce bot traffic and reduce the likelihood that your files will appear in search results.
Prevent Access to WordPress Attachment Pages
By default, WordPress creates a post for every media file you upload. It may come in handy for some niche use cases, but it is most often a forgotten feature. Without further action, these posts can be indexed by search engines.
Some SEO plugins, such as Yoast SEO, RankMath, and All in One SEO, offer settings to disable attachment pages. This is the simplest way to prevent search engines or users from accessing them.
Short of that, you can also use a code snippet in your theme’s functions.php file or a custom plugin. We’ll share a couple of them that cover common scenarios.
Return a 404 Error on Attachment Pages:
If you’d like to deny access to attachment pages, the following snippet will do just that. Visitors will see a 404 page, rather than the attachment.
<?php
/**
* Force attachment pages to 404.
*/
add_action( 'template_redirect', function () {
if ( ! is_attachment() ) {
return;
}
global $wp_query;
$wp_query->set_404();
status_header( 404 );
nocache_headers();
// Load your 404 template.
include get_query_template( '404' );
exit;
} );
Redirect Attachment Pages to Parent Post:
Here’s a slightly different approach that redirects users to the attachment’s parent post. This is handy for blogs and other online publications looking to ensure users see their content, rather than media files.
<?php
/**
* Redirect attachment pages to their parent post when available.
*/
add_action( 'template_redirect', function () {
if ( ! is_attachment() ) {
return;
}
$attachment_id = get_queried_object_id();
$parent_id = wp_get_post_parent_id( $attachment_id );
if ( $parent_id ) {
wp_safe_redirect( get_permalink( $parent_id ), 301 );
exit;
}
// No parent: redirect to file URL if it exists.
$url = wp_get_attachment_url( $attachment_id );
if ( $url ) {
wp_safe_redirect( $url, 301 );
exit;
}
wp_safe_redirect( home_url( '/' ), 302 );
exit;
} );
If you don’t need WordPress attachment pages, there’s no reason to keep them around. Thankfully, you have several options for giving them the heave-ho.
Use a Plugin for Media File Protection
You can also use a plugin to protect your WordPress media files. The right plugin can do some or all of the above functions to keep your files safer.
For example, Download Monitor offers multiple functions, including file protection. Among its features:
Disable or enable specific folders for file downloads.
Create randomly-generated URLs for files you want to protect.
Attempting to access a file directly will result in a 404 error.
Require users to log in before accessing a file.
Keep track of how many times a file has been downloaded.
The free version of the plugin covers common use cases. A premium version goes the extra mile by integrating with popular form plugins and adding CAPTCHA protection.
Meanwhile, many membership plugins come with some form of file protection. Check out the plugin’s documentation to see what’s available.
Take Control of Your Files and Gain Peace of Mind
There are several reasons for locking down your WordPress media files, even if you aren’t posting sensitive information. For one, the rise of AI bot traffic means higher bandwidth usage. Restricting access to large files can prevent surprise charges on your hosting bill.
Plus, media files and attachment pages can be taken out of context. A simple redirect can help by pointing users toward your content. That could be the difference between a one-time visitor and a loyal reader. Say hello to lower bounce rates!
The above solutions are easy to implement into your existing website. What’s more, they bring a little peace of mind. You won’t have to worry about the wrong people accessing your files or causing a traffic nightmare on your server.
Consider your file protection needs and how they might impact your SEO strategy. From there, you can create a plan that works for you.
A feature-rich WordPress theme that offers “unlimited flexibility” may still not be able to handle certain demands you place upon it. You may have to accept the fact your need or needs will go unfulfilled, try to resolve the problem yourself through coding (or place it in the hands of a developer), or look for some other solution to your problem. That other solution, a WordPress plugin, could be readily available – assuming you know what to look for and where to look for it.
Plugins offer a wealth of valuable features, providing the flexibility and functionality needed to enhance a theme’s performance and, in turn, elevate a website’s overall quality. Certain plugins can be true game-changers, transforming the website-building process and significantly enhancing the final product’s attributes.
Amelia, Essential Grid, and the other leading WordPress plugins featured in this article have undoubtedly revolutionized what’s achievable in website design and functionality.
The essential: Amelia automates the entire booking process from top to bottom.
This video shows one of Amelia’s most popular usages. Click on it to explore it.
As powerful as the Amelia WordPress plugin is, it’s UI is remarkably easy to navigate. Users quickly learn how to establish their schedules and manage their appointments with a minimum of effort.
Amelia’s customizable pre-built templates can be put into play to make things even easier. Take Booking Appointments at a Dog Walking Service for example. It doesn’t get much more straightforward than this.
The ability to fully automate appointment or event booking operations has been a true game changer, and Amelia’s standout feature, “Packages,” takes it to the next level. Packages bundles related services into complete, well-organized packages. By doing so Amelia-
maximizes revenue opportunities for businesses while at the same time simplifying the booking process for clients.
makes it possible for spas, salons, healthcare providers, fitness centers, and similar services-oriented businesses to tailor packages to meet their client’s specific needs and preferences.
Client average score: 4.9 out of 5 on Capterra
Key customer insight: Pros: “Best plugin I found for planning my (recurring) workshops. And great support if there are any issues.”
Cons: “It needs some getting used to, when you start using this plugin.”
Immediate help via: Support manual, YouTube videos
The essential: wpDataTables is a powerful and easy to work with WordPress plugin for creating tables and charts from one or more sources.
This video shows one of wpDataTables’ most popular usages. Click on it to explore it.
wpDataTables was designed to ensure that data management and visualization tasks could be accomplished quickly, easily, and effectively. This WordPress plugin’s users have in fact found that they can process large datasets to create informative, responsive, and editable charts and tables quickly and effectively in three simple steps:
Access and retrieve data from multiple sources – Excel to MySQL
Customize and configure the table/chart as needed. It could be helpful to do so with the aid of a template like the WordPress Pricing Table
Use Visual Composer or any standard WordPress editor to publish the table or chart.
wpDataTable has been considered to be a gamechanger for a long time because of the straightforwardness and effectiveness its users experience when working on what might otherwise be very difficult data management tasks. wpDataTables’ Multiple Database Connections capability sets it apart from any competition. This feature enables users to connect to multiple databases and process the data.
Client average score: 4.5 out of 5 on WordPress.org
Key customer insight: “The support team helped resolve the compatibility issues with my theme. Really helpful and willing to go the extra way to ensure that the plugin works well in any environment. ”
Immediate help via: Support manual, YouTube videos
The essential: Slider Revolution can be used by anyone to create professional-level visuals.
This video shows one of Slider Revolution’s most popular usages. Click on it to explore it.
It can be difficult for a website builder to know how to go about a creating beautiful and future-ready website. Slider Revolution’s developers have met the challenge head on by giving its users access to its constantly growing collection ultra-modern templates.
An eye-catching example of the possibilities these templates bring to the table is provided in this Serenity Hero with Focus Effect template which can serve both as an inspiration and a means of jump-starting an effort to create a stunning website.
New templates are released monthly, and when you start working with one of them, it quickly becomes clear that –
much of the design effort has already been done.
design or coding skills are not needed to customize a template.
the templates have already been optimized for speed and responsiveness.
Unless you are satisfied with having your website designs blend in with everyone else’s you should consider taking a more innovative design approach. Revolution Slider can be your perfect guide.
Immediate help via: Support manual, YouTube videos
The essential: Fancy Product Designer gives you absolute freedom in determining how to customize a product or product part.
This video shows one of Fancy Product Designer’s most popular usages. Click on it to explore it.
A great thing about Fancy Product Designer is that it is not limited to a mere handful of products. It can in fact be applied to almost any type of product, and there are limitless possibilities when customizing a product, whether you’re tailoring the entire product or just a specific part of it.
Some plugins make performing certain tasks easier, faster, or both, but they often come with limitations on how they can be utilized. That’s not true with Fancy Product Designer,
If a product is capable of being customized to any extent at all, Fancy Product Designer can do it. Users can –
upload text or images from social media as well as from any device.
upload images in various formats: PNG,SVG, JPEG and PDF.
integrate essential features into one solution.
utilize AI techniques for image background removal.
elevate text with a range of strokes, styles, and shadows to add depth and flair to your design.
present multiple views of a product.
New templates are released on a monthly basis.
Immediate help via: YouTube videos, Support manual
The essential: LayerSlider is an all-in-one solution designed to make a lasting impression on website visitors.
This video highlights one of the most popular applications of LayerSlider. Click to explore.
LayerSlider’s popularity stems from its ability to work seamlessly on any website, no matter the content. LayerSlider is much more than just a slider-building plugin. It is a creative tool with features that web designers, developers, and businesses can use to create websites that will compel their visitors to sit up and take notice.
Among LayerSlider’s many unique features you will find –
scroll effects, stunning animations, and other eye-catching features.
versatile templates like this Fashion Trends example that allows seamless text and image customization to serve as a standout centerpiece on any website.
a Project Editor that places every tool and function front and center, precisely where you would expect to find them.
seamless integration with third-party content, including Google Fonts and Pexels.
Add-ons, including Countdown, Counter, 404, and Maintenance & Coming Soon, expand LayerSlider’s versatility to meet diverse project needs.
Key customer insight: “The scroll effects make my page come alive – it’s like magic seeing the animations unfold as you scroll.”
The essential: SSL Insecure Content Fixer solves the majority of insecure content warnings with minimal effort.
This video shows one of SSL Insecure Content Fixer’s most popular usages. Click on it to explore it.
The SSL Insecure Content Fixer plugin serves to clean up a WordPress website’s HTTPS insecure content and mixed content warnings. When installed, SSL Insecure Content Fixer’s default settings are activated, and basic website fixes are automatically performed using the Simple fix level.
If this suffices there is no more to be done. Otherwise, the SSL Insecure Content Fixer plugin can be operated at 4 additional content fixing levels:
Content Fix Level that does everything the Simple fix level does. In addition it cleans up images and iframes, and it embeds (videos, tunes) in your page content and in Text widgets.
Widgets fix level does everything the Content fix level does with the exception that it does not restrict its widget fixes to Text widgets.
Capture fix level that captures an entire page, fixes scripts, images, stylesheets, and iframes, and embeds (videos/ tunes) in the page.
Capture All fix level that does everything the Capture fix level does and in addition captures AJAX requests.
A note of caution: Care should be taken when operating at either the Capture fix or the Capture All fix level as these levels have been known to have an impact on website performance.
Client average score: 4.85 out of 5 on WordPress.org
The essential: If you can envision a gallery design, Essential Grid will help you create it.
This video shows one of Essential Grid’s most popular usages. Click on it to explore it.
Essential Grid is a game-changer that can save you a ton of time while at the same time ensuring that you will be able to attractively organize your content streams. You can put Essential Grid to good use on any website project that has a need for a filterable, sortable, or searchable grid listing of items.
Essential Grid’s standout feature is its collection of 50+ fully customizable grid skins, providing easy access to jumpstart your project with minimal effort. If you don’t find exactly what you think you need, you can easily build your with the Visual Editor and add it to the collection..
The Clark Gillies Blog Grid skin for example is minimal and functional in design. The optional lightbox also makes it a solid pick for a portfolio showcase.
With Essential Grid –
You get a choice of even, masonry, and cobble layouts.
You can source and upload content from Social Media sites.
Your Essential Grid galleries will display on all devices perfectly.
The essential: Map SVG is the perfect map plugin for any project.
This video shows one of Map SVG’s most popular usages. Click on it to explore it.
Of all the mapping plugins out there, the MapSVG plugin is by far the most customizable. Map SVG offers customizable templates that integrate seamlessly with an embedded, highly flexible database, supporting vector, Google, and image maps.
These customizable templates enable you to easily create information windows of any complexity you choose. Your maps can in effect be treated as websites within a website.
Map SVG uses are many and varied. The more common uses include:
Data visualization, which is accomplished with multicolored maps where each different color is associated with a specific meaning or value.
Locations of sales or field representatives on a map as well as in a directory where additional information pertaining to each individual can be displayed.
Showcasing land plots with associated information for real estate companies.
Showcasing store locations for multi-store businesses.
A popular feature that sets Map SVG apart is the support it offers via an AI-assisted live chat. This feature, integrated into the plugin, has read all the Map SVG documents and can answer all the basic questions.
Key customer insight: Pretty flexible with most of the options.
Immediate help via: YouTube videos, Support manual, AI assistant, live chat
The essential: IvyForms enables its users to easily create WordPress forms without any need for code.
This video shows one of IvyForms’ most popular usages. Click on it to explore it.
The IvyForms WordPress form builder features a modern UI, no-nonsense customizing, and effective reporting. With IvyForms it becomes a simple matter to –
create a Contact Form in mere seconds without having to worry about coding.
take the Contact Form and with just a click integrate it into a contact page, a mailing list, a marketing service, or whatever.
use smart conditional logic to capture valuable contact information from your visitors.
Initiate an email campaign.
Fields you use, from file uploads, multi-page forms, or forms you create will always display correctly on devices.
You can also take advantage of IvyForms’ pre-built templates to kick-start a project, use interactive conversational forms to bring a WordPress form to life, and make use or reCAPTCHA or honeypot to protect against spam.
It’s almost a given that one or more of the WordPress plugins in the above listing will be more than capable of solving whatever issue you may be facing if that issue involves:
Difficulty of Use: These plugins simplify complex tasks.
Substandard Performance: These plugins improve performance characteristics of a theme or website.
Reliable Support and Updates: These plugins feature regular updates and attentive developer support.
Future-Ready Features: These plugins can help to make a website future-ready.
Versatility: These plugins address needs for added flexibility or special functionality.
If additional searching should be required on your part, you should find it easier to arrive at a solution to your problem because of the knowledge you have gained here.
If you’re using the WordPress platform for your website building projects, you’re definitely on the right track. Still, building a better website than the competition’s is usually easier said than done. As doing so may require design or coding skills beyond what you currently possess.
The good news is that there are WordPress tools that can be precisely what you need to improve a website’s features or add desired functionality.
These tools are called plugins, and they are software addons you can install on your websites to add features. You can extend functionality, optimize SEO, boost speed and performance, and more.
Check out these 9 great WordPress plugins for your website projects in 2023. One of more of them could give you exactly what you are looking for.
If is unlikely that the Brizy design team really intended to pander to you, but once you start using it, no other website theme builder will ever feel as nice and easy to work with. The Brizy cloud website builder is ideal for beginners and non-techies (and for techies as well), and you can download it for free.
The Brizy WordPress theme builder has many uses. You can, for example –
build a new website.
improve upon an existing one.
create dynamic templates and use them for creating blog and archive pages, headers and footers, and custom pages exactly as you want them.
choose among more than 150 high conversion pre-made templates
access elements and templates to customize an eCommerce shop site
Key Brizy features include a Theme Builder, Global Blocks, Global Styling features, and WooCommerce integration. You can take advantage of the 100% White Label option if you want to brand the Brizy Builder as your own.
Click on the banner to give Brizy a closer look. A Pro option is available.
You probably enjoy facing a challenge now and then, or you wouldn’t be a web designer. Still, working with massive amounts of complex data can be frustrating at times. Especially when it takes hours of effort to create a table or chart and the final result is disappointing.
wpDataTables is a power-packed WordPress tables plugin that can process huge amounts of complex data to create attractive, interactive, responsive, and easily editable and maintainable tables and charts in minutes.
wpDataTables key features include –
4 chart-building engines — Google Charts, Highcharts, Chart.js, and Apex Charts.
the ability to work from multiple database sources, MYSQL, MS SQL, PostgreSQL and with all standard data formats
using Conditional Formatting to highlight and color code key data
integration with Elementor, Divi, Avada and WP Bakery.
Other useful features include sorting and filtering, formula columns, nested JSON, and more. Click on the banner to learn more.
Adding the Amelia WordPress booking plugin to a business’s WordPress website can completely streamline and fully automate its appointment booking operations with its ability to –
manage an unlimited number of client appointment bookings at multiple locations from a single platform and dashboard.
enable clients to book appointments online 24/7.
manage group appointments, packages, and events.
send notifications and reminders to clients via Email or SMS
accept payments online using PayPal, Stripe, Mollie, or
Booking forms can even be customized to match the business’s brand. Amelia provides an ideal booking solution for beauty, healthcare, fitness, consulting, educational, and other client-dependent business enterprises.
Click on the banner to learn more about how you could use the Amelia WordPress plugin streamline and automate your business’s booking operations.
Choosing LayerSlider to add sliders to a website is a wise choice as it’s the best WordPress slider plugin on the market, and it can also be used to create image galleries, popups, landing pages, animated page blocks, and parallax and scroll scenes.
LayerSlider will fully support whatever WordPress theme and page builder you happen to be using.
LayerSlider’s 210+ highly customizable website, slider, and popup templates provide a great starting point for your new projects.
TheDock WordPress theme builder helps teams create websites faster; websites that are guaranteed to look sharp, perform great, and be easy to support because of this plugin’s –
well organized selections of Custom Post Types and Custom Fields.
extremely fast page loads
auto-adjusting, highly flexible layout system and its global UI components
White-label builder for sharing access to TheDock’s theme builder only when you want to
If you would benefit from injecting a few healthy doses of spice and flair into your websites, you should have the Slider Revolution WordPress plugin in your web design toolbox.
Slider Revolution’s-
250+ website and slider templates and innovative website animation effects will impress the most jaded of visitors
web design tools take you to the limits of web design possibilities.
Slider Revolution is used and trusted by over 9 million worldwide users.
Download Monitor is a WordPress downloads manager that can help streamline your business operations without having to set-up a complex tracking solution, such as Google Analytics.
You can use this, the best WordPress grid plugin on the market, to incorporate breathtaking, professional-looking galleries into your websites.
It isn’t all that difficult to do so. Essential Grid places at your fingertips –
fully customizable and stunning boxed and full-width to full-screen grid layout options and masonry and cobble grid designs
responsive designs that enable you to control how your grids will appear on various devices
access to social media content.
*******
WordPress is a highly flexible content management syste for building websites. A driving force behind this flexibility is the wide variety of great WordPress plugins you can use to add features to your site.
Choosing the right WordPress plugin is important for a website’s performance. It can be critical with respect to what it will be capable of accomplishing.
Check out these 9 best WordPress plugins for your website projects in 2023. One of more of them could be a game changer.
Login
