Muy bien, así que sigamos adelante ahora y
construyamos la página del blog,
que hemos nombrado a la página Artículos en el menú principal,
pero en realidad es la página del blog.
Lo primero que vamos a hacer aquí es que no podemos
editar directamente con Elementor todavía porque
en realidad necesitamos editar
la página primero desde el backend,
desde el trabajo tradicional es back-end.
Aquí mismo.
Ahora podemos dar click en Editar con Elementor.
Esto ahora nos dará acceso a
la interfaz elemental para la página.
Lo primero que voy a hacer es
que voy a bajar aquí a
sentados y simplemente esconder el título de la página.
Entonces simplemente usaremos nuestro propio rubro.
Y llamaremos a éste nuestro blog.
Lo vamos a vender como un H1, ir al estilo.
En realidad alinémonos con el centro primero vamos al estilo.
Y luego para la tipografía,
vamos a fijar como nuestra primaria.
Si no estás trabajando con las fuentes globales,
puedes configurar esto en unos
60 píxeles o algo así.
Asegúrate de que sea bastante grande, ¿verdad?
A continuación, vamos a agregar
nuestro divisor para el blog
y lo alinearemos al centro.
Establezca esto en los ajustes que presente.
Ahora, echa un vistazo a esto.
De acuerdo, vamos a agregar publicaciones de diferentes categorías.
Vamos a hacer uso de nuestra cuadrícula de publicaciones
desde los complementos esenciales aquí abajo.
Ahora sí tienes línea de tiempo post,
que en realidad está muy interesada
en lo que esto va a hacer es que
muestre tus posts en
una línea de tiempo vertical y es un estilo diferente.
Personalmente, no soy un gran fan de ello,
pero sí tienes esta opción si quieres.
Pero no voy a caminar con eso.
Simplemente voy a usar la rejilla de correos.
Muy bien, así que voy a seguir adelante y arrastrar la rejilla de pose,
saltar crestas debajo del
divisor. Y ahora mira esto.
El origen va a ser nuestros posts obviamente,
pero podemos consultar con base en el autor,
el impuesto Fermat y así sucesivamente.
Pero vamos a ir con categorías.
Aquí.
Voy a escribir en Europa.
Muy bien.
Vamos a tirar en puestos de Europa.
La página pospago aquí se establecería en tres,
y luego el layout se establece en.
Entonces iremos con tres columnas para el tamaño de la imagen.
Vamos a ir con lleno como de costumbre.
Ahora, notarías que debido a que estoy usando
diferentes tamaños de mis imágenes para los postes,
hay una desalineación en cuanto a alturas.
Como obviamente la moda en
Estambul tiene la imagen más alta.
Y luego por sus pecados en Pittsburgh
y Glasgow los posts tienen imágenes más cortas.
Hay una forma de evitar
esto y lo verás aquí mismo.
Tienes altura de imagen.
Simplemente puedes establecer una altura fija para tus imágenes.
El único inconveniente de esto es que a
veces es posible que no consigas los mejores ángulos.
Como por ejemplo, ya sabes, si hiciste
este más alto que,
puedes perderte el mejor ángulo
en tus imágenes y así sucesivamente.
Entonces ese es el único inconveniente.
Idealmente, querrías usar imágenes del
mismo ancho y
alto cuando se trata de imágenes destacadas,
pero no es un problema.
Está bien.
Muy bien, así que tenemos eso.
Lo que más simplemente hacer es
agregar un encabezado para indicar que,
acuerdo, este es nuestro post de Europa.
Así que voy a entrar aquí y decir Europa.
Muy bien, ahora hagamos algunos cambios
a la pose real bien en sí misma.
Ajustes de diseño.
Aquí adentro.
El aceptar palabras que vamos a ir con 15.
Mostrar leer más. Sí, muestra metta.
Sí, Bot ama.
Ir al estilo.
Lo que voy a hacer aquí es que seleccionaré el estilo número dos.
Éste nos mostrará la fecha A2 asegura
el avatar o el, el nombre del autor.
Por lo que sí prefiero este estilo particular.
Ahora, de entendernos a sí mismo,
vamos a pasar a la tipografía de color y el espaciado.
Oye, otra vez, tienes el título flotar color.
Lo hicimos antes,
voy a cambiar éste a naranja.
Entonces cuando se cierran sobre el enlace de los posts, se vuelve naranja.
Entonces para la tipografía,
vamos a hacer algunos cambios aquí también.
Voy a hacer esto un poco más pequeño,
sólo para que esa majestuosa ciudad de Glasgow
pueda estar en una sola línea.
El estilo, voy a ir con decoración cursiva, ninguno.
Para el botón Leer más.
También cambiemos hacia abajo.
Lo averiguaré aquí abajo con
estilo de botón Mo, el color del texto.
Vamos a ir con naranja sólo para mantener las cosas constantes.
Y luego por supuesto para la tipografía,
voy a hacer clic aquí,
ir a declaración y luego sentarme a ninguno.
Y eso es todo.
Lo hemos configurado. Europa, tenemos tres posts.
Lo que más quiero hacer en este momento es
simplemente duplicar Europa,
duplica los Postgres aquí mismo.
Arrastraré a Europa, la segunda,
dejaré caer por encima de aquí,
y luego pondré ésta a Asia.
Esa va a ser la siguiente categoría.
Ahora para el propio Postgres,
vamos a cambiar las categorías aquí a Asia.
Así que déjame escribir en Gia
Ahí está.
Ahí vas. Y luego por último pero no menos importante,
hagamos exactamente lo mismo de nuevo,
duplicados, duplicados.
Ahora arrastraré a Asia.
Los cambios querían América del Sur,
ven aquí abajo a los Postgres.
Cambios, uno a América.
Recordar Sudamérica.
Y ahí está.
Entonces una cosa más que podríamos hacer es sumar
algo de espacio entre las rejillas de los polos. Así que echa un vistazo a esto.
De acuerdo, voy a ir a mi trabajo de posgrado,
ya sea uno por Europa,
ir a avanzado en vincular
los valores y luego pondré patrón de fondo.
Digamos 25 píxeles.
Nada demasiado drástico,
también hará la sentencia para Asia.
Colocación inferior 25 pixeles.
Y luego por último pero no menos importante lo haremos
también por Sudamérica,
en colocar el fondo 25 pixeles.
Vamos a seguir adelante ahora actualizaciones.
Y veamos la página.
Ahí está.
De acuerdo, así que vamos a añadir algo de espacio
para el título del blog comprado. Echa un vistazo a esto.
Esto se ve bastante ordenado y en realidad es bastante genial.
Permítanme simplemente hacer rápidamente ese cambio rápido
al título del blog.
Agreguemos un poco de espaciado. Por lo que vamos a ir,
en realidad se irá al botón de sección justo aquí manteniendo
todo el contenido irá a avanzado en
enlace y simplemente establecerán 50 píxeles para
la parte superior y luego encajarán 50 pixeles para la parte inferior como bien.
Ok, O puertas.
Ahora, una vez más,
veamos la página.
Y voila ley, ahí vas.
Esa es la página del blog todo construido.
No obstante, quiero desafiarte.
Para hacer las cosas más interesantes.
Te mostraré un ejemplo de lo que estoy hablando.
Tanto con elemental como con los
átomos esenciales son plugin.
Tienes acceso a tantos elementos para
tus páginas se vean más emocionantes, más dinámicas.
A modo de ejemplo, para los átomos esenciales se han
activado otro elemento.
Y es el acordeón de imagen.
Lo encontrarás en
los elementos creativos aquí mismo
verás acordeón de imagen.
Adelante, actímalo.
Ahora volvamos a la página
aquí y déjame mostrarte una cosa que podríamos hacer.
Voy a editar con Elementor.
Vamos a hacer uso del acordeón de imagen.
Ahora echa un vistazo de nuevo esto. Voy a desplazarse hasta aquí abajo.
Son átomos esenciales.
Tenemos aquí el elemento acordeón de imagen.
Voy a hacer clic arrastrar y soltarlo
justo encima de ti hacia arriba. Muy bien.
Ahora antes de empezar a editar esto,
voy a añadir otro
encabezado justo encima del acordeón de imagen.
Y podemos llamar a éste los últimos posts.
Así como ejemplo,
en realidad voy a agregar algún relleno desde la parte superior.
Vamos 25 pixeles.
Solo para darte cierta distancia entre
el título del bloque real y dejarnos publicar.
Y volveré a echar un vistazo a esto.
Voy a ir a mi imagen acordeón e invitar aquí.
Podemos hacer tantas cosas para la
primera según aquí, voy a hacer click en
el interior,
cambiar la imagen aquí para ser uno de los posts.
Éste de aquí mismo, los posts de San Petersburgo,
voy a elegir la imagen destacada.
Inserte eso.
Y ahora escritor verás hacerlo activo.
Sí, queremos hacer esto,
no podía activo para que en realidad se
vinculara a los posts aquí en este momento,
voy a cambiar ese título.
Dos visitas en San Petersburgo.
Ese va a ser el título.
Y luego aquí estarían los extractos.
Este sería el excepto el texto,
que podemos cambiarlo ahora mismo
aquí donde la has habilitado para enlazar,
quieres mostrar esto y ahora mismo, aquí
es donde agregarías el enlace a el puesto.
Así que déjame hacer esto rápidamente.
Permítanme ver la página muy rápido.
Durante días en San Petersburgo.
Así que aquí mismo voy a agarrar este enlace aquí mismo.
Nuevamente, observe que no es necesario
copiar el nombre de dominio en sí mismo.
Simplemente ve con la slash hacia adelante y luego el nombre de
la publicación o la URL de los posts.
Voy a copiar esto.
Ve aquí mismo, vuelve a Editar.
Da click en el primer acordeón de imagen aquí.
Y ahora aquí abajo, enlace de título.
Voy a seguir adelante ahora y simplemente pegar eso.
Por lo que esto ahora enlazará con el puesto o
cuatro días en San Petersburgo.
De nuevo, podría hacer lo mismo por el segundo.
De acuerdo aquí también.
Nuestra lista elige el para la Montaña Arco Iris.
Y luego otra vez, puedo entrar aquí y cambiar el título a la
Montaña Arco Iris.
Un poco rápido, Rainbow Mountain, y así sucesivamente.
Eso es para el segundo en consecuencia, el tercer trimestre.
Y simplemente cambiaré éste por el que Rapa Nui.
Y luego por supuesto, el último pero no menos importante,
vamos con el de Turquía,
moda y la moda en Estambul. Inserta esa.
Lo es.
Voy a seguir adelante y ahora actualizaciones.
Y ahora echaremos un vistazo a la página mejorada del blog.
Ahora mira esto.
Tienes entradas de blog, por ejemplo,
en Pittsburgh, tendrás esta montaña arco iris.
Pueden dar click en éste para Rapa Nui,
éste para la moda y Estambul.
Y luego si no les interesa,
simplemente ahora pueden desplazarse hacia abajo para
ver los posts de Europa,
Asia, Sudamérica, etcétera.
Entonces esta es una forma,
otra forma de cómo puedes hacer que
tus páginas sean más interactivas, más dinámicas.
También puedes agregar animación, como
puedes configurarla para que estés
tal vez diapositivas desde la izquierda o desde la derecha.
Te he mostrado cómo hacer eso en la página de inicio.
Así que sólo trata de ser creativo.
Si no estás contento con lo estática que se siente tu página,
siempre puedes condimentar las cosas haciendo uso de
elementos creativos, agregando algo de animación.
Y verás una mejora masiva
en lo dinámicas que son tus páginas.
Eso es todo por construir la página del blog.
Muchas gracias por ver.
Te veré en la próxima clase.