Title: Post/Page Specific Custom Code Author: Łukasz Nowicki Published: 16 de diciembre de 2016 Last modified: 23 de julio de 2026 --- Buscar plugins ![](https://ps.w.org/postpage-specific-custom-css/assets/banner-772x250.png?rev= 2292438) ![](https://ps.w.org/postpage-specific-custom-css/assets/icon-256x256.png?rev=1707637) # Post/Page Specific Custom Code Por [Łukasz Nowicki](https://profiles.wordpress.org/lukasznowicki/) [Descargar](https://downloads.wordpress.org/plugin/postpage-specific-custom-css.0.3.1.zip) * [Detalles](https://es.wordpress.org/plugins/postpage-specific-custom-css/#description) * [Valoraciones](https://es.wordpress.org/plugins/postpage-specific-custom-css/#reviews) * [Instalación](https://es.wordpress.org/plugins/postpage-specific-custom-css/#installation) * [Desarrollo](https://es.wordpress.org/plugins/postpage-specific-custom-css/#developers) [Soporte](https://wordpress.org/support/plugin/postpage-specific-custom-css/) ## Descripción Post/Page Specific Custom Code te permite añadir CSS personalizado a entradas, páginas o productos de WooCommerce individuales. En la pantalla de edición hay un cuadro dedicado donde escribes tu CSS. También puedes elegir si debe cargarse solo en la vista individual o también en vistas de tipo archivo. El cuadro meta aparece debajo del editor de contenido en entradas, páginas y productos. Introduce ahí tu CSS y decide si se aplica solo en la vista individual o también en vistas de tipo archivo (listados del blog/categorías, la tienda de WooCommerce y categorías/etiquetas de producto). El CSS de producto también se carga en la medida de lo posible para productos renderizados mediante plantillas de bucle estándar de WooCommerce fuera de la consulta principal (por ejemplo, el shortcode `[products]`). El CSS descubierto solo después de la cabecera de la página puede imprimirse en el pie. El marcado personalizado de producto que omite las plantillas de WooCommerce necesita un pequeño gancho de integración. Los productos inyectados solo mediante AJAX o desplazamiento infinito no están cubiertos. Los campos CSS usan de forma predeterminada un editor de código con resaltado de sintaxis. Puedes desactivar el resaltado con un filtro si prefieres un área de texto sencilla (por ejemplo, en máquinas más lentas). ### Requisitos Este plugin requiere WordPress 5.0 o posterior (mantén WordPress actualizado) y PHP 7.4 o posterior en tu servidor. ## Capturas [⌊Si no ves el panel Código personalizado, abre Opciones de pantalla y asegúrate de que «Código personalizado» esté marcado.⌉⌊Si no ves el panel Código personalizado, abre Opciones de pantalla y asegúrate de que «Código personalizado» esté marcado .⌉[ Si no ves el panel Código personalizado, abre Opciones de pantalla y asegúrate de que «Código personalizado» esté marcado. [⌊Introduce el CSS que se aplica a tu entrada, página o producto. Puedes limitarlo solo a la vista individual.⌉⌊Introduce el CSS que se aplica a tu entrada, página o producto. Puedes limitarlo solo a la vista individual.⌉[ Introduce el CSS que se aplica a tu entrada, página o producto. Puedes limitarlo solo a la vista individual. [⌊Pantalla de ajustes del plugin.⌉⌊Pantalla de ajustes del plugin.⌉[ Pantalla de ajustes del plugin. ## Instalación #### Instalación automática La instalación automática es la opción más sencilla. Inicia sesión en el escritorio de WordPress, ve a Plugins y haz clic en Añadir nuevo. Busca _Post/Page Specific Custom Code_ y haz clic en Instalar ahora. #### Instalación manual 1. Descarga el ZIP del plugin desde WordPress.org (o desde este repositorio). 2. Sube la carpeta `postpage-specific-custom-css` al directorio `/wp-content/plugins/`( de modo que el archivo principal del plugin esté en `/wp-content/plugins/postpage- specific-custom-css/post-page-specific-custom-css.php`). 3. Activa el plugin desde el menú Plugins de WordPress. 4. ¡Eso es todo — disfrútalo! ## FAQ ### ¿Es gratis? Sí. Está licenciado bajo GPLv2 (o posterior). Si quieres apoyar el trabajo, puedes donar — ¡gracias! ### ¿Cómo desactivo el resaltado de código CSS en el editor? El resaltado está activado de forma predeterminada. Para usar en su lugar un área de texto sencilla, añade esto al `functions.php` de tu tema o a un pequeño plugin personalizado: ``` add_filter( 'postpage_sccss-highlight_code', '__return_false' ); ``` Esto afecta al cuadro Código personalizado en entradas, páginas y productos, y a los campos CSS predeterminados en la pantalla de ajustes del plugin. Al desactivar el resaltado se usa un área de texto sencilla. En entradas, páginas y productos, la comprobación automática de sintaxis sigue funcionando en esa área de texto; los campos CSS predeterminados de la pantalla de ajustes del plugin no tienen comprobación de sintaxis. ### ¿Cómo cargo el CSS de producto para un bucle de productos personalizado? Si tu tema o plugin renderiza productos con las plantillas estándar de WooCommerce(` wc_product_class()` / `content-product.php`), el registro es automático. Si generas tu propio HTML, registra el producto antes de renderizarlo: ``` do_action( 'postpage_sccss_register_product', $product_id ); ``` Puedes pasar un ID de producto, un `WP_Post` o una instancia de `WC_Product`. ## Reseñas ![](https://secure.gravatar.com/avatar/4b6554125946ed920745528855dc87c0103a7850f7fb633bf7eb57f4c0cfa393? s=60&d=retro&r=g) ### 󠀁[Spam message asking for money](https://wordpress.org/support/topic/spam-message-asking-for-money/)󠁿 [brandoncollins](https://profiles.wordpress.org/brandoncollins/) 3 de mayo de 2024 Be warned! This plugin is a sneaky scam. Out of nowhere, a giant info box shoves a payment message in your face on the WordPress admin page. It's clear the developer has no clue about user experience, and leaving their code on your site is a recipe for disaster. ![](https://secure.gravatar.com/avatar/f60958746fe77bef5f92b6916fbdeae9a2dd018869c99a65a5c23d15cb888821? s=60&d=retro&r=g) ### 󠀁[Spammy plugin](https://wordpress.org/support/topic/spammy-plugin-2/)󠁿 [crissman](https://profiles.wordpress.org/crissman/) 1 de mayo de 2024 Uninstalled. Spams the WP Admin page with money begs. ![](https://secure.gravatar.com/avatar/b809cf561c7c773892ba5e5c88a31e99a04ef9a06718253b2a8c1cf5fb2c1bea? s=60&d=retro&r=g) ### 󠀁[A bit buggy](https://wordpress.org/support/topic/a-bit-buggy-4/)󠁿 [revixi5](https://profiles.wordpress.org/revixi5/) 4 de febrero de 2024 The CSS metabox has a spinner that continuously spin, and the CSS is now inject inside the BODY content of the page instead of the HEAD… probably another bug. Had to switch to Simple CSS. It inject the code in the header and minify it. ![](https://secure.gravatar.com/avatar/39aec66a29d56db6cac5349ac21968b82fd32f968c89c0333bb6fe0baa11530e? s=60&d=retro&r=g) ### 󠀁[A very useful plugin](https://wordpress.org/support/topic/a-very-useful-plugin-81/)󠁿 [Victor Tyavbee](https://profiles.wordpress.org/tsquare07/) 3 de mayo de 2023 The plugin is very useful ![](https://secure.gravatar.com/avatar/bba0930383ab1098618ff2f7659987a32f8f21314c6723d93c9dbafc58142d95? s=60&d=retro&r=g) ### 󠀁[Such a handy plugin!](https://wordpress.org/support/topic/such-a-handy-plugin-3/)󠁿 [jjminkle](https://profiles.wordpress.org/jjminkle/) 2 de mayo de 2023 I am surprised this plugin is not more popular. It is a great way to add a little CSS to a page. Sometimes I just find it handy when I want to test CSS before adding it to my main stylesheet. Especially if I want to show someone global page changes before actually doing them globally. ![](https://secure.gravatar.com/avatar/a960890879a8b7c51b0ebe8b61a871deb7d5ef6bebbbf833543746af223b07e5? s=60&d=retro&r=g) ### 󠀁[Gets the CSS displayed](https://wordpress.org/support/topic/gets-the-css-displayed/)󠁿 [jmlord](https://profiles.wordpress.org/jmlord/) 6 de enero de 2023 Hi! Great plugin, exactly what I was looking for. On my version (6.1.1) the CSS validation fails due to line 679 (there is no data object in wp object).const ppsccEditPost = wp.data.select('core/edit-post'); Otherwise the CSS saves and displays correctly. [ Leer todas las 42 reseñas ](https://wordpress.org/support/plugin/postpage-specific-custom-css/reviews/) ## Colaboradores y desarrolladores «Post/Page Specific Custom Code» es un software de código abierto. Las siguientes personas han colaborado con este plugin. Colaboradores * [ Łukasz Nowicki ](https://profiles.wordpress.org/lukasznowicki/) «Post/Page Specific Custom Code» está traducido en 3 idiomas. Gracias a [los traductores](https://translate.wordpress.org/projects/wp-plugins/postpage-specific-custom-css/contributors) por sus contribuciones. [Traduce «Post/Page Specific Custom Code» a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/postpage-specific-custom-css) ### ¿Interesado en el desarrollo? [Revisa el código](https://plugins.trac.wordpress.org/browser/postpage-specific-custom-css/), echa un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/postpage-specific-custom-css/) o suscríbete al [registro de desarrollo](https://plugins.trac.wordpress.org/log/postpage-specific-custom-css/) por [RSS](https://plugins.trac.wordpress.org/log/postpage-specific-custom-css/?limit=100&mode=stop_on_copy&format=rss). ## Registro de cambios #### 0.3.1 * Fecha de lanzamiento: 2026-07-23 * Corregida la casilla «solo vista de página individual» que no reflejaba el valor guardado (y lo sobrescribía al guardar) * css-tree 3.1.0 incluido localmente en lugar de cargarlo desde una CDN * El linting de CSS en el editor es solo informativo (resalta problemas); el CSS ya no se bloquea en el frontal mediante una bandera de validez en el cliente * Eliminado el meta `_phylax_ppsccss_valid` y el campo oculto del formulario live- checker * Añadida sanitización en el servidor para CSS incrustado en etiquetas (guardado y salida en el frontal) * Sanitizador CSS reforzado: escape 0.3.0 * Fecha de lanzamiento: 2025-07-21 * Añadida compatibilidad con productos de WooCommerce (ahora se puede asignar CSS personalizado a productos individuales) * Plugin renombrado de «Post/Page specific custom CSS» a «Post/Page Specific Custom Code» #### 0.2.5 * Fecha de lanzamiento: 2025-07-17 * El resaltado del código CSS ahora está activado de forma predeterminada. Hace 7 años era opcional por preocupaciones de rendimiento en máquinas más lentas — hoy eso parece anticuado; aún puedes desactivarlo usando: add_filter(‘postpage_sccss- highlight_code’, ‘__return_false’); * Corregida la validación incorrecta de un campo CSS vacío * Sustituida la validación de CSS por un mecanismo de linting * Mejoras menores de código y pruebas de compatibilidad con versiones más recientes de PHP y WordPress * Eliminado el aviso de cumpleaños #### 0.2.4 * Fecha de lanzamiento: 2022-01-20 * Corregidos los valores predeterminados de entrada/página (estaban invertidos;¡ gracias, @olandir, por señalarlo!) #### 0.2.3 * Fecha de lanzamiento: 2021-11-29 * Corregido el problema al guardar las opciones * Corregido el formato del texto #### 0.2.2 * Fecha de lanzamiento: 2020-05-10 * Muchas correcciones para mantenerse alineado con los estándares de código de WordPress * Banner de cumpleaños visible solo para administradores * El banner de cumpleaños ahora se puede ocultar hasta el año siguiente * Opcionalmente se puede permitir a los editores editar CSS #### 0.2.1 * Fecha de lanzamiento: 2020-04-27 * Nota sobre JavaScript personalizado * Nota de cumpleaños #### 0.2.0 * Fecha de lanzamiento: 2020-02-25 * Compatibilidad: WordPress 5.3 y anteriores * Añadida una página de opciones para el plugin * Añadido CSS predeterminado para entradas y páginas * Añadido resaltado de CSS para entradas, páginas y la pantalla de opciones (CSS predeterminado) * Campos del editor más grandes de forma predeterminada, con opción de hacerlos aún más grandes #### 0.1.4 * Fecha de lanzamiento: 2018-11-21 * Estado: Estable * Compatibilidad: WordPress 5.0 y anteriores * Refactorización menor del código #### 0.1.3 * Fecha de lanzamiento: 2018-05-18 * Estado: Estable * Compatibilidad: WordPress 4.9.6 y anteriores #### 0.1.2 * Fecha de lanzamiento: 2018-05-05 * Estado: Estable * Compatibilidad: WordPress 4.9.5 y anteriores * Añadidas capturas de pantalla, iconos e imagen de cabecera para el repositorio de WordPress #### 0.1.1 * Fecha de lanzamiento: 2017-08-03 * Estado: Estable * Compatibilidad: WordPress 4.8.1 y anteriores * Añadidas capturas de pantalla, iconos e imagen de cabecera para el repositorio de WordPress #### 0.1.0 * Fecha de lanzamiento: 2016-12-16 * Estado: Estable * Lanzamiento inicial ## Meta * Versión **0.3.1** * Última actualización **hace 3 meses** * Instalaciones activas **6.000+** * Versión de WordPress ** 5.0 o superior ** * Probado hasta **7.0.7** * Versión de PHP ** 7.4 o superior ** * Idiomas * [English (US)](https://wordpress.org/plugins/postpage-specific-custom-css/), [Japanese](https://ja.wordpress.org/plugins/postpage-specific-custom-css/), [Spanish (Chile)](https://cl.wordpress.org/plugins/postpage-specific-custom-css/) y [Spanish (Spain)](https://es.wordpress.org/plugins/postpage-specific-custom-css/). * [Traducir a tu idioma](https://translate.wordpress.org/projects/wp-plugins/postpage-specific-custom-css) * Etiquetas: * [custom css](https://es.wordpress.org/plugins/tags/custom-css/)[per page CSS](https://es.wordpress.org/plugins/tags/per-page-css/) [woocommerce](https://es.wordpress.org/plugins/tags/woocommerce/) * [Vista avanzada](https://es.wordpress.org/plugins/postpage-specific-custom-css/advanced/) ## Valoraciones 4.6 de 5 estrellas. * [ 34 valoraciones de 5 estrellas ](https://wordpress.org/support/plugin/postpage-specific-custom-css/reviews/?filter=5) * [ 5 valoraciones de 4 estrellas ](https://wordpress.org/support/plugin/postpage-specific-custom-css/reviews/?filter=4) * [ 0 valoraciones de 3 estrellas ](https://wordpress.org/support/plugin/postpage-specific-custom-css/reviews/?filter=3) * [ 1 valoración de 2 estrellas ](https://wordpress.org/support/plugin/postpage-specific-custom-css/reviews/?filter=2) * [ 2 valoraciones de 1 estrellas ](https://wordpress.org/support/plugin/postpage-specific-custom-css/reviews/?filter=1) [Tu valoración](https://wordpress.org/support/plugin/postpage-specific-custom-css/reviews/#new-post) [Ver todas las reseñas](https://wordpress.org/support/plugin/postpage-specific-custom-css/reviews/) ## Colaboradores * [ Łukasz Nowicki ](https://profiles.wordpress.org/lukasznowicki/) ## Soporte ¿Tienes algo que decir? ¿Necesitas ayuda? [Ver el foro de soporte](https://wordpress.org/support/plugin/postpage-specific-custom-css/) ## Donar ¿Te gustaría apoyar el progreso de este plugin? [ Dona a este plugin ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=LEXEGNRGEF7H4)