Shortcode frame

3 Stili alternativi

  • nessuno

  • semplice

  • solid

Ottieni il codice

[frame style="none"]<img src="/wp-content/uploads/2013/04/person_01_v01.jpg" width="304" height="171" alt="" />[/frame]

[frame style="simple"]<img src="/wp-content/uploads/2013/04/person_02_v01.jpg" width="304" height="171" alt="" />[/frame]

[frame style="solid"]<img src="/wp-content/uploads/2013/04/person_03_v01.jpg" width="304" height="171" alt="" />[/frame]

Different Alignments

Left

Vivamus accumsan et augue sed aliquet. Pellentesque lobortis blandit enim, quis hendrerit lacus volutpat at. Mauris nec semper nisi, iaculis ultrices est. Fusce posuere rhoncus sapien, a condimentum odio porttitor non. Suspendisse pharetra sed augue sit amet convallis. Maecenas a diam sit amet nibh tempor vestibulum eget vitae sem. Sed laoreet orci id nisl auctor elementum. Maecenas rutrum dui ultricies ipsum viverra interdum.

Aliquam dictum sollicitudin quam faucibus blandit. Vivamus vitae quam vel leo malesuada sagittis quis a elit. Curabitur cursus enim vitae urna volutpat euismod. Cras malesuada dui quis nisi accumsan malesuada. Etiam purus turpis, dictum congue hendrerit ut, egestas in metus. Vestibulum faucibus ultricies leo, nec semper sapien feugiat nec. Maecenas rhoncus orci quis nisi faucibus dapibus. Nullam eu dapibus turpis, a vehicula purus. Integer magna neque, volutpat ac leo porttitor, malesuada semper velit. Cras congue porta metus, sed venenatis augue tristique sed. Maecenas.

Center

Vivamus accumsan et augue sed aliquet. Pellentesque lobortis blandit enim, quis hendrerit lacus volutpat at. Mauris nec semper nisi, iaculis ultrices est. Fusce posuere rhoncus sapien, a condimentum odio porttitor non. Suspendisse pharetra sed augue sit amet convallis. Maecenas a diam sit amet nibh tempor.

Aliquam dictum sollicitudin quam faucibus blandit. Vivamus vitae quam vel leo malesuada sagittis quis a elit. Curabitur cursus enim vitae urna volutpat euismod. Cras malesuada dui quis nisi accumsan malesuada. Etiam purus turpis, dictum congue hendrerit ut, egestas in metus. Vestibulum faucibus ultricies leo.

Right

Vivamus accumsan et augue sed aliquet. Pellentesque lobortis blandit enim, quis hendrerit lacus volutpat at. Mauris nec semper nisi, iaculis ultrices est. Fusce posuere rhoncus sapien, a condimentum odio porttitor non. Suspendisse pharetra sed augue sit amet convallis. Maecenas a diam sit amet nibh tempor vestibulum eget vitae sem. Sed laoreet orci id nisl auctor elementum. Maecenas rutrum dui ultricies ipsum viverra interdum.

Aliquam dictum sollicitudin quam faucibus blandit. Vivamus vitae quam vel leo malesuada sagittis quis a elit. Curabitur cursus enim vitae urna volutpat euismod. Cras malesuada dui quis nisi accumsan malesuada. Etiam purus turpis, dictum congue hendrerit ut, egestas in metus. Vestibulum faucibus ultricies leo, nec semper sapien feugiat nec. Maecenas rhoncus orci quis nisi faucibus dapibus. Nullam eu dapibus turpis, a vehicula purus. Integer magna neque, volutpat ac leo porttitor, malesuada semper velit. Cras congue porta metus, sed venenatis augue tristique sed. Maecenas turpis arcu, convallis et tellus id, facilisis pulvinar enim.

Ottieni il codice

[tabs style="simple"]

[tab_title]Left[/tab_title]

[tab_content]

[frame style="simple" align="left"]<img src="/wp-content/uploads/2013/04/person_02_v01.jpg" width="304" height="171" alt="" />[/frame] Vivamus accumsan et augue sed aliquet. Pellentesque lobortis blandit enim, quis hendrerit lacus volutpat at. Mauris nec semper nisi, iaculis ultrices est. Fusce posuere rhoncus sapien, a condimentum odio porttitor non. Suspendisse pharetra sed augue sit amet convallis. Maecenas a diam sit amet nibh tempor vestibulum eget vitae sem. Sed laoreet orci id nisl auctor elementum. Maecenas rutrum dui ultricies ipsum viverra interdum.

Aliquam dictum sollicitudin quam faucibus blandit. Vivamus vitae quam vel leo malesuada sagittis quis a elit. Curabitur cursus enim vitae urna volutpat euismod. Cras malesuada dui quis nisi accumsan malesuada. Etiam purus turpis, dictum congue hendrerit ut, egestas in metus. Vestibulum faucibus ultricies leo, nec semper sapien feugiat nec. Maecenas rhoncus orci quis nisi faucibus dapibus. Nullam eu dapibus turpis, a vehicula purus. Integer magna neque, volutpat ac leo porttitor, malesuada semper velit. Cras congue porta metus, sed venenatis augue tristique sed. Maecenas.

[/tab_content]

[tab_title]Center[/tab_title]

[tab_content]

Vivamus accumsan et augue sed aliquet. Pellentesque lobortis blandit enim, quis hendrerit lacus volutpat at. Mauris nec semper nisi, iaculis ultrices est. Fusce posuere rhoncus sapien, a condimentum odio porttitor non. Suspendisse pharetra sed augue sit amet convallis. Maecenas a diam sit amet nibh tempor.

[frame style="simple" align="center"]<img src="/wp-content/uploads/2013/04/person_02_v01.jpg" width="304" height="171" alt="" />[/frame]

Aliquam dictum sollicitudin quam faucibus blandit. Vivamus vitae quam vel leo malesuada sagittis quis a elit. Curabitur cursus enim vitae urna volutpat euismod. Cras malesuada dui quis nisi accumsan malesuada. Etiam purus turpis, dictum congue hendrerit ut, egestas in metus. Vestibulum faucibus ultricies leo.

[/tab_content]

[tab_title]Right[/tab_title]

[tab_content]

[frame style="simple" align="right"]<img src="/wp-content/uploads/2013/04/person_02_v01.jpg" width="304" height="171" alt="" />[/frame] Vivamus accumsan et augue sed aliquet. Pellentesque lobortis blandit enim, quis hendrerit lacus volutpat at. Mauris nec semper nisi, iaculis ultrices est. Fusce posuere rhoncus sapien, a condimentum odio porttitor non. Suspendisse pharetra sed augue sit amet convallis. Maecenas a diam sit amet nibh tempor vestibulum eget vitae sem. Sed laoreet orci id nisl auctor elementum. Maecenas rutrum dui ultricies ipsum viverra interdum.

Aliquam dictum sollicitudin quam faucibus blandit. Vivamus vitae quam vel leo malesuada sagittis quis a elit. Curabitur cursus enim vitae urna volutpat euismod. Cras malesuada dui quis nisi accumsan malesuada. Etiam purus turpis, dictum congue hendrerit ut, egestas in metus. Vestibulum faucibus ultricies leo, nec semper sapien feugiat nec. Maecenas rhoncus orci quis nisi faucibus dapibus. Nullam eu dapibus turpis, a vehicula purus. Integer magna neque, volutpat ac leo porttitor, malesuada semper velit. Cras congue porta metus, sed venenatis augue tristique sed. Maecenas turpis arcu, convallis et tellus id, facilisis pulvinar enim.

[/tab_content]

[/tabs]

Multiple Images in One Lightbox

Ottieni il codice

[frame style="simple" link="/wp-content/uploads/2013/04/person_01_v01.jpg" linking="lightbox" lightbox="test_lightbox"]<img src="/wp-content/uploads/2013/04/person_01_v01.jpg" width="304" height="171" alt="" />[/frame]

[frame style="simple" link="/wp-content/uploads/2013/04/person_02_v01.jpg" linking="lightbox" lightbox="test_lightbox"]<img src="/wp-content/uploads/2013/04/person_02_v01.jpg" width="304" height="171" alt="" />[/frame]

[frame style="simple" link="/wp-content/uploads/2013/04/person_03_v01.jpg" linking="lightbox" lightbox="test_lightbox"]<img src="/wp-content/uploads/2013/04/person_03_v01.jpg" width="304" height="171" alt="" />[/frame]

Shortcode documentation

  • 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
    Opzioni disponibili:
    • new_window
    • lightbox
    • default
  • 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
  • stile
    Opzioni disponibili:
    • nessuno
    • semplice
  • shape
    Opzioni disponibili:
    • inherit
    • quadrato
    • cerchio
  • title