WordPress.com ブログ

WordPress.com 日本語ブログ

コード投稿機能の改善

コードをブログに投稿するための「ソースコード」ショートコードがパワーアップしました。行のハイライト、高機能なツールバーなど、ますます便利に使えます。

コーディング好きのみなさんは、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」の訳です。本文中のリンクはすべて英語です。

翻訳: マクラケン直子


WordPress.com の開発状況について最新情報を知りたい方は、以下の欄にメールアドレスを入力して今後の告知をメールで直接受け取りましょう。通知を開始する前に確認メールをお送りします。見つからない場合はスパムフォルダーをご確認ください。

現在157,439人フォロワーがいます。

1件のコメント

コメントは受け付けていません。

  1. ピンバック: XML-RPC経由?でwordpress.comのページが編集できない状態に « 突然消失するかもしれないブログ
%d人のブロガーが「いいね」をつけました。