widgetのレイアウトをTwentyFourteenデフォルトのデザインに変更するための方法の覚え書き。
コンサデコンサのテーマは、現在、TwentyFourteen。このテーマのサイドバーでのデザインは、下記の様なもの。
別途追加したウイジッドなどでは、このレイアウトが反映されない。
ともに、UL,LIのタグでレイアウトが構成されているが、別途追加したウイジッドなどでは、横線などは入らない。
テーマの style.css に文を追加する。追加する場所は、下記の三箇所。
[php]
/* List Style Widgets*/
.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding: 8px 0 9px;
}
.widget_archive li:first-child,
.widget_categories li:first-child,
.widget_links li:first-child,
.widget_meta li:first-child,
.widget_nav_menu li:first-child,
.widget_pages li:first-child,
.widget_recent_comments li:first-child,
.widget_recent_entries li:first-child {
border-top: 0;
}
[/php]
[php]
/* List Style Widgets*/
.content-sidebar .widget_archive li,
.content-sidebar .widget_categories li,
.content-sidebar .widget_links li,
.content-sidebar .widget_meta li,
.content-sidebar .widget_nav_menu li,
.content-sidebar .widget_pages li,
.content-sidebar .widget_recent_comments li,
.content-sidebar .widget_recent_entries li,
.content-sidebar .widget_categories li ul,
.content-sidebar .widget_nav_menu li ul,
.content-sidebar .widget_pages li ul {
border-color: rgba(0, 0, 0, 0.1);
}
[/php]
ウイジッドには、それぞれID名称がある。
Google Calendar Eventsは、
.widget_gce_widget
Remember Old Post Widgetは、
.widget_oldpost_widget
これらのウィジッドを、上記の三箇所に、それぞれの文で書き加える。
すると、TwentyFourteenデフォルトのデザインが適用される。
