Adding images to Image frame shortcodes

This tutorial describes how to add images to the image frame shortcodes. After learning the steps for image frame shortcodes you will soon learn that it’s a very simple process.

  • The first step is to add the image frame shortcode(s) to the page of your choice. The simplest method for inserting the shortcode is to simply copy/paste the code from this demo page. Simply locate the style of image frame you desire and click “Get the Code”: http://themes.truethemes.net/Karma-4.0/shortcodes/image-frames/
  • Here is a sample of 2 column image frame shortcode grabbed from the link above:
      [one_half] [frame style="modern" image_path="http://www.yourwebsite.com/path-to-image" description="" link_to_page="" target="" float="" lightbox="" lightbox_group="" size="two_col_large"] [/one_half]  [one_half_last] [frame style="modern" image_path="http://www.yourwebsite.com/path-to-image" description="" link_to_page="" target="" float="" lightbox="" lightbox_group="" size="two_col_large"] [/one_half_last]  
  • The only attribute that is required to display an image is the image_path attribute. Simple insert the full URL to your image and you’ll be all good to go. For example: http://www.yourwebsite.com/wp-content/uploads/awesome-image.png

Here is an outline of the additional attributes:

description: text added here will be added to the ALT attribute of the image link_to_page: adding a URL here will link the image to the URL specified. example input: link_t0_page=”http://www.google.com” target: if link_to_page has been specified you can specify where this link will open (ie same window, new window, etc.) example input: target=”_blank” float: this attribute enables you to float the image frame left or right. example input: float=”left” lightbox: this attribute enables you to open content within a lightbox. example input: lightbox=”http://www.yourwebsite.com/path-to-image”

Training Video:

Here’s a video (not recorded by TrueThemes) which outlines more details about adding images to image frames: http://www.youtube.com/watch?v=5m1EbgfstD4