Crayon Syntax Highlighter

記事にコードをのせたい!
綺麗に表示するためにプラグインを入れます。

Crayon Syntax Highlighter

簡単にきれいにコードを表示することができるWordpressプラグインです!

https://ja.wordpress.org/plugins/crayon-syntax-highlighter/

対応言語

  • Default Language (one size fits all, highlights generic code)
  • C1 (thanks to Oparin Pavel)
  • ABAP
  • ActionScript
  • AmigaDOS (thanks to amigalog.com)
  • Apache
  • AppleScript
  • Arduino
  • Assembly (x86)
  • AutoIt
  • C
  • C#
  • C++
  • Clojure (thanks to )
  • CoffeeScript (thanks to Dai Akatsuka)
  • CSS
  • Delphi/Pascal (thanks to Chris McClenny)
  • Delphi Web Script (thanks to smartmobilestudio)
  • Diff (thanks to omniavin)
  • Erlang (thanks to Daniel)
  • Fabric Engine KL (thanks to Andrew Hazelden)
  • Haskell
  • HTML (XML/XHTML)
  • INI
  • Lisp
  • Lua
  • Maya MEL (thanks to Andrew Hazelden)
  • Microsoft Registry (thanks to techexplored.com)
  • MIVA Script
  • Monkey (thanks to Devolonter)
  • MS-DOS (thanks to http://www.amigalog.com/?p=334)
  • MySQL (thanks to AssemblySys.com and ansas-meyer.de)
  • Java
  • JavaScript
  • Objective-C
  • Papyrus
  • Perl
  • PHP
  • PL/SQL
  • PostgreSQL (thanks to Bitorchestra)
  • PowerShell
  • Python
  • R
  • Ruby
  • Rust (thanks to Stibbons)
  • Scheme (thanks to Harry75369)
  • Shell (Unix)
  • Swift (thanks to weyhan)
  • Transact-SQL
  • TeX
  • Vim
  • Visual Basic
  • Visual Basic .NET (thanks to Kevin Gardthausen)
  • YAML
  • ZSH (thanks to Stibbons)
  • Others will be added when requested

インストール方法

プラグインの検索

「Crayon Syntax Highlighter」を検索しましょう。

プラグイン検索

インストールと有効化

今すぐインストールを押しましょう。

インストールできたら、有効化を押します。

各種設定など

設定 > Crayonから設定画面を開きます。

Crayon  設定

使い方

記事の投稿画面から「crayon」を押しましょう。

crayon

コードの入力画面が表示されます。

コードを入力して挿入すると下記のような記事表示になります。

この記事を書いた人

鳥井 慎太郎
鳥井 慎太郎
Web事業家/ブロガー
毎日楽しい。 個人開発(Webサービス、ゲームアプリ)