Example of 1/3 and 2/3 divs
[one_third]KingSize WordPress Template is an amazing template that very easily customizable, straight forward and simple.[/one_third]
[two_thirds_last]The perfect solution for Photographers, Personal or Business Portfolios, Demonstrations, Personal Blogs and whatever else your imagination can think up. Whether the use is personal or professional, KingSize is a great solution.[/two_thirds_last]
[toggle title=”Click here to view the above used Shortcode source”][code]
[[one_third] Insert your text here! [/one_third]
[two_thirds_last] Insert your text here! [/two_thirds_last]]
[/code][/toggle]
Example of 1/3 x3 divs
[one_third]A very simple and easy to use Theme Settings page that allows for various global settings for your KingSize template, easily customizable.[/one_third]
[one_third]Available to you is 5 very different image galleries that make use of the native WordPress Media Gallery. Just upload your images and save.[/one_third]
[one_third_last]Inside each Page and Post, you (the administrator) have the option to override the default background and set individual backgrounds per page / post.[/one_third_last]
[toggle title=”Click here to view the above used Shortcode source”][code]
[[one_third] Insert your text here! [/one_third]]
[[one_third] Insert your text here! [/one_third]]
[[one_third_last] Insert your text here! [/one_third_last]]
[/code][/toggle]
Example of Left aligned image
Using a very simple shortcode, found in the TinyMCE write panel (locate the icon which looks like a horse – its really a unicorn though!) and select the method in which you wish to align your images. Not just this though, we’ve included a variety of shortcodes that are easily accesable by a few clicks of the mouse. Save your edits and publish the new page / post for your new results in the frontend. Its really that simple. Just click, paste / insert and edit.
Example of Right aligned image
Using a very simple shortcode, found in the TinyMCE write panel (locate the icon which looks like a horse – its really a unicorn though!) and select the method in which you wish to align your images. Not just this though, we’ve included a variety of shortcodes that are easily accesable by a few clicks of the mouse. Save your edits and publish the new page / post for your new results in the frontend. Its really that simple. Just click, paste / insert and edit.
Info, Warning, Error and Download Boxes
[info_box]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum eros eget enim fringilla non dapibus ipsum suscipit.[/info_box]
[warning_box]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum eros eget enim fringilla non dapibus ipsum suscipit.[/warning_box]
[error_box]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum eros eget enim fringilla non dapibus ipsum suscipit.[/error_box]
[download_box]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum eros eget enim fringilla non dapibus ipsum suscipit.[/download_box]
[toggle title=”Click here to view the above used Shortcode source”][code]
INFO BOX: [[info_box] Insert your text for the box inside here! [/info_box]]
WARNING BOX: [[warning_box] Insert your text for the box inside here! [/warning_box]]
ERROR BOX: [[error_box] Insert your text for the box inside here! [/error_box]]
DOWNLOAD BOX: [[download_box] Insert your text for the box inside here! [/download_box]]
[/code][/toggle]
Tooltips
This is an example of a tooltip: [tooltip_link title=”This is a Tooltip” to=”#”]Mouse over me![/tooltip_link]
[toggle title=”Click here to view the above used Shortcode source”]
[code][[tooltip_link title="This is a Tooltip!" to="#"] Mouse over me! [/tooltip_link]][/code]
[/toggle]
Lists, Blockquotes, Buttons and more…
This is an unordered list
- List item
- List item
- List item
- List item
This is an ordered list
- List item
- List item
- List item
- List item
This is a Blockquote
[blockquote]Bryce, Kumar and Nick are incredible at what they do. Not only is their template absolutely amazing, the support is mind-blowing! I don’t think I waited more than 5 minutes for a response and within 10 minutes it was fixed! Very professional, friendly and precise. Highly recommended! <p style=”text-align: right;”> – <strong>Robert</strong>.</p>[/blockquote]
[toggle title=”Click here to view the above used Shortcode source”]
[code][[blockquote] Insert your text here! [/blockquote]][/code]
[/toggle]
These are some buttons available
[button to=”#” color=”orange”] Button Text [/button] [button to=”#” color=”red”] Button Text [/button] [button to=”#” color=”rosy”] Button Text [/button] [button to=”#” color=”blue”] Button Text [/button] [button to=”#” color=”green”] Button Text [/button] [button to=”#” color=”pink”] Button Text [/button] [button to=”#” color=”white”] Button Text [/button] [button to=”#” color=”black”] Button Text [/button] [button to=”#” color=”gray”] Button Text [/button]
[toggle title=”Click here to view the above used Shortcode source”]
[code][[button to="" color=""] Button Text! [/button]][/code]
Color variations available are: orange, red, rosy, blue, green, pink, white, blank and gray.
[/toggle]
Video Shortcode
[one_half]
YouTube Video
[/one_half]
[one_half_last]
Vimeo Video
[/one_half_last]
[toggle title=”Click here to view the above used Shortcode source”][code]
[[one_half]
[/one_half]]
[[one_half_last]
[/one_half_last]]
[/code]
These are your available options to Video Shortcodes:
Option | Value | Default | Required | Description |
---|---|---|---|---|
name | Yes | A unique name for your videos when used. | ||
url | Yes | The URL for the video. | ||
width | 460 | Yes | Define the width. | |
height | 315 | Yes | Define the height. | |
image | The URL of the video thumbnail to use. | |||
priority | flash, html5 | flash | Choose if the player loads in flash or HTML5. | |
controlbar | bottom,over,top | bottom | The video control bar placement options. | |
autostart | true, false | false | Choose if the video starts automatically. | |
stretching | fill, exactfit, uniform, none | fill | Choose how your video is displayed. | |
align | alignleft, alignright, aligncenter | alignleft | Define your video alignment option. | |
icons | false, true | true | Define whether or not to show the play icon. | |
html5_1 | /js/mediaplayer/fs39/fs39.xml | The HTML5 video URL for Chrome/Safari (MP4/WEBM) | ||
html5_2 | /js/mediaplayer/player.swf | The HTML5 video URL for FireFox/Opera (OGG/OGV) |
[/toggle]
Dropcaps
[one_half_dropcaps] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum eros eget enim fringilla non dapibus ipsum suscipit. [/one_half_dropcaps]
[one_half_alt_last_dropcaps] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum eros eget enim fringilla non dapibus ipsum suscipit. [/one_half_alt_last_dropcaps]
[toggle title=”Click here to view the above used Shortcode source”][code]
[[one_half_dropcaps] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum eros eget enim fringilla non dapibus ipsum suscipit. [/one_half_dropcaps]]
[[one_half_alt_last_dropcaps] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum eros eget enim fringilla non dapibus ipsum suscipit. [/one_half_alt_last_dropcaps]]
[/code][/toggle]
Text Highlights
Here [my_highlight color=”gray” font=”#ffffff”]you can highlight various text using unlimited number of colors[/my_highlight] with the use of a very simple shortcode. Just wrap the text of your choice using this shortcode, assign a color for the background [my_highlight color=”yellow” font=”#000000″](ie., color=”yellow”)[/my_highlight] and color of your font [my_highlight color=”yellow” font=”#000000″](ie., font=”#000000″)[/my_highlight] and you’ve now some highlighted text that can stand out amongst other contents within your page/post.
[toggle title=”Click here to view the above used Shortcode source”][code]
[[my_highlight color="gray" font="#ffffff"] Insert text here [/my_highlight]]
[/code][/toggle]