Modificando la cabecera

Información Adicional

No existe información adicional para este video tutorial.

Transcripción

Antes de seguir con el tema de este video, quiero comentarte que he añadido varios artículos nuevos en el blog, con texto demo de Lorem Ipsum e imágenes destacadas para cada artículo.

De esta forma nuestro tendremos una mejor visualización de cómo se ven nuestros artículos con todos los cambios que hacemos en la plantilla.

Lo que haremos ahora es modificar la forma en la que se ve el encabezado del sitio web, en este momento se ve muy simple, así que le añadiremos algo de vida.

Desde la barra de herramientas también podemos ingresar al personalizador, así que damos clic sobre personalizar.

En los videos anteriores ya hemos modificado el título del sitio web, y ahora el título es Lievano San.

Así que lo primero que haremos es añadir una imagen de fondo, vamos hacia header y luego a imagen de cabecera.

Como puedes ver, desde estas indicaciones tenemos las dimensiones recomendadas para la imagen.

Yo ya he creado una imagen para el encabezado y la he subido a mi WordPress, así que damos clic aquí para ingresar en la biblioteca.

La imagen que vamos a utilizar es esta, así que la seleccionamos y damos clic en seleccionar y recortar.

Esto nos lleva a un pequeño editor dentro de WordPress, desde aquí podríamos recortar la imagen para que tenga las dimensiones adecuadas, pero mi imagen ya tiene las dimensiones correctas, así que damos clic en no recortar.

Y ahora WordPress se encuentra cargando los cambios.

Como puedes ver ahora la cabecera de nuestro blog se ve mucho mejor, podemos colapsar las opciones del personalizador para apreciar mejor nuestra nueva imagen.

El siguiente paso, será modificar el color de nuestro texto.

Así que vamos a regresar a las opciones principales dentro del personalizador.

Vamos hacia colores y damos clic en header.

Desde aquí podemos modificar el color del texto y el color del borde que tiene el texto a su alrededor.

Vamos a dejar ambos valores en blanco.

Como puedes ver ahora el encabezado se ve muchísimo mejor, y tan solo estos cambios en el encabezado le dan a nuestro sitio web un mejor aspecto.

Antes de que decidas si públicas o no los cambios, recuerda verificar que tal se ven tus modificaciones en los otros dispositivos, recuerda que desde aquí puedes previsualizar como se ve en una Tablet, y también el aspecto en un teléfono móvil.

Debido a que estamos satisfechos con los cambios, vamos a dar clic en guardar y publicar, para que los cambios se apliquen en el sitio web.

Muy bien, si ahora regresamos al sitio web, podrás ver que los cambios en el encabezado se han publicado correctamente, y todos los visitantes que entren de ahora en adelante a nuestro sitio web, podrán ver este nuevo encabezado.

Nuestro blog ya va tomando la forma que deseamos, en el siguiente video vamos a modificar algunos colores de la plantilla, para darle aún más nuestro propio toque personal al blog.

Recuerda compartir este video curso gratis en tus redes sociales.

Nos veremos en el siguiente video.

Deja un comentario

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

¿Quieres aprender a crear sitios web?

Regístrate gratis como estudiante y aprende a crear sitios web sorprendentes. Gana certificados y medallas al completar los cursos gratuitos.
¡REGÍSTRATE GRATIS!
close-link
Crea tu sitio web con diseño profesional en menos de 15 minutos
Ver Tutorial
close-image