エントリーにコードを書く

  • 投稿日:
  • by
  • カテゴリ:

エントリーの中に、例としてMTの設定ファイルを書いたりしますが、どういう方法が一番いいんでしょうね。

とりあえず自分は、このような方法でやっています。

  1. 適当なテキストエディタに、コードをペーストする
  2. ”<” は ”&lt;” に、”>” は ”&gt;” に置換する
  3. コードの1行目の行頭に、”<div class="box"><code>” を挿入する
  4. コードの最終行の行末に、”</code></div>” を挿入する
  5. 最終行以外の行末に ”<br />” を追加する
  6. MTの「エントリーの投稿」画面に、コードをペーストする

また、Stylesheetテンプレートには、下記の記述を追加しています。

code em  {
      font-weight:bold;
      font-style: normal;
      color:#ff0000;
      }
div.box  {
      margin-left: 20px;
      margin-right:20px;
      margin-top: 20px;
      margin-bottom: 20px;
      padding: 5px;
      border:1px solid #ffffff;
      background:#ffffff;
      }

.blogbody code {
      font-size: small;
      }

コードの中で変更箇所を明示する場合は、<em>~</em> で囲みます。