Yellow Pencil, editor visual de CSS

Tiempo de lectura: 4 mins

¿Necesitas un editor visual de CSS? Todos en nuestros inicios nos hemos dado cuenta de que solo con html no se hace una página web, siempre nos hace falta dar forma al contenido, es decir editar código CSS.

Wordpress y Visual Composer nos facilitan la labor, pero siempre queda algo que no queda como nos gustaría. Os presento un plugin que te soluciona este problema, un plugin que siempre tendrás instalado en tu wordpress. Te presento Yellow Pencil, Un editor Visual de CSS. Personaliza tu página web en pocos minutos, fuentes, colores, animaciones y muchas cosas más.

¿Qué es y qué hace Yellow Pencil?

A continuación, te muestro todo lo que este editor visual de CSS es capaz de hacer.

yellow pencil wordpress

Yellow Pencil es el mejor editor visual de CSS, tiene un inspector de elementos increíble. En cada página web encontramos multitud de elementos, es ahí donde entra en juego esta maravillosa herramienta, permitiéndonos editar todos y cada uno de ello, permitiéndonos darle el estilo que deseamos a nuestra página web. Podremos editar colores, fuentes, tamaños, posiciones y muchos más estilos.

yellow pencil wordpress plugin panel

Yellow Pencil Visual Theme Customizer, tu plugin indispensable en Wordpress

Yellow Pencil te da el control total del diseño al poder editar hasta 50 propiedades, siendo muy accesible para todos los usuarios, cada propiedad tiene una descripción para un fácil uso.

Dentro de todas las posibilidades que este editor visual de CSS nos ofrece, nos encontramos con más de 600 fuentes de Google, con las cuales podrás jugar y ver cuál de todas se adapta mejor a tu página web.

No se queda ahí, Yellow Pencil nos ofrece una librería de fondos para utilizar, en concreto unos 300 diferentes, además de aportarnos paletas de colores modernas, con colores que se llevan actualmente y que harán de nuestra web una web moderna.

300+ Asentamientos de patrones

Cargue sus imágenes de fondo personalizadas o use 300 Asignaciones de patrón. Dar un nuevo aspecto a su sitio web con los patrones web más populares.

Paletas de colores de tendencia

Los sitios web necesitan colores modernos para lucir modernos. El lápiz amarillo le proporciona las paletas de color de la tendencia. Incluye plano, material y una paleta de colores especiales.

Yellow Pencil tiene un editor CSS en tiempo real, es decir todo lo que modificamos lo vemos reflejado en nuestra web. Por ello, es un plugin muy recomendable, ya que lo pueden usar desde principiantes hasta usuarios avanzados. Con esta herramienta podemos generar el archivo CSS con todo el código de diseño, recomendable cuando ya seas un usuario avanzado, así no cargara el plugin y tendrás el código CSS incluido dentro del código de tu página.

yellow pencil wordpress css editor

Esto permitirá a tu página tener un tiempo de carga mucho más óptimo.

El editor en tiempo real nos permitirá trabajar arrastrando y soltando elementos, moviéndolos a la posición que queramos, dándonos total libertad.

Yellow Pencil no se conforma con esto, también nos permitirá crear animaciones para cada elemento. En su biblioteca nos incluye unas 50 animaciones predefinidas

Una de las mejores opciones que tiene es que dentro de tu Wordpress, en el apartado del plugin, podemos ver cómo nos muestra las páginas que hemos modificado, descargar el código CSS o borrar una única página en concreto sin tener que volvernos locos buscando el código.

yellow pencil wordpress source manager

¿Que beneficios tiene Yellow Pencil?

Este editor visual de CSS nos permite personalizar cualquier página, tema, complemento, nos dejara hacer todo lo que tengamos en mente.

Yellow Pencil nos facilita poder centrarnos en el diseño de la web con el modo wireframe, quitándonos colores y mostrándonos solo los elementos, aclarándonos mucho la visualización Otra de las funciones que podemos utilizar en este editor visual de CSS es el historial de estilo, donde nos mostrara toda la información que podamos utilizar, como puede ser colores, tipografía utizada, tamaño, borde del elemento…etc.

Por último, es totalmente compatible con páginas web responsive, es decir para dispositivos móviles y nos permite modificar el estilo CSS para sea visto en cualquier móvil o Tablet sin ningún problema.

Por todas estas opciones este editor visual de CSS es un plugin muy recomendable para instalar en tu página Wordpres y para que veas lo que es capaz de hacer te dejo el enlace a mi página web angelrp.com.

En ella podrás ver el botón de suscribirte, el titulo inicial y alguna opción visual dentro del blog, las cuales están hechas con este plugin.

¡¡Anímate y bajate Yellow Pencil!!

https://wordpress.org/plugins/yellow-pencil-visual-theme-customizer/screenshots/

Votar este post: 
Promedio: 4.8 (25 votos)
Votos Totales: 0