El tema Twenty Nineteen WordPress listo para Gutenberg - Calendae | Informática, Electrónica, CMS, Ciberseguridad

El tema Twenty Nineteen WordPress listo para Gutenberg

Hola de nuevo. Yo soy Samuel López y en esta ocasión hablaremos sobre El tema Twenty Nineteen WordPress listo para Gutenberg

Desde 2011, casi todos los años, el equipo de WordPress ha lanzado un nuevo tema.

Sin embargo, el equipo no lanzó un tema para 2018 porque no había versiones principales de WordPress.

Este año volvemos a la normalidad y hay un nuevo tema predeterminado, llamado «Veinte diecinueve». Este nuevo tema es necesario para aprovechar al máximo esta flexibilidad que ofrece Gutenberg.

Twenty Nineteen ofrece una libertad creativa significativa. Sin embargo, para empezar, es casi una pizarra limpia, y esto puede ser un poco abrumador.

Si está comenzando un nuevo sitio desde cero y acaba de instalar WordPress 5, su página principal se verá muy simple con Twenty Nineteen activado:

Mire la imagen de arriba y luego eche un vistazo a esta imagen de anuncio de WordPres a continuación. Después de comparar los dos, ¡puede pensar que hay mucho trabajo por hacer!

Compare esto con las imágenes publicitarias de WordPress


Cómo configurar el tema Twenty Nineteen

Te guiaré para establecer el tema:

  • Desde el tablero, vaya a Apariencia en el menú de la izquierda.
  • Para seleccionar Personalizar. Aquí están las configuraciones iniciales para su tema.
  • Hacer clic Identidad del sitio para iniciar el proceso.

Haga clic en la identidad del sitio para iniciar el proceso

  • Aquí le da a su sitio un nombre, un eslogan y agrega un logo.
  • Puede optar por omitir el eslogan, pero es útil para la indexación de motores de búsqueda y para compartir en redes sociales. El icono del sitio es un identificador útil en las pestañas y marcadores del navegador.
  • El logotipo es redondo, por lo que cuando cargue una imagen deberá cortarla en un cuadrado. Esto puede resultar difícil si su logotipo tiene forma horizontal o vertical.

Recortar el logotipo puede resultar difícil si el logotipo tiene forma horizontal

  • Puede hacer clic en cualquiera de los iconos de lápiz azul en las pantallas de vista previa para cambiar partes individuales de la pantalla.
  • Asegúrate de hacer clic Publicar en la parte superior de la barra lateral izquierda para guardar los cambios.
  • Para cambiar el esquema de color, seleccione el archivo Colores pestaña y luego haga clic en Personalizado.
  • Use el control deslizante para elegir un color, usando el Avance panel para ver los cambios.

Luego puede usar el control deslizante para elegir un color, usando el panel de vista previa para ver los cambios

  • Para agregar un menú, seleccione la siguiente pestaña Menú.
  • Haga clic en Crear nuevo menú.
  • Los menús se muestran en tres posiciones diferentes:
    • Menú Primaria – bajo el nombre del sitio y el lema
    • Social – bajo el menú principal
    • Pie de página – Al final de la página.
  • Crea un menú desde este panel de personalización. Nombre el menú, seleccione su ubicación y haga clic en El siguiente.

Nombre el menú, seleccione su ubicación y haga clic en Siguiente

Al crear un menú social, si usa la opción de enlaces personalizados, WordPress reconocerá la URL y le dará el icono correcto. Por ejemplo, si tiene un enlace que incluye facebook.com, WordPress agregará automáticamente el icono de Facebook.

WordPress reconocerá la URL y le dará el icono correcto

  • Agregue widgets o elimine los predeterminados del archivo Widget lengüeta.

Puede agregar widgets o eliminar los predeterminados de la pestaña Widgets

Sobre el Página de inicio pestaña de configuración, elija si su página de inicio mostrará sus publicaciones más recientes o una página estática.

Dejando atrás la sección de personalización, ahora puede hacer que la página principal se vea bien usando uno de los fabulosos bloques de imágenes de Gutenberg.

  • Crea tu primera publicación
  • Utilizar el Cubrir bloquear para crear un impacto visual en la parte superior de su página de inicio.

use el bloque Portada para crear un impacto visual en la parte superior de su página de inicio

  • Usando este bloque, arrastre una imagen o video a su posición o seleccione uno de su biblioteca de medios.
  • Utilice el menú de la derecha para hacer de la imagen un fondo fijo para un efecto de desplazamiento interesante y elija un color de superposición que se adapte a su tema.

puede elegir un color de superposición que se adapte a su tema

  • Sobre el bloque hay una barra de herramientas que le permite decidir el espaciado de la imagen y la alineación del texto. Aquí he elegido todo el ancho con el texto centrado.
  • Debajo de la imagen, cree un bloque de texto y use una letra mayúscula para una apariencia visual. También puede tener un bloque de galería para darle un toque de estilo a la página. Consulte este blog sobre bloques de imágenes para obtener más detalles sobre cómo hacer esto.

También puede tener un bloque de galería para darle a la página algo de pizazz

Las páginas de «Twenty Nineteen» son totalmente receptivas, por lo que también son perfectas en dispositivos móviles.

Esta página aún muestra el título y la información del autor. Encima la página oficial de información sobre el tema, el título aún está en su lugar, pero muchas imágenes publicitarias del tema lo muestran sin título.

Si decide eliminar la sección de encabezado en la página de inicio, se necesitará algo de CSS.

  • De regreso Personalizar y en CSS adicional cuadro agregue esto:

Vuelva a Personalizar y en CSS adicional agregue esto


Conclusión

El tema «Twenty Nineteen» tiene muchas características interesantes y rápidamente puede hacer que su sitio se vea bastante bien. Estas características incluyen una imagen de fondo fija, letras mayúsculas, superposiciones de colores y galerías sencillas.

Hay algunas desventajas de Twenty Nineteen, como el logotipo circular y la falta de una opción de barra lateral.


El video introductorio a Gutenberg

WordPress 5 está aquí con un nuevo editor llamado Gutenberg que cambia la forma en que se crean y editan las publicaciones y las páginas. ¡Este video es tu guía completa de Gutenberg! Gracias a nuestros amigos de Glowhost para hacer posible este video: Ahorre un 60% en su primera factura cuando aloje su sitio de WordPress con GlowHost. Haga clic aquí y utilice el cupón «WPGUTENBURG».



Puedes compartir en una historia de tu Instagram para que tus amigos lo lean

👇👇👇 😘 💪 👇👇👇

Comparte