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]
コメントを残す