WordPress｜Vicuna2.0.3｜Style-Future の組み合わせで使う場合の Bug Fix

Fri, 19 Aug 2011 16:55:23 +0900

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アイコンは現れなかった。

monolog...

WordPress｜Vicuna2.0.3｜Style-Future の組み合わせで使う場合の Bug Fix