Title: oik-css Author: bobbingwide Published: 2013 年 7 月 9 日 Last modified: 2024 年 11 月 14 日 --- 搜尋外掛 ![](https://ps.w.org/oik-css/assets/banner-772x250.jpg?rev=2235743) 這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個 外掛進行維護或提供技術支援，並可能會與更新版本的 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://tw.wordpress.org/plugins/oik-css/#description) * [使用者評論](https://tw.wordpress.org/plugins/oik-css/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/oik-css/#installation) * [開發資訊](https://tw.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 個可供 Gutenberg/區塊編輯器使用的區塊。 * 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]

[bw_css], [bw_geshi] & [bw_background]

Cool, lazy smart shortcodes from oik-plugins.

[/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 或更新版本 ** * 已測試相容的 WordPress 版本 **6.7.5** * 語言 * [English (US)](https://wordpress.org/plugins/oik-css/) * 標籤: * [blocks](https://tw.wordpress.org/plugins/tags/blocks/)[css](https://tw.wordpress.org/plugins/tags/css/) [geshi](https://tw.wordpress.org/plugins/tags/geshi/)[shortcodes](https://tw.wordpress.org/plugins/tags/shortcodes/) * [進階檢視](https://tw.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/)