「SyntaxHighlighter Evolved」でソースコードを紹介しよう!(WordPressプラグイン)

https://farm6.static.flickr.com/5762/20919637280_707214c8c3.jpg

こんにちは。部長ナビ(@nabi_1080)です

今回は、「ソースコード」を紹介する時に便利だプラグインだ。

以前に「preタグ」というのを紹介した

「pre」タグで改行のないソースコード・ブックマークレットを紹介しよう!
「pre」タグで改行のないソースコード・ブックマークレットを紹介しよう!
こんにちは。部長ナビ(@nabi_1080)です 紹介したTweetbot 4の「Safariで見ているページをTweetbot 4で...

これは、「ブックマークレット」などの、「改行がない」コードを紹介する時にメッチャ使えるものなのだが、今日は、「CSSのファイルにそのままブチ込む」というソースコードを紹介する時に使えるプラグインだ

SyntaxHighlighter Evolved - 記事でソースコードを綺麗に表示できるWordPressプラグイン - ネタワン
SyntaxHighlighter Evolvedは、記事の中でソースコードを綺麗に表示できるプラグインです。WordPressプラグインで動作するSyntax Highlighter(シンタックス・ハイライター)です。

参考にしたのはこちらのサイト

このサイトの通りに進めて行くと、あっという間に使えるようになる

後は、単語登録で、codeを入れるタグを登録しておいて、それを呼び出せば簡単にソースコードを紹介できるぞ

SLPRO Xで画像を挿入したら、左寄せになったのでCSSでセンタリングしたぞ!
SLPRO Xで画像を挿入したら、左寄せになったのでCSSでセンタリングしたぞ!
SLPRO X野郎の部長ナビ(@nabi_1080)です この記事、SLPRO XでiPhone 6s Plusで更新しました で、...

ここで紹介しているような、キレイな表示になるので、自分で色々と作ってみた場合は、備忘録代わりにもなるので、ぜひ、使ってみて欲しい!

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

この記事の関連カテゴリ

サイト内検索