Documentation Home »
9bit Studios.com »

Featured Shortcode

Displays 2 box of content that have a certain width. You can set these values to either a percentage value (e.g. 20%) or a fixed width (e.g. 200px). So for example, if you set the width of the first [featured] shortcode to "20%", you'll want to set the percentage of the [featured_last] shortcode that follows it to "80%"... essentially whatever adds up to 100% of the width of the containing <div>. This shortcode produces a result similar to the 2 column shortcode, but in this case you can set variable widths for each column. You can also specify a fixed width in pixels such as "200px" which would set the width at 200 pixels. Just make sure that you do not set the width to be too wide.

You could even adjust the shortcode values to leave room for padding on the left or the right.

Shortcode:


[featured],[featured_last]

Attributes:


width
Can have and value between 1 and 100 followed by a percentage sign (%) followed by a semi-colon (;). What this does is determine how much width the particular featured item has in its content box. You can also specify a fixed width in pixels such as "200px;" which would set the width at 200 pixels.

Examples:


Here is an example of using a featured shortcode to create 2 columns with percentages...

[featured width="20%;"] https://www.yourdomain.com/wp-content/uploads/2010/12/redpuddle.jpg [/featured] [featured_last width="80%;"]Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis [/featured_last]

Here is an example of using a featured shortcode to create 2 columns using fixed widths of pixels...

[featured width="50px;"] https://www.yourdomain.com/wp-content/uploads/2010/12/redpuddle.jpg [/featured] [featured_last width="400px;"]Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis [/featured_last]

Back to Shortcodes »