Imagebox

[column size=”1/3″]

[imagebox name=”Responsive” image=”http://withemes.net/sonata/wp-content/uploads/2014/03/imagebox1.jpg” link=”#” hover=”Great on mobile”]

Lorem ipsum dolor sit amet, consecetuer dolo adipiscing elit, sed diam nonummy nibh flanta euismod tincidunt ut laoreet dolore magna ias aliquam erat volutpat.

[/imagebox]

[/column]

[column size=”1/3″]

[imagebox name=”Extensive Options” image=”http://withemes.net/sonata/wp-content/uploads/2014/03/imagebox2.jpg” link=”#” hover=”No need to code”]

Lorem ipsum dolor sit amet, consecetuer dolo adipiscing elit, sed diam nonummy nibh flanta euismod tincidunt ut laoreet dolore magna ias aliquam erat volutpat.

[/imagebox]

[/column]

[column size=”1/3″ last=”true”]

[imagebox name=”Great Support” image=”http://withemes.net/sonata/wp-content/uploads/2014/03/imagebox3.jpg” link=”#” hover=”Nevermind about Support”]

Lorem ipsum dolor sit amet, consecetuer dolo adipiscing elit, sed diam nonummy nibh flanta euismod tincidunt ut laoreet dolore magna ias aliquam erat volutpat.

[/imagebox]

[/column]

[pre][[imagebox name=”Imagebox Name” image=”Image URL” link=”#” hover=”Hover text”]
CONTENT HERE
[/imagebox]][/pre]

[hr /]

Usage

Here’re parameters of this shortcode:

[list type=”plus”]

  • image: The image URL
  • name: The imagebox name/title/heading
  • hover: The text that appears when hovering the image. You can leave this parameter blank.
  • link: The URL that image should link to.
  • target:  _self to open link in same tab, _blank to open link in a new tab. Default is _self.

[/list]

Leave a Reply

Your email address will not be published. Required fields are marked *