theguitarlesson

The Guitar Chords widget was originally created for <a href="https://www.theguitarlesson.com" rel="nofollow ugc">TheGuitarLesson.com</a>, and we decided to release it to the public as well, since it will be useful for other guitar related site owners.
The widget is a great addition to all guitar learning websites, since it has the ability to display 1,438 guitar chords in an instant, based on 3 parameters set by the website visitor. The parameters are:
<ul>
<li>Key of the chord</li>
<li>Type of chord (major, minor, sus4, etc., altogether 34 types)</li>
<li>Voicing (6 voicings supported, which is more than enough for players of all levels)</li>
</ul>
The widget generates not just the chord diagram and fingering chart, but includes the notes of the chord as well, which is useful for those learning music and guitar theory.
Here is a <a href="https://www.theguitarlesson.com/guitar-chords-widget-for-wordpress/" rel="nofollow ugc">demo of the guitar chord widget</a> if you want to see it in action before installing it, look in the sidebar.

Guitar Chords Widget for WordPress

Interactive guitar chord generator, with 1,438 chord diagrams.

hbjpn

<ul>
<li>You can insert chord chart into your blog using fumen markdown language (https://hbjpn.github.io/fumen)</li>
<li>Usage:</li>
</ul>
<ol>
<li>Insert “code” block from visual editor.</li>
<li>Put “!fumen” in the first line</li>
<li>Put fumen markdown code from 2nd line.</li>
</ol>
* Recommended to use visual editor, rather than classic editor, as special characters like square brackets etc needs to be replaced with character reference which is not convenient.

Chord chart into your blog

Insert chord and rhythm chart into your blog using markup codes.

Guitar Chords Widget for WordPress vs Chord chart into your blog