Kindle IT・専門書フェアへ

ワードプレスでCSSやプログラムコードを表示する

CSSをWordPressの記事内で表示したい場合はソースコードをハイライト表示するプラグイン「SyntaxHighlighter Evolved」が便利です。

このように綺麗に表示できます。


/*SANGOのサイドバーの横幅を広くするカスタマイズ*/
@media only screen and (min-width: 1230px) {
.wrap {
  width: 1200px;
}
.d-5of7 {
  width: 70%;    /*メインコンテンツ幅(デフォルト69%)*/
}
.d-2of7 {
  width: 30%;    /*サイドバー幅(デフォルト31%)*/
}


.header--center .desktop-nav li a {
  padding: 18px 15px 18px;
  font-size: 24px;   /* メニューの文字の大きさ */
}
/*END SANGOのサイドバーの横幅を広くするカスタマイズ*/

/* 幅を広くした場合の2分割ヘッダーアイキャッチの幅も大きくする */
#divheader.maximg {
  max-width: 1200px;
}

 

詳しい使い方はこちら

参考ページ