Images | Extend WordPresss

A few examples of image shortcodes that you can use on any WordPress Page or Post with following shortcode:

[image src="SOURCE_URL"]

Image size small

[image size="small" src="IMG_URL"]

Image size medium

[image size="medium" src="IMG_URL"]

Image size large

[image size="large" src="IMG_URL"]

Image with custom size

You must specify the height and width with this option.

[image size="custom" width="250" height="150"]

Image with custom crop

[image crop="right" size="custom" width="150" height="250"]

Image with alt tag

[image title="Demo Image"]

Image as a link

[image link="http://www.netchillies.com" window="new"]

Image align left

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

[image align="left"]

Image align right

[image align="right"]

Image align center

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

[image align="center"]

Image with caption

This is caption text

[image caption="This is caption text"]

Image with icons

[image icon="zoom"]
[image icon="play"]
[image icon="link"]
[image icon="info"]

Image with lightbox support

[image lightbox="true" icon="zoom" src="FULL_IMG_URL"]

Image with tags

Tags.psd file can be found in psd-files folder.

[image tag="featured-red"]
[image tag="on-sale-blue"]
[image tag="latest-green"]
[image tag="new-orange"]

[ image ] Options:

src: (default: none) | Required » full URL of the image
title: (default: none) | Optional » Text for image alt tag
size: (default: small) | Optional » small, medium, large, custom Manage thumbnail size under Settings -> Media
width: (default: 150) | Required with custom size
height: (default: 150) | Required with custom size
link: (default: none) | Optional » full url of the page
window: (default: none) | Optional » new -> Opens link in new window
crop: (default: center) | Optional » center, left, right, top, bottom, top_left, top_right, bottom_left, bottom_right
align: (default: none) | Optional » center, left, right
caption: (default: none) | Optional
icon: (default: none) | Optional » zoom, info, play, link
lightbox: (default: false) | Optional » true, false
tag: (default: none) | Optional » featured-red, latest-red, new-red, on-sale-red featured-blue, latest-blue, new-blue, on-sale-blue featured-green, latest-green, new-green, on-sale-green featured-orange, latest-orange, new-orange, on-sale-orange
class: (default: custom-image) | Optional