Title: ChordChartWP
Author: faniry
Published: <strong>August 28, 2019</strong>
Last modified: August 28, 2019

---

Search plugins

![](https://ps.w.org/chordchartwp/assets/banner-772x250.png?rev=2146914)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/chordchartwp/assets/icon-256x256.png?rev=2146914)

# ChordChartWP

 By [faniry](https://profiles.wordpress.org/faniry/)

[Download](https://downloads.wordpress.org/plugin/chordchartwp.zip)

 * [Details](https://pcd.wordpress.org/plugins/chordchartwp/#description)
 * [Reviews](https://pcd.wordpress.org/plugins/chordchartwp/#reviews)
 *  [Installation](https://pcd.wordpress.org/plugins/chordchartwp/#installation)
 * [Development](https://pcd.wordpress.org/plugins/chordchartwp/#developers)

 [Support](https://wordpress.org/support/plugin/chordchartwp/)

## Description

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

    ```
    [chordChart title="C"]
    ```

For more chords from the database

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

For custom chords

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

For mixed of chords from database and custom chords

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

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"]
    ```

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

## Installation

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

e.g.

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

## FAQ

  I cannot see the rendered chord image?

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

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“ChordChartWP” is open source software. The following people have contributed to
this plugin.

Contributors

 *   [ faniry ](https://profiles.wordpress.org/faniry/)

“ChordChartWP” has been translated into 1 locale. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/chordchartwp/contributors)
for their contributions.

[Translate “ChordChartWP” into your language.](https://translate.wordpress.org/projects/wp-plugins/chordchartwp)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/chordchartwp/), check
out the [SVN repository](https://plugins.svn.wordpress.org/chordchartwp/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/chordchartwp/) by
[RSS](https://plugins.trac.wordpress.org/log/chordchartwp/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0

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

## Meta

 *  Version **1.0**
 *  Last updated **7 years ago**
 *  Active installations **10+**
 *  WordPress version ** 4.6 or higher **
 *  Tested up to **4.7.33**
 *  PHP version ** 5.2.4 or higher **
 *  Languages
 * [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/chordchartwp/) and [English (US)](https://wordpress.org/plugins/chordchartwp/).
 *  [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/chordchartwp)
 * Tags
 * [chord chart](https://pcd.wordpress.org/plugins/tags/chord-chart/)[chordpro](https://pcd.wordpress.org/plugins/tags/chordpro/)
 *  [Advanced View](https://pcd.wordpress.org/plugins/chordchartwp/advanced/)

## Ratings

No reviews have been submitted yet.

[Add my review](https://wordpress.org/support/plugin/chordchartwp/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/chordchartwp/reviews/)

## Contributors

 *   [ faniry ](https://profiles.wordpress.org/faniry/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/chordchartwp/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://www.paypal.me/rafaniry)