ThemeLocal: consejos de blog que funcionan como magiaThemeLocal: consejos de blog que funcionan como magia
  • Blogging
  • WordPress
  • Marketing por correo
  • SEO
  • Redes sociales
  • Más
    • Tutoriales
    • Shopify
    • Críticas
    • Consejo
    • Seguridad
    • Software y servicios
    • Generación de tráfico
    • Guia de principiantes
    • Escaparate
Search
  • Términos de Uso
  • Política de privacidad
  • Política de cookies
  • Contactar
© 2022 Themelocal. Reservados todos los derechos.
Lectura: Modifique el diseño de su tema de WordPress con un lápiz amarillo
Cuota
Notificación Mostrar más
Últimas noticias
Sonido y visión: Alexa Ambient Experience AI podría ser el próximo salto para los televisores
Reseñas de tecnología
Ganadores y perdedores: Xbox obtiene una actualización de ahorro de energía cuando el error de Apple Music cambia las listas de reproducción
Reseñas de tecnología
Ctrl+Alt+Supr: Framework Laptop 16 es un gran paso para la capacidad de actualización
Reseñas de tecnología
¿Vale la pena la suite de complementos CM Free Pass?
Críticas
El MacBook Air 2022 está de vuelta a su precio más bajo hasta el momento
Ofertas
Aa
ThemeLocal: consejos de blog que funcionan como magiaThemeLocal: consejos de blog que funcionan como magia
Aa
  • Blogging
  • WordPress
  • Marketing por correo
  • SEO
  • Redes sociales
  • Más
Search
  • Blogging
  • WordPress
  • Marketing por correo
  • SEO
  • Redes sociales
  • Más
    • Tutoriales
    • Shopify
    • Críticas
    • Consejo
    • Seguridad
    • Software y servicios
    • Generación de tráfico
    • Guia de principiantes
    • Escaparate
Síganos
  • Términos de Uso
  • Política de privacidad
  • Política de cookies
  • Contactar
© 2022 Themelocal. Reservados todos los derechos.
ThemeLocal: consejos de blog que funcionan como magia > Blog > Tutoriales > Modifique el diseño de su tema de WordPress con un lápiz amarillo
Tutoriales

Modifique el diseño de su tema de WordPress con un lápiz amarillo

Última actualización: noviembre 18, 2021 4:26 pm
ThemeLocal hace 1 año 15 Minutos mínimos para leer
Cuota
15 Minutos mínimos para leer
Cuota

Si está buscando personalizar el diseño de su tema de WordPress de una manera fácil, entonces el Complemento de WordPress Yellow Pencil puede ser el complemento que necesita para su sitio. Este editor de estilo visual le permitirá modificar la apariencia de su sitio, sin tener que tocar una línea de código.

Contents
¿Para quién es el lápiz amarillo?Características clave del lápiz amarilloCómo instalar el lápiz amarilloComprensión de la interfaz del lápiz amarilloHerramientas importantes que necesitaráSeleccionar un tipo de personalización¿Qué puedes hacer con el lápiz amarillo?Cambiar la tipografíaAgregar un bordeAlterar el fondoUsar animacionesCambiar el tamaño y reposicionar cualquier elementoPreciosPensamientos finales

Usar Yellow Pencil le enseñará la alegría del diseño web, mientras crea un hermoso sitio para sorprender a sus visitantes. Edite cualquier elemento de su sitio web, todo en la interfaz y en tiempo real. Los únicos límites para el diseño de su sitio serán su propia imaginación.

Esta guía detallada sobre el uso de la versión premium de Yellow Pencil cubrirá sus características principales, incluidas sus capacidades de edición de CSS en vivo de apuntar y hacer clic y su compatibilidad con cualquier tema de WordPress. Luego, echaremos un vistazo a la experiencia del usuario que se ofrece, lo que le permitirá configurar y diseñar en muy poco tiempo.

¿Para quién es el lápiz amarillo?

Lápiz amarillo que

Ya sea que esté buscando una forma más rápida de personalizar su sitio o no esté familiarizado con CSS, Yellow Pencil puede ayudarlo. Este complemento incluye herramientas avanzadas y opciones de personalización, perfecto para profesionales que buscan crear nuevos sitios para clientes.

Sin embargo, la falta de codificación necesaria, la facilidad de uso, la interfaz intuitiva y la documentación de soporte detallada significa que incluso aquellos con experiencia de diseño limitada pueden acceder a este complemento. En resumen, si desea personalizar la apariencia de su sitio web de WordPress, Yellow Pencil es el editor de estilo visual para usted.

En resumen, si desea personalizar la apariencia de su sitio web de WordPress, Yellow Pencil es el editor de estilo visual para usted.

Características clave del lápiz amarillo

Características del lápiz amarillo

Yellow Pencil es una herramienta de diseño realmente impresionante. Las funciones y herramientas disponibles permiten un control total sobre la apariencia de su sitio. Se puede usar en cualquier tema o complemento de WordPress y le permitirá crear páginas web elegantes y receptivas.

El inspector de elementos le permite seleccionar y personalizar cada elemento visual en su sitio web de WordPress. Edite colores, fondos, bordes y mucho más. Todo esto se hace en tiempo real, en la parte frontal de su sitio, para que pueda ver los cambios a medida que los realiza. Yellow Pencil generará código en segundo plano, por lo que, a menos que lo desee, no necesitará mirar ningún código usted mismo. Otras características incluyen:

  • Arrastra y suelta para reposicionar elementos
  • Cambie el tamaño de los elementos con el toque de su mouse
  • Elija entre más de 600 fuentes, más de 300 patrones de fondo, más de 50 animaciones y mucho más
  • Colores ilimitados disponibles o seleccione entre las modernas paletas de colores de Yellow Pencil
  • Utilice un editor de CSS en vivo

También se encuentra disponible una amplia documentación y soporte para ayudarlo a aprovechar al máximo este editor de estilo visual de WordPress.

Entonces, ahora sabemos lo que Yellow Pencil tiene para ofrecer. Pero, ¿cómo empezamos? ¿La experiencia del usuario es tan impresionante como las funciones que ofrece?

Cómo instalar el lápiz amarillo

Yellow Pencil es extremadamente rápido y fácil de instalar. Una vez que haya comprado el complemento de CodeCanyon (o haya comprado un tema premium como Nueva York que incluye el complemento de forma gratuita), descargue el «Archivo de WordPress instalable solamente» de su página de descargas de Envato (o puede usar la versión gratuita disponible en WordPress.org).

Luego abra su panel de WordPress. Seleccione ‘Complementos’> ‘Agregar nuevo’.

Lápiz amarillo Agregar nuevo

En la página Agregar complementos, haga clic en ‘Cargar complemento’> ‘Elegir archivo’.

Carga de lápiz amarillo

Desde donde lo descargó, seleccione ‘waspthemes-yellow-pencil.zip’. Haga clic en ‘Instalar ahora’.

Instalación de lápiz amarillo

Una vez que se haya instalado el complemento, haga clic en ‘Activar’. Ingrese el código de activación que le dieron cuando compró el complemento. Esto le proporcionará acceso a las actualizaciones de complementos a medida que se publiquen.

Después de la activación, la página de bienvenida de la página amarilla aparecerá en su tablero. En ‘Recursos’ encontrará la documentación, los tutoriales y otra ayuda y soporte técnico del complemento que pueda necesitar para comenzar.

Bienvenida Lápiz Amarillo

Cuando esté listo, haga clic en ‘Empecemos’. Esto lo llevará directamente al modo de edición.

Comprensión de la interfaz del lápiz amarillo

La interfaz Yellow Pencil es muy clara e intuitiva de usar. La barra que se encuentra en el lado izquierdo de la página muestra las herramientas disponibles.

Barra izquierda de lápiz amarillo

El panel que se encuentra en el lado derecho de la página es el Panel del editor. Cuando no se selecciona ningún elemento en la página, se mostrarán los tres tipos de personalización en los que es posible editar.

Panel editor de lápiz amarillo

Cuando hace clic en un elemento de la página, el Panel del editor cambiará para contener las propiedades de estilo.

Elemento de lápiz amarillo seleccionado

Aparecerá un cuadro azul alrededor de un elemento seleccionado, mostrando opciones de personalización adicionales.

Elemento de lápiz amarillo seleccionado

Herramientas importantes que necesitará

La barra de herramientas, en el lado izquierdo, muestra numerosas herramientas, pero algunas son inmediatamente importantes para ayudarlo a comenzar …

Herramientas de barra de herramientas de lápiz amarillo

  • Inspector de elementos: le permite seleccionar cualquier elemento de la página para personalizarlo.
  • Deshacer y rehacer: pruebe diferentes diseños en su página con la seguridad de saber que puede deshacer o rehacer sus ediciones.
  • Pantalla completa: trabaje en pantalla completa, lo que le brinda una vista clara de sus personalizaciones a medida que las realiza.

El panel del editor incorpora tres botones cruciales …

Botones del panel del editor de lápiz amarillo

  • Vista previa en vivo: obtenga una vista previa de sus cambios sin la interfaz del lápiz amarillo en la pantalla.
  • Restablecer cambios: ¿No le gustan sus ediciones? Simplemente restablezca los cambios que ha realizado.
  • Guardar: una vez que haya obtenido una vista previa de su trabajo y esté satisfecho con los resultados, simplemente presione el botón Guardar.

Seleccionar un tipo de personalización

Tipo de personalización de lápiz amarillo

Antes de seleccionar un elemento en su página y comenzar a editarlo, primero debe elegir un tipo de personalización. Estos se muestran en el Panel del editor, cuando no se selecciona ningún elemento. Hay tres tipos para elegir; Personalice globalmente, personalice una página y personalice plantillas.

Cada uno de los tipos se explica por sí solo. Seleccionar ‘Personalización global’ significa que los cambios que realice se aplicarán a todas las páginas de su sitio. Si elige ‘Personalizar una página’, todas las ediciones afectarán solo a la página en la que está trabajando. ‘Personalizar plantillas’ se aplica al tipo de publicación actual, una buena opción si desea configurar todas las páginas de productos o blogs.

El tipo de personalización que ha elegido se mostrará en la parte superior del Panel del editor. Asegúrese de verificar que está editando en el tipo correcto antes de guardar su trabajo.

¿Qué puedes hacer con el lápiz amarillo?

Una vez que se haya familiarizado con la interfaz, es hora de comenzar. A continuación se muestra una muestra de algunas de las numerosas herramientas y funciones de personalización que ofrece este complemento. Estos le ayudarán en el camino hacia la producción de un sitio web atractivo y profesional.

Cambiar la tipografía

Tipografía de lápiz amarillo

Elegir una fuente que sea apropiada para su sitio web es una tarea importante. Yellow Pencil ofrece una variedad de opciones para ayudarlo a diseñar su texto de una manera que se ajuste al diseño de su sitio web y capte la atención del lector.

Haga clic en una sección de texto que le gustaría editar y luego seleccione ‘Texto’ en el Panel del editor. Esto abrirá las opciones de personalización para la tipografía. Elija entre más de 600 tipos de fuente, modifique el tamaño de la fuente, cambie la altura de la línea, controle el espaciado de letras y palabras, y mucho más. También puede modificar el color de su texto seleccionando una de las modernas paletas de colores de Yellow Pencil u optar por su propia elección de color.

Agregar un borde

Borde de lápiz amarillo

Agregar un borde a ciertos elementos en una página puede ayudar a resaltar información importante y crear imágenes efectivas. Después de seleccionar la imagen o el texto al que desea agregar un borde, seleccione ‘Borde’ en el Panel del editor. Hay cuatro estilos de

Después de seleccionar la imagen o el texto al que desea agregar un borde, seleccione ‘Borde’ en el Panel del editor. Hay cuatro estilos de borde para elegir; sólido, punteado, discontinuo u oculto. También puede modificar el ancho del borde para hacerlo más definido y cambiar el color.

Una característica impresionante es que puede personalizar cada lado del borde por separado. Esto significa que a cada uno de los cuatro lados se le puede dar un color, estilo y grosor diferentes, lo que da como resultado una apariencia única y llamativa.

Alterar el fondo

Fondo de lápiz amarillo

Un fondo llamativo puede ayudar a que un elemento destaque. Yellow Pencil te permite modificar el fondo de todos y cada uno de los elementos de tu sitio.

Para hacerlo, haga clic en el elemento elegido y seleccione ‘Fondo’ en el Panel del editor.

Aquí puede cambiar el color de fondo, seleccionar uno de los patrones de Yellow Pencils 300+ o elegir un degradado CSS. También tiene la opción de cargar sus propias imágenes personalizadas. Una vez que haya decidido un fondo, puede ajustar el tamaño del fondo, la posición y, si ha agregado una imagen, elegir si es estática o se desplaza con el resto de la página.

Usar animaciones

Animación de lápiz amarillo

El uso de animaciones es otra excelente manera de ayudar a que su contenido tenga un impacto. En ‘Animación’ en el Panel del editor, puede agregar un efecto de animación al elemento elegido.

Elija una de las más de 50 animaciones en el administrador de animación en vivo, desde acercar o alejar, hasta rebotar, girar y mucho más. Puede controlar la duración y el retraso, así como ejecutar varias animaciones simultáneamente, si así lo desea. Esto le dará originalidad a su sitio, además de llamar la atención sobre los aspectos importantes de su página. También puede intentar crear sus propias animaciones personalizadas seleccionando el Generador de animación en la barra de herramientas.

Cambiar el tamaño y reposicionar cualquier elemento

Cambiar el tamaño y reposicionar cualquier elemento es muy simple con Yellow Pencil.

Para cambiar el tamaño, haga clic en un elemento directamente para que aparezca el cuadro resaltado en azul a su alrededor. Luego, simplemente arrastre las líneas horizontales y verticales del cuadro azul para modificar el tamaño.

Cambiar el tamaño del lápiz amarillo

Para reposicionar un elemento, haga clic en él y luego mantenga presionado el botón del mouse. Arrástrelo y suéltelo en la posición apropiada en la página.

Gota de dragón lápiz amarillo

La desventaja de esta función de arrastrar y soltar es que puede causar problemas con la visualización en móviles. Utilice la herramienta de respuesta, que se encuentra en la barra de herramientas, para ver cómo se verá su página web en todos los tamaños de pantalla. Es posible que deba modificar su diseño en consecuencia.

Precios

Precios del lápiz amarillo

El complemento de WordPress Yellow Pencil está disponible en CodeCanyon por $ 26. Esto incluye 6 meses de soporte, pero tiene la opción de pagar $ 7.88 adicionales para extender el soporte hasta 12 meses.

Pensamientos finales

Yellow Pencil es una gran herramienta para usar si desea personalizar la apariencia de su sitio de WordPress. Las características y la facilidad de uso le brindan todo lo que necesita para crear un sitio web personalizado de WordPress. Para obtener los mejores resultados, asegúrese de tener una visión clara de cómo desea que se vea su sitio.

¿Yellow Pencil tiene las características que necesita para personalizar su sitio web de WordPress? Por favor comparte tus pensamientos abajo…

También podría gustarte

Cómo responder llamadas con AirPods usando Siri

SharePlay: Cómo hacer ejercicio con amigos usando Apple Fitness Plus

Cómo configurar un diseño de pantalla de inicio de iPhone diferente en el trabajo (2023)

Apple MacBook Pro con M2 Pro obtiene un descuento tentador

Revisión: 5C NFC YubiKey de Yubico funciona bien con la función de llaves de seguridad de Apple

ETIQUETADO: amarillo, con, diseño, lápiz, Modifique, tema, WordPress
ThemeLocal noviembre 18, 2021
Comparte este artículo
Facebook Twitter Pinterest Whatsapp Whatsapp
Cuota
¿Qué piensas?
Amor0
Triste0
Contento0
Somnoliento0
Enfadado0
Sin comentarios0
Guiño0
Artículo anterior La evolución de OptinMonster para WordPress
Artículo siguiente Revisión de Genesis Framework: ¿Cuál es el gran problema?
Deja un comentario

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Publicación popular

¿Walkie-Talkie en Apple Watch no funciona? 6 arreglos fáciles (2023)
Cómo
Esta caída de precios de Switch OLED es demasiado buena para dejarla pasar
Ofertas
La oferta de datos ilimitados del iPhone 14 ahora es aún más barata
Ofertas
Carga rápida: la cámara de 200MP del Redmi Note 12 Pro Plus 5G brilla en el mercado de gama media
Reseñas de tecnología
¿Alguna vez has usado Wi-Fi público? Esta oferta de NordVPN es para ti
Ofertas
Xiaomi Redmi Note 12 5G vs Xiaomi Redmi Note 12 Pro Plus 5G: ¿cuál es la diferencia?
Versus

También podría gustarte

Cómo

Cómo responder llamadas con AirPods usando Siri

hace 3 días 3 Minutos mínimos para leer
Cómo

SharePlay: Cómo hacer ejercicio con amigos usando Apple Fitness Plus

hace 5 días 3 Minutos mínimos para leer
Cómo

Cómo configurar un diseño de pantalla de inicio de iPhone diferente en el trabajo (2023)

hace 6 días 4 Minutos mínimos para leer
Ofertas

Apple MacBook Pro con M2 Pro obtiene un descuento tentador

hace 1 semana 3 Minutos mínimos para leer
Reseñas de tecnología

Revisión: 5C NFC YubiKey de Yubico funciona bien con la función de llaves de seguridad de Apple

hace 1 semana 11 Minutos mínimos para leer
Ofertas

El iPhone 14 Plus ahora es más barato que el iPhone 14 con esta oferta

hace 1 semana 3 Minutos mínimos para leer
Plugins

Los mejores complementos de WordPress de realidad aumentada

hace 1 semana 12 Minutos mínimos para leer
Ofertas

El Honor Magic 5 Lite se lanzó con una oferta increíble

hace 1 semana 2 Minutos mínimos para leer
Mostrar más
ThemeLocal: consejos de blog que funcionan como magiaThemeLocal: consejos de blog que funcionan como magia
Síganos

© 2022 Themelocal. Reservados todos los derechos.

  • Términos de Uso
  • Política de privacidad
  • Política de cookies
  • Contactar

Removed from reading list

Deshacer
Welcome Back!

Sign in to your account

¿Perdiste tu contraseña?