George Lewe

rlisle

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.

faniry

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
<pre><code>[chordChart title="C"]
</code></pre>
For more chords from the database
<pre><code>[chordChart title="A,B,C,D,E,F,G"]
</code></pre>
For custom chords
<pre><code>[chordChart title="Am7,DM7" frets="x02010,x57675" labels="xx2x1x,x13241"]
</code></pre>
For mixed of chords from database and custom chords
<pre><code>[chordChart title="C,D,Em" frets=",,022000" labels=",,x12xxx"]
</code></pre>
For chord in higher position of the neck you could use parantheses to define them
<pre><code>[chordChart title="C" frets="8(10)(10)988" labels="134211"]
</code></pre>
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

ChordChartWP

Users write shortcodes of text tab notation which will be then be parsed and rendered as svg chord chart images.

Lewe ChordPress – ChordPro Text Formatter vs ChordChartWP