1. Home
  2. Docs
  3. ChordPress Manual
  4. Shortcodes
  5. [chordpress-chord]

[chordpress-chord]

Description

The [chordpress-chord] shortcode accesses a Guitar Chord post and displays it as a diagranm.

Format

[chordpress-chord parameter="value" ...]

Parameters

Parameter Description Default
chord The ID of the Guitar Chord post none
bgcolor Background color of the diagram none
canvasheight Height of the diagram in pixels 180
canvaswidth Width of the diagram in pixels 220
circleradius Radius of the finger position circles in pixels 5
defaultcolor Default color of the diagram objects in hex incl. a leading hash #666666
divstyle The diagram is placed inside a <div> tag. Enter the CSS styles for it here. text-align:center;
fontfamily CSS font family of the diagram text parts. The fonts you chose here must be available on your site. none
fontsize CSS font size of the diagram text parts none
fontstyle CSS font style of the diagram text parts none
fontweight CSS font weight of the diagram text parts none
fretcolor Fret line color in hex including a leading hash none
fretwidth Fret line weight in pixels 1
labelcolor Label text color (inside the finger position circles) in hex including a leading hash none
labelweight CSS label text weight (inside the finger position circles) none
namestyle CSS styles of the chord name font-size:1.2em;text-align:center;
numstrings Number of strings (4=Bass, 6=Guitar) 6
stringcolor String line color in hex including a leading hash none
stringwidth String line weight in pixels 1
strokecolor Stroke color in hex including a leading hash none
textcolor Text color in hex including a leading hash none
titlestyle CSS styles of the chord title font-size:1.2em;text-align:center;

Examples

[chordpress-chord chord="112"]
[chordpress-chord chord="100" strokeColor="#000099" canvaswidth="100" canvasheight="100" titlestyle="font-size:1em;text-align:center;"]

Was this article helpful to you? Yes No

Leave a Reply

Your email address will not be published. Required fields are marked *