[oik] plugins.com

WordPress plugins and themes

bw_jq and bw_pages for a cycling display

If you want to show a cycling display of content you can use bw_pages to display the content and bw_jq to cause jQuery cycle to cycle through the content. Here we use bw_pages to display the title, date and attached image of the 5 most recently published plugins ( post_type=oik-plugins ).

[div class=w60p5]<h3>Latest plugins</h3>
[bw_jq .cycle method=cycle fx=fade script=cycle.all fit=1 width="100%" ]
[div class=cycle][bw_pages post_type=oik-plugins post_parent=0 orderby=date order=DESC numberposts=5 thumbnail=full format="L dI"][ediv][ediv]
 
Field block for ACF PRO Date: July 9, 2023
SB Post Edit block Date: May 6, 2021
Styling of the display is performed using the following CSS.
div.cycle { width: 95% !important; padding-left: 2.5%; padding-right: 2.5%;  min-height: 350px !important; position:relative; background: #ffffff;}
div.cycle img { max-width: 95% !important; border:1px solid gray; margin:3px 2.5% 3px 2.5%; padding: 0; }
span.bw_date { display: block; float:right; padding-right: 2.5%; font-size: 90%; }
span.bw_date span.label, span.bw_date span.sep { display: none; }
div.cycle a.bw_post { font-weight: bold; font-size: 110%; padding-left: 2.5%; }
 

See also

  • The [bw_cycle] shortcode, available since oik v2.1, is a much easier shortcode to use.
  • Use [bw_css] to style the display to suit your needs

Published: | Last updated: