掲示板にソースコードを投稿する方法

ソースコードを変換しよう

掲示板にHTMLのソースコードを直接入力すると、Wordpressはそのコードがそのまま反映されてしまい、
うまく投稿ができません。

WordPressの管理画面の投稿ページで
「ビジュアル」や「テキスト」などのモードを切り替えることによってHTMLタグを入力することができるのですが、
掲示板ではそれがないので、ソースコードを変換して投稿してください。

オンラインでソースことーどを投稿用HTMLに変換してくれる便利なサービスがあります。

Online syntax highlighter like TextMate(オンラインサービス「TextMate」)

上記のURLにアクセス。


■「TextMate」の使い方

使い方は簡単です。投稿したいソースコードをコピペして変換ボタンを押すだけ。

h_henkan_01

「TextMate」のサイトに行くと上記のようなページになるので、「Source code」と書かれたテキストエリアに
投稿したいソースコードを貼り付けます。

 

例えば、下のコードを変換して投稿したい場合は、

<div class=”fluid breadcrumb_list_TXT”>
<?php if( !( is_front_page( ) ) ): ?>
<?php breadcrumbs(); ?>
<?php endif; ?>
</div>

Source code」テキストエリアにソースコードを貼り付ける。

h_henkan_03

貼り付けてから「Highlight」ボタンをクリック。

h_henkan_04

すると、ソースコードが変換されて投稿用のHTMLが出来上がります。

「Language」や「Style」と書かれたプルダウンメニューがありますが、ここはソースコードの種類を選択するところです。
でもデフォルトのままでOK。
このままソースコードを貼り付けると自動検出してくれます。

h_henkan_04-3

出来上がったHTMLコードを掲示板のテキストエリアに貼り付けて投稿します。

h_henkan_05

実際に投稿される見た目は下のようになります。

h_henkan_06

 

Online syntax highlighter like TextMate(オンラインサービス「TextMate」)