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
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
- Descarga el ZIP del plugin desde WordPress.org (o desde este repositorio).
- Sube la carpeta
postpage-specific-custom-cssal 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). - Activa el plugin desde el menú Plugins de WordPress.
- ¡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.phpde 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_Posto una instancia deWC_Product.
Reseñas
Colaboradores y desarrolladores
«Post/Page Specific Custom Code» es un software de código abierto. Las siguientes personas han colaborado con este plugin.
Colaboradores
«Post/Page Specific Custom Code» está traducido en 2 idiomas. Gracias a los traductores por sus contribuciones.
Traduce «Post/Page Specific Custom Code» a tu idioma.
¿Interesado en el desarrollo?
Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por 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_validy 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