Code

February 12, 2017bywebsevendev

[code] shortcode can display blocks of code with syntax highlighting, powered by Prism.

`language`	Language [html\|css\|php\|js\|more...] (default: WP shortcode)
`title`	Title
`show_language`	Show language name in the title (default: true)

Highlighted shortcode

Shortcode

Button

[button red large]Hello[/button]

[code title="Button"][button red large]Hello[/button][/code]

HTML

<button class="ui primary button">Click here</button>

[code language="html"]<button class="ui primary button">Click here</button>[/code]

CSS

button.big#bad {
  background-color: transparent;
}

[code language="css"]
button.big#bad {
  background-color: transparent;
}
[/code]

LESS

button {
  &.big {
    &#bad {
      background-color: transparent;
    }
  }
}

[code language="less"]
button {
  &.big {
    &#bad {
      background-color: transparent;
    }
  }
}
[/code]

SASS

button {
  &.big {
    &#bad {
      background-color: transparent;
    }
  }
}

[code language="scss"]
button {
  &.big {
    &#bad {
      background-color: transparent;
    }
  }
}
[/code]

CSS

button.big#bad {
  background-color: transparent;
}

[code language="css"]
button.big#bad {
  background-color: transparent;
}
[/code]

PHP

<?php echo 'Lorem'; ?>

[code language="php"]<?php echo 'Lorem'; ?>[/code]

JavaScript

console.log('Lorem', var);

[code language="js"]console.log('Lorem', var);[/code]

JSON

{
  "name": "chap",
  "version": "1.0.0",
  "author": "websevendev <websevendev@gmail.com>"
}

[code language="json"]
{
  "name": "chap",
  "version": "1.0.0",
  "author": "websevendev <websevendev@gmail.com>"
}
[/code]

SQL

INSERT INTO STATION VALUES (13, 'Phoenix', 'AZ', 33, 112);

[code language="sql"]
INSERT INTO STATION VALUES (13, 'Phoenix', 'AZ', 33, 112);
[/code]

Bash

BASH

Install WP-CLI

#!/bin/bash
curl -O https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar
chmod +x wp-cli.phar
sudo mv wp-cli.phar /usr/local/bin/wp

[code language="bash" title="Install WP-CLI"]
#!/bin/bash
curl -O https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar
chmod +x wp-cli.phar
sudo mv wp-cli.phar /usr/local/bin/wp
[/code]

Supported languages

Markup - markup, html, xml, svg, mathml
CSS - css
C-like - clike
JavaScript - javascript, js
ABAP - abap
Augmented Backus–Naur form - abnf
ActionScript - actionscript
Ada - ada
Apache Configuration - apacheconf
APL - apl
AppleScript - applescript
Arduino - arduino
ARFF - arff
AsciiDoc - asciidoc, adoc
6502 Assembly - asm6502
ASP.NET (C#) - aspnet
AutoHotkey - autohotkey
AutoIt - autoit
Bash - bash, shell
BASIC - basic
Batch - batch
Bison - bison
Backus–Naur form - bnf, rbnf
Brainfuck - brainfuck
Bro - bro
C - c
C# - csharp, cs, dotnet
C++ - cpp
CIL - cil
CoffeeScript - coffeescript, coffee
CMake - cmake
Clojure - clojure
Crystal - crystal
Content-Security-Policy - csp
CSS Extras - css-extras
D - d
Dart - dart
Diff - diff
Django/Jinja2 - django, jinja2
Docker - docker, dockerfile
Extended Backus–Naur form - ebnf
Eiffel - eiffel
EJS - ejs
Elixir - elixir
Elm - elm
ERB - erb
Erlang - erlang
F# - fsharp
Flow - flow
Fortran - fortran
G-code - gcode
GEDCOM - gedcom
Gherkin - gherkin
Git - git
GLSL - glsl
GameMaker Language - gml, gamemakerlanguage
Go - go
GraphQL - graphql
Groovy - groovy
Haml - haml
Handlebars - handlebars
Haskell - haskell, hs
Haxe - haxe
HCL - hcl
HTTP - http
HTTP Public-Key-Pins - hpkp
HTTP Strict-Transport-Security - hsts
IchigoJam - ichigojam
Icon - icon
Inform 7 - inform7
Ini - ini
Io - io
J - j
Java - java
JavaDoc - javadoc
JavaDoc-like - javadoclike
Java stack trace - javastacktrace
Jolie - jolie
JSDoc - jsdoc
JS Extras - js-extras
JSON - json
JSONP - jsonp
JSON5 - json5
Julia - julia
Keyman - keyman
Kotlin - kotlin
LaTeX - latex, tex, context
Less - less
Liquid - liquid
Lisp - lisp, emacs, elisp, emacs-lisp
LiveScript - livescript
LOLCODE - lolcode
Lua - lua
Makefile - makefile
Markdown - markdown, md
Markup templating - markup-templating
MATLAB - matlab
MEL - mel
Mizar - mizar
Monkey - monkey
N1QL - n1ql
N4JS - n4js, n4jsd
Nand To Tetris HDL - nand2tetris-hdl
NASM - nasm
nginx - nginx
Nim - nim
Nix - nix
NSIS - nsis
Objective-C - objectivec
OCaml - ocaml
OpenCL - opencl
Oz - oz
PARI/GP - parigp
Parser - parser
Pascal - pascal, objectpascal
Perl - perl
PHP - php
PHPDoc - phpdoc
PHP Extras - php-extras
PL/SQL - plsql
PowerShell - powershell
Processing - processing
Prolog - prolog
.properties - properties
Protocol Buffers - protobuf
Pug - pug
Puppet - puppet
Pure - pure
Python - python, py
Q (kdb+ database) - q
Qore - qore
R - r
React JSX - jsx
React TSX - tsx
Ren'py - renpy
Reason - reason
Regex - regex
reST (reStructuredText) - rest
Rip - rip
Roboconf - roboconf
Ruby - ruby, rb
Rust - rust
SAS - sas
Sass (Sass) - sass
Sass (Scss) - scss
Scala - scala
Scheme - scheme
Smalltalk - smalltalk
Smarty - smarty
SQL - sql
Soy (Closure Template) - soy
Stylus - stylus
Swift - swift
TAP - tap
Tcl - tcl
Textile - textile
TOML - toml
Template Toolkit 2 - tt2
Twig - twig
TypeScript - typescript, ts
T4 Text Templates (C#) - t4-cs, t4
T4 Text Templates (VB) - t4-vb
T4 templating - t4-templating
Vala - vala
VB.Net - vbnet
Velocity - velocity
Verilog - verilog
VHDL - vhdl
vim - vim
Visual Basic - visual-basic, vb
WebAssembly - wasm
Wiki markup - wiki
Xeora - xeora, xeoracube
Xojo (REALbasic) - xojo
XQuery - xquery
YAML - yaml, yml

Code highlighting features in Chap WordPress theme are powered by Prism JS syntax highlighter plugin.