サポート » 使い方全般 » ウィジェットを個別でデザイン(CSS)などを変更したいです。

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

    質問ですが、

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

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

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

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

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

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

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

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • ウィジェットにはだいたい id がついてますので
    対象のウィジェットの id で css を指定すれば OK です。

    トピック投稿者 hsykkd

    (@hsykkd)

    kzさん

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

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

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

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

    テーマ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)

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

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

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「ウィジェットを個別でデザイン(CSS)などを変更したいです。」には新たに返信することはできません。