Frame shortcodes

3 Alternative Styles

  • none

  • simple

  • solid

Verkrijg de code

[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.

Verkrijg de code

[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

Verkrijg de code

[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 documentatie

  • ID kaart
    Het id-kenmerk specificeert een id voor een HTML-element.
    Het moet uniek zijn binnen het HTML-document.
    (Voornamelijk voor aanvullende styling / scripting-doeleinden)
  • klasse
    Het class attribuut specificeert een class naam voor een HTML element.
    (Voornamelijk voor aanvullende styling / scripting-doeleinden)
  • linking
    Beschikbare opties:
    • 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
    Beschikbare opties:
    • left
    • center
    • right
  • style
    Beschikbare opties:
    • none
    • simple
  • shape
    Beschikbare opties:
    • inherit
    • square
    • circle
  • title