ブログ記事編集には欠かせないソースコードをシンプルに表記させるプラグイン「Crayon Syntax Highlighter」

Pocket

どうも、吉竹です。

今回は、ブログ記事編集には欠かせない
ソースコードをシンプルに表記させる
プラグインについてお話をしたいと思います。

ソースコードをシンプルに整理してくれるプラグインは、
「Crayon Syntax Highlighter」です。

「Crayon Syntax Highlighter」は、
ブログの記事編集でコードを積極的に使っていくと
段々複雑になってきて見にくかったりします。

見づらいせいでコートの中に1文字でも欠いてしまったら
エラーが起きてしまいます。

なので、コードをよく使うなら
シンプルに整理しながら作業していくと
ミスを無くすことができます。

見た目と使い勝手が良いので非常に役に立ちます。

記事編集に必ずコードを使う人は
オススメのプラグインです。

なので、インストールしておくと損ではないです。

記事編集エディタのコードを整理してくれる
プラグインのインストールと利用方法

まず、管理ページのプラグインから新規追加します。

プラグインの検索から
「Crayon Syntax Highlighter」で検索して
「Crayon Syntax Highlighter」を選択。

「今すぐインストール」→
「プラグインを有効化する」でインストール完了

有効化が終わったら管理ページから
「設定」→「Crayon」に選択します。

「Crayon Syntax Highlighter」の詳細設定画面へ




詳細設定画面が出てますが
全部英語ですよね。

通訳方法を知っている人が
ほとんどだと思いますが、
一応やり方を教えます。

右手でマウスを使っているなら
まず、右クリックして
「日本語に通訳」で選択します。

すると詳細設定画面に書かれている
文字が全て日本語に変換しています。

ただし、Googlechromeというブラウザから
やっている方法なのでGooglechrome以外のブラウザは、
やり方が同じではありません。

ご注意下さい。

変換したら詳細設定の内容を1つ1つ
読みながら確認しましょう。

初期設定のままでも問題ないですが、
自分の好みの設定をしたいなら
調整してみて下さい。

詳細設定を確認したら
記事編集画面に移動します。

記事編集でソースコードを挿入しよう!

記事編集画面を開いたら
「Crayon Syntax Highlighter」のアイコンが
出てきますので確認して下さい。

ビジュアルエディタ


アイコンが同じものが3つありますが、
1つ1つのアイコンを選択するときに
自動的にアイコンの名前が出てきます。

その太い文字のアイコンは、
自動的にアイコンの名前が出てこないので
分かると思います。

テキストエディタ

「Crayon」と書かれているアイコンです。

その2つのどちらかをクリックすると
こんな画面が出てきます。

※日本語に変換しています。

ソースコード表を作るときは、
まず、作りたいコードをコピーします。

コピーしたら「追加」を押して
コードのところに貼り付けます。

貼り付けたらコード表に
〈◯◯◯〉〈◯◯◯〉があったら
必ず、段で分けて下さい。

・修正前
〈◯◯◯〉〈◯◯◯〉〈◯◯◯〉

・修正後
〈◯◯◯〉
〈◯◯◯〉
〈◯◯◯〉

修正を終えたら「保存する」で完成です。

すると・・・こんな感じになります。

サンプルのソースコード表

 

これで見やすくて簡単にコピペが
できるようになります。


以上になりますが、
「Crayon Syntax Highlighter」で
教えたいソースコードを簡単に
利用できるシステムを作っていけば、
自分も相手もお互いに使いやすくなります。

なので、知っておくといいです。

あると便利なプラグインのまとめ記事が
ありますのでご覧下さい。

・ワードプレスブログの記事編集であると便利なプラグインのまとめ

このブログだけでは言えない
ネットビジネスの裏技を伝授することができます。
稼ぐための裏技や考え方を
メルマガやLINE@で配信しています。

まだの場合はメルマガを
こちらからご登録下さい。

LINEは「@lfl9691b」で検索するか
下のボタンから追加することで
100万円相当のプレゼントを
無料ですぐに受け取れます。

アフィリエイトに関する
100万円相当のプレゼント

友だち追加

   

 

SNSでもご購読できます。

コメント

  1. live ntc33 より:

    Hi, I read your bloig daily. Your humoristic sttle
    is awesome, keep itt up! http://Promodj.com/heinsims0

    1. yoshita より:

      live ntc33さん

      評価とサイトをありがとうございます。
      これからも記事を書いていくので
      応援をよろしくお願いします!

コメントを残す

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください