[chordpress-chord] (2.x)

Obsolete

Note, that these shortcode parameters are not support anymore in Lewe ChordPress 3.0.0 and higher.

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

Format

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

Parameters

ParameterDescriptionDefault

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;"]

Last updated