Press "Enter" to skip to content

Month: November 2014

Keeping Code out of the WordPress Text-Editor

I’m sure we’ve all seen this at least once. Maybe it’s the aftermath of a poorly estimated project charging right towards a deadline. Or perhaps it stems from a quick fix at eight in the evening from an overworked developer. It might even be the client’s attempt at re-gaining control of his own site no thanks to the suspiciously cheap development he paid for overseas.

Either way, it’s a bad idea no matter the reason. What am I talking about? I’m talking about HTML and inline styles in the WordPress text editor. Bad, bad, bad!

Feel guilty yet? No worries, I’ve been there. And learning from my own mistakes, I’d like to share a few reasons why this practice should be avoided. Then I’d like to offer some solutions to keeping code out of the WordPress text-editor and instead, leaving it where it’s safe within the theme templates.


How to Remove TinyMCE Buttons

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

How to Make Your Images Accessible

How to Make Your Images Accessible in WordPress

[series]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?

%d bloggers like this: