Motif theme – How to add and to customize widgets on a category page?
-
Hi there!
I would like to add (and to customize) a Tag Cloud widget on this page:
http://orangemediatique.fr/category/blog/Anybody knows how to do it?
The widgets that came with this page were Search, Archives and Meta. As I didn’t need them, I made them invisible. However, I can’t figure out how to add a new one…
Thanks for your help!
The blog I need help with is: (visible only to logged in users)
-
Have you checked the Tag Cloud widget support document?
Looks like you don’t have enough posts to get a big enough enough tag cloud.
Also check Page Template of the relevant page if you think the widget is not showing up despite adding it to the sidebar.
-
Hi Chaitanyamsv! Thanks for your answer.
The problem is that I can’t reach this page using the dashboard. It’s a category page, so it’s not in the pages list (another thing that I don’t understand!). -
Hi, category, archive and tag pages are not like normal static pages you create (about, etc.). Since they all change as new posts are added, the WordPress software dynamically creates them when there is a request.
The search, archive and meta widget you see are placed there by the theme when you have not yet added any widgets of your own. If you remove the CSS you have to hide the main sidebar, and then add the tag cloud widget, you will see that the others will disappear.
You can limit where widgets will show by using the widget visibility feature. For example, you can set the tag cloud widget to “Show” if “Category” is “Blog”. To read about using the widget visibility, see our support page on Widgets.
Due to the design of your site, I might suggest putting your widgets into the footer widget areas instead of into the “Main” widget area.
-
Great! That’s exactly what I was looking for. Thanks a lot!
I’ve even managed to change the look of the widget box. However, there is one thing that gives me a hard time: I can’t find how to change the color of the font of the tags (in the tag cloud widget)! Any clue?
-
To change the color of the tag cloud links, add the following CSS and then edit the color code as desired. (I grabbed the color you are using for the post content text.)
.wp_widget_tag_cloud a { color: #f09 !important; } -
-
You are welcome.
In general, you typically want to hone in exactly on the CSS class or ID selectors so that the !important is not required, since it can in some instances cause issues. The color of the tag cloud links was set in a general widget CSS rule, and since you had asked specifically about the tag cloud widget, I used the CSS class that is specifically for the tag cloud (wp_widget_tag_cloud). Normally the !important isn’t required when doing something like this, but because of the way the CSS was structured in this theme, I had to use it to force the color application.
“a” in CSS indicates that it is a link. In some divs, you can have both normal text and linked text. In HTML, links are designated like
<a href=...../>
so this,
.wp_widget_tag_cloud a
means to apply the included styling declarations to any text links in any page element that has a CSS class of wp_widget_tag_cloud. -
-
- The topic ‘Motif theme – How to add and to customize widgets on a category page?’ is closed to new replies.
WordPress.com Forums 