Información Adicional

No existe información adicional para este video tutorial.

Transcripción

Y vamos a crear esta nueva página.

Así que primero activamos el editor.

Para esta página también voy a utilizar una plantilla de página.

Así que entramos en estas opciones y damos clic aquí para cargar la biblioteca.

Voy a utilizar la plantilla “Acerca de nosotros”.

Muy bien, una vez que carga el nuevo contenido vamos a comenzar a modificar el diseño.

Lo primero que quiero hacer es eliminar este módulo del encabezado.

Y añadiremos un nuevo módulo, utilizaremos el título de anchura completa.

Primero debemos añadir el texto del título.

Le colocaremos vive feliz, vive saludable.

Luego voy a entrar en las opciones de diseño y desde aquí deseo cambiar el tamaño del texto, lo dejaremos en 46px, y también le aplicaremos negrita.

Ahora vamos a las opciones generales, y dejaremos el texto centrado y en colocar blanco.

Muy bien, y aplicamos los cambios.

Ahora entraremos en las opciones de la sección y voy a colocarle una imagen de fondo.

Ya sabes, damos clic en subir y seleccionamos la imagen que deseamos mostrar.

Le voy a dejar activado el efecto paralaje y guardamos los cambios.

Debido a que esto es un demo, no voy a modificar esta zona, pero ya sabes que para modificar el texto, simplemente debemos dar clic en el texto y comenzar a editar.

Pasemos a la siguiente sección.

Aquí si deseo hacer varios cambios.

En primer lugar voy a modificar la imagen para el fondo de esta sección, así que entramos en las opciones de la sección y seleccionamos una de nuestras imágenes.

Voy a dejar el efecto paralaje activado y guardamos los cambios.

Muy bien, ahora modificare este modulo con el texto, lo primero será cambiar el color hacia claro.

Luego entramos en diseño.

Y aquí voy a modificar el tamaño del texto para el título hacia 36px y lo dejare en negrita.

Recuerda que puedes cambiar el color del texto del título hacia cualquier color desde aquí, y en las opciones del texto normal puedes también cambiar el color del otro texto a cualquier color.

Las opciones de claro y oscuro son para que puedas pasar de negro a blanco más rápidamente, y sinceramente la mayor parte del tiempo los textos son solo negros o blancos.

Muy bien, ahora voy a guardar los cambios en este módulo.

Ahora vamos a entrar en las opciones de este otro modulo.

Como ya viste, este modulo nos permite mostrar información con el diseño de barras, para entrar en las opciones de cada elemento del modulo simplemente debemos dar clic aquí o en esta otra opción para crear un nuevo elemento.

No voy a cambiar mucho de esto, ya que esto es un demo, así que la información la dejare como se encuentra, pero los colores y los tamaños de los textos si que los vamos a cambiar.

Así que primero modificare el color del texto a claro.

También voy a cambiar el color de fondo de la barra, lo dejare en este tono de verde.

Muy bien, ahora entramos en las opciones de diseño y modificaremos el tamaño del texto, lo dejaremos en 14px y lo vamos a colocar en negrita.

Y guardamos los cambios.

Pasemos a la siguiente sección.

Aquí tenemos un listado de todos los miembros de nuestro equipo de trabajo.

Editar estos módulos es muy fácil así que editaremos uno rápidamente.

Primero entramos en sus opciones.

Y desde aquí podemos cambiar el nombre.

También es posible indicar que puesto de trabajo ocupa, por ejemplo, en este caso diremos que es nutricionista.

Desde la siguientes opción podemos añadir una imagen para el perfil.

Después podemos añadir los links a las diferentes redes sociales de este empleado.

Si tu no deseas mostrar los perfiles de redes sociales, entonces simplemente debes dejar vacío este campo y el ícono se eliminara.

De hecho no vamos a mostrar el perfil de nuestros empleados.

Muy bien, ahora aquí abajo tenemos la descripción de este empleado.

Recuerda que siempre puedes modificar las opciones del texto desde diseño y si deseas mostrar los links a las redes sociales también puedes modificar el color de los iconos desde aquí.

Voy a guardar los cambios.

Para que esta parte se vea mejor, voy a eliminar estos otros dos módulos.

Ahora clonamos este módulo dos veces, y moveremos los nuevos módulos a las zonas correspondientes.

Muy bien, voy a modificar también la imagen del perfil para los dos módulos, como puedes ver hacer estos cambios es muy fácil y rápido.

Y con esto terminamos la página de Nosotros.

Hemos creado esta página en tiempo record, si no estoy mal, la hemos logrado hacer en menos de 6 minutos.

Como ves aprender a utilizar este editor es muy fácil y gracias a las plantillas pre-creadas que tenemos podemos acelerar la creación de las paginas aún más.

Al final de este tutorial, te voy a mostrar también como puedes crear tus propias plantillas y como puedes obtener más plantillas de las que ya tenemos.

La siguiente página que vamos a crear es la del blog, así que primero voy a guardar mis cambios.

Y una vez se guardan saldremos del editor.

Por cierto no te preocupes por el logo que después te enseñare como cambiarlo, primero quiero terminar de hacer mis páginas para después modificar el logo y el color del menú también.

Así que en este momento vamos a entrar en el blog.

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