Shortcode dei pulsanti

3 Different Sizes

Small Button Medium Button Big Button
Ottieni il codice

[button size="small" link="/" icon="heart"]Small Button[/button]

[button size="medium" link="/" icon="heart"]Medium Button[/button]

[button size="big" link="/" icon="heart"]Big Button[/button]

2 Alternatives Styles

Simple Button Solid Button
Ottieni il codice

[button size="medium" link="/" style="simple" icon="heart"]Simple Button[/button]

[button size="medium" link="/" style="solid" icon="laptop"]Solid Button[/button]

2 Different Types

Simple Button Wide Button
Ottieni il codice

[button size="medium" link="/" type="simple" style="simple"]Simple Button[/button]

[button size="medium" link="/" type="wide" style="simple"]Wide Button[/button]

Multiline label

Small button Second Line Medium button Second Line Big button Second Line

Small button Second Line Medium button Second Line Big button Second Line

Ottieni il codice

[button size="small" link="/"]Small button <small>Second Line</small>[/button]
[button size="medium" link="/"]Medium button <small>Second Line</small>[/button]
[button size="big" link="/"]Big button <small>Second Line</small>[/button]

[button size="small" link="/" style="simple"]Small button <small>Second Line</small>[/button]
[button size="medium" link="/" style="simple"]Medium button <small>Second Line</small>[/button]
[button size="big" link="/" style="simple"]Big button <small>Second Line</small>[/button]

Linking Methods

Open in a same window Open in a new window
Open Image in a lightbox Open Movie in a lightbox Open Google Map in a lightbox

Ottieni il codice

[button size="medium" link="http://vimeo.com/12613824" linking="default"]Open in a same window[/button]
[button size="medium" link="http://vimeo.com/12613824" linking="new-window"]Open in a new window[/button]

[button size="medium" link="/wp-content/uploads/2013/05/photo_08_v01.jpg" linking="lightbox" style="simple"]Open Image in a lightbox[/button]
[button size="medium" link="http://vimeo.com/12613824" linking="lightbox" style="simple"]Open Movie in a lightbox[/button]
[button size="medium" style="simple" link="http://maps.google.pl/maps?q=New+York&hl=pl&sll=51.127065,16.991864&sspn=0.08845,0.264187&hnear=Nowy+Jork,+Stany+Zjednoczone&t=m&z=13" linking="lightbox"]Open Google Map in a lightbox[/button]

Custom Color Scheme

Yellow Orange Red Purple Blue Green

Ottieni il codice

[button size="medium" link="/" bg_color="#f1c40f" text_color="#ffffff"]Yellow[/button]
[button size="medium" link="/" bg_color="#e67e22" text_color="#ffffff"]Orange[/button]
[button size="medium" link="/" bg_color="#e74c3c" text_color="#ffffff"]Red[/button]
[button size="medium" link="/" bg_color="#9b59b6" text_color="#ffffff"]Purple[/button]
[button size="medium" link="/" bg_color="#3498db" text_color="#ffffff"]Blue[/button]
[button size="medium" link="/" bg_color="#2ecc71" text_color="#ffffff"]Green[/button]

Documentazione shortcode

  • ID
    L'attributo id specifica un id per un elemento HTML.
    Deve essere univoco all'interno del documento HTML.
    (Principalmente per scopi di stile/script aggiuntivi)
  • classe
    L'attributo class specifica un nome di classe per un elemento HTML.
    (Principalmente per scopi di stile/script aggiuntivi)
  • linking
    What to do when user clicks the button?
    Opzioni disponibili:
    • default - open in the same window
    • new_window - open in a new window
    • lightbox - open in a lightbox
  • link
    The destination to which the link leads
  • lightbox_group
    Fill in this field, if you want different elements to be in one gallery
  • align
    Opzioni disponibili:
    • left
    • center
    • right
  • size
    Opzioni disponibili:
    • small
    • medium
    • big
  • genere
    Opzioni disponibili:
    • standard
    • wide
  • stile
    Opzioni disponibili:
    • semplice
    • solid
  • icona
    Opzioni disponibili:
    Tutte le icone disponibili su Carattere fantastico posto
  • title
  • text_color
    Text Color
  • bg_color
    Background Color