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.

WP Chords

Description

WP Chords allows you to format and display the chords on your blog. You can set font sizes, enable transposing chords especially in your posts. Compatible with Google AMP (Accelerated Mobile Pages). It’s fully supported different devices such as tablets, mobile phones and most of web browsers.

Eazy Real Time Demo

As soon as you install the WP Chords plugin, you will find live demo playground under Settings->WP Chords. You even don’t need to create a post or a record in your database!

Please follow How can I test it? directions in FAQ page.

Formatting

You can define your chords at the correct positions in your song using chord shortcodes. 187 codes are available in below. On your final post view your chords will be automatically placed in their correct positions. You can configure formatting with some options such as below

Formatting Features

  • Display with monospace font.
  • Display with alternating chords.

Transposing

On your final post view, visitors can adjust chord transposing as they wish with 17 half tones. On the transpose bar, the first chord in the song will be automatically selected as default tone.

Transposing Features

  • Tones are: Ab, A, A#, Bb, B, C, C#, Db, D, D#, Db, E, F, F#, Gb, G, G#.
  • Transposing can be turned off.

Font Sizing

Your visitor can adjust font size for the song, while playing it.

Font Sizing Features

  • It can be turned off

Printing

Your visitor can print the chord itself for using outside.

Printing Features

  • It can be turned off
  • Footer text can be adjusted
  • Font size applies
  • Transpose applies

Supported Chords:

Ab, Abm, Ab6, Ab7, Ab9, Abm6, Abm7, Abmaj7, Abdim, Ab+, Absus, A, Am, A6, A7, A9, Am6, Am7, Amaj7, Adim, A+, Asus, A#, A#m, A#6, A#7, A#9, A#m6, A#m7, A#maj7, A#dim, A#+, A#sus, Bb, Bbm, Bb6, Bb7, Bb9, Bbm6, Bbm7, Bbmaj7, Bbdim, Bb+, Bbsus, B, Bm, B6, B7, B9, Bm6, Bm7, Bmaj7, Bdim, B+, Bsus, C, Cm, C6, C7, C9, Cm6, Cm7, Cmaj7, Cdim, C+, Csus, C#, C#m, C#6, C#7, C#9, C#m6, C#m7, C#maj7, C#dim, C#+, C#sus, Db, Dbm, Db6, Db7, Db9, Dbm6, Dbm7, Dbmaj7, Dbdim, Db+, Dbsus, D, Dm, D6, D7, D9, Dm6, Dm7, Dmaj7, Ddim, D+, Dsus, D#, D#m, D#6, D#7, D#9, D#m6, D#m7, D#maj7, D#dim, D#+, D#sus, Eb, Ebm, Eb6, Eb7, Eb9, Ebm6, Ebm7, Ebmaj7, Ebdim, Eb+, Ebsus, E, Em, E6, E7, E9, Em6, Em7, Emaj7, Edim, E+, Esus, F, Fm, F6, F7, F9, Fm6, Fm7, Fmaj7, Fdim, F+, Fsus, F#, F#m, F#6, F#7, F#9, F#m6, F#m7, F#maj7, F#dim, F#+, F#sus, Gb, Gbm, Gb6, Gb7, Gb9, Gbm6, Gbm7, Gbmaj7, Gbdim, Gb+, Gbsus, G, Gm, G6, G7, G9, Gm6, Gm7, Gmaj7, Gdim, G+, Gsus, G#, G#m, G#6, G#7, G#9, G#m6, G#m7, G#maj7, G#dim, G#+, G#sus

Screenshots

  • Final render.
  • Your source code in the editor.
  • Print preparation.

Installation

  1. Upload the zipped file to your sites ‘/wp-content/plugins/’ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Use the Settings->WP Chords screen to configure the plugin

FAQ

How can I use WP chords?

After you installed/activated the plugin. You need to cover a content (like a song) with ‘[wpchords][/wpchords]’ shortcode.
Place chord codes inside your songs to correct positions.
Available chord codes are: [Ab], [Abm], [Ab6], [Ab7], [Ab9], [Abm6], [Abm7], [Abmaj7], [Abdim], [Ab+], [Absus], [A], [Am], [A6], [A7], [A9], [Am6], [Am7], [Amaj7], [Adim], [A+], [Asus], [A#], [A#m], [A#6], [A#7], [A#9], [A#m6], [A#m7], [A#maj7], [A#dim], [A#+], [A#sus], [Bb], [Bbm], [Bb6], [Bb7], [Bb9], [Bbm6], [Bbm7], [Bbmaj7], [Bbdim], [Bb+], [Bbsus], [B], [Bm], [B6], [B7], [B9], [Bm6], [Bm7], [Bmaj7], [Bdim], [B+], [Bsus], [C], [Cm], [C6], [C7], [C9], [Cm6], [Cm7], [Cmaj7], [Cdim], [C+], [Csus], [C#], [C#m], [C#6], [C#7], [C#9], [C#m6], [C#m7], [C#maj7], [C#dim], [C#+], [C#sus], [Db], [Dbm], [Db6], [Db7], [Db9], [Dbm6], [Dbm7], [Dbmaj7], [Dbdim], [Db+], [Dbsus], [D], [Dm], [D6], [D7], [D9], [Dm6], [Dm7], [Dmaj7], [Ddim], [D+], [Dsus], [D#], [D#m], [D#6], [D#7], [D#9], [D#m6], [D#m7], [D#maj7], [D#dim], [D#+], [D#sus], [Eb], [Ebm], [Eb6], [Eb7], [Eb9], [Ebm6], [Ebm7], [Ebmaj7], [Ebdim], [Eb+], [Ebsus], [E], [Em], [E6], [E7], [E9], [Em6], [Em7], [Emaj7], [Edim], [E+], [Esus], [F], [Fm], [F6], [F7], [F9], [Fm6], [Fm7], [Fmaj7], [Fdim], [F+], [Fsus], [F#], [F#m], [F#6], [F#7], [F#9], [F#m6], [F#m7], [F#maj7], [F#dim], [F#+], [F#sus], [Gb], [Gbm], [Gb6], [Gb7], [Gb9], [Gbm6], [Gbm7], [Gbmaj7], [Gbdim], [Gb+], [Gbsus], [G], [Gm], [G6], [G7], [G9], [Gm6], [Gm7], [Gmaj7], [Gdim], [G+], [Gsus], [G#], [G#m], [G#6], [G#7], [G#9], [G#m6], [G#m7], [G#maj7], [G#dim], [G#+], [G#sus].

How can I test it?

  1. Go Settings->WP Chords screen.
  2. Find the “Settings with realtime demo” field.
  3. Fill “Source” text area with the “How can I use WP chords?” directions.
  4. In the “Result” section your song will be formatted with your configurations simultaneously.

How can I show my chords with Google AMP?

  1. Install AMP plugin.
  2. It will be automatically detected while you are in AMP view. Redirection link will be automatically placed over your song.

How can I disable font sizing?

  1. Go Settings->WP Chords screen to configure the plugin.
  2. Check “Hide Font Size Changer”.

How can I disable chord transposing?

  1. Go Settings->WP Chords screen to configure the plugin.
  2. Check “Hide Transpose”.

How can I disable printing?

  1. Go Settings->WP Chords screen to configure the plugin.
  2. Check “Hide Print Button”.

How can I show my chords with alternating display?

  1. Go Settings->WP Chords screen to configure the plugin.
  2. Check “Display with Alternating Chords”.

How can I show my chords with monospace font?

  1. Go Settings->WP Chords screen to configure the plugin.
  2. Check “Display with monospace font”.

How can I change AMP redirection text?

  1. Go Settings->WP Chords screen to configure the plugin.
  2. Fill “De-Amp Link Text (if amp is enabled)” area with your desired text.

How can I add / change footer text in prints?

  1. Go Settings->WP Chords screen to configure the plugin.
  2. Fill “Footer Text for Printing” area with your desired text.

Reviews

മെയ്‌ 11, 2022 1 reply
Hi, I need to know if this plugin integrates Latin chords. And also to know, if at the time of creating my page with this plugin and then move this application to an application for Android and iOs would keep this plugin chords. Thanks
ജനുവരി 16, 2022
This plugin allows just one page straight down. Instead, I want to have two columns, Half song on the left, and the rest of the song on the right. How can I do that two columns? please help, is there any coding? please I need it. Thank you.
ഒക്ടോബർ 23, 2021
Só falta os acordes com baixa em: Tipo…. D9/F# ou G/B, entre outros, pra ficar perfeito só falta isso
ഫെബ്രുവരി 22, 2021
I was looking for it and I found it. Congratulations to the developers. They deserve more than five stars. Please do not abandon the plugin. And if you can add the option to print a page. Perhaps this is what is missing for this plugin to be the most complete.
Read all 6 reviews

Contributors & Developers

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

Contributors

“WP Chords” has been translated into 2 locales. Thank you to the translators for their contributions.

Translate “WP Chords” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.0

  • Initial release.

1.0.1

  • Early Fix

1.0.2

  • Icons Fix
  • Added gray boxes around chords

1.0.3

  • Performance fix

1.0.4

  • 187 chords are available now!
  • Added AMP availability (requires AMP plugin!)
  • Added original chord visualizer

1.0.5

  • Improved mobile interface

1.0.6

  • Improved mobile interface

1.0.7

  • Improved mobile interface

1.0.8

  • Mobile Interface fix

1.0.9

  • Mobile Interface fix

1.1.0

  • Semi Tones fix
  • Amp fix
  • Add print feature