ツイート
シェア
LINEで送る
B! はてぶでブックマーク
Pocketでブックマーク
RSSフィード

Prism.js

JavaScript Prism.js, 表示する行数を変更する

JavaScript image

ソースコードをハイライト表示するプラグイン、Prism.jsの表示サイズを変更します。作業はとてもかんたんです。CSSで指定します。JavaScriptはまったくいじりません。

ただ細かい微調整が必要で、たんに行の高さ ✕ 行数にすればいいというものではありません。

続きを読む

JavaScript, Prism.jsをWebサイトに実装する

JavaScript image

ソースコードのハイライト機能をもつPrism.jsの実装方法です。highlight.jsの代わりに利用できてWordPressでも使えます。

プログラムのソースコードをサイトに表示するのに、今一番おすすめするJavaScriptプラグインです。

続きを読む

WordPress, Crayon Syntax Highlighterプラグインをやめた理由

wordpress image

WordPressプラグインのCrayon Syntax Highlighterを使うのをやめました。代わりがあるのでプラグインを使う必要がないからです。

サイトのパフォーマンス上、SEOを考えるとプラグインは少ない方が良いです。代わりにPrism.js を使うことにしました。

続きを読む