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.

George Lewe

rlisle

<p>Lewe ChordPress pretty-prints ChordPro formatted text files on your pages and posts. You can configure output and formatting options. With ‘interactive’ mode on, you can transpose the chords up and down and also print the output right from the page.</p>
<p>Lewe ChordPress supports <a href="https://github.com/omnibrain/svguitar" title="SVGuitar chord renderer" rel="nofollow ugc">SVGuitar</a> for visual chord representation.</p>
<p>Your input to Lewe ChordPress needs to be a valid ChordPro formatted text. ChordPro is a simple text-based syntax used to write lead sheets, the lyrics and chords of a song. ChordPro also comes with a command line tool that pretty prints that text into other formats like PDF.<br />
You can read all about ChordPro here:<br />
<a href="https://www.chordpro.org/chordpro/ChordPro-File-Format-Specification.html" title="ChordPro file format specification" rel="nofollow ugc">ChordPro</a></p>
<p>The Lewe ChordPress plugin allows to put ChordPro text inside its shortcode tags on a page or post and will pretty print it when the web page is displayed.</p>
<p>Simply insert a ChordPro text inbetween the [chordpress] and [/chordpress] tags and it will be rendered based on the default options of the plugin. You can change output and formatting settings on the plugin’s admin page.</p>
<p>A TinyMCE editor integration is also included, providing an editor menu button to insert the shortcode for you with its default paramaters, e.g. wrapping it around selected text.</p>
<p>The <code>[chordpress]</code> shortag allows specifying custom options for rendering ChordPro texts. For example:</p>
<ol>
<li><code>[chordpress transpose="1"]</code> will transpose the chords rendered by one semitone.</li>
<li><code>[chordpress interactive="yes"]</code> will allow you to transpose the chords up and down and also print the output right from the rendered page.</li>
</ol>
<p>Check out this example:<br />
<a href="https://sayandsound.lewe.com/heart-of-gold/" title="Lewe ChordPress Demo" rel="nofollow ugc">Lewe ChordPress Demo</a></p>
<p>The <code>[chordpress-chord]</code> shortag allows you to display a guitar chord as a diagram. For example:</p>
<ol>
<li><code>[chordpress-chord chord="112"]</code> will show the guitar chord post with ID 112 as a diagram.</li>
<li><code>[chordpress-chord barre="5,1,1" fingers="(3,2,'2'),(4,3,'4'),(5,3,'3')" title="F# Major" tuning="E,A,D,G,H,E"]</code> will show a custom guitar chord.</li>
</ol>
<p>Check out this example:<br />
<a href="https://sayandsound.lewe.com/guitar-chords/" title="Lewe ChordPress Guitar Chord Demo" rel="nofollow ugc">Lewe ChordPress Guitar Chord Demo</a></p>
<p>If not from the WordPress marketplace, get the plugin here:<br />
<a href="https://www.lewe.com/chordpress/" title="Lewe ChordPress Homepage" rel="nofollow ugc">Lewe ChordPress Homepage</a></p>
<h3>Features</h3>
<ul>
<li>renders the lyrics/chord format of ChordPro</li>
<li>configure output and formatting</li>
<li>transpose up and down on the fly from the rendered page</li>
<li>print the rendered output</li>
<li>show chord diagrams</li>
</ul>
<p>Lewe ChordPress supports the following ChordPro tags:</p>
<ul>
<li><code>{album}</code></li>
<li><code>{artist}</code></li>
<li><code>{composer}</code></li>
<li><code>{subtitle}</code></li>
<li><code>{title}</code></li>
<li><code>{year}</code></li>
<li><code>{meta}</code> for all of the above</li>
</ul>
<p>Lewe ChordPress supports custom CSS for the following ChordPro tags:</p>
<ul>
<li><code>{comment}</code></li>
<li><code>{start_of_chorus}</code>, <code>{end_of_chorus}</code></li>
<li><code>{start_of_verse}</code>, <code>{end_of_verse}</code></li>
</ul>
<p>Lewe ChordPress supports note/chord translations</p>
<ul>
<li>Chord transponation</li>
<li><a href="https://sayandsound.lewe.com/note-h/" rel="nofollow ugc">H/B Notation</a></li>
</ul>
<h3>Usage</h3>
<ol>
<li>Enter a <code>[chordpress]</code> shortcode in your page or post editor</li>
<li>Paste your ChordPro text right after it</li>
<li>Enter the closing <code>[/chordpress]</code> shortcode</li>
</ol>
<p>Optional shortcode parameters</p>
<ul>
<li><code>float=</code>  Forces the rendered text block to float left or right.</li>
<li><code>hbnotation=</code>  <a href="https://sayandsound.lewe.com/note-h/" rel="nofollow ugc">Input is H/B notation</a> (using H for B and Bb for B). Wether it is displayed as such is defined on the Options page.</li>
<li><code>interactive=</code>  Enables interactive mode. A listbox will be shown on the right of the title that allows you to transpose the chords on the fly. Also, a print button will be shown fopr printing out the rendered ChordPro text.</li>
<li><code>transpose=</code>  Enter a positive or negative number for the amount of semitones to transpose the chords</li>
</ul>
<p>Use the “Lewe ChordPress” admin menu of your backend to change the default settings.</p>
<h3>Documentation</h3>
<p><a href="https://lewe.gitbook.io/lewe-chordpress/" title="Lewe ChordPress User Manual" rel="nofollow ugc">Lewe ChordPress User Manual</a></p>
<h3>Support</h3>
<p>Choose your preferred support channel:<br />
1. <a href="https://wordpress.org/support/plugin/chordpress/" title="Wordpress Support Forum" rel="ugc">WordPress Support Forum</a><br />
2. <a href="https://georgelewe.atlassian.net/servicedesk/customer/portal/5" title="Lewe Service Desk" rel="nofollow ugc">Lewe Service Desk</a><br />
4. <a href="https://lewe.gitbook.io/lewe-chordpress/" title="Lewe ChordPress User Manual" rel="nofollow ugc">Lewe ChordPress User Manual</a></p>
<h3>Credits</h3>
<ul>
<li>The <a href="https://profiles.wordpress.org/rlisle/" title="ChordPro" rel="nofollow ugc">ChordPro</a> team of course</li>
<li><a href="https://profiles.wordpress.org/rlisle/" title="@rlisle" rel="nofollow ugc">@rlisle</a> for his work on the ChordsAndLyrics plugin that he created in 2009</li>
<li>Ahkâm for the beautiful <a href="https://www.freeiconspng.com/img/17579" title="Lewe ChordPress Plugin Icon" rel="nofollow ugc">Lewe ChordPress Plugin Icon</a></li>
<li>The developers of the <a href="https://github.com/omnibrain/svguitar" title="SVGuitar" rel="nofollow ugc">SVGuitar</a> chord rendering module</li>
</ul>


Lewe ChordPress – ChordPro Text Formatter

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

jTab Guitar Tab Shortcode vs Lewe ChordPress – ChordPro Text Formatter