The White House has released its ‘AI Action Plan’, which frames the coming decade as a technological race the US cannot afford to lose. Laced with the urgent rhetoric of a new cold war, the action plan argues that securing victory in AI is nothing short…
Google’s newest Gemini 2.5 model aims for ‘intelligence per dollar’
Google just dropped the stable version of Gemini 2.5 Flash-Lite and they’ve essentially created a model that’s designed to be the workhorse for developers who need to build things at scale without breaking the bank. Building cool things with AI can often feel like a frustrating…
OpenAI and Oracle announce Stargate AI data centre deal
OpenAI has shaken hands with Oracle on a colossal deal to advance the former’s colossal Stargate AI data centre initiative. It’s one thing to talk about the AI revolution in abstract terms, but it’s another thing entirely to grasp the sheer physical scale of what’s being…
40+ Best Free Photoshop Actions & Effects in 2025 — Speckyboy
Designers, photographers, and digital artists spend many hours working in Photoshop, whether designing, editing photos, or creating digital art. As a professional in these fields, you may receive photos from clients that need touch-ups or have to edit your own photographs. In both cases, Photoshop actions can be extremely useful for streamlining repetitive tasks and achieving a specific, and often stunning, photo effect.
Actions are pre-recorded sets of instructions that automate the process of applying a sequence of edits to an image. By using actions, you can create complex photo effects with just a few clicks. Countless actions and presets are available for free, but finding high-quality ones can sometimes be challenging.
We’ve curated a collection of over 40 Photoshop action packs that are all available to download for free. These actions will give you the tools you need to apply various effects to your photos, from matte and film to vintage styles, stunning black and white conversions, and even HDR.
With these actions and presets in your toolkit, you’ll be able to save time while editing your photos and won’t have to spend hours scouring the web for high-quality free actions. Whether you’re a professional photographer or a designer, these actions will help you achieve the look you want without spending hours on each individual photo.
Nostalgic Photoshop Actions
These free Photoshop Actions can create a range of photo effects, including a vintage or retro look, a washed-out or faded effect, a gritty or grungy feel, or even a black and white or sepia-toned effect.
Old & Dirty Photoshop Action
Free to Download
Turn your colorized photos to black and white, and then apply a subtle vintage effect. The action works with both Photoshop and Lightroom.
Vintage Landscape Photoshop Action
Free to Download
As the name suggests, this free Photoshop action is perfect for landscape photos that you want to style to appear vintage.
Retro Engraving Photoshop Action
Free to Download
The free Retro Engraving Photoshop action replicates vintage engraved illustrations and applies a glitchy, line-based texture (similar to old banknotes or book prints) to your photos.
Instant Hipster Retro Photoshop Actions
Free to Download
This Photoshop pack includes ten actions that will make your photos appear more retro and vintage. The actions replicate Instagram-style filters.
Vintage Wedding PS Action
Free to Download
Wedding photographers rejoice as this free Photoshop action will allow you to add a vintage effect to your wedding photos. The collection comes with a total of 15 individual actions.
Retro Effects & Polaroid Frame Photoshop Actions
Free to Download
With this collection of Photoshop actions, you will be able to generate vintage, lomo, and retro effects, and quickly apply them to your photos.
Classic Film Effect Free Photoshop Actions
These Photoshop actions can create the effects commonly found in classic films and cinema. They can add a cinematic feel to your work, such as a soft and warm film look, a faded or desaturated effect, a film grain texture, or even a dramatic and moody style.
Cyberpunk Photoshop Action
Free to Download
This free action applies a specific set of effects that will give your photos a cyberpunk style. Cyberpunk is characterized by a futuristic feel, featuring neon lights and sci-tech elements.
Indie Camera Photoshop Actions
Free to Download
The free Indie Camera Photoshop action recreates the aesthetic of quirky and low-fi indie film cameras. It will add soft contrast, subtle color shifts, and light leaks to your photographs.
Film-Inspired Photoshop Actions
Free to Download
This free film-inspired Photoshop action set will add a grainy, soft tone, with mild contrast shifts to your images. It will create a dreamy, nostalgic, film-like look, making it perfect for portraits.
Vibrant Film Photoshop Action
Free to Download
This Photoshop action produces an interesting vintage effect with brilliant, vibrant colors. The action works with Photoshop as well as Lightroom.
Simple Grainy Photoshop Action
Free to Download
This simple Photoshop action will add a fine layer of digital noise or grain to your photos, giving them a textured or gritty aesthetic. You can download it for free.
Cross Processed Photoshop Action
Free to Download
The Cross Processed free Photoshop action replicates film developed with the wrong chemicals, giving your photos a high contrast, irregular color shifts, and a retro, experimental feel.
Film Effect Photoshop Action
Free to Download
Make your photos come to life with this Film Effect Photoshop action. The action makes your colors pop and applies them non-destructively.
Color Effect Free Photoshop Actions
These actions allow you to add warmth or coolness to your photos, improve contrast, or even apply selective color effects to specific areas of your photo. You can create a variety of moods and styles, whether you want a vintage, a cinematic look, or a colorful, vibrant style.
Split-Toned Photoshop Action
Free to Download
This free Photoshop action applies a vintage-like, split-toning effect to your photos, adjusting the color and feel of your shots.
Photoshop Crimson Shimmer Action
Free to Download
This Photoshop action is sure to make your photos stand out, as it adds a subtle touch of crimson to any image. The action is easy to adjust and apply.
Dark Mood Photoshop Action
Free to Download
The free Dark Mood Photoshop action will deepen shadows, desaturate tones, and add contrast to your photos, creating a dramatic, moody, and atmospheric effect.
Honey Photoshop Action
Free to Download
Choose this Photoshop action if you want to make your food photography pop. The action is applied non-destructively and can easily be adjusted.
Copper Photoshop Actions
Free to Download
Apply an interesting copper look to your photos with the help of this free Photoshop action. You can tweak and adjust the action to your needs.
Creamy Photoshop Actions
Free to Download
If you want to apply a soft, almost pastel-like look to your photos, this collection of Photoshop actions is a must. The action works best for portrait and outdoor photos.
Sunset Photoshop Action
Free to Download
Get more out of your sunset photos or give any other photo a warm, golden glow. This action works best with nature and outdoor photography.
Special Effects Free Photoshop Actions
These special effects Photoshop actions add texture, lighting, and color improvements to your photos, allowing you to create a one-of-a-kind look.
Heatmap Photoshop Action
Free to Download
This free Heatmap Photoshop Action will apply a color gradient based on thermal imaging, giving your photos a bold and surreal look and feel.
Create Tiny Planets Photoshop Action
Free to Download
Tiny planets are all the rage, but creating them from scratch takes work. This Photoshop action will change that and allow you to transform any photo into your very own tiny planet.
Corrupted VHS Photoshop Action
Free to Download
This Corrupted VHS Photoshop action will make your photos seem as if they were captured on an old VHS tape, giving your shot a distinctive and artistic appearance.
Brick Mosaics Photoshop Actions
Free to Download
Ever wanted to turn your photos into fun mosaics? Well, now you can with the help of this Photoshop action! The pack includes a total of 10 actions.
Simple Halftone Photoshop Action Set
Free to Download
Turn your photos or graphics into a dot-based halftone pattern with this simple Photoshop action. It is perfect for comic-book styles, pop art, or retro printing effects.
Pixelate Photoshop Actions
Free to Download
Similar to the action above, this Photoshop action collection will pixelate your photos. Perfect for creating unique backgrounds. The collection also includes frame and border styles.
Dispersion Effect Photoshop Action
Free to Download
Try this Photoshop action if you want to produce a cool-looking dispersion effect. Make any photo appear as if it’s dispersing. Play the action and make adjustments as necessary.
Glitch Effect PSD Photoshop Action Kit
Free to Download
This free Photoshop action adds a subtle glitch effect to your photos, giving them the appearance of old VHS tapes. The action works non-destructively, and you can make adjustments.
High Dynamic Range Free Photoshop Actions
These Photoshop actions can help you achieve a range of HDR styles. These actions will improve your photo’s contrast, saturation, and sharpness, resulting in a bold and vivid photo effect.
HDR Lightroom Preset & Photoshop Action
Free to Download
Use this Photoshop action to expand the dynamic range of your photo and apply a beautiful, bold effect. The action works with both Photoshop and Lightroom.
Warm & Faded Free Photoshop Actions
These actions will add a matte effect to your photos by reducing contrast and saturation, and adding a subtle haze or film-like grain. They help to highlight the texture and depth of your photos.
Matte Lightroom Preset & Photoshop Action
Free to Download
With the help of this free Photoshop action, you will be able to quickly and easily apply a subtle matte effect to your photos. The action is available as both a Photoshop action and a Lightroom preset.
Deep Matte Photoshop Action
Free to Download
If you’re looking for a deep, matte look, be sure to try this action. It’s compatible with both Photoshop and Lightroom.
Vintage Matte Photoshop Action
Free to Download
The Vintage Matte Photoshop action will make it easy to add a lovely vintage effect to your photos. The action supports non-destructive editing.
Light Effect Free Photoshop Actions
These actions replicate the appearance of light leaks, which happens when light enters the camera, creating a washed-out and soft effect on your photos. They can help you achieve various styles, from a soft, romantic look to a more dramatic and surreal effect.
Light & Bright Photoshop Action
Free to Download
Add bright light leaks to any photo with the help of the Photoshop actions in this pack. The action creates layers and supports non-destructive editing.
25 Light Leaks Photoshop Actions
Free to Download
These free actions allow you to add various light leak effects to your photos, creating the illusion that light has leaked into the camera body during exposure.
Premium Looks Photoshop Actions
Free to Download
Add a touch of class to your portraits with the help of this Photoshop action. The action contains five different effects and two light leaks that can be combined for a unique look.
Golden Hour Free Photoshop Actions
These Golden Hour actions replicate the soft, warm glow of golden hour light, allowing you to bring out the beauty and atmosphere of your photos.
Golden Hour Photoshop Action
Free to Download
Use this Photoshop action whenever you need to make a photo appear as if it were taken during the golden hour. It works well with cityscapes and nature photos.
Golden Glow Photoshop Action
Free to Download
This Golden Glow action will lighten your photo and give it a golden tint. Use it with landscape and nature photos, but don’t be afraid to experiment with other types of photos as well.
Drawing Effect Free Photoshop Actions
These actions will add a hand-drawn effect to your images, creating a unique and artistic look. They will add depth and texture to your photos.
Pencil Drawing Photoshop Action
Free to Download
Make your photos appear sketched using this Pencil Drawing Photoshop action. The action works non-destructively and produces a black and white sketch.
Sketch Photoshop Action
Free to Download
This set of Photoshop actions makes it easy to apply the sketch effect with a single click. You can even adjust the result to your liking.
Lomo Effects Free Photoshop Actions
These Photoshop actions replicate the look of the Lomo camera, which creates photos with high contrast, vibrant colors, and vignetting effects. They will add a nostalgic touch to your photos.
Lomo Photoshop Action
Free to Download
Apply a Lomo effect to your photos and make them appear as though they were taken with a Lomography camera. The action produces a fun vintage effect.
Soft Color Free Photoshop Actions
These watercolor effect Photoshop actions replicate the artistic charm of watercolor painting. They will add depth, texture, and vivid colors to your images.
Michelangelo Watercolor Photoshop Action
Free to Download
The aptly named Michelangelo Painting Photoshop Action will quickly transform your photos into beautiful watercolor works of art. You will also get a free watercolor brush (ABR) and pattern PAT file for Photoshop.
Split Toned Photoshop Action
Free to Download
This free split-toned Photoshop action will apply different color tones to shadows and highlights, creating a moody, cinematic, or vintage color effect.
How to Install Photoshop Actions
Here’s a quick tutorial on how to install and use Photoshop actions:
- Download and unzip the action file.
- Launch Photoshop.
- Go to
Window>Actions. - Select
Load Actionsfrom the menu and go to the folder where you saved the action file to select it. The action will now be installed. - To use the newly installed action, find it in the
Actionspanel. - Click the triangle (▶) to the left of the action name to see the list of available actions.
- Click the action you want to play and press the play button at the bottom of the
Actionspanel.
How to Create Your Own Photoshop Actions
Creating your own Photoshop action involves recording a series of steps you perform on a photo or graphic and saving them as an action. Here’s a step-by-step guide to creating your own:
- Open an Image: Launch Photoshop and open the photo you want to use as the base for creating the action.
- Open the Actions Panel: Navigate to the
Windowmenu and click onActionsto open the Actions panel. - Create a New Action: In the Actions panel, click on the folder icon to create a new action set. Click the
New Actionbutton (represented by a ■ square icon) to create a new action. - Name and Set Shortcut (Optional): Give your action a descriptive name that reflects the edits you’ll be recording.
- Record the Steps: Click the
Recordbutton in the Actions panel to start recording and perform the editing steps you want to include in the action. - Stop Recording: Once you’ve completed the editing steps, click the
Stopbutton (■ square icon) in the Actions panel to stop recording. - Test the Action: Open another photo to test the newly created action. From the Actions panel, select the action and click
Play(▶ triangle icon) to apply the recorded steps and effects to the new photo. - Adjust & Customize: If needed, you can open the action in the Actions panel and adjust settings or delete unnecessary steps.
- Save the Action: To save the action for future use or sharing, right-click on the action in the Actions panel and choose
Save Actions. Select a location on your computer and assign a name to the action file. The action will be saved with an.atnextension. - Load the Action: To use the action on another computer or version of Photoshop, you can load the action set by going to the Actions panel’s menu and selecting
Load Actions.
You’re a creative talent. The last thing you want is to be stuck performing the same task over and over again on various images. These Photoshop presets and actions are for you, freeing you up for the real work: being creative.
Related Topics
Can speed and safety truly coexist in the AI race?
A criticism about AI safety from an OpenAI researcher aimed at a rival opened a window into the industry’s struggle: a battle against itself. It started with a warning from Boaz Barak, a Harvard professor currently on leave and working on safety at OpenAI. He called…
How Will AI Impact the Next Generation of Designers? — Speckyboy
AI models like ChatGPT and Gemini have only been around for a few years. Although many of us have become reliant on them, we still recall what life was like before they came around.
But what about future generations? For them, these tools will have always been an integral part of everyday life. Just as I can remember a time without smartphones, my teenage daughter can’t. She was born after the iPhone took the world by storm. Touchscreens and app stores are all she’s ever known.
I believe AI’s long-term impact will be even greater than the smartphone. We already see the technology infiltrating industries and education. Who knows where we’ll be by, say, 2030?
Many of us worry that AI will replace us at work and spread falsehoods. Those concerns are legitimate. However, I’m starting to worry about another issue: the devaluing of human creativity.
Creative industries such as design will feel the brunt of the impact. Here’s why the next generation of designers will inherit a much different world.
Artists Already Face Competition From Generative Tools
Generative models have improved their image-creating capabilities. Write a prompt, and within a minute or so, you’ll have an image matching your instructions. The process will only get faster.
The results aren’t always perfect. For example, I find ChatGPT’s model is inconsistent (and sometimes incoherent) with styling. But, after a few revision attempts, I often find myself accepting the output as good enough.
I now opt for AI-generated images instead of stale stock photography. It’s within reach and often a closer match to my needs. That’s both astonishing and a bit sad.
Yes, it takes less time to acquire a “passable” image. I don’t have to sweat over the details in Photoshop. Nor do I have to hire someone more talented to do it for me. In short, I’m willing to accept a lower-quality item because it’s easier.
I admit to being on the low end of the market. My graphic design skills aren’t the best, and I don’t have a budget for a professional. My turning to AI tools probably isn’t putting anyone out of work.
The danger is when companies that do have a budget for hiring professionals opt for AI. We’re already seeing that happen (to mixed results). More will surely come to the dark side.
Will New Designers Learn the Fundamentals? Will It Matter?
Traditionally, web and print designers learn about fundamentals. Philosophies regarding color, typography, and accessibility are crucial to producing quality work. Those lessons come from formal education and real-world experience.
But what do fundamentals mean in the age of AI? Quality control is not a strength of the current tools on the market. So, someone starting in design and using one of these apps may never get the opportunity to learn.
We’re seeing a similar trend in programming. For example, the ease of generating code has led to a significant uptick in WordPress plugin submissions. Now that “anyone” can code, the tenets of security and optimization could get lost in the shuffle.
There’s also a question about which tools future designers will use. ChatGPT’s text-based UI isn’t a design tool. However, Photoshop has integrated AI into the app, and it’s not alone. It seems like every major tool is jumping on the bandwagon. Project workflows could drastically change.
The boost in productivity is nice. However, we can generate assets without thinking twice about whether the result is any good. Such questions may never occur to a designer who hasn’t learned the fundamentals.
In a way, it’s reminiscent of the anything-goes 1990s. We built websites because they looked cool, regardless of whether they worked. Future generations may use AI without ever questioning the results.
Less Time to Create Something Beautiful
We humans aren’t the most patient of creatures. Thus, designers have always had to balance quality with project deadlines. AI might make the situation worse for creatives.
The ideal use for AI is as a helpful tool for generating small project assets or running utilitarian tasks. It’s a way to speed up the process while still relying on human know-how.
But some will undoubtedly give it an outsized influence. It’s not hard to imagine a stakeholder treating a designer as a mere prompt engineer. “We need this social graphic in the next five minutes. Just generate something. No, we don’t have time to worry about the font kerning.”
Project timelines may also be unreasonably accelerated. Clients will expect more productivity in less time and at a lower cost. Such thinking will give designers fewer opportunities to perfect their work.
That’s a shame, as it’s often the little details that make design stand out. Doing everything “fast and cheap” removes room for human creativity. Ironically, it also devalues an entire industry of professionals.
In this scenario, designers are no longer major contributors to a project’s direction. They become just another link in the supply chain.
Designers Gain Productivity While Losing Creative Control
The current crop of AI models can do some amazing things. Yet, they lack human logic and sensibilities. That makes them perfect for busy work, not creativity.
Regardless, continued technological advances and sales pitches will likely result in greater adoption. Similar to other technologies, stakeholders will be sold on the Utopian dream of a single tool that can do it all. Train AI on the law, and you’ll no longer need a lawyer. Train it on your branding materials, and you’ll no longer need a traditional designer.
The result is less space for an organic design process. You know, the thing designers are skilled at. The thing people spend thousands of hours learning and refining. The thing that sells everything from donuts to diamond rings.
I hope this won’t be the case, but I’ve seen this movie before. Perhaps, after a period of relying on machines, people will recognize the value of human creators and go back to them.
If not, the next generation of designers will play a much different role.
Related Topics
20+ Best Resume Templates for Microsoft Word in 2025 — Speckyboy
Most designers would probably rather use Figma, Photoshop, or InDesign for creating a resume. That makes sense. Those applications give you more control over the layout and typography. But sometimes Word is just easier. It’s quick to open, easy to share, and doesn’t need any special software to view.
Word files are practical. They’re what most employers expect. And when used well, they look polished and professional. They’re clean, well-structured, and often thoughtfully designed.
They don’t try too hard. Fonts are balanced. Spacing is right. Sections are clear. Whether you’re applying to an agency or sending a PDF to a client, these Word resume templates give you a reliable base to build on and add your own creative flair.
Note: All of these resume templates are in Word format. But if you prefer working in a more creative application or need extra customization, you may also be able to edit them in Figma, Photoshop, InDesign, Canva, or Illustrator, depending on the template you choose.
Minimal Resume Templates for Word
These minimal templates will give you a clean foundation to build on. With no clutter or decoration getting in the way, these resume layouts focus on type, spacing, and structure.
They’re great for creatives who want full control over the design but still need a clear starting point. The layout is already solid, so it’s easy to adjust fonts or move sections around without breaking the template.
Modern Resume Templates for Word
These modern-style templates are helpful for designers who want a layout that already has a bit of visual rhythm. These files make smart use of alignment, modular blocks, and white space.
There’s room for short descriptions, links, and personal branding. For creatives who don’t want to build a resume layout step by step in Figma or InDesign, these Word templates offer a solid base.
Colorful Resume Templates for Word
These templates use color in a way that feels intentional and controlled. As a designer, you probably have strong opinions about color. These layouts give you something to react to and refine.
You can easily edit the palette to match your brand or remove it entirely if needed. Color is used to guide the eye and break up sections, not to decorate for decoration’s sake.
Corporate & Business Resume Templates for Word
These templates give you a framework that fits a business or corporate environment without feeling generic. You still get a well-organized layout with careful spacing and strong hierarchy, but without the creative styling that might distract in a more formal setting.
These templates are especially useful if you need to send your resume to a recruiter or upload it to a system that favors traditional formatting.
Why Word Still Works for Designers
Word isn’t flashy, but it gets the job done. You can open a file, make quick edits, and have something ready to send in minutes.
Hiring managers are used to Word and PDF resumes. They don’t need to ask how to open the file or deal with broken formatting.
Word always holds its structure. A well-designed template won’t fall apart when you update it. That matters when you’re working fast or applying for multiple roles.
You can always move your layout into InDesign or Figma later. But starting in Word keeps things simple. It gives you a working layout without any extra layers.
Conclusion
These templates aren’t meant to do the job for you. They’re just a starting point. You still need to put in the work. Write clearly. Keep it honest. Make sure your information is accurate and easy to follow.
You don’t need to design anything flashy. Clean beats clever. Let your experience speak for itself. Pick a layout that suits your work, adjust the text, export it to PDF, and that’s it, you’re ready to send!
Related Topics
Google’s open MedGemma AI models could transform healthcare
Instead of keeping their new MedGemma AI models locked behind expensive APIs, Google will hand these powerful tools to healthcare developers. The new arrivals are called MedGemma 27B Multimodal and MedSigLIP and they’re part of Google’s growing collection of open-source healthcare AI models. What makes these…
Tencent improves testing creative AI models with new benchmark
Tencent has introduced a new benchmark, ArtifactsBench, that aims to fix current problems with testing creative AI models. Ever asked an AI to build something like a simple webpage or a chart and received something that works but has a poor user experience? The buttons might…
How to Refactor Your Outdated WordPress Code With AI — Speckyboy
Websites don’t age gracefully. Left unattended, they inevitably fall behind the latest best practices and technologies. We especially see the impact on sites built with WordPress.
It’s not that the content management system (CMS) is unstable – quite the opposite. It’s just that the software has been in existence for over 20 years. Thus, you’ll find old WordPress sites all over the interwebs.
Custom code is a common culprit. That snippet you wrote a few years ago may not work so well these days. It could be incompatible with the latest version of PHP, hinder performance, or contain security flaws. You might also be reliant on outdated JavaScript libraries or CSS techniques.
Part of bringing your site up to modern standards means refactoring outdated code. That can be a tough task, but you don’t have to do it alone. You can use AI tools to help identify and fix issues.
We’ll show you how AI can bring new life to old code. The result is a website that stays current and is better equipped for the future.
What AI Can and Can’t Do for Your Code
First, let’s set some reasonable expectations for refactoring code with AI. These tools can be helpful, but don’t expect miracles.
Consider the types of issues and the amount of code you share. For example, uploading an entire theme and asking AI to fix every error it detects won’t go very well. The large language models (LLMs) we’ve used lack context and can’t “think” in terms of a whole application. Remember, it doesn’t have the rational logic of a human programmer.
Instead, focus on a code snippet or a single file within a theme or plugin. A one-at-a-time approach usually yields the best results.
Also, be sure to provide as much information as possible in your prompts. Spell out your goals and any errors you’re experiencing in plain language. The more details you share, the more likely AI will be able to help.
It’s also worth noting that AI may not be up to date on the latest versions of WordPress, PHP, or other items. That great new technology that came out today won’t yet be included in the model. Keep that in mind when asking for help.
The right tool makes refactoring code easier. However, you’ll have more success treating it as a trusty sidekick rather than a superhero.
Improve Your Code’s PHP Compatibility
PHP versions are only supported for a limited time. Web hosts have also been known to abandon support for outdated code. Thus, a site built in the days of PHP 7.4 may not be compatible with 8.x or your web server. That could mean a broken feature or a site that refuses to load.
You can debug your site via a local WordPress install or a staging environment. Be sure to turn on WordPress debugging and track PHP errors. The error messages should provide clues to where the offending code resides.
Then, take these errors to your favorite AI tool and, one by one, try to resolve them.
We produced the above error when running an old theme in PHP 8.2. To solve it, we asked ChatGPT for help:
Our ChatGPT Prompt:
The following PHP snippet produces an error in PHP 8.2: "Fatal error: Uncaught Error: Call to undefined function create_function()"
Please make it compatible with PHP 8.2.Our PHP Code:
add_filter( 'wp_title_rss', create_function( '$a', 'return "";' ) );ChatGPTs Response:
The create_function() function was deprecated in PHP 7.2 and removed in PHP 8.0, which is why you're seeing this fatal error in PHP 8.2.
To make the code compatible with PHP 8.2, you should replace create_function() with an anonymous function using the modern closure syntax. Here's the updated version:ChatGPT’s Code Output:
add_filter( 'wp_title_rss', function( $a ) {
return '';
} );We edited our snippet to use the suggested code, and the error was fixed.
Modernize Your JavaScript
Does your legacy site suffer from old and bloated JavaScript? AI may have the perfect antidote.
Scripts written five or more years ago are likely dependent on an old-school library. You might, for example, remember all the glory that was script.aculo.us. A recent query shows it hasn’t been updated since 2010. Yikes!
WordPress bundles jQuery, which is still maintained. That doesn’t mean your custom scripts are using the latest code, though.
Even if an old script works, there are likely more efficient and secure options available. It might hinder performance or make it easier for a hacker to exploit your site.
AI can help you refactor your scripts to use newer libraries. You might also consider switching to vanilla JavaScript, which is more powerful than ever.
In this example, we asked ChatGPT to convert a jQuery script to vanilla JS. The script adds or removes a CSS class depending on a user action.
Our ChatGPT Prompt:
Please convert this jQuery script to use vanilla JavaScript instead:Our jQuery Code:
jQuery(document).ready(function() {
jQuery("#sticky-sidebar").addClass(localStorage.getItem('savestickysidebar')) ;
jQuery('#sticky-sidebar-toggle').on('click', function() {
jQuery('#sticky-sidebar').toggleClass('hidden');
if(jQuery('#sticky-sidebar').hasClass('hidden')){
localStorage.setItem('savestickysidebar', 'hidden');
}
else{
localStorage.removeItem('savestickysidebar');
}
});
});ChatGPT heeded our call for an independent script.
ChatGPTs Response:
Here is the vanilla JavaScript equivalent of your corrected jQuery code:ChatGPT’s JavaScript Output:
document.addEventListener('DOMContentLoaded', function() {
var sidebar = document.getElementById('sticky-sidebar');
var savedClass = localStorage.getItem('savestickysidebar');
if (savedClass) {
sidebar.classList.add(savedClass);
}
var toggleButton = document.getElementById('sticky-sidebar-toggle');
toggleButton.addEventListener('click', function() {
sidebar.classList.toggle('hidden');
if (sidebar.classList.contains('hidden')) {
localStorage.setItem('savestickysidebar', 'hidden');
} else {
localStorage.removeItem('savestickysidebar');
}
});
});Converting this script gives us one less jQuery dependency to worry about. AI made the process that much easier.
Give Old Code a New Lease on Life
Refactoring your WordPress site’s code is part of a good maintenance routine. It keeps your site safe, performant, and functional.
In days past, these tasks could be painfully difficult. You had to research, test, and write a fix. PHP and console errors were helpful, but manual labor was still required. You might spend days or weeks obsessing over a piece of unruly code.
AI tools have the potential to shorten the entire process. They can often tell you what’s wrong and how to fix it. Even if their first answer doesn’t get you 100% of the way there, they usually point you in the right direction.
So, don’t be afraid to dig into that old code. A few prompts might be all you need to give it a fresh coat of paint.