コーディング好きのみなさんは、WordPress.com で簡単にソースコードを投稿できることはすでにご存知かもしれません。ソース用ショートコード によって、[sourcecode] ... [/sourcecode]
で囲むだけでコードをきれいに整形できます。エスケープ処理なども何もいりません。
もし頻繁にコードを投稿されるなら(もしくは今後しようと思っているなら)、今回の改善点に喜んでいただけるはずです。柔軟性をより高め、Bash や SVN diff などのコーディング言語にも対応しました。
以下の HTML と PHP コード例をどうぞご覧ください。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>WordPress.com のコード例</title> </head> <body> <h1>WordPress.com コード例 </h1> <p><?php echo 'Hello World!'; ?></p> <p>この行はハイライトされています。</p> <p>これは、とても、とても、とても、とても、とても、とても、とても、とても、とても、とても、長ーーーーーーーーーーーーーーーーーーーーーい行の例です。</p> <div class="foobar"> これ は スマート タブ の 例 です。 </div> <p><a href="http://wordpress.com/">WordPress.com</a></p> </body> </html>
完全に新しくなった、より使いやすいデザインに加え、12行目がハイライトされているのにお気づきでしょうか ? これは新しいバージョンの追加機能のひとつです。他にも、一行目の行数指定、さらに高機能になったツールバー(コード部分にカーソルを当てるとツールが右上に表示されます)などが追加されました。
利用できるすべての言語の一覧、設定パラメータ、そして実例などについては、さらに詳しいサポートドキュメンテーションをご覧ください。
この機能はアレックス・ゴルバチョフ氏の SyntaxHighlighter パッケージを元にしています。WordPress.org ユーザーの皆さんには、プラグインとしてもお使いいただけます。
この記事は Alex M. が WordPress.com 英語版ブログに投稿した「Better Source Code Posting」の訳です。本文中のリンクはすべて英語です。
翻訳: マクラケン直子
1件のコメント