こっちに移ってきてからWordPressに関する話題が増えたが
どうにかcssのようなコードを綺麗に記事にできないかなと思ってた
いろいろ調べてCrayon Syntax Highlighterと言うのが便利だったので
こいつを使ってみる
まず普通にプラグインからCrayon Syntax Highlighterをインストール
Crayon Syntax Highlighterの設定はcssを主に使うので
・ツールバーを常に表示
ツールバーは常に表示しとかないと1行目が隠れて鬱陶しいので
・デフォルトで行番号を表示のチェックを外し非表示に
まあ基本必要ないかなと
・にチェック
行が長くなったら自動で折り返すための設定
をデフォルトの設定にした
あとは投稿の編集画面のビジュアルモードで
＜＞みたいなマークをクリックすればコードを入力できる
実際の見栄えはプレビューなどを見ながら行う必要があるが
/*サイドバーのアーカイブ(Collapsing Archives)の月別記事タイトル左横に黒点を付ける*/
#collapsarch-2 li li li {
background: url(images/lmark.gif) no-repeat 0 0.5em !important;
margin-bottom: 5px !important;
}
こんな感じ
これでcssなどのコマンドが綺麗に掲載できるようになった
コメントを残す