プログラムコードを載せる時の覚え書き

// RWGPS埋め込み表示用
function embRWGPS(mapID, mapType){
  var elem = document.getElementById("rwgps");
  elem.innerHTML = '<iframe src="https://ridewithgps.com/embeds?type=route&amp;id=' + mapID +  '&amp;metricUnits=true&amp;sampleGraph=true&amp;overlay=' + mapType + '" style="width: 1px; min-width: 100%; height: 500px; border: none;" scrolling="no"></iframe>'
}

上記のような表示にするには、まずコード内の " 等をHTMLコードへ置き換える。
こちらのサイトを使わせてもらうと一発で変換してくれる (^^)
http://sei-street.sakura.ne.jp/page/doujin/site/doc/tool_text2html/index.html
チェックボックスは全て無しでOK。

下記をCSSに追加する。

/* ソースコード等を書くタグ <pre><code> タグで囲む */
.entry-content pre.code{
  max-height: 20em; 
  /* 横スクロールバー表示 */
  overflow: auto;
}

※ 編集モードを「はてな記法」または「Markdown記法」にすることでプログラムコードを書く方法があるが「HTML」モードと併用することはできない。