WordPress.org

Plugin Directory

!This plugin hasn’t 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.

Guitar Chords and Tabs

Adds guitar chords and tabs into posts / pages from the editor.

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

Requires: 3.0 or higher
Compatible up to: 3.8.15
Last Updated: 2 years ago
Active Installs: 80+

Ratings

5 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.