Keeping track of WordPress widgets for which titles should not be shown

Mike asks,

Just wondering if anyone has a good way to keep track of “Text” widgets in their sidebars/footers etc…

Example: I’ve got a site with about 10-20 “Text” widgets that appear on various pages but I don’t want to use titles on them.
So normally it would say something like “Text: Title Gets Placed Here So I know what it is”
…but my list is just
“Text:”
“Text:”
“Text:”

…obviously that can get confusing.

So is there a good way to label these without actually putting a title in?

If it is just a few widgets like 1 or 2, we can grab their IDs and use display: none CSS to hide their titles in the front-end. If there are a lot, it becomes tedious.

Custom Widget Classes plugin lets us apply a class visually to every widget in WordPress. After installing and activating it, go to Settings > widget classes and add a custom class like so:

2014-03-16_20-16-42

Then when you are at Appearance > Widgets, for any widget (not just Text widgets) you wish to NOT display the widget titles, apply your class. Do enter the widget titles so you can easily identify them in the backend and move them around without having to guess what’s inside.

2014-03-16_20-17-42

Finally add CSS similar to the following in your child theme’s style.css:

Screenshot of the widget on the front-end:

Screen Shot 2014-03-16 at 8.40.50 PM


Widget CSS Classes is a similar plugin with additional features. I have not tried it though.

Stay up to date

Get tips on Genesis, WordPress, Web design & more

Join 641 other subscribers

Donate

Found this article helpful?

Comments

  1. Lynne says

    Very Cool, I have been wondering how to do this for a long time.

    Now can you do a tutorial on how to implement that fancy slide in footer at the bottom of this post…?????

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>