WordPressに「WP SyntaxHighlighter」プラグインを入れてみた。

WordPressにプログラムやHTMLを記事に表示するためのプラグインを入れてみました。

HTMLを記事に書きたい場合はこんな感じ。

<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
  <title>test</title>
 </head>
<body>
 <a href="http://creator.cotapon.org">Creator Note</a>
</body>

インストールは簡単。

プラグインの「新規追加」から「WP SyntaxHighlighter」を検索。

あとは、インストールして有効化するだけ。

 

投稿のビジュアルタブのツールバーに「CODE」というボタンが追加されているので、

このボタンをクリックします。

 

つづいて、「言語を選択」から貼り付けるコードの言語を選択して、

「ソースコード」にコードを張り付ければ、簡単に記事に挿入できます。

 

すると、記事にはこんな感じで表示されます。

<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
  <title>test</title>
 </head>
<body>
 <a href="http://creator.cotapon.org">Creator Note</a>
</body>

簡単ですね!

Leave a Reply