サイドバーのウィジェット毎に枠線を付けたりする方法

  • 解決済 akito2362

    (@akito2362)


    16年、 2ヶ月前

    こんにちわ。
    Wordpress.3.0でtwenty tenをテンプレートにHPを作っているのですが
    サイドバーのウィジェット毎に枠線を付けるにはどこをいじれば良いのでしょう？

    一応ここを参考に記事に枠線を付ける事は出来たのですが・・・。
    http://webmaster.chielog.com/wordpress/12.html

    また、その枠線の中の背景をグラデーションにしたり、
    各ウィジェットのタイトル名(カテゴリーとか)の背景に画像を使ったりという事もしたいのですが、
    テンプレート内のどこからどこまでが該当する部分なのかが判らず困っています。

    sidebar.phpとスタイルシート内のどこをいじれば良いのですか？
    よろしくお願いします。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • shokun0803

    (@shokun0803)

    16年、 2ヶ月前

    ウィジェットはsidebar.phpにじか書きされているわけではないので、ご自身のページで実際に書き出されたソースを元にcssで装飾するのが最も手っ取り早いと思います。

    例えば、twenty tenでカテゴリーリストを表示するように指定した場合、例として私のサイト(http://www.outbreak2000.com/)では
    <li id="categories-2" class="widget-container widget_categories"><h3 class="widget-title">カテゴリー</h3>
    のようにソースが吐き出されます。したがって、cssで
    li.widget_categories {border:1px solid;}
    などのように記述すれば枠ができるはずです。（ウィジェットの種類や配置によって吐き出されるclassが変わる可能性があるので、ご自身のサイトのページをよくご確認ください）

    まとめて枠をつけたいなどの場合はもっと上の記述、
    <div id="primary" class="widget-area" role="complementary"><ul class="xoxo">
    などに対してcssで
    div#primary ul.xoxo li {border:1px solid;}
    などとする方法もあると思います。

    がんばってみてください;)

    トピック投稿者 akito2362

    (@akito2362)

    16年、 2ヶ月前

    ありがとうございます！
    以前も教えて下さった方ですね。

    無事サイドバーに枠線を付ける事が出来ました。
    また線内にグラデーションとwidget-titleに背景画像の設定をする事も形だけは出来たみたいです。
    教えて下さったソースからcssの記述場所の検討を付ける方法はこれからも使えそうです！

    本当に助かりました。
    またお知恵をお借りする事もあるかもしれませんが、その節はよろしくお願いします。

    takuya

    (@takuya)

    16年、 2ヶ月前

    解決したら解決済みに質問の状態を変更してください。

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

トピック「サイドバーのウィジェット毎に枠線を付けたりする方法」には新たに返信することはできません。