Frame Shortcodes

3 Alternative Styles

  • none

  • simple

  • solid

Get The Code

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

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

[frame style="solid"]<img decoding="async" loading="lazy" 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.

Get The Code

[tabs style="simple"]

[tab_title]Left[/tab_title]

[tab_content]

[frame style="simple" align="left"]<img decoding="async" loading="lazy" 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 decoding="async" loading="lazy" 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 decoding="async" loading="lazy" 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

Get The Code

[frame style="simple" link="/wp-content/uploads/2013/04/person_01_v01.jpg" linking="lightbox" lightbox="test_lightbox"]<img decoding="async" 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 decoding="async" loading="lazy" 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 decoding="async" loading="lazy" src="/wp-content/uploads/2013/04/person_03_v01.jpg" width="304" height="171" alt="" />[/frame]

Shortcode documentation

  • id
    The id attribute specifies an id for an HTML element.
    It must be unique within the HTML document.
    (Mainly for additional styling/scripting purposes)
  • class
    The class attribute specifies a class name for an HTML element.
    (Mainly for additional styling/scripting purposes)
  • linking
    Available Options:
    • 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
    Available Options:
    • left
    • center
    • right
  • style
    Available Options:
    • none
    • simple
  • shape
    Available Options:
    • inherit
    • square
    • circle
  • title