webstation plus

 Web上で技術的な記事を書こうとすると、どうしてもソースコードを載せたくなることがありますよね。そんなときにおすすめのプラグインが「Crayon Syntax Highlighter」です。

 簡単に導入できて、しかもソースコードがキレイに表示できるのでおすすめです。

 「Crayon Syntax Highlighter」の導入方法

 WordPressの管理画面で「プラグイン」⇒「新規追加」を選択して、キーワードに「Crayon Syntax Highlighter」と入力します。

 表示された「Crayon Syntax Highlighter」プラグインの「今すぐインストール」ボタンを押して、インストール後に「有効化」ボタンを押せば導入完了です。簡単ですね。

 「Crayon Syntax Highlighter」の使い方

 では、実際にソースコードを表示してみましょう。

 まずは、投稿の編集ページで「<>」を選択します。

 すると、以下の画面が表示されるので、赤枠で囲った部分に表示させたいソースコードを入力します。その後、「Add」ボタンを押せば挿入完了です。

 実際は以下のように表示されます。

 

 簡単に導入できて、しかもソースコードがキレイに表示できるので、気になった方は、ぜひお試しください。

 関連記事

「読点の打ち方」に迷ったときに知っておきたい3つの原則

 文章を書くときに、いちばん頭を悩ませるもの。それは、読点(「、」)ですよね。私は一時期ノイローゼになるくらい読点に悩まされていました。 「とにかく、区切りに読点を打てばいいんだよね」 「でも、なんだか読みにくいなぁ。も …

初心者でもわかりやすい文章に仕上がる!推敲すべき2つのポイント

 文章を書いている人なら誰もが感じていることだと思いますが、文章を書くという作業は全体の半分でしかありません。残り半分は「推敲する」こと。  それなのに、なんとなく推敲していては、どれだけ時間があっても足りませんよね。む …

まずは5行にまとめる!?面白くて伝わるエッセイの書き方

 「面白くて伝わるエッセイが書きたい」と思っていませんか。私はそう思ってブログを書いていますが、なかなか難しいんですよね。なぜなら、面白くて伝わるエッセイを書くには、それなりの技術や体験が必要だからです。  面 …

最後まで読みたくなる文章の書き方

 同じテーマについて書かれた文章でも、「最後まで読みたい!」と思える文章もあれば、途中で寝てしまいそうになる文章もありますよね。この差はいったいどこにあるのでしょうか。  結論から言えば、「独自の視点」があるかどうか。 …

WordPressでダッシュボードからテーマやプラグインをダウンロードしたい!?プラグイン「WP Downloader」を導入しよう

 WordPressでWebデザインをしていると、どうしても今使っているテーマやプラグインをダウンロードしてカスタマイズしたくなることがありますよね。そんなときにおすすめのプラグインが「WP Downloader」です。 …

初心者でも大丈夫!?ブログの更新頻度が10倍になる文章術

(※『10倍速く書ける 超スピード文章術』表紙より)  「ブログを書こう!」と思っても、なかなか文章が浮かんでこない…。そんなことありませんか?  私はよくあります。それでもなんとか文章をひねり出して書いているのですが、 …

プロのライターとアマチュアライターの決定的な違い

 プロのライターとアマチュアライターの違いとは何か。これからプロのライターを目指す人たちにとって、この違いは何がなんでも知りたいはず。  そのひとつの答えとして、フリーライターである永江朗さんは、「アマチュアの文書が『書 …

もう少し「頭のいい文章が書きたい」と思っている方へ

 「スマートなブログを運営しているにも関わらず、なぜ人気が出ないんだろう…」という悩みを抱えていました。  人気ブロガーのブログ論を読むと、読者を惹きつける記事を100記事ほど書けば、PVは劇的に増えていくと書かれていま …

ブログには正しい答えよりも読者の心に届く文章を書こう

 ブログを書くとき、「正解を書こう」と思っていませんか。  しかし、どれだけ正しい答えを書いても読者の心には届きません。なぜなら、正解はつまらないからです。  たとえば、「人には優しくしましょう」「嘘をついてはいけません …

OGP設定に必要なFacebookアプリIDの取得方法と有効化方法

 前回、プライバシーポリシーページを作成しました。これでようやく、OGP(Open Graph Protocol)設定に必要なFacebookのアプリIDが取得できます。  そこで今回は、FacebookアプリIDの取得 …