Wordpressでタグクラウドのウィジェットを２つ使いながら、それぞれに同じCSSを適用させたい。

■現状

Wordpressでタグクラウドのウィジェットを２つ使っております。

１つ目は元々備わっているタグクラウドです。CSSは下記①のようにイジっています。

２つ目は別途インストールしたこちらのプラグインです。
「Combined Taxonomies Tag Cloud」
https://ja.wordpress.org/plugins/combined-taxonomies-tag-cloud/

■質問
２つ目のプラグインに、１つ目のCSS①を適用させたいです。
そこで、２つ目のプラグインのCSSを【ほぼ】まるごと①にしてみました。
【ただし、①の「.widget_tag_cloud .tagcloud」の３か所は「.combinedtagcloud」に変えました。】

が、どうもうまくいきません。(´;ω;｀)
どうすればいいのでしょうか？？

元々のプラグインのCSS①

CSS
1.widget_tag_cloud .tagcloud {
2	padding: 0 20px;
3}
4.widget_tag_cloud .tagcloud a {
5	display: inline-block;
6	background: #008000;
7	margin: 0 0 5px 0;
8	color: #ffffff;
9	transition: 0.2s ;
10	padding: 5px 10px 3px;
11	border-radius: 4px;
12}
13.widget_tag_cloud .tagcloud a:hover {
14	background: #808080;
15}

２つ目のプラグインのPHP
http://xfs.jp/Si0BXE

よろしくお願いいたします。m(__)m

kei344

2016/05/27 08:26

出力されたHTMLを質問文に追記いただいたほうが回答を得られやすいと思います。

退会済みユーザー

2016/05/27 23:05

なんとかできました。何がどう関係してできたのやら、さっぱりわかりませんけれど、、、とりあえず根性出して全部の組み合わせをやっていたらできました。笑どうもありがとうございました。<m(__)m>

行動規範の内容に同意します

回答1件

ベストアンサー

「２つ目のCSSに、１つ目のCSSを適用させたい」という日本語がよく理解できないのですが、元々のタグクラウドには元々のCSSを適用し、新しく入れたプラグインのタグクラウドにはプラグインのCSSを適用したいということでしょうか？

元々備わっているタグクラウドのウィジットを出力している箇所をidつきのdivで囲みます。

php
1<?php if(is_active_sidebar('tag_cloud_widget')) { ?>
2  <div id="original_tag_cloud_widget">
3    <?php dynamic_sidebar('tag_cloud_widget'); ?>
4  </div>
5<?php }; ?>

original_tag_cloud_widget なんていう長い名前ではなくても構いませんが・・・
もしかしたら、もう何かのidがついたタグで囲まれているかもしれません。

そして、CSS①のセレクタにidを追加します。

css
1#original_tag_cloud_widget .widget_tag_cloud .tagcloud {
2    padding: 0 20px;
3}
4#original_tag_cloud_widget .widget_tag_cloud .tagcloud a {
5    display: inline-block;
6    background: #008000;
7    margin: 0 0 5px 0;
8    color: #ffffff;
9    transition: 0.2s ;
10    padding: 5px 10px 3px;
11    border-radius: 4px;
12}
13#original_tag_cloud_widget .widget_tag_cloud .tagcloud a:hover {
14    background: #808080;
15}

投稿2016/05/27 10:33

munyagu

総合スコア479

退会済みユーザー

2016/05/27 22:41

＞日本語がよく理解できない大変失礼いたしました。「２つ目のCSSに、１つ目のCSSを適用させたい」ではなく、「２つプラグインにも、１つ目のCSSを適用させたい」でした。タイトル、本文、修正いたしました。もしお時間ございましたら、、もう、こんな質問、ほんと、ご面倒でしょうから、、ほんと、お手すきの折に、気が向いたら、で構いません。笑ご検討よろしくおねがいいたします。

退会済みユーザー

2016/05/27 23:05

行動規範の内容に同意します