WordPress 2.6 のテーマに wp.Vicuna Ext. ver.1.58 を使用するときに、僕が Vicuna に対して行った変更をまとめておきます。
ページにもタグを表示させる
page.php の 27 行目に以下の 1 行を割り込ませました。
[source language="php"] ', ' | ', ' '); endif; [/source]
WordPress 2.6 で追加された、画像のキャプションへの対応
以下のセクションを 2-singleUtilities.css へ追加しました。
[source language="css"]
/*---------------
WordPress 2.6
-----------------*/
/* Caption
======= */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright,
div.alignright {
float: right;
clear: right;
margin: 10px 28px 0px 1em;
}
.alignleft,
div.alignleft {
float: left;
clear: left;
margin: 10px 1em 0px 28px;
}
div.wp-caption {
border: 1px solid #ddd;
background-color: #f3f3f3;
padding: 4px 0px 4px 4px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
p.wp-caption-text {
text-align: center !important;
font-size: 11px;
line-height: 17px;
padding: 4px 4px 0px;
margin: 0px;
}
/* h3 属性と caption との間の margin が大きくなり過ぎてしまう問題を回避 */
h3 {
margin-bottom: 0px !important;
}
div.gallery {
width: 600px;
}
dl.gallery-item {
margin: 0px;
border-left: 0px !important;
width: 200px !important;
}
[/source]
SyntaxHighlighter のために、<pre> のスタイルを削除する
下の表のとおりにセレクタをコメントアウトします。
| コメントアウト(行数) | ||
| 開始 | 終了 | |
| 1-element.css | 154 | 160 |
| /module/mod_subSkin/1-subSkin.css | 570 | 584 |
その他の微調整text-align プロパティの値を justify に変更
以下のセクションを 2-singleUtilities.css へ追加しました。[source language="css"]
/*---------------
Shinsuke.com
-----------------*/
/* テキスト両端揃え */
div.textBody p {
text-align: justify;
}
/* Fuzzy Recent Updates で出力される日付のフォントのサイズ */
div.tile_body .date {
font-size: 85%;
}
/* rootpage.php で追加される目次関連 */
div.pagelist {
font-size: 85%;
margin: 0px 30px 0px 1em;
border: 1px solid #ddd;
background-color: #f3f3f3;
padding: 4px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 310;
float: right;
}
div.pagelist h4 {
font-size: 118%;
text-align: center;
margin: 0.4em 0px 0px 0px;
}
div.pagelist ul {
margin: 0px;
list-style-position: outside;
}
div.pagelist li {
margin: 0.4em 0.4em 0.4em 18px;
}
/* 見出しに clear 属性を付加 */
h2,
h3,
h4 {
clear: both;
}
/* が縦に隣接してしまった時に使用するスペーサー */
div.spacer {
margin-top: 1em !important;
}
/* が h3 に隣接してしまった時に使用するボトムスペーサー */
div.spacebottom {
margin-bottom: 1em !important;
}
/* Page Menu (2008-11-28)
~~~~~~~~~~~~~~~~~~~~~~
ウィジェットに表示しているページのメニュー用のプロパティ */
span.pagemenu {
font-weight: bold;
font-size: 150%;
}
.pagemenu a {
text-decoration: none;
}
.pagemenu img {
margin: 4px 8px 4px 4px;
border: none !important;
vertical-align: middle;
}
[/source]
コメントを残す