rlisle

This plugin assists in the creation of staffless lead sheets, also called chords sheets. 
It defines a [chordsandlyrics] shortcode which can be used in your post or page text. 
It does not require any editing of your template files.
Text appearing between the [chordsandlyrics] and [/chordsandlyrics] tags will be 
formatted for chord symbols written in square brackets (eg. [Cmaj]) embedded 
inline within lyrics. 
It will then display the chord symbol at the same horizontal position above the lyrics. 
For example:
[C]Oh [F]say can you see…
will be reformatting using HTML table to display as
C F 
 Oh say can you see…
with the C correctly positioned over “Oh” and the F positioned over “say”. 
The commonly used alternative is to use fixed fonts which isn’t very attractive. 
This syntax is similar to the that used by ChordPro/Chordii.
Features:
<ul>
<li>Format lead sheets, keeping chord symbols above the correct lyric.</li>
<li>Appearance options page allows each end user to select Lyrics only 
or Chords And Lyrics display via their profile (user’s option page).</li>
</ul>
<h3>Directions for Use</h3>
<ol>
<li>Create Posts or Pages containing the [chordsandlyrics] … [/chordsandlyrics] tags.</li>
<li>Embed chord symbols within square brackets inline with lyrics within these tags. 
For example: 
 [chordsandlyrics] 
 [C]Mary had a little lamb, [G]little lamb, [C]little lamb. 
 [C]Mary had a little lamb whose [F]fleece was [G]white as [C]snow. 
 [/chordsandlyrics] 
Note that chords can appear in the middle of lyric words.</li>
</ol>

Chords and Lyrics

ChordsAndLyrics will format staffless lead sheets.

George Lewe

Lewe ChordPress pretty-prints ChordPro formatted text files on your pages and posts. You can configure output and formatting options. With ‘interactive’ mode on, you can transpose the chords up and down and also print the output right from the page.
Lewe ChordPress supports <a href="https://github.com/omnibrain/svguitar" title="SVGuitar chord renderer" rel="nofollow ugc">SVGuitar</a> for visual chord representation.
Your input to Lewe ChordPress needs to be a valid ChordPro formatted text. ChordPro is a simple text-based syntax used to write lead sheets, the lyrics and chords of a song. ChordPro also comes with a command line tool that pretty prints that text into other formats like PDF. 
You can read all about ChordPro here: 
<a href="https://www.chordpro.org/chordpro/ChordPro-File-Format-Specification.html" title="ChordPro file format specification" rel="nofollow ugc">ChordPro</a>
The Lewe ChordPress plugin allows to put ChordPro text inside its shortcode tags on a page or post and will pretty print it when the web page is displayed.
Simply insert a ChordPro text inbetween the [chordpress] and [/chordpress] tags and it will be rendered based on the default options of the plugin. You can change output and formatting settings on the plugin’s admin page.
A TinyMCE editor integration is also included, providing an editor menu button to insert the shortcode for you with its default paramaters, e.g. wrapping it around selected text.
The <code>[chordpress]</code> shortag allows specifying custom options for rendering ChordPro texts. For example:
<ol>
<li><code>[chordpress transpose="1"]</code> will transpose the chords rendered by one semitone.</li>
<li><code>[chordpress interactive="yes"]</code> will allow you to transpose the chords up and down and also print the output right from the rendered page.</li>
</ol>
Check out this example: 
<a href="https://sayandsound.lewe.com/heart-of-gold/" title="Lewe ChordPress Demo" rel="nofollow ugc">Lewe ChordPress Demo</a>
The <code>[chordpress-chord]</code> shortag allows you to display a guitar chord as a diagram. For example:
<ol>
<li><code>[chordpress-chord chord="112"]</code> will show the guitar chord post with ID 112 as a diagram.</li>
<li><code>[chordpress-chord barre="5,1,1" fingers="(3,2,'2'),(4,3,'4'),(5,3,'3')" title="F# Major" tuning="E,A,D,G,H,E"]</code> will show a custom guitar chord.</li>
</ol>
Check out this example: 
<a href="https://sayandsound.lewe.com/guitar-chords/" title="Lewe ChordPress Guitar Chord Demo" rel="nofollow ugc">Lewe ChordPress Guitar Chord Demo</a>
If not from the WordPress marketplace, get the plugin here: 
<a href="https://www.lewe.com/chordpress/" title="Lewe ChordPress Homepage" rel="nofollow ugc">Lewe ChordPress Homepage</a>
<h3>Features</h3>
<ul>
<li>renders the lyrics/chord format of ChordPro</li>
<li>configure output and formatting</li>
<li>transpose up and down on the fly from the rendered page</li>
<li>print the rendered output</li>
<li>show chord diagrams</li>
</ul>
Lewe ChordPress supports the following ChordPro tags:
<ul>
<li><code>{album}</code></li>
<li><code>{artist}</code></li>
<li><code>{composer}</code></li>
<li><code>{subtitle}</code></li>
<li><code>{title}</code></li>
<li><code>{year}</code></li>
<li><code>{meta}</code> for all of the above</li>
</ul>
Lewe ChordPress supports custom CSS for the following ChordPro tags:
<ul>
<li><code>{comment}</code></li>
<li><code>{start_of_chorus}</code>, <code>{end_of_chorus}</code></li>
<li><code>{start_of_verse}</code>, <code>{end_of_verse}</code></li>
</ul>
Lewe ChordPress supports note/chord translations
<ul>
<li>Chord transponation</li>
<li><a href="https://sayandsound.lewe.com/note-h/" rel="nofollow ugc">H/B Notation</a></li>
</ul>
<h3>Usage</h3>
<ol>
<li>Enter a <code>[chordpress]</code> shortcode in your page or post editor</li>
<li>Paste your ChordPro text right after it</li>
<li>Enter the closing <code>[/chordpress]</code> shortcode</li>
</ol>
Optional shortcode parameters
<ul>
<li><code>float=</code> Forces the rendered text block to float left or right.</li>
<li><code>hbnotation=</code> <a href="https://sayandsound.lewe.com/note-h/" rel="nofollow ugc">Input is H/B notation</a> (using H for B and Bb for B). Wether it is displayed as such is defined on the Options page.</li>
<li><code>interactive=</code> Enables interactive mode. A listbox will be shown on the right of the title that allows you to transpose the chords on the fly. Also, a print button will be shown fopr printing out the rendered ChordPro text.</li>
<li><code>transpose=</code> Enter a positive or negative number for the amount of semitones to transpose the chords</li>
</ul>
Use the “Lewe ChordPress” admin menu of your backend to change the default settings.
<h3>Documentation</h3>
<a href="https://lewe.gitbook.io/lewe-chordpress/" title="Lewe ChordPress User Manual" rel="nofollow ugc">Lewe ChordPress User Manual</a>
<h3>Support</h3>
Choose your preferred support channel: 
1. <a href="https://wordpress.org/support/plugin/chordpress/" title="Wordpress Support Forum" rel="ugc">WordPress Support Forum</a> 
2. <a href="https://georgelewe.atlassian.net/servicedesk/customer/portal/5" title="Lewe Service Desk" rel="nofollow ugc">Lewe Service Desk</a> 
4. <a href="https://lewe.gitbook.io/lewe-chordpress/" title="Lewe ChordPress User Manual" rel="nofollow ugc">Lewe ChordPress User Manual</a>
<h3>Credits</h3>
<ul>
<li>The <a href="https://profiles.wordpress.org/rlisle/" title="ChordPro" rel="nofollow ugc">ChordPro</a> team of course</li>
<li><a href="https://profiles.wordpress.org/rlisle/" title="@rlisle" rel="nofollow ugc">@rlisle</a> for his work on the ChordsAndLyrics plugin that he created in 2009</li>
<li>Ahkâm for the beautiful <a href="https://www.freeiconspng.com/img/17579" title="Lewe ChordPress Plugin Icon" rel="nofollow ugc">Lewe ChordPress Plugin Icon</a></li>
<li>The developers of the <a href="https://github.com/omnibrain/svguitar" title="SVGuitar" rel="nofollow ugc">SVGuitar</a> chord rendering module</li>
</ul>

Lewe ChordPress – ChordPro Text Formatter

Lewe ChordPress for WordPress pretty-prints ChordPro formatted text and chord diagrams on your pages or posts.

Chords and Lyrics vs Lewe ChordPress – ChordPro Text Formatter