Title: oik-css
Author: bobbingwide
Published: <strong>9 de Julio de  2013</strong>
Last modified: 14 de Noviembre de  2024

---

Buscar plugins

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

Este plugin **no ha sido probado con ninguna las 3 últimas versiones principales
de WordPress**. Puede que ya no se mantenga o no tenga soporte, y puede que tenga
problemas de compatibilidad cuando se utiliza con versiones más recientes de WordPress.

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

# oik-css

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

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

 * [Detalles](https://cl.wordpress.org/plugins/oik-css/#description)
 * [Reseñas](https://cl.wordpress.org/plugins/oik-css/#reviews)
 *  [Instalación](https://cl.wordpress.org/plugins/oik-css/#installation)
 * [Desarrollo](https://cl.wordpress.org/plugins/oik-css/#developers)

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

## Descripción

 * 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”**

## Capturas de pantalla

[⌊CSS block example⌉⌊CSS block example⌉[

CSS block example

[⌊GeSHi block example⌉⌊GeSHi block example⌉[

GeSHi block example

[⌊[bw_css] - syntax and examples⌉⌊[bw_css] - syntax and examples⌉[

[bw_css] – syntax and examples

[⌊[bw_geshi] - examples⌉⌊[bw_geshi] - examples⌉[

[bw_geshi] – examples

[⌊oik-CSS options - available when oik is active⌉⌊oik-CSS options - available when
oik is active⌉[

oik-CSS options – available when oik is active

## Bloques

Este plugin proporciona 2 bloques.

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

## Instalación

 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.

## FAQ

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

## Reseñas

No hay reseñas para este plugin.

## Colaboradores & Desarrolladores

“oik-css” es software de código abierto. Las siguientes personas han contribuido
a este plugin.

Colaboradores

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

[Traduce “oik-css” a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/oik-css)

### ¿Interesado en el desarrollo?

[Revisa el código](https://plugins.trac.wordpress.org/browser/oik-css/), echa un
vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/oik-css/), o suscríbete
al [registro de desarrollo](https://plugins.trac.wordpress.org/log/oik-css/) por
[RSS](https://plugins.trac.wordpress.org/log/oik-css/?limit=100&mode=stop_on_copy&format=rss).

## Historial de cambios

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

## Meta

 *  Versión **2.3.1**
 *  Última actualización **hace 2 años**
 *  Instalaciones activas **20+**
 *  Versión de WordPress ** 5.0 o superior **
 *  Probado hasta **6.7.9**
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/oik-css/)
 * Etiquetas
 * [blocks](https://cl.wordpress.org/plugins/tags/blocks/)[css](https://cl.wordpress.org/plugins/tags/css/)
   [geshi](https://cl.wordpress.org/plugins/tags/geshi/)[shortcodes](https://cl.wordpress.org/plugins/tags/shortcodes/)
 *  [Vista Avanzada](https://cl.wordpress.org/plugins/oik-css/advanced/)

## Calificaciones

 4.5 de 5 estrellas.

 *  [  1 valoración de 5 estrellas     ](https://wordpress.org/support/plugin/oik-css/reviews/?filter=5)
 *  [  1 valoración de 4 estrellas     ](https://wordpress.org/support/plugin/oik-css/reviews/?filter=4)
 *  [  0 valoraciones de 3 estrellas     ](https://wordpress.org/support/plugin/oik-css/reviews/?filter=3)
 *  [  0 valoraciones de 2 estrellas     ](https://wordpress.org/support/plugin/oik-css/reviews/?filter=2)
 *  [  0 valoraciones de 1 estrellas     ](https://wordpress.org/support/plugin/oik-css/reviews/?filter=1)

[Tu reseña](https://wordpress.org/support/plugin/oik-css/reviews/#new-post)

[Ver todas las reseñas](https://wordpress.org/support/plugin/oik-css/reviews/)

## Colaboradores

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

## Soporte

¿Tienes algo que decir? ¿Necesitas ayuda?

 [Ver el foro de soporte](https://wordpress.org/support/plugin/oik-css/)

## Donar

¿Te gustaría apoyar el avance de este plugin?

 [ Donar para este plugin ](https://www.oik-plugins.com/oik/oik-donate/)