Title: oik-css
Author: bobbingwide
Published: <strong>2013 年 7 月 9 日</strong>
Last modified: 2024 年 11 月 14 日

---

搜索插件

![](https://ps.w.org/oik-css/assets/banner-772x250.jpg?rev=2235743)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://ps.w.org/oik-css/assets/icon-128x128.png?rev=973875)

# oik-css

 作者：[bobbingwide](https://profiles.wordpress.org/bobbingwide/)

[下载](https://downloads.wordpress.org/plugin/oik-css.2.3.1.zip)

 * [详情](https://cn.wordpress.org/plugins/oik-css/#description)
 * [评价](https://cn.wordpress.org/plugins/oik-css/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/oik-css/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/oik-css/#developers)

 [支持](https://wordpress.org/support/plugin/oik-css/)

## 描述

 * 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](https://www.oik-plugins.com/oik)**“
OIK – OIK Information Kit”**

## 屏幕截图

 * [[
 * CSS block example
 * [[
 * GeSHi block example
 * [[
 * [bw_css] – syntax and examples
 * [[
 * [bw_geshi] – examples
 * [[
 * oik-CSS options – available when oik is active

## 区块

该插件提供了 2 个区块.

 *   GeSHi Generic Syntax Highlighting – for code examples
 *   CSS Inline CSS

## 安装

 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.

## 常见问题

### 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]
    ```

或者

    ```
    [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.

## 评价

此插件暂无评价。

## 贡献者及开发者

「oik-css」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ bobbingwide ](https://profiles.wordpress.org/bobbingwide/)
 *   [ vsgloik ](https://profiles.wordpress.org/vsgloik/)

[帮助将「oik-css」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/oik-css)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/oik-css/)，查看[SVN仓库](https://plugins.svn.wordpress.org/oik-css/)，
或通过[RSS](https://plugins.trac.wordpress.org/log/oik-css/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/oik-css/)。

## 更新日志

#### 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

## 额外信息

 *  版本 **2.3.1**
 *  最后更新：**2 年前**
 *  活跃安装数量 **20+**
 *  WordPress 版本 ** 5.0 或更高版本 **
 *  已测试的最高版本为 **6.7.5**
 *  语言
 * [English (US)](https://wordpress.org/plugins/oik-css/)
 * 标签
 * [blocks](https://cn.wordpress.org/plugins/tags/blocks/)[css](https://cn.wordpress.org/plugins/tags/css/)
   [geshi](https://cn.wordpress.org/plugins/tags/geshi/)[shortcodes](https://cn.wordpress.org/plugins/tags/shortcodes/)
 *  [高级视图](https://cn.wordpress.org/plugins/oik-css/advanced/)

## 评级

 4.5 星（最高 5 星）。

 *  [  1 条 5 星评价     ](https://wordpress.org/support/plugin/oik-css/reviews/?filter=5)
 *  [  1 条 4 星评价     ](https://wordpress.org/support/plugin/oik-css/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/oik-css/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/oik-css/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/oik-css/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/oik-css/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/oik-css/reviews/)

## 贡献者

 *   [ bobbingwide ](https://profiles.wordpress.org/bobbingwide/)
 *   [ vsgloik ](https://profiles.wordpress.org/vsgloik/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/oik-css/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](https://www.oik-plugins.com/oik/oik-donate/)