Descripción
YellowPencil edita el CSS de cualquier tema o plugin WordPress directamente en el front-end, permitiendo seleccionar elementos con clic y ajustar propiedades visuales mediante paneles en tiempo real. Funciona como editor visual sobre el sitio renderizado, con control de tipografía, colores, espacios, bordes, sombras y animaciones sin requerir conocimiento de código por parte del usuario.
Características Principales
- Editor visual en el front-end
Selecciona elementos con clic directo en la página y aplica estilos sin recargar. - Cientos de propiedades CSS
Controla tipografía, colores, fondos, márgenes, bordes, sombras y transformaciones mediante paneles. - Animaciones CSS integradas
Crea efectos de entrada y hover en cualquier elemento con biblioteca lista de animaciones. - Historial de cambios
Registra cada modificación con deshacer y rehacer ilimitados durante la sesión de edición. - Edición responsiva por breakpoints
Define estilos distintos para desktop, tablet y mobile con vista previa inmediata.
Beneficios del YellowPencil
- Personalización sin código
Ajusta la apariencia de temas comerciales sin editar archivos CSS o usar child theme. - Ciclo de diseño más corto
Visualiza el resultado durante la edición, eliminando el ciclo guardar, recargar y verificar. - Compatibilidad amplia
Funciona sobre prácticamente cualquier tema WordPress y la mayoría de los constructores de página. - Refinamiento de detalles
Permite alcanzar el acabado visual deseado incluso en temas con customizer limitado.
¿Para Quién está Indicado?
- Diseñadores que necesitan refinar la apariencia de temas comerciales sin tocar el código fuente.
- Desarrolladores WordPress que quieren agilizar ajustes finos de CSS en proyectos de cliente.
- Agencias y freelancers que entregan sitios personalizados a partir de temas listos.
YellowPencil ocupa el espacio entre el customizer nativo de WordPress y la edición manual de hojas de estilo, ofreciendo un panel granular sobre el DOM renderizado. La combinación de selección visual, control responsivo y biblioteca de animaciones reduce la dependencia de código personalizado en proyectos que parten de temas comerciales.
Preguntas frecuentes
¿El plugin YellowPencil – Visual CSS Style Editor es GPL?
Sí. YellowPencil – Visual CSS Style Editor se distribuye bajo la licencia GPL (GNU General Public License). Puedes usarlo, modificarlo y redistribuirlo legalmente en todos los sitios que quieras.
¿Puedo usar el plugin YellowPencil – Visual CSS Style Editor en más de un sitio?
Sí. No hay límite de dominios: puedes instalar YellowPencil – Visual CSS Style Editor en todos los sitios (dominios) que desees.
¿Cuánto cuesta el plugin YellowPencil – Visual CSS Style Editor en Ultrapack?
YellowPencil – Visual CSS Style Editor cuesta US$ 2,99 en la compra individual, y también está incluido en los planes de suscripción desde US$12/mes (VIP I).
¿El plugin YellowPencil – Visual CSS Style Editor incluye actualizaciones?
Sí. La versión actual de YellowPencil – Visual CSS Style Editor es la 7.6.7, publicada en Ultrapack el 07/07/2025. Los suscriptores actualizan directamente desde el panel de WordPress con UAU (Ultrapack Auto Updater).
¿Es seguro descargar e instalar el plugin YellowPencil – Visual CSS Style Editor en mi WordPress?
Sí. Cada versión de YellowPencil – Visual CSS Style Editor pasa por un análisis de malware (ClamAV y reglas YARA, en UltraHub) antes de publicarse.
Cómo instalar
Actualización automática: este ítem se actualiza con el Ultrapack Auto Updater. Con él instalado, la versión nueva aparece en tu panel como cualquier otra actualización de WordPress (cómo configurarlo).
El archivo de esta página es el paquete completo del autor, con la documentación incluida. No subas ese archivo por el panel: WordPress responde que el paquete no contiene un plugin válido. El plugin viene listo ahí dentro, como un ZIP propio, y es ese el que subes.
- Descarga el archivo
codecanyon-11322180-yellow-pencil-visual-css-style-editor.zipy extráelo en tu computadora. - Dentro de lo extraído, busca el archivo
Plugin/waspthemes-yellow-pencil.zip. - En el panel de WordPress, ve a Plugins > Añadir nuevo > Subir plugin.
- Selecciona ese archivo, haz clic en Instalar ahora y después en Activar.
- No hace falta comprimir nada. El ZIP que está dentro del paquete ya tiene el formato que WordPress acepta.
- El resto del paquete es del autor: documentación, licencia y, a veces, archivos de ejemplo. Nada de eso se instala por el panel.
¿Te trabaste en algún paso? Abre un ticket diciendo en cuál te detuviste.

UAU Ready