MatthewMarichiba

<p>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.<br />
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).”</p>
<p>I’d rather show than tell! To see plenty of examples, visit the shortcode plugin page at http://jtab-guitar-tab-shortcode.marichiba.com.</p>
<h4>USAGE</h4>
<p><strong>Display guitar chords</strong></p>
<pre><code>[jtab phrase="C / Am / F / G G7"]
</code></pre>
<p><strong>Display guitar tab with chords</strong></p>
<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>
<p><strong>Display a form allowing users to render jTab notation in real-time</strong></p>
<pre><code>[jtab showform='true' buttontext='jTab me, baby!' phrase='C Am F G']
</code></pre>
<p><strong>Specify different class and/or id for the jtab div</strong></p>
<pre><code>[jtab phrase="C / Am / F / G G7" class="myclass" id="myid"]
</code></pre>
<p>Do you need different functionality from this shortcode, or a different plugin altogether? Hire me! Go to http://www.marichiba.com/contact-me.</p>
<h3>You can hire me!</h3>
<p>Do you need different functionality from this shortcode, or a different plugin altogether? Hire me! Go to http://www.marichiba.com/contact-me.</p>


jTab Guitar Tab Shortcode

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

emreplt

<p>WP Chords allows you to format and display the chords on your blog. You can set font sizes, enable transposing chords especially in your posts. <strong>Compatible with <a href="http://amp.dev" rel="nofollow ugc">Google AMP</a> (Accelerated Mobile Pages)</strong>.  It’s fully supported different devices such as tablets, mobile phones and most of web browsers.</p>
<h3>Eazy Real Time Demo</h3>
<p>As soon as you install the WP Chords plugin, you will find live demo playground under <strong>Settings</strong>-><strong>WP Chords</strong>. You even don’t need to create a post or a record in your database!</p>
<blockquote>
<p>Please follow <strong>How can I test it?</strong> directions in FAQ page.</p>
</blockquote>
<h3>Formatting</h3>
<p>You can define your chords at the correct positions in your song using chord shortcodes. 187 codes are available in below. On your final post view your chords will be automatically placed in their correct positions. You can configure formatting with some options such as below</p>
<h4>Formatting Features</h4>
<ul>
<li>Display with <em>monospace</em> font.</li>
<li>Display with alternating chords.</li>
</ul>
<h3>Transposing</h3>
<p>On your final post view, visitors can adjust chord transposing as they wish with 17 half tones. On the transpose bar, the first chord in the song will be automatically selected as default tone.</p>
<h4>Transposing Features</h4>
<ul>
<li>Tones are: Ab, A, A#, Bb, B, C, C#, Db, D, D#, Db, E, F, F#, Gb, G, G#.</li>
<li>Transposing can be turned off.</li>
</ul>
<h3>Font Sizing</h3>
<p>Your visitor can adjust font size for the song, while playing it.</p>
<h4>Font Sizing Features</h4>
<ul>
<li>It can be turned off</li>
</ul>
<h3>Printing</h3>
<p>Your visitor can print the chord itself for using outside.</p>
<h4>Printing Features</h4>
<ul>
<li>It can be turned off</li>
<li>Footer text can be adjusted</li>
<li>Font size applies</li>
<li>Transpose applies</li>
</ul>
<h3>Supported Chords:</h3>
<p>Ab, Abm, Ab6, Ab7, Ab9, Abm6, Abm7, Abmaj7, Abdim, Ab+, Absus, A, Am, A6, A7, A9, Am6, Am7, Amaj7, Adim, A+, Asus, A#, A#m, A#6, A#7, A#9, A#m6, A#m7, A#maj7, A#dim, A#+, A#sus, Bb, Bbm, Bb6, Bb7, Bb9, Bbm6, Bbm7, Bbmaj7, Bbdim, Bb+, Bbsus, B, Bm, B6, B7, B9, Bm6, Bm7, Bmaj7, Bdim, B+, Bsus, C, Cm, C6, C7, C9, Cm6, Cm7, Cmaj7, Cdim, C+, Csus, C#, C#m, C#6, C#7, C#9, C#m6, C#m7, C#maj7, C#dim, C#+, C#sus, Db, Dbm, Db6, Db7, Db9, Dbm6, Dbm7, Dbmaj7, Dbdim, Db+, Dbsus, D, Dm, D6, D7, D9, Dm6, Dm7, Dmaj7, Ddim, D+, Dsus, D#, D#m, D#6, D#7, D#9, D#m6, D#m7, D#maj7, D#dim, D#+, D#sus, Eb, Ebm, Eb6, Eb7, Eb9, Ebm6, Ebm7, Ebmaj7, Ebdim, Eb+, Ebsus, E, Em, E6, E7, E9, Em6, Em7, Emaj7, Edim, E+, Esus, F, Fm, F6, F7, F9, Fm6, Fm7, Fmaj7, Fdim, F+, Fsus, F#, F#m, F#6, F#7, F#9, F#m6, F#m7, F#maj7, F#dim, F#+, F#sus, Gb, Gbm, Gb6, Gb7, Gb9, Gbm6, Gbm7, Gbmaj7, Gbdim, Gb+, Gbsus, G, Gm, G6, G7, G9, Gm6, Gm7, Gmaj7, Gdim, G+, Gsus, G#, G#m, G#6, G#7, G#9, G#m6, G#m7, G#maj7, G#dim, G#+, G#sus</p>


WP Chords

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

jTab Guitar Tab Shortcode vs WP Chords