[{"name":"Guitar Chords Widget for WordPress","slug":"guitar-chord-widget-for-wordpress","version":"1.51","author":"TheGuitarLesson.com","author_profile":"https://profiles.wordpress.org/theguitarlesson/","requires":"3.0","tested":"6.0.9","requires_php":false,"requires_plugins":[],"rating":100,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":4},"num_ratings":4,"support_threads":0,"support_threads_resolved":0,"downloaded":9366,"last_updated":"2022-05-10 2:01pm GMT","added":"2010-02-25","homepage":"https://www.theguitarlesson.com/guitar-lesson-blog/guitar-chords-widget-for-wordpress/","sections":{"description":"

The Guitar Chords widget was originally created for TheGuitarLesson.com, 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:

Key of the chord
Type of chord (major, minor, sus4, etc., altogether 34 types)
Voicing (6 voicings supported, which is more than enough for players of all levels)

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 demo of the guitar chord widget if you want to see it in action before installing it, look in the sidebar.

\n","installation":"

This section describes how to install the plugin and get it working.

e.g.

Upload the zipped file to your sites /wp-content/plugins/ directory
Activate the plugin through the ‘Plugins’ menu in WordPress
Go to the Widgets tab, and place the new “Guitar Widget” into your sidebar

\n","faq":"\n

\nWhat’s so great about this widget?\n\n

Beside the fact the widget will actually be useful to your regular visitors if you have a guitar related website,
the interactive design makes your site/blog look high tech, and just cooler than most static websites.

\nWill it increase my server load?\n\n

Nope, to keep the size of the plugin super small (1.6 KB), the pictures are served from TheGuitarLesson.com.

\n\n","changelog":"

1.51

Corrected name of the plugin in WP

1.5

Maintenance update
WP 6.0 compatibility
styling improvements

1.4

HTTPS migration
fixed default chord name & chart

1.3

Maintenance update

1.2

Maintenance update

1.1

Minor change to code for fetching chord image

1.0

First release
Stable

\n","screenshots":"

$\"Activation$
Activation after upload to your server
$\"Place$
Place the widget into your sidebar
$\"Your$
Your site visitors have access to over 1,400 chord charts

"},"short_description":"Interactive guitar chord generator, with 1,438 chord diagrams.","download_link":"https://downloads.wordpress.org/plugin/guitar-chord-widget-for-wordpress.1.51.zip","screenshots":{"1":{"src":"https://ps.w.org/guitar-chord-widget-for-wordpress/trunk/screenshot-1.jpg?rev=2721334","caption":"Activation after upload to your server"},"2":{"src":"https://ps.w.org/guitar-chord-widget-for-wordpress/trunk/screenshot-2.jpg?rev=2721334","caption":"Place the widget into your sidebar"},"3":{"src":"https://ps.w.org/guitar-chord-widget-for-wordpress/trunk/screenshot-3.jpg?rev=2721334","caption":"Your site visitors have access to over 1,400 chord charts"}},"tags":{"chord":"chord","guitar":"guitar","sidebar":"sidebar","widget":"widget"},"versions":{"1.1":"https://downloads.wordpress.org/plugin/guitar-chord-widget-for-wordpress.1.1.zip","1.2":"https://downloads.wordpress.org/plugin/guitar-chord-widget-for-wordpress.1.2.zip","1.3":"https://downloads.wordpress.org/plugin/guitar-chord-widget-for-wordpress.1.3.zip","1.4":"https://downloads.wordpress.org/plugin/guitar-chord-widget-for-wordpress.1.4.zip","1.5":"https://downloads.wordpress.org/plugin/guitar-chord-widget-for-wordpress.1.5.zip","1.51":"https://downloads.wordpress.org/plugin/guitar-chord-widget-for-wordpress.1.51.zip","trunk":"https://downloads.wordpress.org/plugin/guitar-chord-widget-for-wordpress.zip"},"donate_link":"https://www.theguitarlesson.com","icons":{"1x":"https://ps.w.org/guitar-chord-widget-for-wordpress/assets/icon-128x128.jpg?rev=1601220","2x":"https://ps.w.org/guitar-chord-widget-for-wordpress/assets/icon-256x256.jpg?rev=1601220"}},{"name":"Chord chart into your blog","slug":"fumen","version":"1.2.0","author":"Hiroyuki Baba","author_profile":"https://profiles.wordpress.org/hbjpn/","requires":"5.5.0","tested":"6.2.6","requires_php":"7.0","requires_plugins":[],"rating":0,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"downloaded":632,"last_updated":"2023-06-15 8:53am GMT","added":"2020-10-20","homepage":"","sections":{"description":"

You can insert chord chart into your blog using fumen markdown language (https://hbjpn.github.io/fumen)
Usage:

Insert “code” block from visual editor.
Put “!fumen” in the first line
Put fumen markdown code from 2nd line.

* 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.

\n","installation":"

From the WP admin panel, click “Plugins” -> “Add new”.

OR…

Upload the wp-fumen plugin to your blog, activate it.

\n","faq":"

None

\n","changelog":"

1.2.0

Release Date – 15 June 2023
\n*Use fumen ver 1.3.1.

1.1.0

Release Date – 11 Feb 2021
\n*Use fumen ver 1.3.0.

1.0.0

Release Date – 20 Oct 2020
\n*Initial version created. fumen ver 1.2.1 is used.

\n"},"short_description":"Insert chord and rhythm chart into your blog using markup codes.","download_link":"https://downloads.wordpress.org/plugin/fumen.zip","screenshots":[],"tags":{"chord":"chord","chord-chart":"chord chart","fumen":"fumen","score":"score","sheetmusic":"sheetmusic"},"versions":{"1.0.0":"https://downloads.wordpress.org/plugin/fumen.1.0.0.zip","1.1.0":"https://downloads.wordpress.org/plugin/fumen.1.1.0.zip"},"donate_link":"","icons":{"1x":"https://ps.w.org/fumen/assets/icon-128x128.png?rev=2403608","2x":"https://ps.w.org/fumen/assets/icon-256x256.png?rev=2403608"}},{"name":"ChordChartWP","slug":"chordchartwp","version":"1.0","author":"Faniry H. Razafindrazaka","author_profile":"https://profiles.wordpress.org/faniry/","requires":"4.6","tested":"4.7.29","requires_php":"5.2.4","requires_plugins":[],"rating":0,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"downloaded":930,"last_updated":"2019-08-28 9:01am GMT","added":"2019-08-28","homepage":"https://www.gasytablature.com/chordchartwp/","sections":{"description":"

This is a wordpress shortcode for the javascript library chordography2 (https://chordography2.blogspot.com/).
\nIt 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
\nwill grow and will be updated in the future.

To visualize a chord from the database write

[chordChart title=\"C\"]\n

For more chords from the database

[chordChart title=\"A,B,C,D,E,F,G\"]\n

For custom chords

[chordChart title=\"Am7,DM7\" frets=\"x02010,x57675\" labels=\"xx2x1x,x13241\"]\n

For mixed of chords from database and custom chords

[chordChart title=\"C,D,Em\" frets=\",,022000\" labels=\",,x12xxx\"]\n

For chord in higher position of the neck you could use parantheses to define them

[chordChart title=\"C\" frets=\"8(10)(10)988\" labels=\"134211\"]\n

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

\n","installation":"

This section describes how to install the plugin and get it working.

e.g.

Upload the plugin files ‘ChordChartWP’ to the /wp-content/plugins/ directory, or install the plugin through the WordPress plugins screen directly.
Activate the plugin through the ‘Plugins’ screen in WordPress

\n","faq":"\n

I cannot see the rendered chord image?

Please update your browser or check the developer console for possible errors.

\n\n","changelog":"

1.0

Initial creation. Used privately on https://gasytablature.com

\n"},"short_description":"Users write shortcodes of text tab notation which will be then be parsed and rendered as svg chord chart images.","download_link":"https://downloads.wordpress.org/plugin/chordchartwp.zip","screenshots":[],"tags":{"chord-chart":"chord chart","chordpro":"chordpro","tablature":"tablature"},"versions":{"1.0":"https://downloads.wordpress.org/plugin/chordchartwp.1.0.zip"},"donate_link":"https://www.paypal.me/rafaniry","icons":{"1x":"https://ps.w.org/chordchartwp/assets/icon-128x128.png?rev=2146914","2x":"https://ps.w.org/chordchartwp/assets/icon-256x256.png?rev=2146914"}}]

chord chart

Guitar Chords Widget for WordPress

Chord chart into your blog

ChordChartWP

Get New Themes & Resources