ChordPress – ChordPro Text Formatter free WordPress plugin
Description
ChordPress – ChordPro Text Formatter free WordPress plugin
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.
ChordPress 2.1 introduced “Vexchords“, an awesome Javascript library for displaying guitar chord diagrams. Create your own guitar chord diagrams via a new post type and display them using shortcodes. Or enable the Chord Sheet option that will show all chords used in a song as diagrams below the rendered ChordPro text (given that you have created them as guitar chord posts).
Your input to 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:
ChordPro
The 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 [chordpress] shortag allows specifying custom options for rendering ChordPro texts. For example:
[chordpress transpose=”1″] will transpose the chords rendered by one semitone.
[chordpress interactive=”yes”] will allow you to transpose the chords up and down and also print the output right from the rendered page.
Check out this example:
ChordPress Demo
The [chordpress-chord] shortag allows you to display a guitar chord as a diagram. For example:
[chordpress-chord chord=”112″] will show the guitar chord post with ID 112 as a diagram.
[chordpress-chord chord=”100″ strokeColor=”#000099″ canvaswidth=”100″ canvasheight=”100″ titlestyle=”font-size:1em;text-align:center;”] will show the guitar chord post with ID 100 as a diagram with custom settings.
Check out this example:
ChordPress Guitar Chord Demo
If not from the WordPress marketplace, get the plugin here:
ChordPress Homepage
Features
renders the lyrics/chord format of ChordPro
configure output and formatting
transpose up and down on the fly from the rendered page
print the rendered output
ChordPress supports the following ChordPro tags:
{album}
{artist}
{composer}
{subtitle}
{title}
{year}
{meta} for all of the above
ChordPress supports custom CSS for the following ChordPro tags:
{comment}
{start_of_chorus}, {end_of_chorus}
{start_of_verse}, {end_of_verse}
ChordPress supports note/chord translations
Chord transponation
H/B Notation
Usage
Enter a [chordpress] shortcode in your page or post editor
Paste your ChordPro text right after it
Enter the closing [/chordpress] shortcode
Optional shortcode parameters
float= Forces the rendered text block to float left or right.
hbnotation= Input is H/B notation (using H for B and Bb for B). Wether it is displayed as such is defined on the Options page.
interactive= 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.
transpose= Enter a positive or negative number for the amount of semitones to transpose the chords
Use the “ChordPress” admin menu of your backend to change the default settings.
Documentation
ChordPress User Manual
Support
Choose your preferred support channel:
1. WordPress Support Forum
2. Lewe.com Support Site
3. Lewe.com ChordPress Forum
4. ChordPress User Manual
Credits
@rlisle for his work on the ChordsAndLyrics plugin that he created in 2009.
Ahkâm for the beautiful ChordPress Plugin Icon.