Title: Simple Custom CSS and JS Author: SilkyPress Published: 7 de diciembre de 2015 Last modified: 20 de mayo de 2026 --- Buscar plugins ![](https://ps.w.org/custom-css-js/assets/banner-772x250.png?rev=1303730) ![](https://ps.w.org/custom-css-js/assets/icon-128x128.png?rev=1303730) # Simple Custom CSS and JS Por [SilkyPress](https://profiles.wordpress.org/diana_burduja/) [Descargar](https://downloads.wordpress.org/plugin/custom-css-js.3.53.zip) * [Detalles](https://ve.wordpress.org/plugins/custom-css-js/#description) * [Valoraciones](https://ve.wordpress.org/plugins/custom-css-js/#reviews) * [Instalación](https://ve.wordpress.org/plugins/custom-css-js/#installation) * [Desarrollo](https://ve.wordpress.org/plugins/custom-css-js/#developers) [Soporte](https://wordpress.org/support/plugin/custom-css-js/) ## Descripción Personaliza la apariencia de tu sitio de WordPress añadiendo fácilmente códigos personalizados CSS y JS sin siquiera tener que modificar tu tema o archivos de plugins. Esto es perfecto para añadir ajustes CSS personalizados a tu sitio. #### Características * **Text editor** with syntax highlighting * Imprime el código **integrado** o incluido en un **archivo externo** * Imprime el código en la **cabecera** o el **pie de página** * Añade CSS o JS a la **vista pública** o el **escritorio** * Añade tantos códigos como desees * Mantén tus cambios además cuando cambies el tema ## Capturas [⌊Gestionar códigos personalizados⌉⌊Gestionar códigos personalizados⌉[ Gestionar códigos personalizados [⌊Añadir/Editar JavaScript⌉⌊Añadir/Editar JavaScript⌉[ Añadir/Editar JavaScript [⌊Añadir/Editar CSS⌉⌊Añadir/Editar CSS⌉[ Añadir/Editar CSS [⌊Add/Edit HTML⌉⌊Add/Edit HTML⌉[ Add/Edit HTML ## Instalación * Desde el escritorio de WordPress, haz clic en «Plugins -> Añadir nuevo». * En el cuadro de entrada del navegador, escribe «Simple Custom CSS and JS». * Selecciona el plugin «Simple Custom CSS and JS» y haz clic en «Instalar». * Activa el plugin. O… * Descarga el plugin desde esta página. * Guarda el archivo .zip en una ubicación en tu computadora. * Abre el escritorio de WordPress y haz clic en «Plugins -> Añadir nuevo» * Haz clic en «Subir», luego busca el archivo .zip descargado de esta página. * Haz clic en «Instalar» y luego en «Activar». O… * Descarga el plugin desde esta página. * Extrae el archivo .zip en una ubicación en tu computadora. * Usa FTP o el cPanel de tu servidor para obtener acceso a los directorios de archivos de tu web. * Navega al directorio `/wp-content/plugins/` * Sube la carpeta extraída `custom-css-js` a esta ubicación de directorio. * Abre el escritorio de WordPress, haz clic en la página «Plugins» y luego haz clic en «Activar» debajo del plugin recién añadido «Simple Custom CSS and JS» ## Preguntas frecuentes ### ¿Qué sucede si quiero añadir múltiples códigos CSS externos? Si escribes varios códigos del mismo tipo (por ejemplo: dos códigos CSS externos), todos se imprimirán uno tras otro ### ¿Este plugin afectará el tiempo de carga? Cuando haces clic en el botón `Guardar`, los códigos se almacenarán en caché en los archivos, por lo que no hay consultas tediosas de la base de datos. ### ¿Este plugin modifica el código que escribo en el editor? No, el código se imprime exactamente como en el editor. No se modifica, comprueba o valida de ninguna manera. Asumes toda la responsabilidad por lo que está escrito allí. ### Mi código no se muestra en la web Prueba uno de los siguientes: 1. Si estás usando algún plugin de almacenamiento en caché (como «W3 Total Cache» o «WP Fastest Cache»), no olvides eliminar la caché antes de ver el código impreso en la web. 2. Asegúrate de que el código esté en estado **Publicado** (no en **Borrador** ni **en la Papelera**). 3. Comprueba si la carpeta `wp-content/uploads/custom-css-js` existe y se puede escribir en ella. ### ¿Funciona con una red multisitio? Sí. ### ¿Qué sucede si cambio el tema? El CSS y JS son independientes del tema y persistirán si se produce un cambio de tema. Esto es particularmente útil si aplicas CSS y JS para modificar la salida de un plugin. ### ¿Puedo usar un preprocesador CSS como LESS o Sass? Por el momento, solo es compatible con CSS plano, pero puedes consultar la [versión Pro ](https://www.silkypress.com/simple-custom-css-js-pro/?utm_source=wordpress&utm_campaign=ccj_free&utm_medium=banner) en caso de que necesites un preprocesador CSS. ### ¿Puedo subir imágenes para usar con mi CSS? Sí. Puedes subir una imagen a tu biblioteca de medios, luego referirte a ella por su URL directa desde la hoja de estilo CSS. Por ejemplo: div#content { background- image: url(‘https://ejemplo.com/wp-content/uploads/2015/12/image.jpg’); } ### ¿Puedo usar reglas CSS como @import y @font-face? Sí. ### ¿Quién puede publicar, editar o borrar los códigos personalizados? Por defecto, solo el administrador podrá publicar, editar o eliminar códigos personalizados. Al activar el plugin se crea un perfil llamado «Diseñador web». Puedes asignar este perfil a un usuario que no sea administrador para permitirle publicar, editar o eliminar códigos personalizados. En la página de ajustes del plugin hay una opción para eliminar este perfil. ### Mi web tiene las URL en HTTPS, pero los códigos están enlazados como HTTP La URL para los códigos enlazados se construye igual que la URL para otros medios( desde la biblioteca de medios) usando la opción de direcciones de WordPress que se encuentra en «Escritorio > Ajustes > Generales», como se muestra en [esta captura de pantalla](https://www.silkypress.com/wp-content/uploads/2016/12/ccj-siteurl.png). Si la dirección de WordPress tiene HTTPS en la URL, los códigos personalizados y todos los demás medios tendrán HTTPS en la URL. ## Reseñas ![](https://secure.gravatar.com/avatar/50146583103823219a2bc68d9d4a7ee7acfe9eb6a67d73653f2c15b6d4e77ab3? s=60&d=retro&r=g) ### 󠀁[I recommend this plugin it – Security Review](https://wordpress.org/support/topic/i-recommend-this-plugin-it-security-review/)󠁿 [tomcudworth84](https://profiles.wordpress.org/tomcudworth84/) 17 de abril de 2026 This plugin really helped speed up my development workflow. I revisited it some time later and did a static code analysis. From this I had some questions for Andrew. He explained exactly why certain functions were used and their lack of risk. I am very happy to use this plugin and I recommend it to anyone looking for a plugin that just works like it should. ![](https://secure.gravatar.com/avatar/4b74336b53c44542848a38a0f20e39581b5432180275883407166ef69e1b95de? s=60&d=retro&r=g) ### 󠀁[Splendid](https://wordpress.org/support/topic/great-17086/)󠁿 [ishraqued](https://profiles.wordpress.org/ishraqued/) 1 de abril de 2026 Great Plugin ![](https://secure.gravatar.com/avatar/17762ac7d270ed4b36487da28bf6c9fb58bff595d8d3282119775381a2dd8578? s=60&d=retro&r=g) ### 󠀁[Great customer support and response to my need](https://wordpress.org/support/topic/great-customer-support-and-response-to-my-need/)󠁿 [michaelmatzkin](https://profiles.wordpress.org/michaelmatzkin/) 19 de enero de 2026 I appreciate you addressing what had been an incompatibility with another plugin. This fix helps me make better use of your product. ![](https://secure.gravatar.com/avatar/0c048b031053d85d39576ae1fcd3963cbd911570ebdd45651434e72bad9ee72d? s=60&d=retro&r=g) ### 󠀁[Just what I was looking for](https://wordpress.org/support/topic/just-what-i-was-looking-for-582/)󠁿 [Heath Woodward](https://profiles.wordpress.org/goldeneye512/) 18 de agosto de 2025 Works perfectly. Great plugin. ![](https://secure.gravatar.com/avatar/fda2e310e186a011d8b8440ac9bc39e92c1b7fe5525e78b22917f7908955762e? s=60&d=retro&r=g) ### 󠀁[Great Product, Great Support](https://wordpress.org/support/topic/great-product-great-support-216/)󠁿 [Zayadur](https://profiles.wordpress.org/zayadur/) 23 de junio de 2025 There is no other plugin that allows you to control settings like WP conditional location rules, stores versioned copies of the files in a directory making local development easier, and is a simple UX to deploy rapid updates cutting down on development time. On top of that, the support team has gone above and beyond to address and fix limitations to allow my business and developers’ workflows to continue without a hitch. I highly recommend this plugin to anyone that’s looking for a definitive solution to deploy HTML, CSS, JS snippets on a per-post basis. ![](https://secure.gravatar.com/avatar/f8e7bea1ca5de59582c24d555f722db5971a47c91dfeae4b8933c89e7f78d104? s=60&d=retro&r=g) ### 󠀁[Very Simple and Multi-Functional](https://wordpress.org/support/topic/very-simple-and-multi-functional-2/)󠁿 [joseeneveu](https://profiles.wordpress.org/joseeneveu/) 22 de febrero de 2025 Thanks to this plugin, I was able to make modifications to parts of my own website that had been eluding me for WEEKS through other CSS plugins that I had been trying to use. [ Leer todas las 103 reseñas ](https://wordpress.org/support/plugin/custom-css-js/reviews/) ## Colaboradores y desarrolladores «Simple Custom CSS and JS» es un software de código abierto. Las siguientes personas han colaborado con este plugin. Colaboradores * [ SilkyPress ](https://profiles.wordpress.org/diana_burduja/) «Simple Custom CSS and JS» ha sido traducido a 17 idiomas locales. Gracias a [los traductores](https://translate.wordpress.org/projects/wp-plugins/custom-css-js/contributors) por sus contribuciones. [Traduce «Simple Custom CSS and JS» a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/custom-css-js) ### ¿Interesado en el desarrollo? [Revisa el código](https://plugins.trac.wordpress.org/browser/custom-css-js/) , echa un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/custom-css-js/) o suscríbete al [registro de desarrollo](https://plugins.trac.wordpress.org/log/custom-css-js/) por [RSS](https://plugins.trac.wordpress.org/log/custom-css-js/?limit=100&mode=stop_on_copy&format=rss). ## Registro de cambios #### 3.53 * 05/20/2026 * Fix: the «list_table_primary_column» filter should affect only the Custom Code table #### 3.52 * 03/06/2026 * Fix: don’t load block_css.css or block_js.js on the frontend * Add option «Remove comment from externally linked custom codes» #### 3.51.3 * 01/09/2026 * Fix https://wordpress.org/support/topic/recent-update-crashes-admin-panel/ #### 3.51.2 * 12/21/2025 * Compatibility WP6.9 * Tweak: add translators’ notes to translatable strings * Tweak: use `wp_delete_file` function, which allows a filter before deleting a file #### 3.51.1 * 10/14/2025 * Fix: add the drag icon that makes the editor expandable * Fix: the syntax highlighting was missing for HTML custom codes due to an array id overridding #### 3.51 * 09/06/2025 * Tweak: update the CodeMirror library to the 5.65.20 version * Fix: change the loading method in the Block editor to the recommended «enqueue_block_assets» #### 3.50 * 02/17/2025 * Fix: the editor doesn’t show up under certain conditions * Fix: don’t show the code excerpts in the list table, if the «Extended View» option is enabled for posts or pages #### 3.49 * 11/13/2024 * Fix: add nuance for the «in Block editor» option for websites with WP before v6.6 and after #### 3.48 * 09/24/2024 * Feature: add JS/CSS custom codes to the Block editor #### 3.47 * 05/27/2024 * Fix: use the GMT time for showing when a custom code was published or modified #### 3.46 * 01/31/2024 * Tweak: update the Bootstrap and jQuery library links * Tweak: remove the qTranslate-x warning. The qTranslate-x plugin was removed from wp.org since Aug 2021 [See changelog for all versions](https://plugins.svn.wordpress.org/custom-css-js/trunk/changelog.txt). ## Meta * Version **3.53** * Last updated **hace 1 mes** * Active installations **600.000+** * WordPress version ** 3.0.1 o superior ** * Tested up to **7.0** * PHP version ** 5.2.4 o superior ** * Languages * [Czech](https://cs.wordpress.org/plugins/custom-css-js/), [Dutch](https://nl.wordpress.org/plugins/custom-css-js/), [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/custom-css-js/), [English (US)](https://wordpress.org/plugins/custom-css-js/), [French (France)](https://fr.wordpress.org/plugins/custom-css-js/), [Galician](https://gl.wordpress.org/plugins/custom-css-js/), [German](https://de.wordpress.org/plugins/custom-css-js/), [Japanese](https://ja.wordpress.org/plugins/custom-css-js/), [Persian](https://fa.wordpress.org/plugins/custom-css-js/), [Polish](https://pl.wordpress.org/plugins/custom-css-js/), [Russian](https://ru.wordpress.org/plugins/custom-css-js/), [Spanish (Chile)](https://cl.wordpress.org/plugins/custom-css-js/), [Spanish (Colombia)](https://es-co.wordpress.org/plugins/custom-css-js/), [Spanish (Ecuador)](https://es-ec.wordpress.org/plugins/custom-css-js/), [Spanish (Mexico)](https://es-mx.wordpress.org/plugins/custom-css-js/), [Spanish (Spain)](https://es.wordpress.org/plugins/custom-css-js/), [Spanish (Venezuela)](https://ve.wordpress.org/plugins/custom-css-js/) y [Swedish](https://sv.wordpress.org/plugins/custom-css-js/). * [Traducir a tu idioma](https://translate.wordpress.org/projects/wp-plugins/custom-css-js) * Tags * [add style](https://ve.wordpress.org/plugins/tags/add-style/)[custom css](https://ve.wordpress.org/plugins/tags/custom-css/) [custom js](https://ve.wordpress.org/plugins/tags/custom-js/)[customize theme](https://ve.wordpress.org/plugins/tags/customize-theme/) * [Vista avanzada](https://ve.wordpress.org/plugins/custom-css-js/advanced/) ## Valoraciones 4.4 out of 5 stars. * [ 82 5-star reviews ](https://wordpress.org/support/plugin/custom-css-js/reviews/?filter=5) * [ 4 4-star reviews ](https://wordpress.org/support/plugin/custom-css-js/reviews/?filter=4) * [ 4 3-star reviews ](https://wordpress.org/support/plugin/custom-css-js/reviews/?filter=3) * [ 2 2-star reviews ](https://wordpress.org/support/plugin/custom-css-js/reviews/?filter=2) * [ 11 1-star reviews ](https://wordpress.org/support/plugin/custom-css-js/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/custom-css-js/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/custom-css-js/reviews/) ## Colaboradores * [ SilkyPress ](https://profiles.wordpress.org/diana_burduja/) ## Soporte ¿Tienes algo que decir? ¿Necesitas ayuda? [Ver el foro de soporte](https://wordpress.org/support/plugin/custom-css-js/)