wordpress

【WordPress】SyntaxHighlighter Evolvedでコードをきれいに表示するプラグイン

wordpressでJava、PHPなどのプログラムコードやSQL、Shellなどのコードをきれいに表示するプラグインを紹介します。

SyntaxHighlighter Evolved

SyntaxHighlighter Evolvedは、wordpressのプラグインでプログラム、SQL、Shellなどのコードをきれいに表示することが出来ます。
表示速度も早く、インストールも簡単で、すぐに使用できるので、おすすめです。

表示イメージ
[peg-image src="https://lh3.googleusercontent.com/-DCO_fNRmtpU/V02hpDydVFI/AAAAAAAAANs/j32ttnZr_5kFAbRwEgmaaQUBXBo7jtT0gCHM/s144-o/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%2B2016-05-31%2B23.36.32.png" href="https://picasaweb.google.com/107888545635181725503/Web#6290861981270103122" caption="SyntaxHighlighter Evolved 表示イメージ" type="image" alt="SyntaxHighlighter Evolved 表示イメージ" image_size="743x192" ]

SyntaxHighlighter Evolvedインストール

SyntaxHighlighter Evolvedのインストール手順です。

  1. wordpressにログインし、左メニューのプラグインから新規追加を選択
  2. プラグイン検索テキストボックスに「SyntaxHighlighter Evolved」を入力し、Enter
  3. SyntaxHighlighter Evolvedの「今すぐインストール」ボタンをクリック
  4. 「有効にする」リンクをクリック

SyntaxHighlighter Evolvedの設定

wordpressの左メニューの「設定」 > 「SyntaxHighlighter」の項目があるので、そこからSyntaxHighlighter Evolvedの設定を行うことが出来ます。
ほぼデフォルトのままで十分ですが、テーマで見た目がだいぶ変わるので、好きなのを選んでください。
テーマを変更し、「変更を保存」ボタンをクリックして保存するとプレビューに反映されます。

SyntaxHighlighter Evolvedの使用方法

[ java][/java]や[ sql][/sql]のようにタグを記述して使用します。
※[の後のスペースは抜いて使用してください。

phpのコードを表示する場合

[ php]
echo phpinfo();
[ /php]

javascriptのコードを表示する場合

[ js]
echo phpinfo();
[ /js]

以下のタグが使用できます。

タグ 表示内容
actionscript3 ActionScript3
as3 ActionScript3
bash Bash/shell
shell Bash/shell
c-sharp C#
csharp C#
c C++
cpp C++
cf ColdFusion
coldfusion ColdFusion
css CSS
delphi Delphi
pas Delphi
pascal Delphi
diff Diff
erl Erlang
erlang Erlang
groovy Groovy
html HTML
java Java
javafx JavaFX
jfx JavaFX
javascript JavaScript
js JavaScript
jscript JavaScript
perl Perl
pl Perl
php PHP
plain Plain Text
text Plain Text
powershell PowerShell
ps PowerShell
py Python
python Python
rails Ruby
ruby Ruby
scala Scala
sql SQL
vb Visual Basic
vbnet Visual Basic
xhtml XML
xml XML
xslt XML

wordpressにGoogle XML Sitemapsをインストール

Google XML Sitemapsとは?

wordpressのプラグインでsitemap.xmlを生成するプラグインになります。
Google XML Sitemapsは以下のような特徴があります。

  • 記事や固定ページを投稿すると自動でsitemap.xmlを更新
  • sitemap.xmlが更新されると自動で検索エンジンに通知
  • 優先度(priority)の設定が可能
  • sitemap.xmlに出力するページを選択可能

自動でsitemap.xmlを生成してくれるのは、かなり助かります。
インストールも簡単です。以下に手順を記載します。

Google XML Sitemapsインストール手順

  1. メニューのプラグイン > 「新規追加」ボタンをクリック
  2. 検索テキストボックスに「Google XML Sitemaps」を入力しEnter
    [peg-image src="https://lh3.googleusercontent.com/-V7lWTeL7Gws/VzS5jl2XGCI/AAAAAAAAANs/SdNYOcFjhwk9ak_y8bZq5_UhV_BmZP2RQCHM/s144-o/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%2B2016-05-13%2B0.27.26.png" href="https://picasaweb.google.com/107888545635181725503/Web#6283851401195362338" caption="wordpressプラグイン検索" type="image" alt="wordpressプラグイン検索" image_size="1092x479" ]

  3. Google XML Sitemapsの「今すぐインストール」ボタンをクリック
  4. 「有効化する」リンクをクリック

以上でインストール完了です。
有効化するとsitemap.xmlが出来ているはずです。
ドメイン/sitemap.xmlにアクセスすると確認できます。

Google XML Sitemapsの設定はメニューの設定 > XML-Sitemapで確認できます。