ソースコードを表示するプラグイン

ページ番号： 1 2 3

プログラムのお勉強をしていると、WEBサイトを検索してサンプルソースを探すことが多々あります

■サンプルソースって見たことあります？

そんな時に、サンプルソースを表示する方式がいくつかあるのですが、サンプルソースと他の記事の文章が分けられていると、見やすいですよねー！？

更に、強調表示されていたり、行数が表示されていると、説明文を読むのも（おそらく、書くのも）便利で読みやすいですよねー！？

この下にある、こういうやつねーｗ

#include <stdio.h>
int main(int argc, char *args[])
{
    printf("Hello, world!\n");
    return 0;
}

というわけで！そのサンプルソースを見やすくしてくれる！そんなプラグインを紹介しましょ！

それがこのー「Crayon Syntax Highlighter」です！

ソースコードがこんな風に表示できます！見たことありますよね？（上のを画像にしただけｗｗｗ）

更にマウスカーソルをこのコードに持っていくと、こんな風にツールバーが表示されます！（上のやつにマウスカーソルあててみそ！）

しかし、このプラグインは、WordPressの旧エディタにしか対応していないようですねー！？ビジュアルエディタでは、ブロックが出てこないです・・

ちなみに、ビジュアルエディタの通常のソースコードのブロックを使ってみると、こんな感じです

そして、「Crayon Syntax Highlighter」を有効化すると、上の通常のソースコードブロックの部分が、こんな風に変化しますが、 HTML表記が化けてしまっています

ソースのタイトルも表示できていないですし、やはり、旧エディタで書くしかなさそうですなー

でもー？旧エディタって？？？