A convincing presentation is important whether you’re a student or an educator. It requires a professional approach and clearly defined ideas.

The right PowerPoint template can help you communicate effectively. You’ll want one with great typography, professional graphics, and an easy-to-follow layout. A template that matches your subject matter is also a must. It resonates better than something generic.

This simple asset will make your presentation easier to understand. And it’s something your audience can reference later.

We’ve compiled this collection of PowerPoint templates to cover all your academic needs. Below, you’ll find templates for various subjects and use cases. Everything from science, math, and language are here. There are also options for student portfolios, events, and more.

If you’re new to the application, you might like to take a look at our collection of PowerPoint tutorials for beginners.

Lecture PowerPoint Templates

Make sure your lecture stands out using one of these beautiful PowerPoint templates. They feature clean typography and attractive color schemes. They’re also easy to customize to match your subject.

Research PowerPoint Templates

Present your research findings clearly and concisely using one of these templates. You’ll find easy-to-read layouts and plenty of space for your ideas. Perfect for sharing data at events or in the classroom.

Thesis PowerPoint Templates

A successful thesis demonstrates your knowledge and your attention to detail. The templates below help by providing a visually appealing place to show what you know. Use them to share your methodology, findings, and conclusions.

Classroom Lesson PowerPoint Templates

Use one of these classroom lesson presentation templates to give your students a head-start on learning. The available custom charts and design elements will help you bring facts and figures to life. Add images to reinforce key concepts.

E-Learning PowerPoint Templates

Online education is becoming the norm for many learners these days. The templates featured here are to help tout the benefits of e-learning. Create presentations for parents, prospective students, and administrators.

Workshop PowerPoint Templates

Workshop events are a great way to collaborate on projects and introduce new ideas. Use one of these PowerPoint templates to guide participants through each step. They’re here to help kick-start the learning process for groups of all sizes.

Seminar PowerPoint Templates

Reach your audience with a detail-oriented seminar presentation template. Add infographics, charts, and tables to emphasize your points of interest. The flexibility offered here means you can customize them for any subject.

Training PowerPoint Templates

Use a training presentation template to help students or colleagues learn new skills. Provide background information and the steps they’ll need to take. An effective presentation can be a difference-maker for learners.

Education Course PowerPoint Templates

These templates are perfect for sharing the details of your course. Provide students with a syllabus that includes topics covered, special projects, and expectations. It’s a handy and informative document that can be referenced anytime.

Student Portfolio PowerPoint Templates

A portfolio presentation can help students shine a light on their accomplishments. Highlight projects, extra-curricular activities, awards, and biographical information. Use it to introduce yourself to universities or prospective employers.

Academic PowerPoint Templates

The academic templates here are appropriate for a wide range of uses. Share course materials, research findings, and project data. You can even use them to create a portfolio or resource document.

Science Research PowerPoint Templates

Share your research, hypothesis, and conclusions with one of these PowerPoint templates. Present your data using the customizable chart and graph elements. Use color and imagery to make your key points stand out.

School Project PowerPoint Templates

Create a presentation to document your school project work using one of these templates. Highlight your process, key findings, and data points. It will help you connect with the audience and show what you’ve learned.

Historical Timeline PowerPoint Templates

A timeline of events is key to understanding history. These templates help you show the who, when, and where with beautiful visual elements. They’ll help students solidify their knowledge of the past.

Geography PowerPoint Templates

The earth is a big place, but you can condense it using one of these geography presentation templates. Add maps, cultural history, data, and images to take your audience someplace new. They’re an excellent resource for teachers and students.

Language Learning PowerPoint Templates

A PowerPoint presentation can help language learners better understand key concepts. Use one to introduce lessons or as a home for resource materials. You might also add some international flavor using one of these easy-to-customize templates.

Math Lesson PowerPoint Templates

Use a math lesson template to help students navigate and better understand their studies. They’re great for explaining concepts, and diagramming formulas and equations. Students may also find them to be a helpful study guide.

Physics PowerPoint Templates

Let’s be honest: not everyone fully appreciates or understands physics. However, an effective presentation has a way of condensing ideas into something more approachable. It makes learning that much easier and fun.

Biology PowerPoint Templates

Explain the ins and outs of biology using one of these PowerPoint presentation templates. Add images to reinforce your lesson materials and keep students engaged. You’ll find plenty of tools to help learners understand life in all its forms.

Chemistry PowerPoint Templates

Chemistry is a powerful subject filled with complex ideas and formulas. The templates below offer a space to simplify these concepts and accelerate learning. That sounds like a formula for success!

Share Your Ideas and Knowledge in Style

Educational presentations are a great way to share what you know. Teachers use them to communicate key facts about a subject. Meanwhile, student presentations demonstrate what they’ve learned.

The great thing about the above templates is they help to effectively deliver your message and save you time. You don’t have to worry about designing a presentation from scratch. All of this has been done for you.

That frees you to focus on your thoughts and ideas. We’ll give that an A+ in our grade book.

---

The post 40+ Best Academic & Educational PowerPoint Presentation Templates appeared first on Speckyboy Design Magazine.

Graphic design related to sports has a unique visual identity. It often shines through in its typography. You’ll find big, bold characters that represent motion. It’s as if the text is reaching toward the next challenge.

As such, most traditional fonts won’t do when it comes to sports marketing. You’ll want something that gives you action and energy. The athletes are working hard to level up – and so should your design.

That’s why we’ve assembled this collection of free sports fonts for creatives. Here, you’ll find fun typefaces designed to draw attention. They’re perfect for any project that involves teams, leagues, fan blogs, and social media commentary. Use them anywhere you want to spread the spirit of competition.

So, check out the options below and find the ones that match your needs. There’s something here for fans of every sport and desired aesthetic. Now, go out there and win that next project!

Atlanta College Slab Font

Free to Download

Slab fonts and sports design are a perfect pairing. Here’s one that features thick letters with a beautiful outline. It’s a good choice for rallying fans or breaking down the game story.

Reach Display Sports Font

Are you looking for a versatile sports font? Reach includes 12 styles that give it the ultimate flexibility. Choose from outlines, stamps, and solid looks in regular and italic. Think of it as a secret weapon coming off the bench.

Mexcellent Font Family

Free to Download

This tri-linear stripe font has serious retro vibes. Stripes allow the background to seep in, while rounded edges add a unique twist. The font includes multiple styles that can be layered.

Varsity Impact Variable Font

Here’s a font for those who want to make a strong statement. The bold styles here are great for logos and headlines. There’s also a softer side, with thin, light, and extra light options included.

Ferro Rosso Regular Font

Free to Download

Racing enthusiasts will notice this font’s similarity to a famous Italian auto manufacturer. It’s built for speed and will dress up any sports-related project. The font is a fun choice for titles and hero areas.

Sports Fan Handwritten Placard Font

Nothing demonstrates one’s passion more than a handmade sign. That’s the inspiration behind this fun typeface. You’ll notice slight imperfections in character outlines and color fills. The look is authentic and commits zero design penalties.

Boldmatte Script Font

Free to Download

Script fonts hold a special place in sports lore. It harkens back to a past era but is still widely used today. Boldmatte is reminiscent of logos used by American baseball teams and will add a touch of retro class to your project.

Sport Game Font Family

Here’s a slightly different take on the classic slab font. The serif features are subtle in an otherwise powerful look. You’ll find plenty of glyphs and multilingual support with this sporty typeface.

Graduate College Block Font

Free to Download

Graduate is a great all-purpose font that prioritizes legibility. The all-caps look comes in a single weight but is still versatile. Its crisp edges make it an excellent choice for print and web use.

NCL Maxipower Gym & Sport Font

It’s hard to take your eyes off this extra-bold typeface. The four included styles allow you to create different looks and moods. However, this one says “action” through and through. It’s a great fit for the extreme sports scene.

Formula A Motorracing Font

Free to Download

FORMULA-A was created with motorsports in mind. It offers a whole lot of flair with thick glyphs and pronounced accents. Use it wherever engines howl, and speed is not optional.

Blaugrana Soccer Font

Free to Download

You’ll find a variety of styles included with this offbeat sports font. Choose from regular, striped, and stamped letterforms. You can mix and match them to create a cohesive presentation.

Campus Jersey Font

Free to Download

What’s a sporting event without a little dirt? That’s the idea behind this bold typeface. It features a stamped effect that looks like it has seen a few collisions. Use it for contact sports, where the participants need laundry detergent afterward.

SF Sports Night Font Family

Free to Download

Here’s a font meant for fans of a certain “worldwide” leader in sports. It features multiple styles with and without the famous stripe. The renowned look adds a hint of familiarity to your projects.

Sport Field Font

Free to Download

The forward slant of this font makes it a great choice for anything speed-related. Motorsports, track and field, and action sports come to mind. The pointed serifs are attractive and virtually scream “fast.”

Rooster Sports Font

Free to Download

You’ll want to add this classic script font to your design toolbox. It works beautifully for team logos but is clean enough to handle text passages. There’s a fun and professional aesthetic here.

Leverkusen All-Sport Typeface

Leverkusen is a font that takes cues from classic club crests. This variable font family includes several styles to help you achieve your desired look. The result is an unmistakable homage to sport.

Redwing Athletic Typeface

Free to Download

This industrial font serves as a timeless option for sports design. You can combine its bold and hairline weights to create a contrasting aesthetic. It represents strength and competitive fire.

Draco Racing Display Font

Free to Download

Draco was inspired by racing and combines modern looks with lots of flair. The bold characters signify motion – perfect for racing teams and fans alike. A compelling font that will add a few RPMs to your design work.

Promesh Two Athletic Font

Free to Download

Here’s a fun way to add some urban attitude to your sports design projects. The lightning-bolt serifs on each glyph will complement action photos, posters, and highlight videos. It’s a sure bet to keep fans engaged.

Fuel the Competition with These Sporting Fonts

Sports are all about the passion of the competitors and fans. That’s important to keep in mind in your design projects. The goal is to inspire emotion and pride with your work. The fonts in this collection will help you do just that.

You can use them to create a buzz about your subject. That could be anything from creating team branding to building a shrine to your favorite athlete.

We hope these fonts help you in your journey. Remember: great design is a win for everyone!

---

The post 15+ Best Free Sports Fonts for Branding & Design appeared first on Speckyboy Design Magazine.

The WordPress Block Editor is great for creating custom layouts. There are plenty of core and third-party blocks to choose from. They bring a world of possibilities – all without writing a line of code. Add a block theme, and get a browser-based design and development experience.

There is one valuable thing that WordPress blocks left behind, however: code commenting. They’re common when building custom PHP templates and writing CSS. We use them to provide context for what a code snippet does or why it was implemented.

There are times when that extra context is useful in the Block Editor. For example, you might want to share information about a block with clients or colleagues. Perhaps it’s locked or requires a specific setting to display correctly. Sometimes we need to remind ourselves why we did something.

That’s where the WordPress Notes feature comes in handy. Use it to add notes to specific blocks and even keep a threaded conversation. It’s another way to improve your editorial workflow and provide a quick reference for users.

Here’s a look at how the feature works. We’ll show you how to add and retrieve notes to any block on your site. In addition, we’ll share a few tips and hidden gems worth knowing about.

Sample Project: Let’s Collaborate With Blocks

The WordPress Notes feature is part of the larger Gutenberg Collaboration phase. At the very least, it’s a way to add reminders or have an asynchronous discussion with other site users. That second part is what we’ll focus on here.

We’ll simulate a discussion of colleagues regarding a Group block. We promise it will be quick and easy!

Step 1: Choose a Block

The first step is to open a page or post in the Block Editor and select a block. We’ll choose a Group block at the top of the page. We want to discuss its styling with a colleague.

Step 2: Add a Note

Now that we know which block we want to discuss, it’s time to add a note.

1. Click on the Options menu (⋮) and select Add note.
2. A note dialog appears on the right side of the screen. We can add our note in this space.
3. Click the Add note button to save the note.

For reference, we asked if our Group block should have a background color to stand out from the rest of the content.

Next, we’ll wait for our colleague to reply to our note. When they click the block in question, they’ll see a user avatar that indicates a note is available.

Step 3: Our Colleague Replies

Here’s a handy feature: WordPress will send you an email when someone replies to your note (it’s based on the existing comment system). As such, we don’t have to keep checking our page for the latest news.

Our colleague replied to our note and acted on our design suggestion. When we visit the page, we notice that their avatar has also been added to the block’s note notification.

Step 4: Reply and Resolve

We love what our colleague did to dress up the Group block on the page. The last steps are to reply and mark the note as resolved.

To resolve the note, we’ll click the checkmark on the upper right of the dialog. Keep in mind that the note will stay in place unless we manually delete it from the block.

An Easy Way To Collaborate in WordPress

The WordPress Notes feature is a great way to relay information to others or remind yourself of something important. And it will continue to be enhanced as more collaborative features are added to the content management system (CMS).

Even better, you don’t need a plugin to get started – it’s already built into WordPress. That being the case, there are ways to customize the experience. We recommend checking out this guide to tapping into that potential.

Whether you’re part of a team or working solo, give WordPress Notes a try. You may wonder how you lived without it!

The post Quick Tip: How To Use WordPress Block Notes appeared first on Speckyboy Design Magazine.

The process for adding functionality to your WordPress website has been the same for years. You find a plugin that fits your needs (or gets you close) and install it. It’s no wonder we have sites with dozens of plugins – many of which go unused.

Sure, building a custom plugin has always been an option. That’s fine for scenarios that require a code snippet. However, complex tasks were reserved for highly-skilled developers. This meant that most of us had to settle for whatever was available on the market.

AI has swooped in to change that calculus. Advanced models like Claude Code enable even novice developers to build powerful, multi-layered projects. These days, it’s more about knowing what to ask for than understanding every line of code. We now have a tool that does the heavy lifting for us.

This technological shift gives new life to an old question: Should you use an existing plugin or build one yourself? AI certainly expands the potential scope of what’s possible, thus calling into question the need for third-party tools.

But don’t go on a vibe-coding rampage just yet! There are some important considerations when making this decision. Let’s talk about them.

Which Approach Best Fits Your Needs?

There are tens of thousands of WordPress plugins on the market. Some utility-based options are very niche, but most plugins are built to serve a broad range of use cases. Product makers must account for the many ways people use WordPress.

The downside of that approach is that a plugin might be more than what you need, or fall short in some areas. The old “too much or not enough” conundrum has long been a part of the plugin experience.

Building a plugin with AI, on the other hand, lets you narrow the focus. You can include only the features and functionality your project needs.

For example, let’s say you need a feature that only applies to one WooCommerce product. There is probably a third-party extension to fit this purpose. But a single-purpose plugin could do the same thing without the overhead or the cost of a yearly renewal. AI makes the process quick and easy.

On the other hand, needs evolve during a project’s lifecycle. Perhaps your client will need similar functionality on more products down the line. A vibe-coded solution may not be quite as flexible in that case. You may need to refactor the plugin to meet new requirements.

As such, it’s important to consider your current and future needs. If scope creep is a concern, a third-party plugin may be a better choice.

Do You Want the Maintenance Responsibilities?

An existing WordPress plugin may not solve your every need. However, it takes you off the hook regarding future maintenance. It’s the plugin author’s responsibility to fix bugs and build new features.

Naturally, that’s a double-edged sword. Some product makers are more responsive to issues than others. In addition, more than a few plugins have been abandoned over the years. And sometimes a product goes in a direction you don’t support. You don’t want to be left to pick up the pieces or placate clients when there’s a problem.

It’s all about control and responsibility. If your project (or personality) requires absolute control, then building it yourself makes sense. That way, you know what’s going on every step of the way. You don’t have to wait for someone else to take action.

Still, we should note that vibe coding plugins result in a higher level of responsibility. It means checking for security holes, compatibility testing, and acting as your own technical support staff. The practice puts everything back into your capable hands.

Kudos to you if this fits with your philosophy! To be safe, we also suggest thinking about how these responsibilities scale. Maintaining a single plugin for a client is one thing. The upkeep of dozens of plugins spread over dozens of websites is another. Make sure you have processes in place to keep things running smoothly.

Can You Build It Better?

The final consideration on our list is simple. The idea is that just because you can build something with AI, it doesn’t mean you should do so. Sometimes, there are established products that do the job well enough. Why reinvent the wheel?

The scope and depth of a plugin play a role here. Consider a popular plugin like Jetpack. It does a lot of things and has been around for a long time. Sure, you could vibe code your own suite of similar functions. However, ask yourself if you want to take on a project of that magnitude, or if it’s even worth the effort. The same could be said for Yoast SEO, Gravity Forms, and other flagship products.

That being said, you could reasonably use AI to recreate specific aspects of a plugin. For example, building a social sharing plugin that includes a few of the missing features you want. Smaller and more focused projects are better in most cases. And there’s also an opportunity to build your own extensions of an existing plugin.

There are also scenarios when your needs are very specific, and there aren’t any great options available. It’s here where vibe coding really begins to shine. You can take your idea to your favorite AI model and build it from scratch. It’s empowering for those working with clients!

The bottom line is to use AI when it’s beneficial. You might be able to build the next WooCommerce, but what’s the payoff? Instead, look for opportunities that help you level up.

There Are Endless Plugin Options and Opportunities

The WordPress plugin ecosystem has an answer for many project requirements. It’s one reason why the content management system (CMS) has remained so popular. Adding more capabilities has always been a few clicks away.

The introduction of AI into the development process has expanded those possibilities even further. If an existing plugin doesn’t do everything you need, it’s easier than ever to build your own solution. In many cases, AI works quickly and is cost-effective. It helps us provide clients with more personalized functionality.

All of this makes deciding to go custom more compelling. AI lowers the bar for building complex features. Sometimes that means fewer advantages for existing products.

Still, vibe coding isn’t always the best option. It comes with a higher level of responsibility and adds to your long-term maintenance list. Plus, there are questions about code safety and stability. AI doesn’t necessarily reduce those risks.

The good news is that you have a world of choices. We hope the considerations above help you make the right one!

The post A New Choice: Use an Existing Plugin or Vibe Code Your Own? appeared first on Speckyboy Design Magazine.

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 Syntax Highlighter Plugin

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.

Syntax-highlighting Code Block Plugin

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 Plugin

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.

Code Block Pro for WordPress

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 CodeMirror Syntax Highlighting Plugin

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.

Prismatic Beautiful WordPress Code

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.

Syntax Highlighter Plugins at a Glance

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.

---

The post 6 Best Free Syntax Highlighter WordPress Plugins in 2026 appeared first on Speckyboy Design Magazine.

As AI continues to evolve, freelancers and agencies are finding new uses for the technology. It makes sense that many of us start by improving our workflow. Resolving those existing pain points helps us accomplish more with less effort.

However, AI also presents opportunities to broaden our horizons. We can use it to do things we haven’t tried before. Even better, we can experiment with ideas that seemed too ambitious a few years earlier. For example, consider projects that had a big learning curve or were time-consuming. Perhaps they don’t seem as daunting in the age of artificial intelligence.

The right tool could be the key to offering new and improved services to your clients. It’s a vehicle for increasing revenue and strengthening customer relationships. What’s not to love?

Let’s look at how AI can help you expand your agency’s service offerings. We’ll cover potential service ideas and considerations before presenting them to clients. You might even find the perfect growth opportunity for your business.

Find Tasks AI Can Do Faster and Better

Time is often the biggest barrier to creating new services. We’re busy enough without having to learn something new or focus on tedious work. More than anything, these are the tasks AI can help us tackle.

If you often find yourself knee-deep in code, you can use AI to lift the burden and increase productivity. Here are a few ideas to get you started.

Performance and Security Audits

Is your client’s website running at peak performance? Is it chock full of vulnerable code? Some plugins can help you find general answers. However, a full audit is often the best way to diagnose and fix issues.

The problem is that it takes significant effort to go through each line of code. You also need to know what to look for during the inspection process. Not everyone has the depth of knowledge in PHP, JavaScript, and other languages found in a WordPress website.

AI tools can save you a ton of time. Even a relatively lengthy code audit can be performed in the background (freeing you to enjoy a cup of coffee or two). Plus, some models are adept at finding security issues and performance bottlenecks.

The big caveat here is that AI can point out issues, but you may not be able to fix every one of them. For example, avoid making changes to WordPress core or third-party plugins. Those changes would be overwritten during a software update. You could, however, alert a plugin author of what you found.

On the other hand, the results can lead you to find better options or use AI to build a custom solution. Regardless, it’s a service you can charge for.

Custom Plugin Development

There are two truths in agency life: No two projects are the same, and no WordPress plugin can cover every niche. That’s what makes custom development an appealing service.

Here again, we face limits on our time and coding abilities. But even an expert developer may not have enough room in their schedule for a complex plugin. Then there’s the future commitment to maintenance. It’s a lot to put on your virtual plate.

AI models make perfect development companions. They can use WordPress documentation to follow best practices and generate plugins with relative ease. Some more advanced apps can also create a logical file structure for you.

This opens multiple possibilities for your agency. You can create one-off plugins to cover client needs. You might also level up by creating more general-purpose plugins for use across multiple sites. A plugin with enough appeal could be sold in the marketplace.

In every case, there’s an opportunity to boost your revenue. Add custom plugin development to your project and maintenance fees.

Content Starters and Analysis

It seems like content is always a sticking point when working with clients. We’re either waiting for clients to deliver it or we’re tasked with cleaning it up. Then there is also the ever-evolving challenge of SEO.

We still don’t recommend using AI to generate production-ready content. It’s simply too generic and won’t reflect branding without human intervention. However, it can help in several areas.

For one, you can use it to create “starter” content. This is text clients can review and edit to match their needs. The final results might be completely different – but that’s not the point. Seeing content on their screen might be the impetus they need to keep the project moving forward. That saves you time and a few headaches.

AI can also analyze content for accessibility and SEO best practices. Use cases include simplifying language, determining keyword density, improving titles, and generating meta summaries. It’s also handy for researching competitors.

Now, these common tasks can be completed in a fraction of the time. Adding them to your service list provides more value to clients. In addition, the SEO analysis could be a source of recurring revenue.

AI Could Be Your Agency’s Growth Engine

Perhaps AI’s value to your business is all about perspective. Sure, you could use it to make less-good versions of what you’re already doing. Generating slop and calling it a day isn’t great for your long-term viability. We won’t argue that some people have chosen this path.

However, AI is also capable of helping you be the best version of yourself. It just requires a more thoughtful approach. Use these tools to tackle the busy work while keeping a close eye on the results. Most importantly, be the decision maker in what you build. In other words, don’t accept AI’s initial output as the final answer.

Treating this technology as a partner is a path to growing your agency. The extra time and mental bandwidth you gain will allow you to identify new revenue opportunities. The ideas above are just the tip of the iceberg.

Ask yourself: What can AI do better and faster? How can it strengthen what I do best? How can I use it to improve client services?

The answers might lead you to something great!

The post How AI Can Help You Expand Your Agency’s Service Offerings appeared first on Speckyboy Design Magazine.

Scrolling is among the most boring necessities of digital design. Or is it? It’s easy for both designers and users to ignore. Yet, we spend much of our days moving up, down, and all around. There’s something to be said for going the extra mile.

Thankfully, there is an opportunity to do more. Scroll effects can add an element of fun to the mix. They’re also great for adding context and drawing attention to important content. Some effects even create a sense of immersion.

Web developers have found all manner of creative use cases. We scoured the CodePen archives to find eight prime examples of how CSS and JavaScript level up the user experience. We were quite impressed with the results.

Below, you’ll find everything from basic elements to jaw-dropping visual presentations. You’re sure to find inspiration for your next project. Let’s get started!

Premium ScrollTrigger Panels

Created by Ashish Ranjan

Here’s a unique way to scroll through the sections of a webpage. This pen creates a “stacking” effect, where each new section is layered on top of the last. The previous section zooms and fades out, allowing you to read the current content distraction-free.

Impressively, scrolling up reverses the effect. The technique uses GSAP scroll trigger and makes a long page seem shorter.

See the Pen PinStack Showcase – Premium ScrollTrigger Panels by Ashish Ranjan

Scrolling Text & Rotating 3D Gallery

Created by Luis Alberto Martinez Riancho

This 3-D gallery turns the classic carousel on its head. It combines scrolling text with a rotating cube that syncs in perfect harmony. Notice the shading and textures used to create a photorealistic feel.

The button-based navigation lets you avoid scrolling altogether, if that’s your thing.

See the Pen Six Faces / Walking The Cow by Luis Alberto Martinez Riancho

Stars Scroll Effect

Created by Aleksa Rakocevic

Scroll effects don’t have to be bold. There are times when subtlety is called for and appreciated by visitors. This starry background features a parallax motif with a hint of sparkles.

The result is a fun, yet classy, trip down the page. Consider it for blogs or other long-form content.

See the Pen Stars scroll effect by Aleksa Rakocevic

Smooth Scroll Behavior

Created by Margarita

Staying with the subtle aesthetic, the on-scroll effects of this pen are a great way to dress up an article. Text gently appears as you make your way down the page.

HTML scroll-behavior is used to ensure a smooth ride and add some flair to static content. This one is appropriate for virtually everyone.

See the Pen It Was Never A Competition — Full Story by Margarita

Infinite Loop Spiral

Created by Toc

Are you looking for a completely twisted take on a photo gallery? This spiral masterpiece will certainly grab attention. Scroll down, and this 3-D ribbon-shaped gallery spins through each image.

Use your mouse or finger to change perspectives. The effect is silky-smooth and will enhance your portfolio projects.

See the Pen Infinite loop spiral by Toc

CSS Scroll-Timeline Word Highlight

Created by Daniel Haim

Here’s a way to list your services and/or accomplishments with style. The text on the left stays put as you scroll, while the right side jumps to the next word or phrase.

It uses the scroll-snap-align and scroll-snap-type CSS properties to keep the presentation tidy. JavaScript sets properties based on user action. The result is an attractive method for making an impact with typography.

See the Pen CSS Scroll-Timeline Word Highlight by Daniel Haim

Springy Section Edges

Created by Tom Miller

Scrolling from one page section to another doesn’t have to be boring. A small effect, like this “springy” animation, adds context and entertainment value to the process. Reach the bottom of a section, and you’re welcomed with a bounce.

Here’s an idea: maybe add some confetti when you reach the end of the page. After all, loyal visitors should be celebrated!

See the Pen Springy Section Edges by Tom Miller

Reverse Scrolling Columns

Created by Ryan Yu

This photo gallery’s multi-column scrolling is reminiscent of a slot machine. The columns are synced, but the middle section moves in the reverse direction. It’s fun and immersive without overwhelming users.

Once again, GSAP scroll trigger serves as the secret sauce to the effect.

See the Pen Reverse scrolling columns by Ryan Yu

Use Scroll Effects To Enhance User Experience

Scrolling doesn’t have to be an afterthought in your design projects. The examples above demonstrate what’s possible with a little code and imagination.

In some cases, these effects can be the star of the show. Consider the photo galleries in our roundup. They become more interesting and interactive when you go beyond the default grid layout. You get high-end form and functionality.

On the other hand, subtlety also has a place when adding scroll effects to more traditional pages. A hint of elegance can transform static content into something more memorable.

The decision is yours to make. Consider your audience and accessibility needs, then choose the effect that makes the most sense.

Want to see even more awesome scroll effects? Check out our CodePen collection!

More CSS Effects Snippets

The post 8 CSS & JavaScript Snippets for Adding Scroll Effects to Your Website appeared first on Speckyboy Design Magazine.

Weddings are joyous occasions that create fond memories. It’s one reason why we love to hang on to keepsakes from the day. Each memento is a reminder of good times.

Perhaps there’s no better keepsake than wedding stationery. The feel of the paper, the elegant fonts, and the carefully selected color scheme tell a story. It’s no wonder we put so much effort into making them perfect.

These projects can be time-consuming for graphic designers. But don’t worry – we can help you get off to a fast start.

Below is a curated collection of wedding stationery templates for Adobe Photoshop. They cover a variety of styles – you’re sure to find one that matches your needs. Plus, they’re easy to edit and customize to your heart’s content.

Find your favorite template, and you’ll have everything you need to create a precious keepsake in no time!

You might also like our collection of wedding templates for InDesign.

Wedding Stationery Collections for Photoshop

Are you looking for a perfectly coordinated set of wedding stationery templates? The following collections have you covered with templates for save-the-date cards, invitations, RSVPs, menus, thank-you notes, and more. These professionally-designed templates will help you every step of the way.

Wedding Invitation Photoshop Templates

Invite friends and family in style with these beautiful wedding invitation templates. You’ll find everything from classic to modern looks here. Some packages come with extras, such as alternate styles and additional types of stationery.

Save the Date Card Templates for Photoshop

These save-the-date card templates are the perfect way to share happy news! Included are ready-to-mail postcards and standalone options. You’ll even find templates that use custom shapes. There’s something for every taste. Use your favorite to build anticipation for the big day.

Wedding RSVP Card PSD Templates

Dress up your RSVP cards with these stunning templates. There are great options whether you prefer to send a postcard or a traditional card in an envelope. Customize them to the happy couple’s specifications and start creating memories.

Wedding Thank You Card Templates

These templates provide an elegant way to say “thanks” to guests. Type a message or, even better, handwrite something personal. It’s something loved ones will cherish for years to come. And it’s another way to mark a special event.

Wedding Photo Album PSD Templates

A photo album is the perfect way to look back in time. Each of these Photoshop templates can be customized with your photography and text. Have an album professionally printed, and it can be passed on to each generation.

Create Beautiful Wedding Stationery

Establishing the perfect look for your wedding stationery project can be a challenge. There are so many types of documents and endless possibilities. Luckily, the Photoshop templates in this collection make your job much easier.

Find the options that interest you and start experimenting. Here’s hoping you create something that captures the magic of the day!

---

The post 30+ Best Wedding Stationery Templates for Photoshop appeared first on Speckyboy Design Magazine.

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!

---

Gravity Forms Zero Spam Plugin

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.

Advanced Post Creation for Gravity Forms

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.

Gravity PDF Plugin

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.

Power Boost for Gravity Forms

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

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.

Advanced Merge Tags for Gravity Forms

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.

Gravity Booking Plugin

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.

Gravity Forms Trello Add-On

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.

Best Gravity Forms Add-ons at a Glance

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!

The post 8 Best Add-Ons for the Gravity Forms WordPress Plugin in 2026 appeared first on Speckyboy Design Magazine.

Photography helps us remember the colors and aesthetics accompanying winter, spring, summer, and autumn. These images remind us of each season’s unique look and feel.

But capturing seasonal images is only the start. We can use the editing process to enhance these characteristics. Lightroom presets and LUTs (Look Up Tables) are the perfect tools to bring your photos to life. They’re incredibly convenient and easy to use.

That’s why we’ve created this collection of presets and LUTs dedicated to each of the four seasons. They are designed with specific colors and lighting effects in mind. Use them to improve your photos with just a click.

Check out the options below and download your favorites. You’ll have everything you need to achieve professional looks all year round. Whether it’s a winter holiday or a day at the beach, you’ll find the preset you need below.

Winter Lightroom Presets & LUTS

The winter season brings us colder temperatures and cool colors. Various hues of blue and white are staples. But we can’t forget about the red and green of the holiday season as well. The presets and LUTs below will help you celebrate indoor and outdoor scenes.

Spring Lightroom Presets & LUTS

Spring is a time of nature’s rebirth. Think of baby animals, blooming flowers, and the return of lush greens. Use the presets and LUTs in this category to add vibrance to your photos. They’ll help you capture the beauty in style.

Summer Lightroom Presets & LUTS

The heat of summer shines through in photography. You’ll find bright oranges, deep reds, and intense yellows in the landscape. The options below help you enhance them while adding personality to your photos. Perfect for memories of lazy days and outdoor fun.

Autumn Lightroom Presets & LUTS

The colors of autumn make it a wonderful season for photographers. Bright foliage covers the landscape – and don’t forget about the pumpkins! You’ll find plenty of resources below to help you boost the fall feeling in your photos. Add a little spice and cozy up to these fantastic presets and LUTs.

Capture the Colors of Every Season

The great thing about seasonal photography is that there is always something interesting to capture. As seasons change, so do the landscapes. People also adapt to the changes with different activities and celebrations.

Our collection of Lightroom presets and LUTs will help you make the most of each season’s images. They offer powerful default settings but also allow you to adjust as needed. That way, you’ll have a clear path to achieving the perfect look.

We hope you found the options here useful. Experiment with them and discover seasonable effects that will make your photos stand out!

---

The post 20+ Seasonal Lightroom Presets & LUTs for Photographers appeared first on Speckyboy Design Magazine.

Artificial intelligence (AI) apps are transforming how we build and work with WordPress. It seems like we’re inundated with new tools and use cases nearly every day. That’s either fun, scary, or both – depending on where you stand.

Our clients are also starting to grasp the implications of using AI. Or, they’re at least interested in what the technology can do for them and their website.

Once again, that’s a double-edged sword. It’s great that AI improves our efficiency and coding capabilities. Agencies and freelancers now have access to a valuable resource that can help take our businesses to new heights.

However, it may also lead to a shift in client expectations. They’re going to want more from us in less time. Oh, and they’ll also want it cheaper than before. It’s understandable, if not completely realistic.

So, how do we keep clients from asking for the moon at the speed of light (and for the price of a cup of coffee)? It’s all about process and communication.

---

You’re Still the Expert

One might assume that AI is smarter than humans. Sure, it may be fast and answer questions with unwavering confidence. For some, this leads to a false belief that these apps can and should do everything for us without our input.

But AI isn’t a perfect fit for every task. And even in those areas where it excels, humans should still verify the results.

Using ChatGPT, Claude, or Gemini on its own won’t solve every problem. Much depends on the person using these tools. A skilled developer will know what to ask for, as will a content writer or marketer.

When it comes to generating WordPress plugins, future maintenance is also a concern. As such, the ideas behind the software must have a solid foundation. The details matter.

Without human intervention, there is no way to guarantee accuracy, security, or even the appropriateness of the results. AI can perform the task, but shouldn’t be left to make all the important decisions.

This is why your expertise is still a necessary ingredient for success. These apps are most useful when we’re there to guide them.

There’s More Time To Get Things Right

In the right hands, AI speeds up the development process. What used to take days can now be done in an afternoon. There’s no question that the technology saves us time.

The question is: What should we do with this extra time? Do we want to rush to launch our project or step back and consider what else we can improve?

Building custom layouts and functionality has traditionally been an obstacle – particularly for small agencies and solopreneurs. We only have so much time to dedicate to a project, and those items typically have the highest priority. They also require a lot of trial and error. Bugs must be squashed, and adjustments are made as we go deeper into the process. It’s easy to go down a rabbit hole.

That often led to little extras being left behind. Worse yet, things like accessibility or performance were half-baked, rather than being fully thought out. Projects didn’t always reach their full potential.

AI affords us more time to consider those other important aspects. Instead of development headaches leading to a mad scramble, we can now take a more holistic approach to site building. We can test thoroughly and make improvements.

Theoretically, AI facilitates a faster turnaround time. It’s also an opportunity to ensure quality.

Project Outcomes Are Your Value Proposition

Some clients will undoubtedly expect you to lower your prices. They may even ask you about your use of AI and how it impacts cost. It sounds reasonable, but there’s a flaw in this logic.

Successful outcomes are your biggest value to clients. How you get there isn’t the point. It’s a debate we’ve had before in the WordPress ecosystem.

The advent of page builders led to similar questions. Since we’re no longer building layouts by hand, does that mean our design skills are worth less money?

That’s like asking a carpenter if they charge less because they use power tools instead of a screwdriver. Likewise, automation in other industries doesn’t necessarily lead to lower prices. New vehicle prices go up every year, despite the presence of robots on the assembly line. And better software doesn’t lead to discounts from your accountant.

One reason we invest in new technologies like AI is to produce better results. If anything, we should look to increase our profit margins, not lower them. This shouldn’t be a race to the bottom.

It’s a discussion worth having with clients who challenge your pricing model. Yes, anyone can use AI. But anyone can use a page builder or even an SEO plugin. That doesn’t guarantee results.

We can produce outcomes that are tailored to client needs. AI is but one tool we can use to get there. It’s no substitute for our skills and experience.

AI Means More Is Possible, Within Reason

AI opens a world of possibilities for WordPress agencies and our clients. It can also lead to imaginations running wild. That’s why setting realistic expectations is important.

It’s up to us to set the tone. We must consider how we talk about AI and any claims we make about its capabilities. Our messaging should reflect how this technology helps us better serve clients, while avoiding hyperbole about miracle cures for every challenge.

That’s hard to do in an ecosystem where others are pumping out big promises. Then again, it’s no different than other can’t-miss solutions from years past. As always, agencies and freelancers should be the voices of reason.

Doing so builds trust with clients. That’s still the cornerstone of a successful business, regardless of the technology we use.

The post Keeping Your WordPress Client Expectations Realistic in the AI Era appeared first on Speckyboy Design Magazine.

Everyone loves a retro aesthetic. Pixel fonts offer a great way to add this old-school techno look to your projects. They prompt memories of classic video games, computer systems, and plenty of pop culture references.

They’re also more flexible than you might imagine. App development is a natural fit. Or use them as a headline font for your gaming blog. They also add a touch of fun to print materials, digital artwork, and video presentations.

Pixel fonts also feature a wide range of styles. Like other fonts, you’ll find both serif and sans-serif options. However, there are also different levels of thickness and character spacing. Each brings a unique personality to the table.

In this article, we’ve rounded up over twenty free pixel fonts available for download. Find your favorites, add them to your collection, and bring on the retro vibes!

Lower Pixel Font

Free to Download

Enjoy the fun look of this video game-inspired pixel font. Look closely, and you’ll find a delightful mix of squares and rectangles – just like the arcades and consoles of old. The relatively thin weight also keeps things legible.

Super Pixels Font

Here’s a familiar font for fans of a certain classic game series. The package includes a full slate of characters, including punctuation. It’s an excellent choice for adding a bit of nostalgia to your project.

Fight! Pixel Font

Free to Download

Inspired by old-school fighting games, this typeface features an action-packed look. Its bold and italicized text would be great for headlines and banners. Just don’t get too carried away with your street-fighting and knock over a lamp!

Bitroad Edgy Y2K Pixel Font

Bitroad is a mashup of styles representing the 1980s and 2000s. The font makes a bold statement while staying easy to read. It includes multiple typestyles and is available in several popular file formats.

Sheko Headline Pixel Font

Free to Download

Bold retro stylings are a hallmark of Sheko. Use it in places where you want to make the most impact. It features tight kerning that’s perfect for headlines and titles.

Go Pixel Font

This all-caps pixel font will do wonders for your retro-themed designs. Each character features a variable outline that adds authenticity. It looks great in any size, and its low-contrast style offers a unique touch.

Dotemp 8Bit Pixel Slanted Font

Free to Download

Add some slanted perspective to your project with this 8-bit typeface. Dotemp is a serif font that faithfully recreates the look of classic computing apps. It’s a variable font with regular and pixel styles.

Anti Pixel Font

Here’s a font that mixes elements of the old and new. It’s a pixelated font, for sure. However, it’s highly legible and includes some anti-aliasing. This one is a great fit when a more subtle approach to retro is in order.

Handdrawn Pixel Font

Free to Download

Talk about unique, here’s a hand-drawn pixel font. The result is a fun typeface with classic looks and a decidedly modern charm. It also includes plenty of special characters to make it a versatile pick.

Arcade Pixel

Travel back to the days when arcades ruled with this classic typeface. You won’t find any fancy effects here. The look is simple – a good representation of what once was. Sometimes, that’s all you need to make a statement.

Retro Pixel Font

Free to Download

Here’s a font with a twist on the pixelated style. It features a rounded look to soften those sharp edges. It’s a nice alternative to the more brutalist options on this list.

Tiny5 Pixel Font

Free to Download

Tiny5 goes all out when it comes to pixelation. The characters are chunky, and the shapes are free of anti-aliasing. There’s simply no compromise. Therefore, reserve this one for use on headlines and banners.

Silver Pixel Font

Free to Download

Silver was built with game developers (and gamers) in mind. The multi-language font includes gamepad buttons with full keyboard and mouse prompts. Use it in your apps to give users an authentic experience.

Thaleah Fat Pixel Font

Free to Download

Be bold and tell a story with this thick pixel font. It’s aimed at game developers but is also a natural fit for website hero areas. It’s another handy choice for your typography toolbox.

Pixelify Sans Font

Free to Download

Pixelify Sans is a no-nonsense typeface that comes in four distinct font weights. That provides more flexibility than your average pixel font. It can be used in both large and small sizes and maintain readability.

Dogica Pixel Font

Free to Download

You may notice that Dogica is easier on the eyes than most pixel fonts. It offers monospaced and kerned versions. Either way, you’re getting a legible font that can be used at the tiniest sizes. That makes it an all-purpose winner.

Silkscreen Pixel Font

Free to Download

Silkscreen is a cross-platform pixel font built for websites and online apps. It’s an all-caps font with extra spacing between characters. It would work beautifully for the text headers on your tech blog.

Smallest Pixel-7 Font

Free to Download

Need a pixel font fit for smaller sizes? This one fits the bill with the ability to stay legible no matter how low you go. You might use it for those little design accents on websites and print documents.

MultiType Pixel Font

Free to Download

Give your projects a subtly pixelated look with this display font. It features a distorted style that will help your designs stand out. It’s proof that pixel fonts don’t have to be harsh.

Pigxel Modern Pixel Font

Free to Download

Here’s a style that looks like it comes from another galaxy. Pigxel brings a lot of curves to the pixel font playbook. Use it to create titles meant to send users far, far away.

NF Pixels

Free to Download

This minimalistic font’s origins can be traced to an iOS pixel art app. Thus, you can be confident in displaying it on any screen. It also includes plenty of symbols for added flexibility.

PICO-8 Pixel Font

Free to Download

PICO-8 is available in several flavors, including monospaced, all-caps, and wide. That makes it a good option for niche use cases. Beyond that, this True-Type font is a fun way to spice up your designs.

Pixel Millennium Font

Free to Download

This pixel font adds extra pizzaz with blocky glyphs and thick sizing. It’s reminiscent of the systems we saw in sci-fi movies from the 1970s and 80s. Perfect for transporting your designs into hyperspace.

Pixel Code Font

Free to Download

Write code the way our ancestors did – with a pixel font! Pixel Code is a monospaced font designed for use in code editors. It aims to maximize readability and includes a complete set of programming ligatures.

Nb Pixel Font Bundle

Free to Download

Here’s a collection of 20 pixel fonts – all with a public domain license. You’ll find a variety of styles to choose from. There are great options for fantasy gamers, along with more conventional typefaces.

The Power of Pixelation

Pixel fonts are one of the more fun typographic categories. You’ll find basic similarities. But the details are often what separates them. The font’s weight, shape, and letter spacing are defining factors. You can use them to create different moods and aesthetics.

So, choose your favorites and create something awesome!

---

The post 20+ Best Free Pixel Fonts for Creatives appeared first on Speckyboy Design Magazine.

WordPress developers use AI for a wide range of tasks. We’re building custom plugins, troubleshooting code, and automating processes. It’s all good stuff!

Adopting this technology has significantly changed our role. It’s no longer about poring over each line of code. Now, we’re closer to a symphony conductor, orchestrating projects as a large language model (LLM) does the dirty work.

We can certainly appreciate the increase in productivity. Fewer moments spent knee-deep in documentation or support forums means more time to get things done.

This also makes it tempting to remove humans from the picture. Some agencies and development shops have cut staffing in favor of AI. It makes sense on a few levels. An AI tool is cheaper than an employee or freelancer. And the gains in efficiency mean one person can do the work of many.

But there’s a fine line between increasing output and relying too heavily on AI. Here’s why humans should still be a part of the process.

---

Knowledgeable Humans Are Essential for Quality Assurance

There’s something to be said for a well-trained eye. A seasoned developer can envision how an app should work. Their experience helps them effectively structure projects and avoid common pitfalls. They understand the importance of performance and security.

On the other hand, AI models are great at generating code, but they don’t think like a human. They may use techniques that aren’t as efficient for a particular purpose. They can also misinterpret what we’re asking them to do. Like their human counterparts, AI tools aren’t perfect.

Even the most advanced coding tools can make mistakes. It could be as simple as a syntax error. However, they may also produce work that doesn’t account for edge cases or future maintenance.

That’s why a human should carefully review all AI output. Generated code should be tested with a mix of manual observation and automated tools. It’s no different than a senior-level developer keeping a watchful eye on what their team is producing.

Remember, automation isn’t an excuse to lower your standards. If anything, it provides an opportunity to squash bugs and refine functionality. Building with AI works best when done in tandem with a knowledgeable person.

Developers Can Shift Their Focus to the Bigger Picture

Solo developers and teams alike have traditionally struggled with the little things. Tight deadlines and shoestring budgets make it hard to get the details right. So often, it’s a race to the finish line, rather than a quest to create the best possible result.

The details are often what make a WordPress plugin or theme great. This happens when we go beyond software that merely works and focus on things like the user experience. AI gives us a chance to take a larger view of our projects.

We no longer have to write code by hand. That may bring a tear to your eye (or make you leap for joy). The bright side is that you now have time to create a comprehensive plan for each project. You can define how it looks, how it works, and how it will adapt to future needs. Even if you were doing these things before, you’ll have a chance to think bigger and better.

All of a sudden, deadlines are a little less important. You’re free to explore options and test them. Most of all, you can afford to make a mistake or two along the way. Rewriting a code snippet isn’t a disaster that puts you behind. Rather, it was just a failed experiment you encountered along the way.

The additional room for creativity could be a difference-maker. We can go from “we’ll get to it later” to “let’s get it right from the start” – that’s powerful for developers of all stripes.

People and AI Are Better Together

Every WordPress developer should be exploring AI and how it can benefit their workflow. We’re well beyond the point where it’s just a curiosity. The future of our industry depends on how we use and adapt to this technology.

The sad truth is that AI will continue to cause some businesses to reduce their staff. It seems like an unavoidable consequence.

We must be careful, though. To borrow from WordPress terminology, this doesn’t mean we should cut people out of the loop. Humans are still integral to building great software. As such, we shouldn’t cede everything to the machines quite yet.

Things like quality control and holistic thinking are too important – and it’s what we do best. We should use AI as a vehicle to put those traits into action. Doing so will put us on a path to greater efficiency and better outcomes.

The post Why Humans Should Still Be a Part of WordPress Development appeared first on Speckyboy Design Magazine.

Experimenting with AI can be a great way to learn about its capabilities. And yes, it’s also a lot of fun. A few prompts can take you in any direction you want to go – or to places you never expected.

WordPress is the ideal testing ground for AI tools. You can work with code, generate content, or discover new ways to manage your website. It could do wonders for your workflow.

However, you probably don’t want to experiment in a production environment. There’s always a chance that something will go wrong and affect users. It’s not a risk worth taking!

Thankfully, there’s a new option worth getting excited about. The recently released my.WordPress.net installs a copy of the content management system (CMS) directly in your browser. It’s completely private, but can connect with various AI providers. It’s the perfect place to get a feel for what you can do with AI inside WordPress.

Let’s take a quick tour of my.WordPress.net. We’ll install it (super easy), connect it to AI, and start experimenting.

---

Sample Project: Integrate AI Into a Local WordPress Install

Today’s project is dead simple. First, we’ll install WordPress in our browser. Then, we’ll add our ChatGPT API key to integrate with the AI model. Finally, we’ll run a few test prompts to explore AI-based site management. Oh, and we’re sure to have a few adventures along the way.

Here we go!

Step 1: Install WordPress in Your Browser

We don’t want to spoil any surprises, but you might be amazed at how easy it is to install WordPress in your web browser.

1. Visit my.WordPress.net.
2. Enter a name for your website when prompted.

That’s all there is to it! You could optionally import content from another WordPress site. But we’re starting from scratch.

Once installed, you’ll see a welcome screen.

Step 2: Install the AI Assistant App

Those familiar with WordPress might be confused by the use of the term “apps”. After all, the CMS is famous for its plugin ecosystem. Not to worry. This offshoot decided that “apps” was a more user-friendly word for beginners. Consider plugins and apps as interchangeable.

Regardless, our next task is to install the AI Assistant app. Once again, it will be quick and easy.

1. Click on the Apps menu (an icon with four squares) on the upper right of the screen.
2. Find “AI Assistant” on the list and click on it.

The AI Assistant will automatically be installed on your local site. You’ll be returned to the welcome screen after it’s finished.

Step 3: Connect With an AI Model

We have everything we need to connect WordPress with an AI model. Now, it’s time to choose a provider.

At the time of this writing, AI Assistant works with Anthropic (Claude), OpenAI (ChatGPT), or a local AI model via Ollama. More providers may be added in the future.

1. Click on the command menu at the top of the screen (the long bar with a “/” inside) and select Dashboard.
2. Navigate to Settings > AI Assistant inside the dashboard.
3. Choose an AI provider and enter your API key.
4. Choose a model from your AI provider (we used gpt-4o-2024-08-06).
5. Save the revised settings.

In our case, we grabbed a ChatGPT API key and entered it into the settings. For reference, this method requires purchasing API credits from OpenAI. This is separate from your regular ChatGPT account.

The AI Assistant app also provides some information on what various WordPress user roles can access. You can also choose to add an AI Assistant button on the front-end of your site, which is displayed to logged-in users.

Step 4: Experiment!

The only thing left to do is have some fun with AI inside WordPress. You’ll find the AI Assistant throughout the dashboard and, optionally, the front-end of your website.

1. Click the AI Assistant button at the top right of the dashboard.
2. Enter a prompt in the chat window and start working with AI.

Here are a few sample prompts to get you started:

Create the following new pages on my website: About Us, Services, Contact Us

What time zone is my website using?

Activate the Hello Dolly plugin.

ChatGPT handled each of these requests without hassle. However, it did install a second copy of the Hello Dolly plugin. We’ll chalk it up to an early bug.

Note that you may be asked to approve certain actions, like creating pages or installing plugins. It’s a safety measure and is worth reviewing before allowing AI to make changes.

An Easy Way To Try AI Inside WordPress

Perhaps our experiments weren’t earth-shattering, but that’s not the point. The idea is that AI can tell you a lot about your website and perform routine tasks. And my.WordPress.net provides a safe space to learn and play.

Even better, the process for installing WordPress and integrating an AI model couldn’t be easier. You can be up and running within a few minutes. Just note the potential cost of using Anthropic or OpenAI for this purpose. Be sure to check your spending limits so you don’t lose a small fortune.

All told, it’s a great way to discover how AI can help your workflow inside of WordPress. So, take some time and find what works for you!

The post Using my.WordPress.net to Experiment With AI appeared first on Speckyboy Design Magazine.

I’ll admit it: I feel uncomfortable about mixing open-source software with proprietary platforms. There’s no technical reason for my hesitancy. We do it all the time with tools like Google Analytics or by connecting a form to our mailing list provider. But the idea seems cringey for an advocate of the open web.

So while connecting, say, WordPress to an AI model like ChatGPT, Gemini, or Claude will work, there are also concerns. What can these models access? How will they use my website’s data? Could a security leak put my site at risk? And what will it cost?

There’s also a thought that these models may be overkill for what I need. If I only want AI to help me change settings or analyze SEO, do I really want the entirety of what ChatGPT offers? It seems a bit wasteful.

That’s why I’m excited about the potential of open-source AI models – particularly ones that you can install locally. Such apps could be a solution to privacy and security concerns. They may also be more efficient than the electricity-hogging corporate models.

Let’s take a moment to dream about the possible benefits for agencies, freelancers, and website owners. I’m not a software engineer, so I can’t claim to know all the technical requirements. So, consider this a wish list. Even so, it’s still worth exploring.

A Cheaper Way To Integrate With AI

It’s no secret that serious AI integrations cost money. We pay the big players to access their APIs via credits or tokens. The more you use AI, the more you pay. It may be well worth the cost in some situations.

But like any use-based pricing system, things can get out of hand. For instance, what happens if you forget to set a spending limit? A spammer could flood your chatbot with requests, leading to an unseemly bill at the end of the month. A traffic spike could also lead to running out of tokens in short order.

A free-to-use open-source model could bring more cost certainty. Granted, much depends on the app’s size and resource usage. But the right one could make it easier to predict your AI spending. It might be a matter of upgrading your web hosting.

Open-source could do for AI what WordPress did for content management systems (CMS). Imagine spinning up an AI instance whenever you want. Hosts might even enable one-click installs.

Best of all, this scenario would help us avoid regular price increases. That’s key for those working on a tight budget.

An AI Model Trained on What You Need

The big AI apps are trained on massive amounts of data. It’s akin to swallowing the entire internet. You might feel a bit bloated in the aftermath.

These large language models (LLMs) are great for a multitude of uses. It can help your child with math homework, help you write a proposal, or generate out-of-this-world images. Very cool! And if you want your website to do all of these things, more power to you.

However, I suspect that’s beyond what most people will need. Maybe you want a model trained only on your product’s documentation so users can ask questions. Or you want to translate your content into another language. Smaller, open-source models might be a better fit for your niche.

This would also solve the problem of users tricking AI into doing undesirable things. A model that doesn’t have such capabilities could be a safer choice.

Again, this also plays into better performance and lower resource usage. The hope is for an AI app that doesn’t do all the things; rather, it focuses on the things you need.

Resources

Smart people are already working on various open-source AI models. It’s fair to say none have overtaken Claude or ChatGPT yet. But perhaps they don’t need to. After all, my hope is for leaner and more focused models.

We’re still in the early stages, but some interesting options have appeared. With that in mind, here are a few resources to help you find and experiment with current models:

• Lists of open-source artificial intelligence software (Wikipedia)
• LocalLLM – A subreddit full of info on local AI models.
• Ollama – A tool for connecting with open models that works with Linux, MacOS, and Windows.
• OpenClaw – A personal AI agent app that can be extended with skills and plugins.
• Open Source AI – The Open Source Initiative provides definitions, white papers, and other helpful information.

New models and variants are being released all the time. The links above will help you keep track of what’s new and interesting.

Is Open Source the Way to a Better AI?

It’s no secret that there are privacy and safety concerns with AI, not to mention the fear that this technology will replace humans at scale. While still a drop in the overall bucket, open-source models could be a ray of hope.

The idea of data ownership is appealing, as is AI that focuses on specific tasks. Done right, an open-source model could make AI more personal and less scary. These are goals worth exploring.

Time will tell whether one or more models will succeed. In the meantime, I think we owe it to ourselves to test and provide feedback. Together, we can push for AI that benefits everyone. That’s the open-source spirit!

The post The Potential of Local Open-Source AI Models appeared first on Speckyboy Design Magazine.

Connecting and working with other web professionals is one of my favorite parts of this industry. Web designers are always willing to share what they know, and that benefits everyone. I can’t begin to measure how much I’ve learned thanks to this generous spirit.

There are also opportunities to build professional relationships. We hire each other for coding tasks, marketing, support, or even business consulting. It’s a way to expand our capabilities and boost revenue, not to mention the new products and services that were launched as a result of these relationships.

Like everything else in our industry, artificial intelligence (AI) is poised to impact these professional bonds. We’re experimenting with this technology, looking for ways to make us leaner and more productive. Perhaps we’re in the early stages. But it’s reasonable to assume that there will be a human cost to adopting AI.

Let’s look at the potential benefits and drawbacks of going all-in on AI and its impact on our relationships.

Greater Productivity and Expanded Capabilities

If there’s one thing we’ve discovered about AI, it’s the relative ease with which it writes code. It can spin up a new WordPress plugin (or a framework for one) within a few minutes. It can also troubleshoot a code snippet in the blink of an eye.

These tasks used to take hours, days, or weeks to complete. AI has saved me from countless searches of support forums and blog posts. In some cases, I might have broadcast my pain points on social media, hoping for a kind soul to offer advice.

These days, AI generally points me in the right direction. There are several positive aspects to this arrangement.

For one, I feel more self-sufficient when working with code. Perhaps that’s ironic, as the machine is writing the code for me. Still, there’s something to be said about not placing my burden on anyone else.

AI also improves my productivity and expands my capabilities. Those client requests that used to drive me crazy aren’t as stressful these days. It’s not always easy, but I’m still producing solutions faster than ever.

What’s the downside? An individual working this way might not have a big impact. The problem arises when we use AI for all the things at scale.

Web Developers Working in Silos

The cumulative effect of “doing it ourselves” with AI is less collaboration. For example, why would I send a task to a fellow freelancer if I can perform it with AI? I’m saving time and money.

Agencies that rely on contractors will do the same thing. They’ll have less incentive to outsource all or some of a project because AI is cheaper and easier. Never mind that it potentially adds more to an employee’s plate.

This will result in fewer gigs for some of us. There will be an economic impact, as we’ll lose some of the recurring revenue we depend on. It will also require a shift to building our own things, rather than building for others.

The other potential side effect is becoming more insulated from the community around us. We might find ourselves interacting more with bots than people (it’s already the case for me). We could be less likely to share what we’re doing or explore what others have done.

If we’re not careful, it might also lead to less in-person interaction. AI won’t make conferences and WordCamps irrelevant. However, some may feel less desire to learn from other humans. Again, why travel and sit through a session when AI will do whatever I want?

Sharing knowledge is such a big part of what web professionals do. Once we’re past the experimentation phase of AI, we might have fewer tips to share – not to mention fewer people willing to listen.

Let’s Keep the Human Element in Web Design

For all the amazing things AI can do, it shouldn’t replace what makes the web design industry so unique. We are a community of thinkers and doers. We’re at our best when working together.

Just think, the open-source movement wouldn’t be where it is today without collaboration. People built the foundation of this work. Technologies like AI can contribute, but only humans can be the thinking and breathing stewards of such projects.

I hope we don’t lose sight of what we’ve accomplished. In the rush to use AI for this and that, we shouldn’t leave our traditions behind. If anything, we should use technology to create more time for human interaction.

Less time working, more time getting together. That sounds like a better future to me!

The post How AI Could Change Collaboration for Web Designers & Developers appeared first on Speckyboy Design Magazine.

Artificial intelligence (AI) is a tool for getting things done. The WordPress community is already using it to write and troubleshoot code. Meanwhile, the WordPress project is in the midst of making AI integrations easier for all.

That’s all great and exciting stuff. However, we may be missing the boat regarding other use cases. AI has the potential to do more than perform menial tasks. We can also pick its virtual brain to learn more about WordPress and related technologies.

Human knowledge still matters, and AI is only as effective as the person interacting with it. So, why not learn as much as we can? This new technology could be a goldmine of information, with the results improving our project outcomes and helping us develop better processes.

So, what can AI teach us about WordPress? Let’s find out!

Explain What a Function or Code Snippet Does

Code snippets aren’t always easy to understand, particularly when you’re unfamiliar with them. For example, you may inherit a website that includes a custom plugin or theme template. Likewise, you might not recall the purpose of something you wrote years ago.

In addition, WordPress includes hundreds of hooks, filters, and functions. Some have better documentation than others (and even that can be difficult to comprehend).

AI can help you identify what a code snippet does in short order. Paste it into your favorite Large Language Model (LLM), and you’ll receive a detailed overview of what’s happening. You can even ask follow-up questions to narrow down a specific line.

---

Here’s a simple example, using a snippet commonly found in theme templates and plugins. We’ll ask ChatGPT to provide some details.

"What does the following code snippet do?"

if ( ! defined( 'ABSPATH' ) ) {
  exit;
}

ChatGPT responded with a breakdown of the code’s functionality and operation.

This snippet is a standard security guard used in WordPress PHP files, especially in plugins and themes.

What it does
It prevents the PHP file from being accessed directly via the browser.

How it works
1. ABSPATH

• ABSPATH is a constant defined by WordPress in wp-config.php during the normal WordPress bootstrap process.
• It contains the absolute filesystem path to the WordPress installation.

2. defined( ‘ABSPATH’ ) check

• The code checks whether WordPress has already been loaded.
• If WordPress is running normally, ABSPATH will exist.

3. Direct access scenario
If someone tries to access the file directly in a browser, e.g.:
https://example.com/wp-content/plugins/my-plugin/my-file.php

WordPress has not been loaded, so:
defined(‘ABSPATH’) === false

4. exit;
Because the constant isn’t defined, the script immediately stops executing.

Why this matters
Without this check:
-Someone could directly run the PHP file.
-Internal functions might run outside the WordPress environment.
-It could expose sensitive data, database queries, or admin functionality.

ChatGPT’s response was even more robust than what’s included above. It also gave specifics on where our snippet is typically found and advice on security best practices.

This is all valuable information. We now know the purpose of our snippet and have a step-by-step guide to explain what it does.

Discover Different Approaches for Building a Feature

Our first attempt to build a feature isn’t always the best one. After all, the goal is to find the best answer, not the quickest.

That’s why code typically undergoes several rounds of revisions. It seems like there is always something we didn’t account for in the initial try. For instance, there could be a missing detail or a feature that includes unnecessary bloat. Both humans and AI models make these mistakes.

As such, it’s worth weighing your options. There may be an approach that’s easier to maintain or extend later. This also comes in handy when a client inevitably changes their mind.

We can use this line of thinking when instructing AI to generate code. Let’s consider building a related posts plugin.

You might start with a prompt like this:

"Build me a related posts plugin for WordPress."

The above may get the job done. However, AI may not offer you multiple approaches by default. Let’s add some nuance to the prompt:

"I want to build a related posts plugin for WordPress. Give me at least two approaches for achieving this, along with the pros and cons for each one."

AI’s answer may even lead you to think of other potential features or issues. It’s another example of how AI should work for you, not the other way around.

Research Improvements and Optimizations

Our code may work, but is it the best it can be? Is it secure and performant? Will it be compatible with the next version of WordPress? All are important considerations.

There’s something to be said for having a second set of eyes (or the virtual equivalent) review your work. That applies to proofing a new project or refactoring legacy code. You won’t have to look far to find room for improvement.

Why not ask AI for a few suggestions? Paste a code snippet or upload a file, then instruct the app to improve performance, efficiency, and security.

You may also want to share relevant documentation, such as the WordPress theme and plugin handbooks. That will ensure AI compares your code against best practices.

---

Let’s put that theory to the test by asking AI to review an old-school WordPress post query.

"Review this code snippet and tell me how to improve it. Could it be more secure or efficient?"

  <?php
  global $post;
  $args = array( 'numberposts' => 1, 'offset'=> 0,  'category' => 4 );
  $myposts = get_posts( $args );
  foreach( $myposts as $post ) :    setup_postdata($post); ?>
  <p><a target="_blank" href="<?php the_permalink();  ?>"><?php the_title(); ?></a></p>
  <?php endforeach; ?>

  <?php wp_reset_query(); ?>

Once again, ChatGPT gave us a detailed overview of what our code does and steps to improve it.

Yes — you can make this cleaner, safer, and a bit more correct (especially around globals and reset functions).

What your snippet currently does

• Fetches 1 post from category ID 4
• Loops it, outputs a link with title
• Calls setup_postdata() so template tags like the_title() / the_permalink() work
• Resets something at the end

Issues / improvements

1. Don’t rely on global $post in the loop variable

Right now you’re doing:
global $post;
foreach ( $myposts as $post ) :

That overwrites the global $post reference inside the loop (and can confuse readers). Use a different variable name (e.g. $featured_post) and then pass it to setup_postdata().

2. Use wp_reset_postdata() (not wp_reset_query())

• get_posts() does not modify the main query ($wp_query)
• wp_reset_query() resets the main query and is meant for query_posts() usage (which you should avoid)
• After setup_postdata(), the right cleanup is wp_reset_postdata()

3. Escape output (security/hardening)

• the_title() and the_permalink() generally output safe data, but in custom code it’s best practice to use the “get_” versions and escape yourself:
• esc_url( get_permalink( … ) )
• esc_html( get_the_title( … ) )

This is the main “more secure” improvement.

4. Prefer newer/clearer query args

numberposts works, but posts_per_page is the more standard arg.

Also consider:

• ‘no_found_rows’ => true (micro-optimization; avoids pagination counts)
• ‘ignore_sticky_posts’ => true (avoid sticky surprises)
• ‘post_status’ => ‘publish’ (explicit)

5. If you only need one post, you don’t need a foreach

You can grab the first result and output it, reducing code and risk.

In addition, AI provided two revised snippets that include the above suggestions. It’s an easy way to modernize an old code snippet.

Using AI as a Learning Opportunity

AI apps are easy to use when working with code – almost too easy. It’s tempting to copy the results and ignore the app’s explanation of what it just did. However, there’s value in slowing down and reading those details.

In some ways, using AI can be akin to having a seasoned developer by your side. You can learn a lot by paying attention.

That’s particularly true for well-documented software like WordPress. The content management system (CMS) is full of niche functions and settings. Not to mention a whole ecosystem of themes and plugins.

You can use AI as a guide for understanding how everything works. It’s a way to dig deeper and experiment with building from scratch and reworking your existing code.

The bottom line is that, if you want to learn more about WordPress, AI offers a simple way to do it. Even better, it (probably) won’t get mad if you keep asking questions!

The post What AI Can Teach Web Developers About WordPress appeared first on Speckyboy Design Magazine.

After more than 20 years, WordPress still provides a career path for freelancers and agencies. There are opportunities to build your niche while working with clients. For many, the open-source software is a growth engine.

It’s more than just business as usual, though. WordPress also boasts a global community of users and contributors. As such, agencies don’t have to operate in a vacuum. There’s an opportunity to connect with people and pay it forward.

Community engagement is a win-win situation. First, you’re helping others learn and use WordPress more effectively. There’s a great sense of satisfaction that comes with getting involved.

There are also benefits to your business. It puts your name out there and helps you build relationships. That could result in booking more clients. At the very least, you’ll create goodwill and establish a strong reputation.

Giving back is also easier than you think. Here are a few ways to say thanks to the WordPress community!

Join or Host a Local Meetup

If you want to impact the WordPress community at a grassroots level, Meetups are a great place to start. They’re local get-togethers that welcome people of all skill levels, including beginners.

These events open up a world of possibilities. You might have meetings dedicated to a specific subject, guest presentations, or group projects. It’s also an opportunity for attendees to help each other with site issues or plugin suggestions.

Agencies are uniquely positioned to help. Your team of experts can give talks and connect with your local community. That makes you a trusted resource – one that prospective clients will remember when it’s time for a new website or other project.

Finding a place to hold regularly scheduled meetings is challenging in some communities. So, hosting a meetup at your office or another space is a huge help.

Plus, not every city has a meetup. In that case, you might consider establishing one. It brings people together and builds enthusiasm for the WordPress project.

Being part of the meetup space requires a commitment. However, connecting with others one-on-one is worth the effort.

Set Aside Time To Contribute to WordPress

The WordPress project includes several teams tasked with building and maintaining the software. There are also teams dedicated to providing technical support, writing documentation, language translation, and reviewing themes/plugins.

Joining one or more teams is an opportunity to improve WordPress and its community. This could include anything from fixing bugs, building new features, or improving the user experience. That’s only scratching the surface of the potential impacts.

Contributions of all kinds are welcome – even if they don’t involve writing code. So, think about which team(s) interest you and fit your skillset. It’s also worth considering how much time you can dedicate to the project.

The Five for the Future program is a compelling option for agencies willing to commit 5% of their time to the project. Individuals are also welcome to join.

However, the type or number of contributions you make isn’t as important as your willingness to participate. One way to look at it is that every contribution helps someone. That makes a difference!

Build Free Plugins, Themes, or Educational Resources

There’s also a more traditional approach to paying it forward. Your agency is likely building custom plugins or themes for your projects. And teaching is a key part of working with clients. Why not level up and share what you know?

Once again, this benefits everyone. The community receives something useful. Meanwhile, you increase your visibility across the WordPress ecosystem. It’s a way to generate leads while doing good.

What you share and how you share it are up to you. It might be as simple as posting your GitHub repository link on social media. Or, you might opt to distribute your work via the official WordPress theme and plugin directories.

We should note that some responsibilities are involved with either approach. Plugins and themes must be maintained and supported. Community engagement is part of the deal. It’s also a good idea to keep sales pitches to a minimum if your goal is to give back.

Offering educational resources, such as online courses or tutorials, is also a possibility. Being a guide to users or developers will showcase your expertise. Do it well, and you’ll have loyal visitors returning to your site or YouTube channel.

Say Thanks to WordPress and Its Community

If your agency builds websites with WordPress, it benefits from the open-source software. It also stands to reason that you’ve benefited from the knowledge shared by community members. Every code snippet or piece of advice is valuable.

Giving back is simply the right thing to do. It says that you care about the project and the people surrounding it. Consider the potential boost to your business as good karma.

It’s also a chance to connect with other people and organizations. You never know what may come of these relationships. Friendships, business ventures, and side projects could be in store.

So, think about ways to give back and pick one that’s right for you. It will help you grow as a person and a web professional.

The post How WordPress Agencies Can Give Back to the Community appeared first on Speckyboy Design Magazine.

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:

1. Log in to your WordPress website and navigate to Plugins > Add Plugin.
2. Search for “Remote Data Blocks” and find the plugin in the provided list.
3. 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.

2.1 Create a Project in Google Cloud Platform

To start, visit Google Cloud Platform to create a new project.

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:

1. Using the left-hand menu, navigate to the Enabled APIs & Services page.
2. Click on the Enable APIs and Services button.
3. 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.

1. Using the left-hand menu, navigate to the Service Accounts page.
2. Click on the Create Service Account button.
3. Give your service account a name and click Continue.
4. On the Permissions screen, choose Owner and click the Continue button.
5. The Principals screen can be left blank. Click Done.
6. When finished, you’ll be redirected to the Service Accounts page, where your new account will be listed.

2.5 Generate JSON Credentials

1. Within your service account, click the options button (⋮) and select Manage Keys.
2. On the Keys page, click the Add Key button and select JSON as the format. Click the Create button.
3. 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:

https://docs.google.com/spreadsheets/d/test_spreadsheet_id/edit?gid=0#gid=0

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.

1. On the settings page, click the Connect New button.
2. Select Google Sheets from the menu.
3. Give your data source a name (we chose Employee Directory).
4. Paste the contents of the JSON file generated in Step 2.
5. 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.

1. 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.
2. 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 post How to Use Remote Data Blocks to Display Google Sheets Data in WordPress appeared first on Speckyboy Design Magazine.