Tag Archives: Linkedin

Microdata is one of the rich snippet formats that is supported by the major search engines (learn more on schema.org) and is natively supported in HTML5 in a really powerful and simple way. These formats can help robots parse the data on your pages more accurately and in greater detail. Google uses a few of these formats to tailor result displays in certain situations. There isn’t a ton of support yet, but anything that improves semantics is usually a good idea, so I’ve started adopting this into my web design habits.

You can check how Google is parsing your rich snippets to make sure they’re crafted correctly using the Google Structured Data Testing Tool by pasting your url into the box, nothing to download. I will be creating example pages since I believe that’s one of the best ways to learn how to use the different schemas.

You can see my first example, a scholarly article (which uses the microdata ScholarlyArticle schema from schema.org). I hope it’s instructive.

Twilio is a great service. It allows you to send and receive automated calls and text messages for very reasonable prices. They also have a wonderful API that makes integration into your site or plugin a breeze.


You are given a unique Account SID and Account Token for each phone number you use; you use this data to authenticate with the server. To send a request, you just put To, From, and Body URL attributes into a HTTP post. The easiest way to do this is probably using cURL (or create stream). The function below is all you need to send an SMS.Read More …

A Quick Foreword

WordPress is fantastic, and it’s constantly improving. I think it’s amazing that the most powerful and popular CMS is open source and free. The massive community effort that continues to make WordPress’s so fantastic is actually quite astounding if you’ve ever taken a minute to consider it’s scope. It’s a shining example of the way software and the web writ large could be.

However, like all large projects, there is a lot on the agenda; and coordinating a decentralized army of volunteers is always going to get messy. With limited time and resources, you have to tackle the high priority issues first, and that list never really gets any shorter. That’s just the reality of the situation. Automattic doesn’t have an army of bright eyed recent CS grads they can lock in a basement with Mountain Dew and Skittles until every last issue has been dealt with. This means ideas and solutions, even the really good ones, can take a long time to make their way into the core.

The 3 Much-Needed Features

There are 3 problems that WordPress offers no clean way (at least that I’m aware of) to solve. I’ll explain them in more detail below, but in a nutshell they are:

  1. Lack of filters for widgets (design issue)
  2. No way to return the search_form if theme has a searchform.php file present(bug)
  3. No standardized way to get an attached image’s meta information, like: title, alt, description, or caption(laziness)

I’ve seen a lot of themes enqueuing style sheets and scripts incorrectly, either by calling them using the wp_print_styles or wp_head hooks, or just placing wp_enqueue_style() right in the header. The queue system works best when everything is queued at once, not periodically throughout the document. And calling with the wp_print_styles hook in version 3.3 can end up putting your styles on the admin page. So, do it correctly using the proper hook: Read More …

I’ve also written a Custom Comment Walker function, after 3 hours of searching, I’m convinced it may be the only one out there lol…

If you’re trying to make a fancy navigation menu with CSS, you might have found the default IDs and classes applied by WordPress to the nav menu elements to be quite lacking. However, you can fix that by adding a custom walker function to add your own conditional classes. The custom nav walker function I made below will add the following CSS classes:

CSS Classes

  • .main-menu to top menu
  • .sub-menu to menus inside the main-menu
  • .menu-item to all <li>’s
  • .main-menu-item to all <li>’s in the main menu
  • .sub-menu-item to all <li>’s in a sub-menu
  • .sub-sub-menu to all menus inside a sub-menu
  • .menu-even/.menu-odd for <ul>’s (alternating)
  • .menu-depth-# to tell you how deep each menu is
  • .menu-item-even or .menu-item-odd (alternating)
  • .menu-item-depth-# to tell you which level menu the <li> is in
  • .menu-link to links

Optional Features

These requested features were can also be added to the code below. Click on each to be taken to the comment on this page describing how to integrate it.

This should make styling your Navigation Menus MUCH simpler.Read More …