Plugin info

Total downloads: 5,575
Active installs: 20
Total reviews: 2
Average rating: 4.5
Support threads opened: 0
Support threads resolved: 0 (0%)
Available in: 1 language(s)
Contributors: 2
Last updated: 11/14/2024 (412 days ago)
Added to WordPress: 7/9/2013 (12 years old)
Minimum WordPress version: 5.0
Tested up to WordPress version: 6.7.4
Minimum PHP version: f

Maintenance & Compatibility

Maintenance score

Possibly abandoned • Last updated 412 days ago • 2 reviews

28/100

Is oik-css abandoned?

Possibly abandoned (last update 412 days ago).

Compatibility

Requires WordPress: 5.0
Tested up to: 6.7.4
Requires PHP: f

Similar & Alternatives

Explore plugins with similar tags, and compare key metrics like downloads, ratings, updates, support, and WP/PHP compatibility.

No similar plugins found yet.

Description

  • Use the CSS block to add custom CSS.
  • Use the GeSHi block to syntax highlight: CSS, HTML, JavaScript, jQuery, PHP, MySQL or None.

For backward compatibility:

  • Use the [bw_css] shortcode to add custom CSS as and when you need it.

For designers, developers and documenters [bw_css] supports echoing of the custom CSS, allowing you to document the CSS you are using.
For readability, the CSS is processed using the Generic Syntax Highlighter (GeSHi) processing.

  • Use the [bw_geshi] shortcode for syntax highlighting of: CSS, HTML(5), JavaScript and jQuery, PHP and MySQL.
    Also supports language: none.

If the oik base plugin is activated

  • Use the [bw_autop] shortcode to disable or re-enable WordPress’s wpautop() logic.

  • Use the experimental [bw_background] shortcode to display an attached image in the background.

Further reading

If you want to read more about the oik plugins then please visit the
oik plugin
“OIK – OIK Information Kit”

Installation

  1. Upload the contents of the oik-css plugin to the `/wp-content/plugins/oik-css’ directory
  2. Activate the oik-css plugin through the ‘Plugins’ menu in WordPress
  3. Use the CSS and GeSHi blocks within your content.

Frequently Asked Questions

What are the dependencies?

This code is no longer dependent upon the oik base plugin; it uses shared libraries.
If you want to use the shortcodes then using oik v3.3.7 or higher is still recommended.

What is the syntax?

[bw_css] your CSS goes here [/bw_css]

Note: The ending shortcode tag [/bw_css] is required

How do I get the GeSHi output?

Either

[bw_css .] your CSS goes here[/bw_css]

or

[bw_css text="Annotation to the CSS that will follow"] your CSS goes here[/bw_css]

How do I get GeSHi output for other languages?

Use the [bw_geshi] shortcode.
e.g.
[bw_geshi html]<h3>[bw_css], [bw_geshi] & [bw_background]</h3><p>Cool, lazy smart shortcodes from oik-plugins.</p>
[/bw_geshi]

Supported languages are:

  • CSS
  • HTML(5)
  • JavaScript and jQuery
  • PHP
  • MySQL
  • none

If you want to display syntax highlighted CSS without affecting the current display use [bw_geshi css].

What version of GeSHi does oik-css use?

oik-css delivers a subset of GeSHi version 1.0.9.0, which was released in May 2017, with modifications to support PHP 7.2

Only a small selection of the languages are supported by oik-css. These are the languages primarily used by WordPress.

Note: oik-css will only load the GeSHi code if it is not already loaded.

Review feed

No reviews available

Screenshots

  1. CSS block example

    CSS block example

  2. GeSHi block example

    GeSHi block example

  3. [bw_css] - syntax and examples

    [bw_css] - syntax and examples

  4. [bw_geshi] - examples

    [bw_geshi] - examples

  5. oik-CSS options - available when oik is active

    oik-CSS options - available when oik is active

Changelog

2.3.1

  • Changed: Disable wpautop() processing for block based themes #35
  • Changed: Update wp-scripts to v30.4.0 #26
  • Tested: With WordPress 6.7 and WordPress Multisite
  • Tested: With PHP 8.3
  • Tested: With PHPUnit 9.6