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

emreplt

WP Chords

WP Chords allows you to format and display the chords on your blog including mobile friendly interface and AMP functionality.

intelligentDesign

Keymaster Chord Notation Free

Easily add chords and lyrics to any WordPress website using shortcodes!  Users can print just the content you choose (the lyrics and chords).

George Lewe

rlisle

Lewe ChordPress – ChordPro Text Formatter

Lewe ChordPress for WordPress pretty-prints ChordPro formatted text and chord diagrams on your pages or posts.

Chords and Lyrics

ChordsAndLyrics will format staffless lead sheets.

MatthewMarichiba

jTab Guitar Tab Shortcode displays clean SVG graphics of guitar chords and tab on your WordPress blog, based on simple text notation entered into a WordPress shortcode. 
This plugin is based on the excellent open-source jTab JavaScript library by Paul Gallagher (http://jtab.tardate.com). “jTab is a javascript-based library that renders notation using CSS and scalable vector graphics (SVG). It works in most modern browsers that support javascript, CSS and scalable vector graphics (SVG).”
I’d rather show than tell! To see plenty of examples, visit the shortcode plugin page at http://jtab-guitar-tab-shortcode.marichiba.com.
<h4>USAGE</h4>
Display guitar chords
<pre><code>[jtab phrase="C / Am / F / G G7"]
</code></pre>
Display guitar tab with chords
<pre><code>[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 |"]
</code></pre>
Display a form allowing users to render jTab notation in real-time
<pre><code>[jtab showform='true' buttontext='jTab me, baby!' phrase='C Am F G']
</code></pre>
Specify different class and/or id for the jtab div
<pre><code>[jtab phrase="C / Am / F / G G7" class="myclass" id="myid"]
</code></pre>
Do you need different functionality from this shortcode, or a different plugin altogether? Hire me! Go to http://www.marichiba.com/contact-me.
<h3>You can hire me!</h3>
Do you need different functionality from this shortcode, or a different plugin altogether? Hire me! Go to http://www.marichiba.com/contact-me.

Alternatives to jTab Guitar Tab Shortcode

Top alternatives