Parse error: syntax error, unexpected '[' in /home/users/0/moo.jp-nucnuc/web/freeaffiliate/wp-content/mu-plugins/ipbfactory.php(1) : regexp code(1) : eval()'d code on line 183
WordPressでソースコードをそのまま書く方法

本が売れたら一円でした。:無料オファーでアフィリエイト

無料オファーで稼ぐ方法をお伝えします。



WordPressの記事にソースコードを
そのまま表示させたい場合がありませんか?。




この場合、こちらのプラグインを
用いることで解決します。
SyntaxHighlighter




例えば、次のようにコードを書くと、
(表示させるために一部大文字にしています。)

[html]
<table>
<tr>
<td>長井秀和</td><td>エドはるみ</td>
</tr>
<tr>
<td>だいたひかる</td><td>スマイリーキクチ</td>
</tr>
</table>
[/html]


↓↓↓


<table>
<tr>
<td>長井秀和</td><td>エドはるみ</td>
</tr>
<tr>
<td>だいたひかる</td><td>スマイリーキクチ</td>
</tr>
</table>


このようにきれいに表示されます。
非常に簡単ですね。




他にも、css、java、phpなど
多くのプログラム言語をきれいに表示させることができます。




しかし、一行が長い場合、
改行されずに次のように表示されてしまうことがあります。




ソースそのまま



この場合、バージョンを『version 2 x』にする必要があります。




設定場所は次になります。
設定 → SyntaxHighlighter
です。



プラグインバージョン


また、次のチェックボックスにチェックに入れます。


チェックボックス


この結果、一行が長くても、
折り返し表示させることができます。




実際には以下のようになります。

<a href="http://b.hatena.ne.jp/entry/<?php the_permalink();?>" class="hatena-bookmark-button" data-hatena-bookmark-title="<?php the_title();?>" data-hatena-bookmark-layout="standard-balloon" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>


きれいに表示できていますね。




もし、どうしてもうまくいかない場合は、
上記のように、




ソースコードの一部を日本語の文字にしてしまえば、
( > → >)
うまく表示させることができます。




この方法でも十分読者の方に
伝えることができると思います。




表現方法は色々ありますので、
型にとらわれず自分なりの
表現をしていきましょう。

タグ: ,

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">

トラックバックURL

ページ上部に