Guitar Chords And Tabs Wordpress Plugin - Rating, Reviews, Demo & Download

Guitar Chords And Tabs Preview Wordpress Plugin - Rating, Reviews, Demo & Download
5 Average out of 1 ratings
Free
Follow for free plugins, new theme releases and theme news

Plugin Description

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 97 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

Screenshots

  1. guitar-chords-and-tabs screenshot 1

    New button in editor

  2. guitar-chords-and-tabs screenshot 2

    Example with a G chord

  3. guitar-chords-and-tabs screenshot 3

    [ Chord ] options

  4. guitar-chords-and-tabs screenshot 4

    [ Tab ] options

  5. guitar-chords-and-tabs screenshot 5

    [ jTab ] options

  6. guitar-chords-and-tabs screenshot 6

    [ Scale ] options


Reviews & Comments