make text widget a link

[bandj]

How would you make a text widget a link so that the whole widget, title and text, would change color on hover?

[jbergen]

Hi,

In general, you would want to wrap all of the text in the widget inside the HTML a tag. Then, you would want to make sure you have a CSS rule that specifies the color for the text on hover.

Example:

a:hover {
    color: hover_color_here;
} 

However, an issue arises when you try to add HTML tags to the title of your widget. When you try to save it, WordPress strips out any HTML tags from the title.

There are a couple of options to deal with this:

1) Don't use the text widget's title area, and instead include your title as part of the "main body" portion of the text widget. You can surround your title with HTML heading tags, and wrap the entire contents of the text widget's "main body" with the a tag.

2) There are various workarounds to get WordPress to display your widget title as a link. I found several in a quick Google search.

I hope that helps! Let me know if you'd like to follow up about a specific strategy to make this work.

Jamie

---

Jamie @ Ladebug Studios

[bandj]

Thanks Jamie. That's about what I thought I would have to do. I think I've come across some plugins to let you add html to widgets.

[Author]

Posts