How to Future-proof WordPress Links

Tutorial Difficulty Level: Beginner

The word link made from legos.
Reading Time: 7 mins

If you’ve ever been faced with 404’s and broken links after a site migration or web address change – then this post is for you!

You can prevent this from ever happening again with future-proofed links. Future-proofed links are links that are written with the future in mind. So in our case, the future might be that the site moves from it’s current place and/or the web address changes. And in the event that either one of those situations happen, these future-proofed links will automatically update and prevent broken links. No more 404’s – hurray!

Great, so how do we create these future-proofed WordPress links? Easy peasy. ( I never say easy peasy in real life, writing does that to you… ) Here are a few code snippets to help you out.

Continue reading How to Future-proof WordPress Links

Choosing the Right Colors for Web Accessibility

Tutorial Difficulty Level: Beginner

choosing the right colors for web accessibility
Reading Time: 6 mins
View all posts in the Making your WordPress Theme Accessible Series so far…

 

Before I get started, I’d like to give a disclaimer that on paper, I am not defined as a “designer” anywhere. I got off that train after a 2-year-no-longer-existing college that’s still drowning me in debt made me seek a better education at the college I eventually got my BA from. I’d also like to confess that I took advanced color theory because credits allowed me to skip the two introductory courses – and that was the biggest mistake I’d ever made. Color is hard and Pratt didn’t play around. Therefore, color, is not my forte.

However, I’m getting better at it! Let’s improve together, shall we?

So, in this fourth installment of my accessibility series, I’d like to review choosing colors for your WordPress site. First, we’ll talk about why choosing the right colors for web accessibility is important. Then there will be a brief overview on color theory with some links pointing you toward those “designers” on paper that could provide deeper insights than I can. Finally, we’ll jump into our WordPress stylesheets and change some key selectors that should make a difference right away in improving our theme’s accessibility. Let’s get started!

Continue reading Choosing the Right Colors for Web Accessibility

How to Remove TinyMCE Buttons

Tutorial Difficulty Level: Advanced

WordPress TinyMCE
Reading Time: 5 mins

I recently read a blog post by Tom McFarlin titled, Remove TinyMCE Buttons. For the confused, TinyMCE buttons refers to the buttons available in WordPress’ text-editor toolbar for formatting and styling your content. Here’s more on how to use the text-editor along with learning to love the text-editor.

Anyway, it never occurred  to me that I could remove TinyMCE buttons. Tom McFarlin’s blog post inspired me to try it out. Since his blog post was more of a guide through the thought process of completing the task rather than a literal walk-through, once I resolved the mystery, I wanted to share it with others. So here is how I went about it – how to remove TinyMCE buttons step by step with images, code, and further explanation.

Before We Begin

  • You should take a look at Tom McFarlin’s blog post as I’ll be referring to it as my guide to writing code
  • Get your theme’s functions.php ready as that will be what we’ll be working in ( or plugin file, wherever you’re keeping your custom functions )
  • Just to future-proof this tutorial as reference, using WordPress 4.0 when this was written

Continue reading How to Remove TinyMCE Buttons

How to Make Your Images Accessible

Tutorial Difficulty Level: Beginner

How to make your images accessible
Reading Time: 6 mins

How to Make Your Images Accessible in WordPress

Making your WordPress Theme Accessible Series:

  1. An Intro to Web Accessibility
  2. How to Organize Headings for Accessibility
  3. How to make your images accessible in WordPress ( We’re here now )

 

In the previous two installments of this accessibility series, I introduced web accessibility in general, and together, we went over organizing headings in our WordPress theme. In today’s post, we’re going to go over images. This post will cover what makes images accessible, and how we can apply those methods both in our theme templates and in our content. Let’s get started, shall we?

Continue reading How to Make Your Images Accessible

How to Organize Headings for Accessibility

Tutorial Difficulty Level: Beginner

How to organize headings for accessibility
Reading Time: 5 mins

How to Organize Headings for Accessibility in your WordPress Theme

Making your WordPress Theme Accessible Series:

  1. An Intro to Web Accessibility
  2. How to Organize Headings for Accessibility ( We’re here now )

 

In today’s post, I’m going to focus one aspect in making our WordPress theme accessible – and that aspect is headings. After reviewing what headings are, and what they’re for, we’ll go into our theme files and make any changes necessary related to headings. It should only take a few minutes and although we’re only focusing on headings in this post, it’ll bring us one step closer to making our theme accessible.

Let’s get started. As an FYI, I’ll be using TwentyThirteen for most of my references, but the theme I’m using on this blog is Hexa.

Continue reading How to Organize Headings for Accessibility