株式会社ライブキャスト

WordPressへの移行前、わからないことだらけで、移行準備に向けていろいろ下調べしていました。その最中に、非常に便利なプラグインを見つけましたので、それを紹介したいと思います。

WordPressは、記事の編集時に本文にタグを入力することが出来ます。
例えば、、、

<strong>強調表示</strong>
<blockquote>引用</blockquote>
<del datetime="2009-10-27T08:26:28+00:00">訂正</del>

のような感じで、タグを入力すると、

強調表示

引用

訂正

のような表示をすることができます。

管理者画面には、

のように、タグのショートカットがデフォルトでいくつか用意されていますが、独自にタグを拡張した場合などは、毎回キーボード入力をしなくてはならず手間がかかります。

こんなときに便利なのがWordPress Plugins/JSeries » WP-AddQuicktag (ja)です。このプラグインを使うと、タグのショートカットを追加することが出来ます。

当ブログでは、flashcast：フリーで働くITエンジニア集団のブログ: SyntaxHighlighter Evolvedとthickboxで紹介したようにSyntaxHighlighter Evolvedというソース表示をきれいにしてくれるプラグインを利用しています。このプラグインでソースを表示するには、ソースの前後をタグで囲まなければなりません。

SyntaxHighlighter:Brushes – Alex Gorbatchev

ソースコードの開始、終了を示すために以下のような書式を用います。

* ［php］your code here［/php］
* ［css autolinks=”false” classname=”myclass” collapse=”false” firstline=”1″ gutter=”true” highlight=”1,2,3″ htmlscript=”false” light=”false” ruler=”false” smarttabs=”true” tabsize=”4″ toolbar=”true”］your code here［/css］
* ［code lang=”js”］your code here［/code］
* ［sourcecode language=”plain”］your code here［/sourcecode］

毎回タグを入力するのは手間なので、flashcastのメンバーがよく使う「actionscript3」や「javascript」などを登録してみました。

追加は、プラグインに付いている管理機能で行います。

それ以外にもいくつか追加しています。こんな感じです。

これで、いちいちタグを入力しなくても、ショートカットを使って効率よく記事を書くことが出来ます。SyntaxHighlighter Evolvedに限らず、よく使うタグなどのショートカットも作成できますので、非常に便利です！

みなさんも是非、使ってみてください！