Guitar Chords and Tabs

Displays guitar chords and tab into posts and pages using clean SVG vector graphics, based on the jTab JavaScript library by Paul Gallagher.
Adds a ti

Author:jeromeBourdais, PaulGallagher, MatthewMarichiba (profile at wordpress.org)
WordPress version required:3.0
WordPress version tested:3.8.1
Plugin version:1.2.2
Added to WordPress repository:18-02-2014
Last updated:26-02-2014
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:100
Rated by:1
Plugin URI:http://jtab.tardate.com/
Total downloads:1 953
Active installs:70+
plugin download
Click to start download

Guitar Chords and Tabs displays guitar chords and tabs on your WordPress blog, based on simple text notation entered into a WordPress shortcode.

French page of this plugin : http://jerome.bourdais.info/guitar-chords-and-tabs.html.

This plugin is based on the open-source jTab JavaScript library by Paul Gallagher (http://jtab.tardate.com).

This plugin is based on "jTab Guitar Tab Shortcode" from MatthewMarichiba. Meanwhile you can visit his page at http://jtab-guitar-tab-shortcode.marichiba.com.

New Editor Options

Use the new [ guitar ] listbox in the post/page editor !

4 Choices :

  • Chord
  • Tab
  • jTab
  • Scale

[ Chord ]

Select a chord from the select inputs.

Choose its position.

Add up to 5 chords.

You can modify all your chords.

Add the result on your post/page by clicking the button.

[ Tab ]

Enter fret numbers in the array.

Add columns thanks to the "+" button.

Test it with the appropriate button.

Add the result on your post/page by clicking the button.

[ jTab ]

Use this to add more complex guitar music natation (see below).

Use the button "Test it now!" to test your code.

Add the result on your post/page by clicking the button.

[ Scale ]

in progress...

Choose a scale.

With major scale, you can add all the chords, or a chord progression (2 5 1 / 5 4 1).

Add the result on your post/page by clicking the button.

jTab Shortcode

Display guitar chords

[jtab phrase="C / Am / F / G G7"]

Display guitar tab with chords

[jtab phrase="Bm $3 4 4h5p3h4 5 $2 3 5 7 7h8p7 5/7 | A $4 7 9 $3 7 6 $5 9 $4 7h9 7 $5 9\7 5/7 |"]

Display a form allowing users to render jTab notation in real-time

[jtab showform='true' buttontext='jTab me, baby!' phrase='C Am F G']

Specify different class and/or id for the jtab div

[jtab phrase="C / Am / F / G G7" class="myclass" id="myid"]

Contact http://jerome.bourdais.info/contact.html