Transcripciones
1. Introduccion: E, bienvenido de nuevo a otra
clase elemental increíble de mi parte, Ken. Soy diseñadora web e instructora de
wordpress,
y en esta clase, quiero mostrarte cómo construir una
sección de precios moderna con Elementor Vamos a estar usando la versión
gratuita de Elementor. Ahora, si eres nuevo en elementor, este proyecto es la manera
perfecta para que te
pongas cómodo con los contenedores
Flexbox Contenedores Flexbox es
el nuevo sistema de diseño reemplaza secciones y columnas Vamos a recorrer
el diseño paso a
paso desde comprender
la estructura de nuestros precios como una colección
de contenedores y elementos hasta agregar y
diseñar todo el contenido. Y la mejor parte no necesitarás un elementor pro ni
ningún complemento pago, tu creatividad
y las herramientas gratuitas ya integradas en
Wordpress y un elementor Y al final de esta clase, no solo
tendrás una sección de
precios
limpia y presentable, sino que también entenderás cómo funcionan los contenedores
flexbox y cómo usarlos para
construir diseños flexibles y
modernos en un Ahora, en la siguiente lección,
quiero mostrarles una demo de lo que
vamos a estar construyendo. Así que vamos a sumergirnos directamente en. Nos vemos en breve.
2. Demostración del proyecto: Entonces esto es exactamente lo que
vamos a estar construyendo. Si coloco el cursor sobre alguna
de las mesas de aquí, verás esa
bonita sombra, y si pongo el cursor sobre los botones, notarás
que tienen ese efecto animado Eso se llama bobbing, y ya
veremos cómo agregar eso. La lista aquí está separada
por esta línea discontinua. Básicamente, esto es lo que
vamos a estar creando. En la siguiente lección,
preparemos nuestro entorno.
Te veré en breve.
3. Instalar Astra y Elementor: Ahora déjame cambiar a
mi sitio web de Wordpress. Se trata de una nueva
instalación de Wordpress. Mi suposición es que
ya has instalado WordPress. Entonces lo primero que
quiero hacer es instalar mi tema porque cada sitio web de
Wordpress
tiene que tener un tema. Entonces voy a ir a temas de apariencia y el tema activo es 2025, pero quiero instalar Astra,
así que voy a decir agregar tema
y aquí está Astra. Diré instalar y activar. Y ahí vamos. Entonces ahora
Astra es nuestro tema activo. Déjame cerrar esto. No queremos usar
sus plantillas, cerrar eso y aquello. Lo siguiente que quiero
hacer es instalar Elementor porque vas a construir la tabla de precios
con elementor Entonces vamos a enchufar. Primero que nada, basta con hacer clic en Complementos
instalados para ver
qué tenemos aquí. Tenemos estos dos que vienen con cada
instalación de WordPress. Sólo voy a seleccionar todos estos plugins
y decir desactivar, aplicar Seleccionar todos ellos, eliminar, aplicar porque no
quiero usar ninguno de ellos. Muy bien, así que
déjame decir agregar plugin. Aquí, voy a escribir elementor Y aquí hay un
elementor instalar ahora Ahí vamos. Entonces ahora
voy a decir activar. Y ahora elementor está
activo en nuestro sitio web. Ahora, es posible que tengas que
pasar por un asistente de configuración. A veces, si nunca antes has
instalado WordPress, es posible que tengas que pasar por cierto asistente de configuración
que se introdujo, creo que en 2023. Si te has
redirigido a un asistente de configuración,
pasa por ese asistente de configuración y termina de
configurar un elementor
4. La sección sobre precios, parte 1: Ahora que hemos instalado nuestro tema y nuestro
plug in elementor, es el momento de crear
nuestra tabla de precios Entonces quiero ir
directo a las páginas. Y aquí tenemos estas dos páginas
predeterminadas. Ahora, una tabla de precios generalmente se
coloca en una página de precios. Así que agreguemos una página
llamada página de precios. Diré Agregar página. Y le voy a dar
el nombre pricing. Y voy a decir ahora, recuerden, hemos instalado
Elementor y Astra Entonces aquí tenemos algunos
ajustes que ahora son posibles porque tenemos
elementor y Astra instalados E plantilla, queremos
usar elementor ancho completo. Pasemos a la configuración de
Astra aquí. Para el diseño del contenedor, me encanta ir con ancho completo. Estos permanecen sin cambios. Déjalo por defecto.
Para la barra lateral, me gusta ir sin barra lateral. Y para estos elementos, quiero desactivar
el encabezado de Astra, Astra foo, y el
banner de Astra publicarlo Estos son los
ajustes básicos que siempre configuré para cada página elemental que estoy a
punto de editar con Elementor Así que edita con Elementor ahora. Y aquí estamos. Ahora, solo
voy a saltarme esto porque no
quiero conectarme a mi cuenta elemental ya que
esto es solo un ejemplo. Así que salta. Ahora tenemos una página en blanco a la que podemos
añadir cualquier cosa que queramos. Entonces voy a hacer clic en
Agregar nuevo contenedor, y voy a usar un Flexbox Iré con este contenedor de una sola
dirección hacia abajo. Es este contenedor rosa todo
el camino de borde a borde. Quiero que observemos
esto por un momento. Entonces estos son tres contenedores. Vamos a crear
tres contenedores, y cada contenedor tiene
un elemento heading,
un elemento editor de texto. Se trata de un contenedor
con tres contenedores dispuestos uno al lado del otro para crear
estos tres bits de texto, el símbolo del dólar, la
cantidad y el mes. Estas son tres columnas. Vamos a ver
cómo hacer eso. Este es un solo divisor. Esta es una lista de iconos, y esta lista de iconos está en el
mismo contenedor que este botón, pero veremos cómo
hacer todo eso. Sólo quiero que tengamos un
mapa mental de lo que estamos construyendo. Entonces volviendo aquí,
queremos comenzar por crear estos tres contenedores. Y como se puede ver,
los tres contenedores no
están tocando los
bordes de la pantalla. Están ocupando alrededor
del 80% del ancho desde este
borde hasta este borde. Están ocupando alrededor
del 80% del ancho disponible. Entonces lo que queremos hacer
es agregar un contenedor que va a contener
las tablas de precios, y ese contenedor
va a tener un ancho del 80%. Déjame mostrarte a lo que me refiero. Así que volviendo aquí, agreguemos un contenedor. Voy a agregar un contenedor
y dejarlo caer ahí. Entonces este contenedor exterior que es de
color rosa debería ocupar el 100%, así que cambia el ancho a
porcentaje y digamos 100%. Y ahora, el contenedor
que ponemos dentro de él, este contenedor negro,
no el rosado. Este contenedor grisáceo
debe ocupar el 80%. Pero ahora está alineado a la
izquierda del contenedor exterior, así que seleccionaré el contenedor
exterior, y voy a alinear
los elementos al centro. Mira lo que sucede con esto
cuando hago clic en Alinear elementos. Ahora está alineado en el centro. Ahora, lo que acabamos de crear es el contenedor que contiene
estas tres columnas. Ahora vamos a crear
las tres columnas. Aquí dentro, en el contenedor interior, quiero agregar
otro contenedor más. Y voy a enlazar derecho
y duplicar este contenedor, el contenedor interno,
enlace derecho y duplicarlo de nuevo. Ahora tenemos tres contenedores
dentro de este contenedor. Y este contenedor está,
por supuesto, dentro de este contenedor. Entonces con este contenedor seleccionado, voy a ir a la dirección y cambiar de arriba a abajo, porque ahora mismo,
como pueden ver, su dirección es de arriba a abajo. En otras palabras,
el contenido dentro del propio contenedor se
apila de arriba a abajo. Por eso estos tres
van uno, dos, tres. Pero si cambiamos
a fila horizontal, Todo dentro
del contenedor ahora está dispuesto de izquierda a derecha
en lugar de arriba a abajo. Entonces ahora tenemos tres columnas. Voy a publicar eso
solo voy a dejar caer
algo de texto ahí, además de nuevo, dirigiéndose hacia
allí, y dirigiéndose hacia allí. Seleccione esta, seleccione esta, dos, seleccione esta tres. Publica eso,
previsualiza los cambios. Al menos ahora
tenemos tres columnas. Entonces ahora sigamos adelante
y creemos estos. Entonces ahora, seleccionaré aquí
esta primera columna, columna número uno,
y voy a
ir a estilo, fondo,
elegir este pincel, seleccionar color, y voy a elegir un amarillento, cremoso, blanquecino Elige el color que
quieras, tal vez en algún lugar ahí. Déjame simplemente seguir adelante y escoger así veo que tenemos básicos
para pequeños proyectos personales. Entonces ahora seleccionando el texto, el encabezado que dejamos caer aquí, solo
voy a
cambiar esto a básico. Seleccione el
propio contenedor una vez más. Voy a ir al borde, y lo voy a hacer sólido, y le voy a dar un ancho de
borde de uno. Digamos publicar por
ahora y echar un vistazo a lo que tenemos vista previa. Eso es lo que tenemos. Vamos
a darle algunas esquinas redondeadas. Entonces mientras todavía está seleccionado, quiero ir al radio
del borde y darle un
radio de borde de 20. Ahora tiene esas
esquinas redondeadas publicamos ahí vamos. Así que ahora volviendo aquí, déjeme decir más, y voy a agregar, como pueden ver,
tenemos esta lista. Entonces comencemos con esa lista. Voy a escribir
aquí lista de iconos. Entonces voy a soltar
esa lista de iconos
tan pronto como aparezca ese resaltado rosa. Ahí vamos. También voy a añadir un botón. Entonces agrega un botón ahí dentro en el
cuadro justo debajo de eso. Ahí vamos. Entonces, mientras aún
esté seleccionado, puedo ir a Estilo
y posición al centro, seleccionar esta lista también. Centro de alineación de estilo. Puedo seleccionar este centro de alineación de
estilo de texto. Ahora, recuerden,
tenemos este texto, y digo que
son tres columnas. Entonces lo que queremos hacer es
seleccionar este click derecho duplicado y quiero
cambiarlo a $5. Derecho, li, duplicado,
derecho, fuga, duplicado. Seleccionemos el primero
y cambiémoslo a signo de $1, seleccionemos el último y
cambiémoslo a mes de barra diagonal Ahora bien, estos son tres elementos. Lo que necesitamos, déjame
primero publicarlo, luego previsualizarlo.
Eso es lo que tenemos. Entonces voy a decir plus aquí, luego agrega un contenedor justo
debajo del texto básico. Debido a que tenemos tres elementos, podemos arrastrarlos y
soltarlos en el contenedor. Arrastraré el precio también, lo
dejaré caer ahí, y luego el mes justo
por debajo del precio. No, aún no está dentro de la caja. Quiero asegurarme de que está
dentro de este contenedor. Entonces déjame arrastrar mes Bien, déjame soltarlo en el medio y luego arrastrar esto hacia arriba y
ponerlo en el medio. ¿Por qué soy incapaz de hacerlo bien? Entonces ahora puedo
empujarla hasta el final. Ahora bien, estos tres elementos
están dentro de un contenedor. Entonces si selecciono el contenedor y cambio la dirección aquí, ahora están dispuestos
horizontalmente. Entonces ahora me voy mientras este
contenedor todavía está seleccionado, voy a justificar el contenido
al centro así. Y ahora puedo escoger cualquiera de ellos individualmente
y redimensionarlos. Entonces, si voy aquí a tipografía de
estilo, puedo aumentar el tamaño de los $5 individualmente, así como así Así que publica eso. Eso es lo que
5. La sección sobre precios, parte 2: Como pueden ver, no tenemos espaciado abajo aquí y aquí arriba. Entonces seleccionando el
contenedor que contiene todo aquí, voy a ir a Avanzado, y sin romper este enlace, voy a decir que el
relleno será de 30. Eso es espaciado desde el
borde hasta el contenido interno. Y si digo 50. Sí, 50 está bien. Entonces ahora aquí tenemos
50 en el lado, tenemos 50 aquí arriba,
50. Todo bien. Entonces ahora, con eso, lo siguiente que quiero hacer
es seleccionar este contenedor, y quiero alinear los elementos horizontalmente en línea recta. Solo echa un vistazo a esto
cuando selecciono alinear elementos. Ahora, todo está
arreglado recto. Seleccione esto, vaya a
tipografía de estilo, peso 900 negro. Selecciona el mes, ve
a estilo, tipografía. De hecho, voy a
reducir la talla talla 18,
seleccionar el símbolo, símbolo de moneda
, tipografía de estilo Creo que esa talla está bien. Ahora, quiero ir al margen
avanzado, a la derecha, y reducir
el margen de la derecha para acercarlo a la cantidad. Entonces negativo 20 parece funcionar. Yo también voy a seleccionar
la cantidad. Ir al margen avanzado, reducir el margen derecho
para empujarlo hacia la derecha Así como así para que
estén muy juntos. Ahora, mientras eso
todavía está seleccionado, puedo ir al estilo de texto Color. Yo le puedo dar ese 209-20-9209. Seleccione este texto. Estilo del color del texto,
le puede dar ese 29, correctamente copiar. Voy a seleccionar este
también, el estilo de símbolo. Ven aquí. Pegue ese código. Ahora, se me olvidó
agregar este divisor. Así que volvamos a entrar aquí. Además, agreguemos un divisor. Dejémoslo ahí mismo, así como así fuera de
este contenedor. Y aquí mismo, digamos, debería ocupar el
80% del ancho, y vamos a alinearlo
al centro así. Cambiémoslo a una línea
punteada o discontinua. Va a cambiar a línea discontinua. Voy a seleccionar esta lista de
iconos, ir a icono. De hecho,
volvamos al contenido, enumeremos el ítem número uno, eliminemos eso y
cambiemos este nombre que tenemos aquí
hasta cinco usuarios. Creo que tenía este texto. No quiero dedicarme
tiempo a escribir. Entonces voy a
copiarlo desde donde yo lo tengo. Lo he encontrado, copia eso. Voy a pegarlo aquí. Enumere el elemento número dos,
elimine el icono. No quiero el icono. Copia eso, colócalo aquí. Ahora, voy a
adelantar rápidamente esta parte. Simplemente sigue adelante y agrega todos los elementos y quita el
ícono si no lo necesitas. Voy a borrar eso. Entonces como dije, voy
a adelantar rápidamente esta parte, y nos vemos en cuanto
termine . Pega eso ahí dentro. Copia esto, duplica esto,
pega eso ahí
dentro, publicar lo siguiente quiero hacer es seleccionar mientras
esto todavía esté seleccionado, quiero ir al estilo, y quiero decir espacio entre. Quiero que espaciemos un poco la
cantidad, tal vez hasta diez. Muy bien, lo siguiente,
vamos al botón, y voy a ir
al contenido y decir, ¿qué tenemos aquí? A estas alturas. Sí. Entonces sobre el contenido mientras se selecciona
el botón, A estas alturas, vamos a ir a aquí
es donde agregas el enlace. Entonces, supongamos que
este es el enlace. Lo vas a poner
ahí mismo. Y si quieres
abrir en una nueva pestaña, puedes abrir enlace en nueva ventana. Esto lo abrirá en una
nueva pestaña, colapsar eso. Vamos al interior del estilo. Y antes que nada, quiero romper este
relleno porque
quiero darle un poco
mejor relleno izquierda, 50, derecha, 50, arriba, digamos 20 y abajo 20. Ahora, digamos 15. 15.
Para el radio de la botella, digamos diez. Sí, así como así.
Publicar. Y ahora, notarán
aquí mismo que este espaciado es mayor que este espaciado. Redujamos el espaciado aquí. Voy a seleccionar
este contenedor. No sé por qué
no puedo seleccionarlo. Muy bien, déjame, seleccionar ese contenedor,
ir a Avanzado, luego romper este margen predeterminado, luego reducir el margen inferior, tal vez hasta ese punto. Como puedes ver ahora,
el espacio entre los cinco y el divisor y el espacio entre aquí
y aquí es casi el mismo. Así que publica eso. Y echemos un
vistazo a lo que tenemos hasta ahora. Creo que ahora estamos
llegando a alguna parte. Lo siguiente que queremos hacer es Ante todo, cambiemos esto. Entonces seleccionaré este básico, volveré al estilo, a la tipografía Quiero cambiar
esto a 900 negro. Vamos a la
fuente, color del texto. Cambiemos esto a 29 al
color que quieras. 29 29, 29 es el mismo
color que usamos para esto. Y quiero seleccionar
este contenedor para reducir un poco este
espaciado. Así que el espaciado superior. Tal vez hasta ese lugar también. Y también quiero reducir
este acolchado en el lateral. Recuerda, seleccionamos
este contenedor, y ponemos un relleno
de 50 todo redondo. Ahora, sigamos adelante
y rompamos este vínculo. Y para la izquierda y la derecha, hagámoslo diez y diez. La parte superior inferior es de 50 cada una. Publica eso. Y ahora
vamos a previsualizar los cambios. Ahora eso es mucho mejor. Todo bien. Así que ahora al menos
ahora estamos llegando a alguna parte. Lo siguiente que quiero que
hagamos es que estos dos eran marcadores de posición
para las columnas Ahora, lo que quiero hacer es hacer clic
derecho en esto
y duplicarlo, clic
derecho en él y
duplicarlo nuevamente. Y ahora podemos eliminar
estos dos porque solo
eran marcadores de posición
para otras dos columnas Y porque tenemos
esto, solo voy
a agregar el precio
para estos otros. Entonces copia eso, selecciona esto, ve aquí y cámbialo a eso. Y voy a
adelantar rápidamente esta parte. Y ahora el último
aquí y allá vamos. Así que terminé de agregar las diferentes características y
beneficios de cada plan. Sólo voy a decir publicar. Y ahora vamos a
revisar los cambios. Y ahora, eso es lo
que tenemos ahora mismo.
6. La sección de precios, Parte 3: Quiero que lo hagamos un
poco más presentable. Agreguemos un poco de
espaciado aquí mismo en la parte superior para que quede
centralizado en nuestra pantalla. Entonces seleccionaré el contenedor. Avanzada, voy
a romper el margen y darle un margen superior de 50. Y voy a publicar eso. Vamos a previsualizar el cambio. Sí, creo que es mejor. Y ahora, de hecho, mientras este
contenedor todavía está seleccionado, voy a ir a maquetación. No, seleccionemos este contenedor
interior que está
guardando todo en
su interior. Fue del 80%. Quiero que hagamos que
tal vez 70% publiquemos eso. Entonces ahora, hay algo
que quiero que noten aquí. Justo aquí, todos nuestros
botones están en la parte inferior. Esta es la referencia que
hemos estado viendo. Por lo que nuestros botones están muy
correctamente alineados en cada caja cada uno en cada caja. Y aquí mismo en el
que hemos creado, nuestro botón se levanta para
acercarnos a la lista de iconos. Entonces, ¿cómo los empujamos a
todos al fondo? Volvamos a entrar aquí. Ahora, recuerden, agregamos este contenedor aquí y
agregamos estos tres elementos, y pudimos
organizarlos dentro del contenedor. Podemos hacer lo mismo aquí y
espaciar estos dos artículos. Entonces voy a decir
plus, luego contenedor. Voy a dejarla ahí
mismo. Eso está bien. Y con él caído ahí mismo, puedo arrastrar esto
al contenedor y
al botón también. Ahora, ambos están
dentro del contenedor. Seleccionaré el contenedor
en sí, vaya a Avanzado. Y aquí mismo, tenemos talla. Vamos a decir crecer. En otras palabras, ocupar
cualquier espacio disponible. Cualquier espacio que esté disponible
que no esté en uso, llénelo. Entonces crecer, eso hará que el contenedor crezca para ocupar
cualquier espacio disponible. Ahora que ha crecido,
todo lo que tenemos que hacer mientras
todavía está seleccionado es volver a maquetación y justificar el contenido
para decir espacio entre ellos. Eso va a presionar
el botón hacia abajo. Recuerda, teníamos relleno
en este contenedor exterior, acolchado
superior e inferior de 50. Por eso esto va todo
el camino hasta esta parte. Entonces con eso hecho, voy a volver aquí, arrastrar otro contenedor aquí. Arrastre estos dos
al contenedor. Y como ya teníamos encabezamientos para esto,
voy a seleccionarlo,
copiarlo, seleccionar este
otro contenedor, hacer click
derecho, pegar el estilo Cualesquiera que sean los
estilos que aplicemos a esto, se aplicarán a esto, y finalmente haré lo mismo. Eso es un rubro, contenedor. Déjalo ahí, arrastra eso
ahí dentro, arrastra eso ahí dentro. Fuga derecha, copia, estilo de
pasta con fugas correctas. Publica eso. Y antes de mirarlo, voy a seleccionar el botón. Voy a ir
a Button Normal. Dale eso vamos a darle un color azul o el color que quieras, el
color tu marca, tal vez rojo. De hecho, permítanme
seleccionar esto una vez más. Entonces mientras todavía está seleccionado, voy a ir a Hover Y en Hover, el
color de fondo debe ser 29 29, 29. En Hover, es ese color. Ahora, mientras
aún está bajo Hover, vamos a Hover Animation, y voy a seleccionar a Bob Ese es el que me
gusta. Ese es Bob. Y ahora que el
botón está actualizado, voy a escribir fuga Copy. Derecha, fuga, estilo de pasta, derecha, fuga, estilo de pasta. Pero ahora no me gusta ese color
rojo. Es demasiado gritón. Voy a revertirlo,
así que seleccionaré esto. O, de hecho,
voy a seleccionar esto. Entonces en lo normal, quiero
copiar este color rojo, ir a flotar, pegarlo ahí Y cuando es normal, ahí es cuando va
a ser 29, 29. En Hover, es rojo. Sí. Así que copia el estilo Pegar. Publica eso, previsualizar los
cambios. Ahí vamos. Entonces creo que deberíamos reducir
el tamaño de este divisor, así que voy a seleccionarlo
y hacerlo tal vez 50%,
correcto leak copy, right leak,
paste style, right
leak, paste style, paste style. Publica eso. No sé si
queda algo. Sí, creo que queda una
cosa más. Necesitamos agregar algunos
efectos de hover para que cuando
alguien esté pasando el cursor
del mouse sobre
él, tenga alguna sombra paralela Entonces seleccionando esta
primera, yendo a maquetación. Ahora, vamos al estilo, sombra de caja de
borde en hover Quiero darle una sombra de caja. Así como así. Ahora
podemos cambiar esa oscuridad. Quiero que sea menos oscuro. Entonces, si voy a esta transparencia, puedo reducir esa intensidad de
sombra. Y ahora que me gusta esa
sombra paralela, fuga correcta, copia, fuga
correcta, estilo de pegar, fuga
correcta, pegar
estilo, publicar eso. Y ahora vamos a
previsualizar los cambios. Ahí vamos. Entonces ahora
si lo sobrepasé, ahí vamos. Todo bien. Entonces, finalmente, permítanme cambiar
estos tres, este estándar. Empresa. Y creo que
déjame hacer click derecho en esta copia. No, de hecho, déjame
hacer clic derecho en este duplicarlo, y luego
lo voy a arrastrar justo debajo básico. Y creo que dice para
pequeños proyectos personales. Proyectos o proyectos personales. Y voy a ir al estilo,
a la tipografía. Voy a aumentar el
espaciado entre letras pero reducir
el tamaño de la fuente. Y voy a ir al margen superior
avanzado, reducirlo hasta
tal vez ese punto, ir al fondo de
margen avanzado básico. Hasta ese lugar. Entonces ahora
voy a seleccionar esto, clic
derecho copiar,
clic derecho en el texto aquí, pegar, clic derecho en este pegar. Y para ello, creo que
dice joven Startup Projects. Proyectos de startups jóvenes. Y por último, proyectos a nivel
Enterprise. Publica eso. ¿Algo más?
Sí, esto es 19 dólares Y esto debería ser de 49 dólares de publicación. Y repasemos los cambios. Ahora, una cosa más me he
dado cuenta de que nos olvidamos, pero antes que
nada, echemos un vistazo. Me gusta mucho. Pero una cosa más
que olvidamos agregar son estas pequeñas líneas de aquí mismo. Entonces esos son solo para agregar algo de sabor a lo
que ya tenemos. Entonces seleccionando la lista de iconos, voy a ir al
divisor y decir encendido, y como puedes ver,
son demasiado largos. Entonces con, vamos a
ponerlos a tal vez en ese lugar. Voy a cambiar esto a
punteado o digamos disecado. Y, si, solo voy
a dejar eso así,
bien, filtrar, copiar, bien,
filtrar, pegar estilo, derecho, lik este
estilo de pegar, y publicar. Pasemos a echarle un
vistazo. Y ahí vamos. Entonces básicamente, creo que este
es un buen lugar para terminar con esto. Fue un ejemplo rápido de cómo
crear una lista de precios,
pero lo más importante, cómo trabajar con
contenedores en elemental porque una vez que dominas
los contenedores en elementor, puedes diseñar prácticamente
cualquier cosa que puedas imaginar Entonces creo que este es un
buen lugar para terminar con esto. Si te ha gustado, si
te ha resultado útil, no
olvides que te gusta. No olvides seguirme para más tutoriales
en el futuro. Así que hasta la próxima vez,
mantente creativo. Paz.
7. Reflexiones finales: Simplemente construí una sección de precios moderna y
limpia usando solo la versión gratuita
de elementor, y en el camino,
también aprendió a trabajar con
confianza con contenedores, contenedores
flexbox Ahora bien, este diseño
puede parecer simple, pero las habilidades
que
acabas de practicar, es decir, trabajar con
contenedores anidados, administrar espaciado,
relleno, márgenes, elementos de
estilo, todos estos son los cimientos de todos los grandes diseños de elementor, y ahora ya sabes
cómo hacer todo eso Y ahora es tu turno. Me encantaría ver lo
que has podido crear. Dirígete a la pestaña de proyectos
y recursos justo debajo de este reproductor de video
y sube tu proyecto. Simplemente tome una captura de pantalla de su sección de precios
y subirla o comparta un enlace a un sitio web en vivo donde podamos ir y echar un
vistazo a su sección de precios. Reviso cada proyecto, y me encantaría ver qué se
te
ha ocurrido. Y si disfrutas de esta
clase, de verdad, verdad te agradecería que
pudieras dejar una breve reseña. No solo me ayuda a entender el impacto que están teniendo
mis clases, sino que también ayuda a otros estudiantes descubrir mis clases
en Skillshare Así que tómate un momento y deja una breve reseña y hazme saber lo que
pensabas de la clase. Una vez más, gracias
por acompañarme, y te veré en
la siguiente clase. Paz.
Ken Mbesa, Web Designer | 3D Artist
