• Home
  • About Hope
  • Blog
  • Resources
    • Hope Minutes
  • VA Services
  • Contact
    • Skip to primary navigation
    • Skip to main content
    • Skip to primary sidebar

    You are here: Home / Shortcodes / Image Shortcodes

    Image Shortcodes

    Description

    [hr]

    You can create various types of images to insert into your pages. Images can be resized to the dimensions specified and positioned around content.

    [clear] [clear]

    Styled Images

    [hr]

    Create theme styled images using the styled_image shortcode and optional settings for image dimensions, links, etc. You can also add captions and lightbox effects as needed.

    [code][styled_image w=”400″ h=”300″ lightbox=”yes” image=”http://mysite.com/myimage.jpg”][/code] [clear] [styled_image w=”590″ h=”235″ lightbox=”yes” rel=”styled-2″ align=”left” alt=”Styled Image Shortcode (with caption)” caption=”This is an example of the [styled_image] shortcode with a caption added by inserting the parameter caption.” image=”1997″] [clear]

    Parameters

    w
    (integer) Image width. Exclude parameter for proportional adjustment based on height setting or set to “0” for original width.
    h
    (integer) Image height. Exclude parameter for proportional adjustment based on width setting or set to “0” for original height.
    image
    (integer/string) ID of the desired media file or URL of the image file.
    align
    (string) (Optional) Image alignment: left, right, center.
    alt
    (string) (Optional) Image description or alternate text.
    caption
    (string) (Optional) Caption text displayed below the image.
    link
    (string) (Optional) URL for the image link.
    lightbox
    (string) (Optional) Open link in a lightbox: Yes, No. If opening the full size version of the image being resized the “link” parameter is not needed.
    rel
    (string) (Optional) Text for link’s “rel” tag. Multiple images with the same rel tag will be connected through the lightbox next/previous buttons.
    [clear] [clear]

    Samples

    Basic styled images.

    The images below use the styled image shortcode with lightbox enabled. They are linked together in the lightbox with a matching rel parameter and the lightbox description text is added with the alt parameter.

    [styled_image w=”285″ h=”200″ lightbox=”yes” align=”left” rel=”styled-1″ alt=”Styled Image Shortcode Sample 1″ image=”1992″] [styled_image w=”285″ h=”200″ lightbox=”yes” align=”left” rel=”styled-1″ alt=”Styled Image Shortcode Sample 2″ image=”1993″] [clear] [clear] [clear]

    Plain Image

    [hr]

    A basic image resized and output to the specified width and height.

    [code][plain_image w=”400″ h=”300″ image=”http://mysite.com/myimage.jpg”][/code] [clear]

    Parameters

    w
    (integer) Image width. Set to “0” for original width.
    h
    (integer) Image height. Set to “0” for original height.
    image
    (integer/string) ID of the desired media file or URL of the image file.
    align
    (string) (Optional) Image alignment: left, right, center.
    alt
    (string) (Optional) Image description or alternate text.
    [clear] [clear]

    Samples

    [plain_image w=”590″ h=”235″ alt=”Plain Image Shortcode Sample” image=”1994″] [clear] [clear] [clear]

    Resized Image URL

    [hr]

    Returns the full URL to create a resized image at the size specified. This is useful for inserting a resized image path into other shortcodes or widgets.

    [code][resized_image_path w=”400″ h=”300″ image=”http://mysite.com/myimage.jpg”][/code] [clear]

    Parameters

    w
    (integer) Image width. Set to “0” for original width.
    h
    (integer) Image height. Set to “0” for original height.
    image
    (integer/string) ID of the desired media file or URL of the image file.
    [clear] [clear]

    Samples

    [resized_image_path w="400" h="200" image="http://para.llel.us/themes/mingle-wp/wp-content/themes/parallelus-mingle/assets/images/placeholder.jpg"]

    Primary Sidebar

    Hi There!

    Hi There!

    Hi there, I'm Hope! Thanks for stopping by my site! I'm grateful that you stopped and took a few minutes to visit.

    A little about myself...

    I'm a single mom, a professional, a Hope and Empowerment Coach, and a fighter of depression and anxiety. Here, I am ME. No more, no less. Come hang out with me. You're welcome here, just the way you are!

    Subscribe to Blog via Email

    Enter your email address to subscribe to this blog and receive notifications of new posts by email.

    SUBSCRIBE

    Web Hosting

    Categories

    • Blog
    • Business
    • Depression
    • Entrepreneurship
    • Fullwidth
    • Lifestyle
    • Miscellaneous
    • Self-Love
    • Spirituality

    Archives

    SUBSCRIBE TO MY NEWSLETTER!

    Every month get a newsletter filled with uplifting stories of hope and productive tips!

    • Facebook
    • Instagram
    • Twitter
    • Pinterest

    © 2019

    We are using cookies to give you the best experience on our website.

    You can find out more about which cookies we are using or switch them off in settings.

    Powered by  GDPR Cookie Compliance
    Privacy Overview

    This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

    Strictly Necessary Cookies

    Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.

    If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.

    Cookie Policy

    More information about our Cookie Policy