Tutorial: Aprovecha Yellow Pencil! Tutorial Usuario Wordpress Premium

  • Autor Autor grandes dominios
  • Fecha de inicio Fecha de inicio
grandes dominios

grandes dominios

Zeta
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Hola a todos! Hoy le traigo un tuto para usar Yellow Pencil en modo Premium. Esto es un bug que tiene el plugin, así que se instalan la aplicación desde el mismo Wordpress.




PASO 1:

Inciar sesión en Wordpress

1-Installing-NoFollow.webp


PASO 2

Descargamos el plugin AQUÍ y luego lo subimos a Wordpress (sino lo buscan directamente desde allí)

2-Installing-Yellow-Pencil-1024x576.webp


PASO 3

Activar el plugin una vez instalado


¿Cómo usar Yellow Pencil?

Una vez activo el plugin, van a ver una pantalla de bienvenida y un nuevo menú a la izquierda llamado "Yellow Pencil". Se va a ver así:

3-Using-Yellow-Pencil-1024x721.webp


Como pueden notar, vamos a poder modificar los estilos, agregar animaciones y mucho más!


¡Y ahora comienza lo mágico!

Para comenzar a utilizar el plugin, vamos a abrir nuestra página web (siempre estando logueado) en otra pestaña y vamos a dar click en "Editar con Yellow Pencil" que se encuentra en la parte superior de la pantalla:

Editing-a-page-with-Visual-Pencil-visual-CSS-editor-1024x129.webp


Cuando ya se cargue el plugin, van a ver lo siguiente:

5-Using-Yellow-Pencil-768x608.webp


Ah! Antes de que se cargue el plugin se va a abrir un pop up en donde les pregunta qué es lo que quieren modificar:

Global Customize: las modificaciones que se hagan van a ser aplicadas en toda la web. Es ideal para modificar por ejemplo, el pie de página, el menú o cualquier elemento de navegación.

Customize One Page: sólo se realizarán cambios en una página específica (la que ustedes elijan)

Customize Template: sólo se harán cambios en plantilla. (la verdad mucho no entiendo esta opción)

Bueno, del lado izquierdo van a tener muchas opciones para modificar.


7-Using-Yellow-Pencil.webp


Para nosotros el más importante es el "LIVE CSS EDITOR"

¿Por qué? Porque todas las modificaciones que hagamos las veremos allí Y ESO ES LO QUE VAMOS A RECOLECTAR

Una vez que editamos la web a nuestro gusto, vamos a LIVE CSS EDITOR en donde allí nos mostrarán los códigos css, o sea los cambios que le hicimos a nuestra página, LO RECORTAMOS Y LO PEGAMOS EN "CSS ADICIONAL" DE NUESTRO TEMPLATE.

Y listo!!!

Si quieren primero practicar, les recomiendo que visiten este
DEMO

Espero les haya servido el tuto. Perdon si doy medio bestia en explicar. Saludos!

Imágenes recolectadas de : https://solvid.co.uk/yellow-pencil/
 
¿Y cuando el Theme lance una actualización? ¿Qué pasará?
 
Muchas gracias buenísimo el aporte .
 
Up! Aún sigue funcionando!
 
Atrás
Arriba