カテゴリー: ソースコード装飾

WordPress.com でソースコードを綺麗に表示 (Gist利用)

motorakuコメントをどうぞ

WordPress.comにて、Gistを使って、ソースコードを綺麗に表示させる方法を紹介します。

以下のようなコードで表示することができます。

※「https://gist.github.com/」以降は、Gistに登録したコード毎のURLを記載します。

手順概要

  1. GitHubへユーザ登録
  2. Gistへソースコードを登録
  3. WordPressにて、コード記載

続きを読む »

WordPress.com でソースコードを綺麗に表示

motorakuコメントをどうぞ

こんな風にソースコードを綺麗に表示させたい場合があります。

#button {
    font-weight: bold;
    border: 2px solid #fff;
}

その場合は、以下のようなコードを書きます。

[code language="css"]
#button {
font-weight: bold;
border: 2px solid #fff;
}
[/code]
view raw How_to_use_Code_tag.txt hosted with ❤ by GitHub

続きを読む »