ウィジェットを個別でデザイン(CSS)などを変更したいです。

hsykkd
(@hsykkd)

12年、 3ヶ月前

はじめまして、当方は、Wordpressのテーマを用いてサイトを制作しております。

質問ですが、

3カラムのテーマを用いて、制作しております。

そして、サイドバー左と右に、ウィジェットを使用しています。

そのサイドバーのウィジェット全体に、CSSでborderで1pxが指定されており、
そのborderを外したいのですが、ウィジェット全体にCSSがかかっているため、
一つを外すと、全てのウィジェットに反映されてしまいます(汗)

それを、一つのウィジェットのみ反映させていきたいと思っています。

どうすれば宜しいでしょうか？
どなたかご教授の程お願い致します。

いくつかのサイトで、方法論がありましたが、少々難しく、
今回、この場をお借り致しました。

尚、スキルと致しましては、ビギナーです。

4件の返信を表示中 - 1 - 4件目 (全4件中)

kz
(@kz)

12年、 3ヶ月前

ウィジェットにはだいたい id がついてますので
対象のウィジェットの id で css を指定すれば OK です。

トピック投稿者 hsykkd
(@hsykkd)

12年、 2ヶ月前

kzさん

回答に気づかず遅れてしまいまして大変すいません。

kzさんのおっしゃる通りかと思います。

なんですけれども、ウィジェットが一つ一つ違うIDでは無くて、
まとめてウィジェットというID　＞　さらに3カラムのため右と左で別れてしまっています。

ですから、ウィジェットのIDをいじってしまうと、
すべてに反映されてしまいます。
gabgab
(@gabgab)

12年、 2ヶ月前
テーマtwentytenの場合ですが、functions.phpのなかに
```
register_sidebar( array(
		'name' => __( 'Primary Widget Area', 'twentyten' ),
		'id' => 'primary-widget-area',
		'description' => __( 'The primary widget area', 'twentyten' ),
		'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
		'after_widget' => '</li>',
		'before_title' => '<h3 class="widget-title">',
		'after_title' => '</h3>',
	) );
```
このような部分があります。
それぞれのウィジェットエリア別にこの部分があります。ここに、classを追加することで表示を変えられるのではないでしょうか?
トピック投稿者 hsykkd
(@hsykkd)

12年前

皆様、期間が空いてしまいまして、申し訳御座いません。
皆様ありがとう御座います。

まだ、作業中で試している状況です。

4件の返信を表示中 - 1 - 4件目 (全4件中)

トピック「ウィジェットを個別でデザイン(CSS)などを変更したいです。」には新たに返信することはできません。

トピックタグ

表示