[oik] plugins.com

WordPress plugins and themes

  • Home
  • About
    • lazy shortcodes
    • smart shortcodes
    • oik base plugin
      • oik – donate
      • oik PayPal buttons
      • oik installation
      • oik Button Shortcode button
      • oik changelog
      • oik FAQ
      • oik plugins on SVN
      • oik plugins on GitHub
  • Plugins
    • oik base plugin
    • FREE oik plugins
    • WordPress plugins
    • Premium oik plugins
    • Bespoke oik plugins
  • Shortcodes
    • Shortcode examples
  • Blocks
    • Block examples
  • APIs
    • ALL action and filter hooks
  • Blog
You are here: Home / Examples / Example: using [bw_jq] to cycle through some posts

Example: using [bw_jq] to cycle through some posts

In this example we use the [bw_jq] shortcode to cycle through the set of plugins that define the basic functionality of the oik-plugins server.

oik – oik information kit

oik – oik information kit

oik base plugin. Lazy smart shortcodes for WordPress. Gutenberg compatible.

read more

oik block shortcode and API server

oik block shortcode and API server

The oik block, shortcode and API server enables you to document blocks, shortcodes and APIs for your plugins and themes.

read more

oik-fields – custom post type field APIs

oik-fields – custom post type field APIs

Performant Application Programming Interface for entry and display of meta data for custom post types.

read more

oik-plugins – WordPress plugins server

oik-plugins – WordPress plugins server

Deliver your FREE and Premium WordPress plugins from your own WordPress like plugin server.

read more

How it works

Four shortcodes are used to create the result.

[bw_jq .cycle method=cycle fx=fade script=cycle.all fit=1 width=”100%” ]

Use the [bw_jq] shortcode to invoke some jQuery code. Invoke the method called cycle with parameter fx=fade on the CSS selector .cycle. The script file source is jquery.cycle.all.js Additional parameters ( fit=1 and width=”100%” ) help make the cycle responsive. If you adjust the window size then the cycling area also adjusts.

[div class=”cycle”]

Create a div with the CSS selector .cycle. Additionally we need some CSS to make sure that the container and images within it are responsive.


div.cycle { width: 100% !important;  min-height: 300px !important;}
div.cycle img { max-width: 100% !important }
 

The !important parts are very important.

[bw_pages post_type=”oik-plugins” include=2384,2393,395,5025]

Display the posts identified in the include= parameter which are of post_type “oik-plugins”.

[ediv]

End the div we started earlier.

For more information

  • bw_css – Add internal CSS styling
  • bw_jq – Perform a jQuery method
  • bw_pages – Display page thumbnails and excerpts as links
  • div – start a <div> tag
  • ediv – end a <div> with </div>

See also

  • [bw_cycle]

hover to slideToggle source

In this example we use the [bw_code bw_jq] shortcode to cycle through the set of plugins that define the basic functionality of the oik-plugins server.<!--more-->[bw_jq .cycle method=cycle fx=fade script=cycle.all fit=1 width="100%"][div class="cycle bd350 w100pc"][bw_pages post_type="oik-plugins" numberposts=4 include=2384,2393,395,5025][ediv][clear]<h3>How it works</h3>Four shortcodes are used to create the result.[[bw_jq .cycle method=cycle fx=fade script=cycle.all fit=1 width="100%" ]]Use the [[bw_jq]] shortcode to invoke some jQuery code. Invoke the method called <strong>cycle</strong> with parameter <strong>fx=fade</strong> on the CSS selector <strong>.cycle</strong>. The script file source is <em>jquery.cycle.all.js</em> Additional parameters ( fit=1 and width="100%" ) help make the cycle responsive. If you adjust the window size then the cycling area also adjusts.[[div class="cycle"]]Create a div with the CSS selector <strong>.cycle</strong>.Additionally we need some CSS to make sure that the container and images within it are responsive.[bw_css .]div.cycle { width: 100% !important; min-height: 300px !important;}div.cycle img { max-width: 100% !important }[/bw_css]The !important parts are very important.[[bw_pages post_type="oik-plugins" include=2384,2393,395,5025]]Display the posts identified in the <strong>include=</strong> parameter which are of post_type <strong>"oik-plugins"</strong>. [[ediv]]End the div we started earlier.<h3>For more information</h3>[codes bw_jq,div,bw_pages,ediv,bw_css]<h3>See also</h3><ul><li>[bw_code bw_cycle]</li></ul><hr />[bw_wtf]

Published: March 8, 2013 | Last updated: August 19, 2014

Information

Component:
  • oik – oik information kit
Letters: E

Recent plugin updates

oik-themes v1.4.0 

Update to oik-themes v1.4.0 to support Full Site Editing (FSE) themes. FSE themes, which are currently experimental, deliver block based templates and template parts.

 ...
oik-clone v2.0.1 oik-clone v2.0.1 contains a fix for a 500 internal server error being produced when cloning content with certain taxonomy terms. ...
SB Chart block v0.1.1 

Update to SB Chart block v0.1.1 for improved enqueing of the chart.js Javascript and better colours in the Gutenberg palette.

 ...
Slog v1.3.1 

Update to Slog v1.3.1 for a new Driver tab and improved display of charts grouping Elapsed times.

 ...
SB-Chart-Block v0.0.8 SB-Chart-Block v0.0.8, a WordPress single block plugin, supports 4 different chart types; Line, Bar, Horizontal bar and Pie. ...

Plugins

  • All Plugins
  • oik base plugin
  • FREE oik plugins
  • WordPress plugins
  • Premium oik plugins

Themes

  • FREE themes
  • Bespoke themes
  • Premium themes

Blocks

  • All Blocks
  • Block examples
  • About Blocks

Shortcodes

  • All Shortcodes
  • Shortcode examples
  • About Shortcodes

Reference

  • About APIs
  • All APIs
  • All Classes
  • All Files
  • All Hooks

Support

  • Contact
  • Cookies policy
  • Get API key
  • Privacy
  • Request support
  • Sitemap
  • Stay informed
  • Terms and Conditions
oik-plugins
Email: [email protected]

Weight shipping plugins

Find out which cart weight shipping plugin you need for your WooCommerce site.
Which cart weight based plugin do I need?

Site:  www.oik-plugins.com
© Copyright oik-plugins 2011-2021. All rights reserved.


Website designed and developed by Herb Miller of Bobbing Wide
Proudly powered by WordPress and oik-plugins