Article ID : 130
WordPress｜Vicuna2.0.3｜Style-Future の組み合わせで使う場合の Bug Fix
Field Notebook.で表題の組み合わせを使用していますが、サイドバーの FEEDS の所のレイアウトが崩れているのがずっと気になっていた。たまたま、WordPress Vicuna2.0.3でStyle-Futureを使う際の注意点・カスタマイズという記事を見つけたので修正してみた。
参考にした記事では、
- スキンの選択画面にStyle-Futureが現れないのを修正
- FEEDS部分がはみ出てしまう現象とFEEDSのアイコンが出てこないのを修正
という2点が取り上げられていますが、私のところでは1つめの問題は起きていないので、FEEDS部分の修正のみを行った。
なお、元記事の通りに修正してもFEEDSのアイコンが現れなかったので、実際には元記事の対処法に加えて更にひと工夫している。
修正箇所は、/wp-content/themes/wp.vicuna/skins/style-future/core.cssの881～895行目。
- 修正前
/* Feeds
---------------*/
div#utilities dl.others dd ul.feed {
list-style-type: none;
}
div#utilities dl.others dd ul.feed li {
margin-left: 10px;
}
div#utilities dl dd ul.feed li a {
padding-left: 20px;
background: url(images/icon/icon_feed.gif) no-repeat;
}
- 修正後
/* Feeds
---------------*/
div#utilities dl.others dd.feed ul {
list-style-type: none;
}
div#utilities dl.others dd.feed ul li {
margin-left: 10px;
padding-left: 20px;
background: url(images/icon/icon_feed.gif) no-repeat;
}
div#utilities dl.other dd.feed ul li a {
padding-left: 20px;
}
元記事の対処方法との違いは、FEEDSアイコンをBackground表示させる指定の指定場所を変更したことと、アイコンへの文字かぶりを避けるためのpadding-left指定を追加したこと。元記事どおりに修正してもFEEDSアイコンは現れなかった。
トラックバック (0)
< No Trackbacks >
コメント (0)
< No Comments >