webstation plus

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

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

 「Crayon Syntax Highlighter」の導入方法

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

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

 「Crayon Syntax Highlighter」の使い方

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

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

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

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

 

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

 関連記事

WordPressで数式を表示したい!?プラグイン「Mathjax-Latex」を導入しよう

 Web上で技術的な記事を書こうとすると、どうしても数式を載せたくなりますよね。そんなときにおすすめのプラグインが「Mathjax-Latex」です。  簡単に導入できて、しかも数式がきれいに表示できるのでおすすめです。 …

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

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

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

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

【WordPress】Twitterのツイート数を取得する方法

 前回のエントリでFacebookのシェア数を取得する方法を紹介しましたが、Twitterのツイート数もいつの間にか表示されなくなっていました。  そこで今回は、ツイート数を取得する方法について紹介します。   …

完璧主義者を辞めなければ「面白い文章」は書けない

 私たち日本人には、完璧主義者が多いといわれている。  たとえば、外国人旅行者が読む「日本」のガイドブックには、「日本人は完璧主義者なので、英語をマスターしていない限り英語を話してはいけないと考えている。だから、いきなり …

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

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

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

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

WordPressでお試しでテーマを変更したい!?プラグイン「WP Theme Test」を導入しよう

 WordPressでWebデザインをしていると、どうしても自作したテーマやダウンロードしたテーマを試してみたくなることがありますよね。そんなときにおすすめのプラグインが「WP Theme Test」です。  稼働中のサ …

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

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

【WordPress】Facebookのシェア数を取得する方法

 いつの間にかFacebookのシェア数が表示されなくなっていました。  どうやら、API仕様が変わっていたようで、Facebookのアクセストークンを取得した後に、テーマの修正が必要だったようです。  そこで今回は「ア …