ホーム > WordPress > Syntax Highlighter、スタイルシート補足

Syntax Highlighter、スタイルシート補足

2009 年 5 月 26 日

テーマ【iNove 1.4】とプラグイン【Syntax Highlighter for WordPress 2.0.1】の組み合わせでコードを書くと、コメント文の整形がうまくいかなかったので書き残しておきます。

現象。
コメントが右に寄ってしまってます。また、それに続く行もやや右寄りに。このままではあまりにも格好悪く、可読性にも欠けます。理由はテーマで用意されたスタイルシートとプラグインが生成するHTMLの中にIDがバッティングする箇所があったためだと思われます。
090524_コード整形に不具合?

解決策。
style.cssに以下を追加したところ、解決。

code.comments {
background-position:0 !important;
float:none !important;
background:transparent none repeat scroll 0 0 !important;
display:inline !important;
padding-left:0 !important;
}

問題なく表示されるようになっているかは、前回のエントリを見てください。<code>に関するスタイルシートだけを対象にスタイルシートを書き換えたので、他への影響はないと思ってます。…が、もしも他に影響が出ていた場合は教えていただけると助かります。

カテゴリー: WordPress
コメントは受け付けていません。