Users write shortcodes of text tab notation which will be then be parsed and rendered as svg chord chart images.

faniry

This is a wordpress shortcode for the javascript library chordography2 (https://chordography2.blogspot.com/). 
It is easy to use, plug and play, and can be intensively costumized with several parameters.
The database of chords are designed for guitar and are only the major non-chromatic chord “A,B,C,D,E,F,G”. This 
will grow and will be updated in the future.
To visualize a chord from the database write
<pre><code>[chordChart title="C"]
</code></pre>
For more chords from the database
<pre><code>[chordChart title="A,B,C,D,E,F,G"]
</code></pre>
For custom chords
<pre><code>[chordChart title="Am7,DM7" frets="x02010,x57675" labels="xx2x1x,x13241"]
</code></pre>
For mixed of chords from database and custom chords
<pre><code>[chordChart title="C,D,Em" frets=",,022000" labels=",,x12xxx"]
</code></pre>
For chord in higher position of the neck you could use parantheses to define them
<pre><code>[chordChart title="C" frets="8(10)(10)988" labels="134211"]
</code></pre>
User could also ignore the label parameter but then the barre sign will not be rendered for E-shape and A-shape chords.
To change the style, you could use parameter such as style=”pretty” or cellHeight=34, etc.,. in the short code. The other parameter can be found in the chart.data.js file

Alternatives to ChordChartWP

Top alternatives