Allows internal CSS styling to be included in the content of the page.
- Use the CSS block to add custom CSS.
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.
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.
If you want to read more about the oik plugins then please visit the
“OIK – OIK Information Kit”
This plugin provides 1 block.
- CSS Inline CSS
- Upload the contents of the oik-css plugin to the `/wp-content/plugins/oik-css’ directory
- Activate the oik-css plugin through the ‘Plugins’ menu in WordPress
- Use the CSS and GeSHi blocks within your content.
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?
[bw_css .] your CSS goes here[/bw_css]
[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.
[bw_geshi html]<h3>[bw_css], [bw_geshi] & [bw_background]</h3><p>Cool, lazy smart shortcodes from oik-plugins.</p>
Supported languages are:
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 18.104.22.168, 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.
What about Gutenberg?
oik-css has been tested with the Gutenberg plugin and some problems were detected.
For details see [github bobbingwide oik-css issues 9].
Changes have been made to undo the unwanted wpautop processing that affected the output of the bw_geshi shortcode.
In the future you may want to convert your shortcodes to blocks.
We are developing a new plugin for this… [github bobbingwide oik-block].
This new plugin depends on Gutenberg, the oik base plugin and oik-css.
There are no reviews for this plugin.
Contributors & Developers
“oik-css” is open source software. The following people have contributed to this plugin.Contributors
- Changed: Implement get_block_wrapper_attributes #16
- Changed: Adding styling of text,background and font size #16
- Changed: Updated wp-scripts
- Tested: With WordPress 6.1.1 and WordPress Multi Site
- Tested: With PHP 8.0
- Tested: With Gutenberg 14.5.4