Figma a WordPress Elementor: convierte el diseño de Figma

1. Introduccion: Y si te dijera la herramienta original que toma tu diseño Figma y lo convierte en Qué lado prensa en un segundo En este curso, te enseñaré cómo puedes convertir tu diseño Figma en WordPress, lamentor, Greenberg o Brick Speller muy Este curso es perfecto para desarrollador web freelance, propietario de agencia, diseñador de figma, diseñador sitios web de sesión y cualquier persona interesada en reunir la conversión de Figma a Wordpress En este curso, aprenderemos UIKE básico, qué es y cómo es trabajo y posibilidades Entonces vamos a hacer configuración como descargar y configurar UIKi de forma gratuita Características como modo O view copy, modo exportación y optimización, personalización de páginas de entrada y testimonios, espuma y encabezado y pie de página. También importante página de blog personalizada, página publicación y secciones, diseño de entrada con Gutenberg y Brick Speller, bloqueos fijos y problemas comunes Lo interesante es que obtendrás soporte de por vida y actualización en función de la demanda de la audiencia. Al finalizar este curso, tendrás la confianza para transferir el diseño de frega al sitio web de WordPress Ya sea que seas un principiante completo o un freelancer experimentado o propietario de una agencia, estos cursos simplificarán tu flujo de trabajo. Así que empieza ahora a darle vida a tu diseño con Wordpres 2. Qué es Uichemy, cómo funciona y qué posibilidades tiene: Primero, ven sobre lo que es UIKi IKE plug ins convierten el diseño de Figma en sitio Wordpress editable y trabajar con Aleanor, Gutenberg y Bricks convierten el diseño de Figma en un sitio Wordpress editable y trabajar con Aleanor, Gutenberg y Bricks Builder para agilizar el diseño web sin codificación. Y está funcionando de manera muy sencilla. En primer lugar, necesitamos diseñar la interfaz de usuario y Figma. Entonces solo necesitamos usar plug in como UIKBPlugin para convertir nuestro diseño Figma a Y si miras esta posibilidad, entonces es rápido y fácil. No necesita codificación, personalización flexible y definitivamente le ahorra mucho tiempo. Y es genial para 3. Cómo descargar y configurar Uichemy de forma gratuita (WordPress y Figma): Para descargar el UIKIPlugin, solo necesitamos escribir aquí amd.com barra diagonal Entonces será ter en esta página, y en el lado derecho, obtienes una opción C, como, Bien, así que si te desplazas hacia abajo, entonces obtendrás una opción como gratis. Entonces solo necesitamos dar click aquí este botón gratuito, pero aquí, puedes seleccionar el Pach Builder Así que literalmente puedes seleccionar aquí si quieres ir con Gutenberg, entonces puedes ir con Gutenberg Si quieres ir con Bricks Builder, entonces puedes seleccionar Constructor de ladrillos. Y si quieres ir con elementor, entonces simplemente puedes seleccionar el elementor Simplemente selecciona el Creador de Pig lo que te gusta usar para construir un sitio web, ¿de acuerdo? Entonces voy a ir con elementor y digamos Sat libre. Y ahora aquí, solo necesitas tener tu correo electrónico y nombre, apellido, y luego debes hacer clic en este patrón de descarga gratuita. Entonces ya tengo una cuenta, así que no voy a crear una nueva, así que voy a iniciar sesión aquí primero. Entonces como pueden ver, Hu es mi correo electrónico y nombre apellido. Así que simplemente hagamos clic en Hu esto, por favor descargue este botón, y dice mojarse. Vamos a lo que vamos un poco. Bien, entonces se juega con éxito, y si lo desplazas un poco, entonces obtendrás esta clave de licencia aquí que está aquí Simplemente copie la clave de licencia. Esto es sobre todo una necesidad. Volvamos a nuestro archivo Figma, cuál es el diseño que te gusta importar Entonces en mi caso, digamos que quiero ingresar este. Así que puedo hacer puedo dar click aquí esta opción en la parte inferior, como enchufar y simplemente ir a enchufar y QUÉ y simplemente buscar tu UICami Entonces conseguirás este enchufe aquí. Simplemente haz clic en este plugin. Y después de abrir este enchufe, obtendrá la opción de clave serie, simplemente orinará esta llave real que recientemente copiamos y simplemente haga clic en este botón de activación Bien, así como pueden ver, ahora está activado hecho. Así que vamos a hacer clic aquí, botón SkiPT. Y ahora, como pueden ver, obtenemos este tipo de cosas. Y ahora tenemos que ir a nuestro sitio web What press, y tenemos que hacer click en plugins aquí y tenemos que hacer clic en Añadir nuevo enchufe en este botón, y simplemente buscar aquí UIKi así que para instalar este plugin de WordPress, puedes ir a sus plugins y hacer clic en Ad New, y simplemente puedes buscar aquí UIKi y luego obtendrás este plug aquí Esto viene principalmente de Possumt y este es el logo. Simplemente haz clic aquí este botón Instalar para instalar este plugin. Bien. Ahora simplemente podemos activar este plugin. Pero, ¿qué pasa si no estás obteniendo este plugin, si buscas, pero no lo estás obteniendo, entonces qué puedes hacer? Simplemente puedes volver a esta página de Poch, y si te desplazas hacia abajo, entonces obtendrás este enchufe aquí, UIM ser producto Elementor. Este es el plugin. Simplemente haga clic aquí el botón de descarga. Entonces puedes descargarla literalmente. Y luego lo que puedes hacer, puedes ir aquí, enchufar Nt nuevo y simplemente hacer clic en el complemento Upload, y luego puedes subir el plugin. Si no descubres el plugin desde aquí, si buscas el plug in y no lo estás obteniendo, entonces lo que puedes hacer, simplemente puedes descargarlo y subirlo aquí al plugin, y luego puedes activarlo. Entonces no lo voy a subir ahora mismo porque ya lo conseguimos instalarlo desde aquí. Así que vamos a activar el plugin. Y después de esto, obtenemos una característica extra aquí, UI CE on the lapsit, click on there Y luego están hablando seleccionar nuestro Page Builder. Entonces nos gusta seleccionar el elementor, ir a siguiente, y luego otra vez, clic en siguiente, siguiente, y necesitamos instalar y activar aquí esto primero de Todos, así que van a instalar y activar el plug in Y como puedes ver, ahora está activado y ahora tenemos que dar click aquí a este botón de activar, y luego tenemos que activarlo también. Vamos a hacer clic en la siguiente opción, y vamos a hacer clic en terminar. Todo bien. Entonces ahora puedes ver que está hecho. Entonces, si solo reemplazas un poco esta página, entonces puedes ver todo esto ahora mismo solo marca de verificación verde, como puedes ver. Todo está casi hecho. ¿Bien? Ahora, si vas a la configuración ahí, entonces obtendrás un ARL lateral y seguro doin Eso sería necesario en más adelante cuando vayamos a importar el diseño. 4. Descripción general del plugin de uichemy (Figma): Oh Ahora vamos a ver sobre UIC Figma plug en la parte superior de ti Entonces para conseguir este plug in, necesitamos dar click aquí en la opción plug in inferior y luego ir aquí estos plugins y necesitamos buscar aquí, UIKME Entonces, cuando llegues a buscar UIKME obtendrás tres enchufes ahí Uno es como Figma relevanor. Otro es como Brick Builder, Figma bricks y otro es como Figma Así que simplemente elige con cuál te gusta ir. Entonces en mi caso, me gusta ir con Pigma Relevantor así que es simplemente seleccionarlo Y después de esta página, podrás ver la opción APK. Entonces solo necesitas dar la clave de licencia. No es APAC lo siento. Es una clave de licencia. En el último video, te comparto eso como puedes conseguirlo, ¿verdad? Para que puedas seguir el video para obtener esta clave de licencia. Todo bien. Entonces ahora, si solo vas a hacer click en aquí este minibar, entonces tienes algunas configuraciones más. Aquí está el plugin de malyhtpress. Si quieres instalarlo si no instalas What Press enchufa, entonces puedes hacerlo. Y aquí está el plugin de Figma Gutenberg, Fick Metal Brick Sspeller Si quieres cambiar, bien, entonces puedes hacerlo. Y aquí tienes un programa de socios, precios, reserva una demo, y Kastudy Entonces Booke Demo es bastante bueno. Creo que literalmente puedes reservar una demo con ellos, y ellos te van a explicar cómo funciona. Y a continuación, tengo una opción Convertir, y la opción de convertir como algo así como cada vez que voy a seleccionarla, como pueden ver, está seleccionando el nombre de la página, y además está mostrando el diseño que vamos a importar en nuestro sitio web. Y esto es como una opción de plantilla. Aquí tienes una opción múltiple ahí. Pon EI, kit de fiesta, como, muchas cosas ahí, como puedes ver. Así que literalmente puedes verificarlos todos si realmente lo quieres, entonces, sí. Bien, entonces este soy realmente yo, esto es phys, así que hay muchas cosas ahí Puedes usar los niños para importar el diseño Figma a Elementor. Sí. Y SPS es algo así como el suyo. Si quieres obtener alguna parte específica, entonces puedes hacerlo. Si no tienes ningún diseño, entonces definitivamente puedes usar POI Ya tengo curso sobre eso. Si lo quieres, entonces puedes consultar mi canal de YouTube sobre eso. Bien, volvamos al converso. Entonces después de hacer esta conversión, ahí tenemos dos opciones. Uno es como copiar y otro es como modo de importación. Entonces personalmente pienso que si te gusta importar la página completa, entonces ve con el modo import porque es mucho mejor si tienes una página larga. Pero si te gusta ir con la sección específica, entonces creo que el modo de copia será mucho mejor. Es fácil simplemente copiar en una sección específica y pegar tu elementor, nuevo, ven a la copia y pega Pero si quieres importar todo a vez, ve con el modo de importación. Pero si solo quieres a página completa, si quieres copiar el modo y pegarlo , puedes intentarlo, definitivamente. Y en modo Import, aquí, solo necesitamos conectar nuestro sitio web de prensa con este plugin. Sólo tenemos que darle la clave el último video que comparto con ustedes, creo. O si no, entonces en más adelante, voy a compartir con ustedes, cómo es el trabajo. Pero justo ahora, piénsalo en eso, modo copia, solo copia. Literalmente puedes copiar el diseño y simplemente controlar V, entonces el diseño estará ahí y a bordo del sitio web de prensa, y es necesario importar. ¿Bien? Eso es. Todo bien. Entonces lo siguiente es como convertir optimizado y convertir Express. Entonces diseña si crees que tu diseño ya está optimizado, entonces puedes ir con Express Convert. Y si eres principiante, entonces ve con este botón de conversión optimizado. Vamos a hacer clic aquí este botón de conversión optimizado. Entonces obtenemos algunas opciones más, compensión de optimización luego etiqueta Widget, administrador responsivo, configuración de conversión, estilo global, muchos ajustes ahí Definitivamente no lo hacemos. Si lo hacemos, entonces nuestro diseño se importará fácilmente, ¿verdad? Pero si no lo hacemos, entonces definitivamente hay necesidad de tiempo extra para importar, su diseño puede ser un bloqueo y no es exactamente que obtiene un SEM al mismo sitio web de Wat press. Si no estás haciendo esto, optimiza tu diseño. Ahora vamos a este botón de convertir. Después de hacer todo esto como ajustes, entonces vamos a ir con la opción Canva Entonces después de esto, como pueden ver, obtenemos dos opciones como descargar Jason y esta entrada en vivo. Entonces, si vas a hacer clic en, entonces necesitas conectar tu sitio. Entonces vas a ver lo que estás importando, y luego obtendrás algunos ajustes más ahí. Digamos cómo te gusta importar como página o sección, cómo quieres, obtendrás la opción. Y cada vez, si te enfrentas a algún problema o si dices, no está funcionando o cómo podemos hacerlo, entonces definitivamente mira este video en la parte superior cada vez. Entonces por ejemplo, ahora mismo, como pueden ver, obtenemos un video, cómo hacer entrada en vivo. Es un video de siete init Pero, de nuevo, si puedes ajedrez puedo regresar, cada vez tendrás la opción Por ejemplo, ahora mismo, sólo voy a esta optimización, y como pueden ver, ahí tenemos un video completo. Además, si quieres entender sobre Bloquear capa de medios, entonces ten ahí un video. Si vas a la siguiente, a cualquiera de esta sección, cada vez obtendrás el video ahí. Cada vez que miren cuidadosamente que tienen un video. 5. Descripción del modo de copia vs. del modo de exportación: Ahora vamos a ver el modo de copia y el modo de exportación. Entonces para hacer eso, antes que nada, vamos a UIKEPlugin y luego obtendrás una opción de dos aquí Uno es como el modo de copia, y otro es como el modo de importación. Entonces en el modo Import, solo necesitamos agregar nuestro sitio web, ya sabes, como sit Key y ARL A ambos hay que añadir. Pero en modo copia, no necesitamos hacerlo en absoluto. Simplemente copia y pega, eso es todo. Bien, déjame mostrarte cómo es. Entonces ahora mismo, como pueden ver, se selecciona su modo de copia, y seleccioné la sección, y vamos a optimizar el diseño. Sólo voy a dar click aquí esta opción de Convertir. Y ahora como pueden ver está copping a mi portapapeles. Y ahora solo voy a Eleanor y simplemente me acaba de pasar por aquí, Control V. O si tan solo haces click en aquí esta pieza desde otro lado, da click en Y ahora presiona Control V. Entonces como puedes ver, ahora está pegando. Así que vamos a mojarnos un poco. Todo bien. Entonces como pueden ver, obtenemos exactamente lo mismo que está diseñado aquí. Obtenemos exactamente lo mismo que es. Ahora bien, si no hago esto en así modo, digamos Modo de importación. Entonces solo selecciono su diseño. Ve a optimizar el convertir este diseño ya está optimizado. Vamos a Cat's tener una opción de dos. Uno es como JCN y hay como entrada en vivo. Entonces el modo JasN, como puedes ver, simplemente podemos descargar este archivo como JCN entonces podemos ir aquí, y luego podemos simplemente importar el diseño como aquí, como aquí Podemos importar el archivo en formato Jason. Bien. Pero creo, esta es mucho más fácil. Volvamos. Y este insumo es mucho mejor. Así que vamos a hacer clic en Entrada en vivo. Ahora necesitamos seleccionar un sitio, así que agreguemos nuestro sitio. Entonces vamos a ir a lo que pres, seleccionar EyKeme, ir a Y ahora vamos a copiar el sitio. Y ahora tenemos que pegar aquí. Una copia del token y vamos a conectarlo. Bien, entonces está conectado ahora mismo. Y ahora tenemos que seleccionar cómo me gusta importar. Va a ser plantilla de página o elementor o es una plantilla de necture tentadora Y si vas a esta existente, entonces cómo te gusta importarla. Eso significa que si ya subes esto o importas esto de una vez, y ahora quieres actualizar el mismo nuevamente, entonces simplemente puedes usar este existente. Bien. Y también tiene opción para reemplazar o agregar y luego lo que quieras, puedes ver seleccionado. Entonces en más adelante, vamos a ver más. No hay problema. Ahora, vamos a explorar esta entrada en vivo. Bien, así que ahora solo voy a nuevo y solo me gusta la página. Vamos a continuación y luego dar clic en Importar A. Y ahora puedes ver que se ha importado hecho. Y ahora puedes ver que es importante con éxito, y ahora solo necesitas cambiar esta configuración de página, el diseño de la página a ancho completo, y va a estar bien, creo. Ahora, como pueden ver, obtenemos lo mismo. Entonces espero, chicos, les va a gustar este modo de copia porque es mucho más fácil. No necesitamos conectar nuestro sitio web. No necesitaríamos descargar nada, solo copiar e ir a Elementor y pasarlo. Esto es, creo, mucho más fácil de hacer, como copy y pasado. 6. Cómo optimizar la compañía (incluye todo): Para optimizar este diseño, solo necesitamos seleccionar la página Festival, y luego simplemente dar clic aquí el botón, optimizar y copiar. Y luego tenemos que dar click aquí Optim Magician y compañero como éste . Simplemente haga clic ahí. Y entonces obtendrás un montón de cosas que necesitan, ya sabes, como arreglar algo así. Y cada vez, si quieres ver cómo optimizar el diseño, puedes ver este video en la parte superior, como puedes ver. O si solo vas a apilar en una sección específica, digamos que realmente no entiendes un medio multicapa de bloqueo. No lo estás entendiendo, cómo hacerlo, o qué es este melli Entonces literalmente puedes simplemente seguir aquí este video. Si solo vas a hacer click sobre esto, entonces vas a ver un video que Hola a todos. Hablando de este tema, ¿verdad? Si vas a la siguiente sección como optimización de fotogramas Detalles, cada capa, obtendrás un video como este. Puedes verlo, y vas a aprender y puedes implementarlo. Bien. Todo bien. Por lo que también voy a compartir con ustedes en este video. Entonces, si solo sigues con cuidado, puedes optimizar tu diseño, definitivamente. Bien. Entonces lo primero, como puedes ver, tenemos una opción aquí que es esta opción, como como puedes ver frame, y además obtenemos una opción de target. Simplemente haga clic ahí. Entonces cuando vas a hacer click en esta opción, entonces como puedes ver, ellos redrat en esta sección de la que estás hablando Bien, esto es lo que uh, esto es un medio multicapa, así que tenemos que arreglarlo. Entonces, como pueden ver, esto tiene una capa de dos en este momento. Entonces, lo que puedes hacer, simplemente puedes hacer clic en esta opción fija para solucionarlo. Entonces ahora van a bloquear esta capa, y cuando vas a importar en elemento van a importarla como un archivo único, no mucho archivo. Antes era como archivo múltiple, pero ahora solo tiene un archivo porque está bloqueado en este momento. Bien, pasemos a la siguiente. Es éste. Si vamos ahí, volvamos a tener una capa de dos. Entonces tenemos que arreglarlo. Y si vamos al siguiente, es lo mismo. Así que vamos a arreglarlo. Pasemos a la siguiente. Es lo mismo. Si miras este lado izquierdo, entonces obtendrás una S. Vamos a arreglarlo. Si vamos al siguiente, entonces esto también es algo así como lo mismo. Para que podamos arreglarlo, y pasemos a la siguiente. Es algo que hay que arreglarlo también. Definitivamente, es una flecha. Tenemos que ir al botón. Arréglalo, ve aquí, éste, y arréglalo. Entonces ahí hay muchas cosas. Entonces déjame hacerlo paso a paso. Necesito arreglarlo y asegurarme de que están seleccionando uno correcto. Porque a veces están haciendo algo mal. Entonces si ves que están haciendo mal, eso no es necesario que lo arregles, entonces simplemente puedes hacer click sobre este patrón cruzado. Bien. Pero cada vez que están dando lo correcto, como puedes ver, esto también está diciendo las cosas correctas porque es una capa múltiple, como puedes ver, así que definitivamente necesitamos hacerlo como arreglar. Nuevamente, la siguiente tengo dos capas, así que tenemos que arreglarlo. Pero si quieres hacerlo todo a la vez, simplemente puedes hacer click aquí. El seleccionar todo y dice 15 seleccionados, simplemente puede hacer clic en este botón fijo, luego todos se arreglarán a la vez. Y es a continuación tener optimizada la cantidad de imágenes en SVC. Entonces aquí, si sólo vas a dar click en este show mapa de calor este botón, entonces podrás ver el papanicolaou de cabeza o tener una imagen o IC mirarlo Para que puedas averiguarlo fácilmente, bien, esto es algo que ellos seleccionan correcto o no. Para que puedas fácilmente, um, contarles sobre eso. Entonces en mi caso, creo que se ve bastante correcto porque esto también es un HVC, todo sobre eso Esta es una imagen. Esto es VG. Todo esto se trata de imagen VG. Así que aquí se ve bastante correcto. Entonces sí, ahora podemos pasar al siguiente. Así que vamos a dar click aquí Mark Ase tan. Y si quieres volver a escanearlo, entonces definitivamente, puedes hacerlo ahí tienes una opción de escaneo. Ahora es un incenes desprendibles. Entonces, si solo vas a hacer click aquí, entonces vas a llegar a ver que esto es ahora es un componente. Entonces están hablando de hacerlo detoch con el componente padre Entonces si no quieres hacerlo, entonces puedes colocarlo así, pero creo que es mejor si lo haces. Entonces esta es una, esta es la sección de héroes, todo esto conectado con la principal, ¿verdad? Esto se trata del tipo de, como, tipo de cosas de componentes hijos. Este no es uno de los padres. ¿Bien? Entonces, seleccionémoslos todos aquí, y todos ellos serán destocados Ahora mismo, como pueden ver, obtenemos el icono redondeado. Es la siembra instantánea. Entonces, si puedes arreglarlos, entonces todos se irán separando aquí. Todo bien. Entonces ahora están hablando de quitar el innecesario marco solar grupal o quitar ya. Y aquí, la siguiente opción, como puedes ver eliminar pros negativos y cada vez que obtengas un video. Mira realizar cinta como puedes ver, cada vez obtendrás un video aquí. Esto está fuera del video. Este es también otro video. Así que cada vez que vas a apilar, tú en un video, literalmente puedes verlo y puedes arreglar esta opción. Entonces eso es todo sobre optimgican. Entonces esto es sólo. Así que vamos a hacer clic aquí el botón de caja fuerte y volver atrás. Y ahora, como pueden ver, está buscando marca de verificación que nuestros optimgans completaron, y ahora podemos pasar a 7. Cómo configurar etiquetas de widget: Ahora hablemos de un widget. Entonces Wichet son principalmente para contenido dinámico. Ahora mismo, cuando solo vas a importar el diseño como este, va a ser estático. Pero en alguna sección y algunos elementos tienen enlaces diferentes o pensemos en una sección testimonial o tenemos acordeón como sección F, su valor es Su contenido es diferente. Esa vez, si solo vas con contenido estático, no va a ser trabajo. No va a ser algo funcional. Entonces esa vez necesitamos esos widgets, ¿verdad? Entonces, si vas aquí después de la optimización, obtendrás la opción como Etiqueta Widget. Y aquí obtendrás mucho Widget. En widget elemental, tener un Widget 19 ahí, también tienen un elementor pro Widget Además, es el widget Plus aquí. Entonces, si quieres instalar este enchufe, necesitas ir a enchufar en Nuevo. Y si solo buscas en el widget Plus, entonces obtendrás el plug in como este. Y ahora solo necesitas instalar y activar este plugin si te gusta obtener más widgets entonces. Bien. Entonces ahora activemos esto volvamos al diseño. Y ahora, si solo vas aquí, entonces obtendrás opción como mostrar etiqueta, ahora mismo, si solo vas a dar click sobre este botón, ahora podrás ver la etiqueta. Entonces estos son nuestros elementos de botón en este momento, estos son nuestros canales oculares, ya pueden ver También se ve como un botón aquí, pero solo lo quito. Yo también me parezco a éste. Como puedes ver, este es un contenido. Además, si vas a éste, como éste, si solo vas a dar click sobre este, este también es un botón, como puedes ver, y tiene un enlace. Además, si quieres colocar el icono, entonces también puedes colocar el ícono desde aquí. Entonces ahora mismo no hay ícono por eso no voy a ver, pero en caso de que tengas ícono, por eso puedes ver aquí. Entonces, después de la posición antes de la posición, ¿qué quieres? Lo vas a conseguir ahí. Sí, esto es todo sobre el botón. Entonces ahora, si quieres colocar un widget diferente aquí, entonces, ¿cómo podemos hacerlo? Literalmente puedes simplemente ir allí, hacer clic en allí, solo hacer doble clic, doble clic, doble clic. Entonces como pueden ver, vendo como aquí, esta es una caja de iconos por ahora. Y literalmente puedo cambiar el contenido. Puedo seleccionar el widget de etiqueta, y ¿cuál será la descripción? Esto puede ser una descripción. Cuál será el título. Entonces todo esto lo podemos hacer aquí. Y digamos que simplemente lo cruzo. Ahora es cruz. Bien. Entonces ahora si sólo voy a aclararlo, ahora está totalmente claro, como pueden ver, ahora está claro. Antes era marco de icono, puedo boxear, pero ahora no es una caja de iconos, ¿verdad? Yo sólo lo aclaro. Nuevamente, si quiero establecer un poco, y busco icono y esta es nuestra caja de iconos. Y esta es la descripción. Esto es todo sobre esto y sólo voy a ir con mesa tres y guardar los cambios. Así que esto es bastante fácil de configurar una etiqueta Widget, bien. Entonces solo te interesa saber dónde te gusta colocar el widget y cómo va a ser venido, solo necesitas hacerlo. Bien. Si comparto con otro ejemplo, digamos que este es otro diseño, y ahora sólo voy al plugin ICM Y por ahora, digamos que me gusta seleccionar éste o digamos éste. Di éste. Bien, así que ahora sólo voy a optimizar y copiar. Vamos a Wichitag. Y por ejemplo, digamos aquí, me gusta ir con la cañería estéril , así puedo hacerlo aquí Simplemente puedo buscar un botón, vamos con botón, y esto es un marco. Como pueden ver, este es el icono aquí, y ¿cuál sería el enlace? Simplemente puedo agregar el enlace aquí, puedo posicionar Es después o antes, va a ser después, y aquí va a estar C trabajo, y ahora simplemente puedo guardarlo. Ahora como puedes ver, esto es guardar como un botón. AI selecciono la página y yo solo en el programa etiquetando. Entonces con facilidad, puedo ver que este es un texto de botón ahí. Ahora otra vez, digamos, me gusta ir aquí. Éste serían los vínculos sociales. Entonces lo que puedo hacer, puedo ir con vínculos sociales. Y como pueden ver en las redes sociales puedo alimentar muchas cosas ahí. Vamos con este , y esto es simplemente puedo seleccionar la cosa, ¿verdad? Simplemente puedo seleccionar el enlace. Simplemente puedo seleccionar el margen. Puedo seleccionar fácilmente esta cosa. Y cual es el estilo que quiero, puedo elegir fácilmente el estilo. Entonces si solo vas a ir con el plusi Wiche y aquí tengo un elementor uno, y como puedes ver, el elemento es automáticamente, Alpha lo va a salvar. Y ahora si sólo vamos a seleccionar el terreno de juego. Ahora, como puede ver, esto no está seleccionado. 8. Gestor responsivo y cómo funciona: Ahora, pasemos al siguiente como gerente receptivo. Así que vamos a hacer clic aquí este gerente esponsado. Entonces obtienes una opción de dos. Se recomienda uno. A otros les gusta la costumbre. Por lo que sobre todo te recomiendo que vayas con uno recomendado porque esto es creo que es bueno. Ya que en más adelante, vamos a usar el estilo global, así que creo que está bien. Los siguientes tienen una costumbre. Entonces en costumbre, si solo haces clic, entonces obtendrás algunas opciones aquí, tamaño de fuente, altura de línea, relleno, flex cap. Vamos con este tamaño de fuente. Entonces como puedes ver, llegamos a ver aquí una opción normal y opción de abrazadera. Así que vamos con esta normal. Y en lo normal, como puede ver, si nuestro teléfono talla 151 plus, entonces nuestra tableta será del 36, por ciento estará ahí. Al igual que, el tamaño será de 36%. Entonces va a ser 24%. Pero, ¿cómo principalmente hacen el cálculo aquí? Bien. Entonces ahora permítanme compartir con ustedes que cómo pueden simplemente hacer el cálculo aquí. Entonces, por ejemplo, en mi tamaño de fuente dextra, H uno, por ejemplo, es 48, y mi tableta será 48 Esto es formemos una tableta. Entonces lo que hago, solo tengo aquí el tamaño de mi teléfono es de 40 a 48. Si consiguen 40 a 40 de alguna talla, entonces ¿cuál será mi tablet? Mi tablet será del 100%. Entonces copio el número del porcentaje y peste. Ahora vamos al móvil. Entonces en el móvil, cuanto porcentaje voy a poner, ¿no? Entonces digamos en mi móvil uno, solo pongo 32 pixel rumbo. Entonces ahora cuando pongo el tamaño de 32 píxeles, entonces obtengo 60 Sabin por ciento Entonces lo que hago lo copio simplemente plaga. Entonces esta es la manera de hacer este porcentaje. Y si solo ves aquí de este cálculo, entonces entenderás que este es el tamaño de la tableta, y este es de tamaño, y este es el porcentaje para hacer. No es necesario hacerlo forma manual ya que ya tienen opción de calculadora. Solo necesitas poner el tamaño de fuente entre el tamaño de fuente, necesitas dar ahí. Y luego tablet cuantos pixel quieres, y van a dar un porcentaje. Y nuevamente, en el móvil, ¿ cuántos porcentajes quieres o cuál es el píxel o el tamaño de la fuente? Sólo da aquí. Lo van a estar marcando automáticamente, ¿verdad? Entonces ellos harán todo el cálculo, así que no es necesario que lo hagas de forma manual. Entonces esta es la forma de hacer el cálculo, y también tienen una altura de línea aquí, como se puede ver, y también tienen un relleno. Y también tienen una pantorrilla flexible. Entonces todo esto, ya lo tienen. Entonces inicialmente, creo que vamos con el oro recomendado porque va a ser mucho más fácil antes compartir con ustedes que vamos a usar aquí estilo Gobal Entonces no creo que necesitemos ningún tamaño personalizado por ahora. Pero si quieres construir tu propio tamaño personalizado en más adelante, entonces creo que este video te va a ayudar porque ya te comparto así como funciona este melli Necesitas darle tu tamaño principal, luego en tablet como quieres, cuanto quieres, y necesitas poner móvil cuanto quieres, conseguirás que la persona solo copie y lo pruebe. Eso es en Mali. 9. Configuración de conversión: Ahora pasemos a la siguiente configuración de conversión. Vamos a dar click ahí. Entonces obtendrás una opción como exportar sin imagen. Entonces, si vas a importar tu diseño sin imágenes, entonces simplemente puedes marcar esta marca, simplemente aniblarlo, y luego tu diseño se exportará sin imágenes Ya sabes lo que pasa, a veces estamos usando imágenes de alto clod en un diseño, y ese tiempo ha tardado mucho más exportar esta cosa Para que esa vez simplemente puedas activar esta opción. Entonces tu diseño será exportado súper rápido sin imágenes. Y después de esto, si quieres tapar las imágenes de high chlord, simplemente puedes comprimirlas como manualmente, entonces solo puedes importarlas en un diseño Um, todo esto es en cierto modo, pero si diseñas un diseño simple, entonces creo que no necesito una tonelada de él. Y la siguiente opción es usar imágenes exportadas IgM. Entonces es algo digamos exponer algo, van a exportar automáticamente las imágenes. Entonces cómo funciona, si vas ahí, si solo vas a pasar el cursor sobre él. Digamos que si solo pasas el cursor sobre él, entonces obtienes la opción Reacción de Mapa de Cerdo Entonces esto es algo solo ver. Es lo mismo que la opción de exportación, como puedes ver, esto es un píxel, uno, uno, dos, así. Entonces, si quieres aumentar si solo quieres exportar imágenes, alta calidad, eso es solo aumentar aquí. Entonces digamos que quieres un dos, quieres un tres, así que solo ve como aquí esta cosa. Y como pueden ver, este es el escenario que llegamos a ver. O si quieres obtener la misma configuración ahí, haz clic en la opción Exportar, entonces obtienes lo mismo. Así que simplemente selecciona cuál solo uno. Pero inicialmente, creo que uno va a ser mucho mejor. De lo contrario va a llevar mucho más tiempo. Y luego buscar automáticamente SVG. Esto es bueno nablate y dilo con en porcentaje. Sí, porcentaje va a ser mejor porque pizzel va a hacer problema El porcentaje va a ser más mejor, creo, así que es mejor ir con esto. Y voteteg mínimo, esto es ir con lo mismo, Creo que es mejor. No necesitamos aumentar mucho. Bien, eso es todo sobre lo expuesto 10. Cómo configurar estilos globales y cómo funciona: Ahora, vamos a los Nikes, es como el estilo global. Y esta característica es realmente genial porque esto te va a ahorrar mucho tiempo. Usted puede literalmente solo clic ganado, cambiar el tamaño de fuente. Literalmente puedes cambiar el color. Puedes hacer responsive muy fácilmente. Puedes cambiar el teléfono si literalmente lo quieres, o puedes hacer algo diferente, solo un simple clic con este estilo global. Bien, déjame mostrarte cómo funciona el centro comercial. Así que vamos allí, y ya seleccioné el diseño ahí. Y ahora, como puedes ver, selecciona nuestro sitio web automáticamente. Entonces, si ya agregaste tu sitio web, está bien. O si no lo estás editando , simplemente haz clic en Adside y solo agrega ahí tu credencial Si vas a UIC y, si vas a la configuración, entonces obtienes el lado ARL también el Secure solo puede agregar ahí Entonces se va a agregar automáticamente ahí. Y entonces vas a llegar a ver todas estas cosas. Aquí tenemos un color global ahora mismo, y luego también es tener una tipografía global Entonces aquí dentro, literalmente podemos demorar o podemos cambiarlo. Bien, entonces ahora vamos a nuestro diseño aquí, y luego obtendrás algunos colores. Uno es el color de fondo, el color del campo de fondo disponible. Y luego conseguimos unos cuantos de color gris, ¿no? Entonces este es un color gris. Así que realmente no necesitamos todo esto, ¿verdad? Sólo necesitamos unos pocos. Bien, entonces primero, vamos con este color primario. Entonces, ¿cuál puede ser nuestro color primario aquí? En su mayoría, no tenemos, creo. Pero digamos que seleccionemos este como color primario. Entonces esto es como 900 50s. Vamos. Haga clic en esto. Entonces obtienes un documento de estilo variable. Todos estos, obtendrás una vez. Vamos con el estilo uno, y este es el que voy a usar el color primario. Este es color orgánico, y me gusta usarlo éste, veamos. Éste. El color del texto es el mismo. Vayamos aquí. Este es el color del texto y toda la escritura de diseño que utilizamos. No, el color del texto, a veces usamos aquí, 700. Vamos 700, 700 y esto es 950. 50. Bien, entonces lo que pasa por aquí es que solo necesitamos hacer un poco de técnica aquí. Entonces este es nuestro texto, ¿verdad? Entonces texto, en su mayoría usamos 700, entonces éste. Pero digamos que usamos rumbo. Entonces encabezando, usamos un texto diferente. Así que vamos a encabezar. Y en rumbo, me gusta ir con este porque cada encabezado solo veo este color, 950, entonces este es el color de rumbo. Entonces vamos con esto. Y al siguiente color, tenemos otra cosa. A ver. Color de fondo y relleno de fondo. Entonces agreguemos aquí fondo, así podemos decir que el color BGi y BGi será este Y también necesitamos uno más. Entonces agreguemos nuevos, y esto es BGIFll así que BG estará Bien, así que Y el color será estilo en éste. Y este color disponible, pero esto no es necesario ya que solo tienes una vez que usamos. Siempre que uses cualquier color global o fuente global, trata de ver que la usas en múltiples lugares, no a la vez, porque a la vez es fácil. Pero si usas el mismo color en varios lugares, entonces selecciónalo. Bien, entonces está bien. Veamos sobre este color. Esto es lo mismo, 950. Esta es la sensación de fondo. Este es otro. Veamos de qué color es este. Esta es la sensación de fondo. Todos sus antecedentes se sienten. Este es el color blanco también. Vamos con esto digamos que este es un color blanco. A ver si tienen algún color blanco o no. No creo que lo tengan. Entonces, ¿qué podemos hacer? Podemos decir que esto es blanco, y podemos seleccionar literalmente de ahí, o podemos agregar uno nuevo. Oh, creo que aquí ya tenemos antecedentes. Por qué lo es. Entonces no necesitamos nuevo al blanco, así que vamos a relacionarlo. Entonces sí, este es el color que usamos aquí en nuestro diseño. Eso es bueno. Y ahora vamos a ir a la fuente aquí. Entonces sobre la fuente, necesitamos ver sobre el Festival Menú uno. Entonces en Menú, usamos Satoshi 18 pixel, ¿verdad? Entonces vamos a ir aquí este menú, Shatoshi creo que esto de ser lo usamos Shotoshi 18 píxeles. Y también creo que realmente no necesitamos agregar el menú uno porque el menú es mayormente a la vez. Vamos a ser un compañero. Entonces no necesitamos agregar el estiércol. Pasemos a la siguiente sección, ésta. Entonces digamos que esto está encabezando uno. Entonces lo que podemos hacer, cambiar el primario a encabezado uno y dar clic ahí. Y entonces tenemos que averiguarlo aquí encabezando uno. Así que vamos a desplazarnos hacia abajo, luego lo averiguaremos aquí. Entonces creo que si dan aquí una opción de búsqueda, eso va a ser mejor. Pero de todos modos, vamos con este selecto H uno. Este es H uno. Y ahora volvamos a hacer clic aquí. Entonces tenemos H dos. Entonces simplemente elijamos H dos y perdamos aquí H dos, entonces este es H dos. Así que hazlo capt más tarde. Esto es H dos. Y entonces también tenemos aquí H tres, así que agreguemos aquí H tres. Simplemente haga doble clic, luego obtendrá una opción para Editar. Entonces esto es H dos, y ahora tenemos que seleccionar aquí H uno, tres. Esto es H tres, porque usamos los tres tiempos, y ahora tenemos que ir por este cuerpo L. Así que así cuerpo cuerpo cuerpo. Esto es cuerpo. Y vamos a seleccionarlo. Y vamos con este cuerpo, y este es el cuerpo. Se usa diez veces, así que selecciónala en No y este es nuestro cuerpo. Seleccionado. Y vamos a averiguar aquí cuerpo M, este es el cuerpo M. Aquí usamos cuatro veces. Y vamos al siguiente cuerpo S. Vamos simplemente S va a estar ahí. Entonces simplemente seleccionemos aquí, cuerpo S, ¿dónde está un cuerpo S? Aquí, aquí hay un cuerpo S. Además, necesitamos agregar aquí nuestra etiqueta o digamos que podemos agregar aquí. Entonces este va a ser nuestro botón, también definitivamente, necesitamos un botón. Botón. Simplemente lo venderé aquí botón uno. Tenemos que agregar aquí etiqueta. Entonces, si ves que esto solo se usa una vez, entonces no lo agregues, ¿verdad? Si lo usas varias veces, entonces solo agrégalo porque vamos a hacer clic ahí. Como puedes ver, lo usamos 14 veces. Entonces esto es necesario. Cuerpo elevnt tiempo, cuerpo, diez veces. Por lo que estos son mayormente necesarios. Entonces esto es importante. Entonces sí, con esto podemos agregar la tipografía global y el color, como puedes ver Ahora puedes sincronizar. Simplemente haga clic en un botón de sincronización, luego todo estará sincronizado. Y ahora volvamos ahí, y ahora vamos a la opción de convertir. Así que vamos a seleccionar la parte superior, convertir. Entonces como puedes ver, ahora está copping para mecanografiar barco, y ahora vamos a ir al Y luego, antes que nada, voy a cambiar este diseño de página a ancho completo. Y ahora vamos a dar click en la página desde otro tamaño Control V, como puedes ver obtenemos exactamente el mismo diseño. Pero ahora lo que pasa por aquí es que tenemos que comprobarlo que esta guía de estilo aplican o no. Entonces como pueden ver, el encabezamiento es el mismo. También la tipografía agregaron H uno y toda la etiqueta que acabamos de agregar por ahí Ahora Woody Miller el beneficio de esto, ¿verdad? Digamos que tengo esto aquí, la tableta y este es el móvil. Automáticamente, esto responde. Pero digamos usar la misma fuente múltiples lugares, ¿verdad? Entonces, ¿qué necesitas hacer ahora puedes ir a la configuración de la configuración del sitio simplemente Y aquí tienes dos opciones, fuente global de color global. Entonces digamos que me gusta ir con el color global. Digamos todos los textos que aquí usamos, 121 a uno, dos, me gusta hacerlo rojo o digamos que me gusta hacerlos estos colores. Entonces, ¿qué pasó? Lo hago aquí y hago clic en Guardar cambios. Y si vuelvo a esta página web, entonces por todo el encabezado que usemos, va a ser de color rojo. Por toda la rúbrica, como puedes ver, es de color rojo a la vez. Entonces esta es la belleza del estilo, y por eso te digo que esto es muy importante cosa interesante si vas con este color global y fuente global. Entonces sí, vamos a guardar el cambio. Entonces esta es la cosa. Y en letra, si te sientes bien, necesitas cambiar el encabezado de una vez, cambiar el color. Siento los cambios en el diseño también. Y lo mismo con la fuente, literalmente puedes cambiar el H uno. Si quieres sentir eso, bien, el H uno se ve mucho más grande de lo que esperaba. Entonces puedes disminuirlo fácilmente. También, digamos, si lo quieres hacer tablet, quieres aumentar un poco, solo ve ahí y aumenta, digamos, 28 pix Li uno, aumentarlo. Además, si te gusta la tableta, quieres hacerla, digamos, 24 ahora mismo. Entonces pero quieres que sea 32, solo haz 32, entonces van a ser dos. Así que da clic en el Septon donde quiera que usemos H una etiqueta, va a ser ahora mismo 32, correcto, como pueden ver, ahora se incrementa a 32 Entonces esto es lo más fácil, y esto es lo que tiene que ver el color global y la fuente global. Entonces espero que tengas una idea clara de que cómo 11. Importa a través de Live import e importa páginas existentes con el método de agregar: Entonces ahora vamos a ver el modo de entrada en vivo. Entonces antes de que veamos sobre este modo de copia, ¿verdad? Y ahora vamos con esta siguiente opción, modo de entrada. Así que da click ahí. Entonces nuestro diseño está optimizado para que no necesitemos optimizar de nuevo. Así que volvamos a hacer clic en optimizar. Y entonces no vamos a hacer nada porque nuestro diseño ya está optimizado. Así que hagamos clic en la opción Convertir. Y luego obtienes una opción de dos donde está como, descargar Jason esta entrada en vivo. Así que hagamos clic en Live Input. Ahora como vas a ver nuestro sitio web ya está conectado. Entonces, si no lo estás editando, simplemente haz clic en el botón adst, y luego solo agrega aquí lado ARL y token de seguridad Si vas a esta UICE bajo Qué pulsa y das click en la configuración, entonces obtienes esta opción Y ahora solo necesito agregar esta cosa y seleccionar el letrero por qué te gusta ingresar. Entonces digamos que me gusta ingresar este. Esta va a ser nuestra nueva página, ¿verdad? Entonces seleccionemos la página, y este va a ser nuestro elemento. Entonces esta va a ser nuestra página. Vamos a hacer clic en la siguiente opción. Y ahora, como pueden ver, va a ser entrada. Entonces como puedes ver es importante. Vamos a hacer clic en el botón Abrir. Y este diseño ya está importado aquí, como pueden ver. Entonces ahora necesitas hacer click en aquí, it elemento o este botón en la parte superior, y ahora tenemos que hacer click en la configuración, cambiar el layout pasado a elemento de ancho completo. Ahora el diseño publicado, como puedes ver, este es ahora el diseño listo para usar aquí. Además, si quieres cambiar el nombre de la página, ahora mismo es un dektop, pero si quieres hacer cambios, cualquier otra cosa, entonces puedes hacerlo Entonces se trata del modo de entrada, ¿verdad? Ahora lo que pasó, um si hago algún cambio aquí, así que digamos que me gusta hacer muchos cambios aquí. Por ejemplo, muchas cosas que hago cambio texto, tamaño de fuente, muchas cosas que hago aquí. Después de esto, si quieres ingresar lo mismo, entonces ¿cómo puedes hacerlo? Entonces, por ejemplo, voy allí de nuevo, selecciono el diseño nuevamente. Entonces se puede decir, seleccionar el diseño, optimizar y convertir siguiente, entrada en vivo. Y aquí están la opción, obtenemos una opción de dos existente. Entonces este diseño ya está en nuestra página web medio, ¿verdad? Entonces, ¿qué puedes hacer, podemos seleccionar un pitch y va a reemplazar a dónde vas a reemplazar? Va a sustituir a nuestro dektop. Así que vamos a seleccionar el dektop. Da click en Siguiente, y va a ser ingresado nuevamente en el mismo lugar. Y vamos a hacer clic de nuevo, luego abrimos de nuevo. Y como pueden ver, ahora ha cambiado, y ahora va a seis más. Entonces esta es la manera fácil. Si ya importas el diseño, y si quieres hacer la actualización, entonces esta es una forma bastante fácil. Simplemente haz la actualización simplemente así, ¿verdad? Y si quieres hacerlo de una vez, va a ser un nuevo diseño. Entonces solo seleccionas aquí nuevo y como quieras, puedes hacerlo. Y si ya tienes algún diseño importante y solo quieres hacer la personalización otra vez quieres actualizarlo, solo compra de esta manera, puedes hacerlo. Entonces esto es principalmente lo que pasa con la opción de importación en vivo. Entonces avísame si tienes alguna pregunta si tienes, entonces solo avísame. Y ahora vamos con este JSON uno, haga clic en JSON y haga clic en el botón abajo. Como puedes ver, ahí obtenemos un archivo G, y si solo lo vas a exportar eso obtienes un archivo JSON, pero creo que realmente no necesitamos este archivo. Podemos importar el archivo G. Entonces ahora para importar el archivo, el archivo SN, qué necesitas hacer tenemos que ir a la página donde te gusta importar el archivo. Simplemente haga clic en esta opción aquí en este cuadro de opción de cuadro. Y luego tenemos que ir aquí esta opción de plantilla M y luego dar click aquí esta opción de Importar. Y ahora en Import, solo necesitamos subir la plantilla que recientemente descargamos. Así que selecciona el archivo, y ahora tenemos que seleccionar el archivo Z aquí. Simplemente haz clic en Abrir O. Luego muéstralo en un pop up. Vamos con Continuar. Entonces tomemos un poco de tiempo. Como puedes ver, aquí tenemos una opción. Y ahora necesitamos seleccionar cuál te gusta inst. Digamos, me gusta dentro de éste, así que da click en el botón Inside. Eso va a ver conseguimos una costura ya que está diseñada que vemos en el FICMA, ¿verdad Entonces este es otro proceso. Eso significa que comparto con ustedes tres proceso ahora. Si solo para recapitular aquí otra vez, entonces el primer proceso fue que hagamos este, correcto, modo de copia El antes que comparto con ustedes. Lo siguiente que comparto con ustedes modo de importación. En modo de importación, tiene dos opciones. Uno, literalmente puedes conectar tu sitio web y simplemente importar en vivo. Este es uno de estos que comparto con ustedes. Y también les comparto la J e Y. Así que eso significa que vemos las tres vías ahí que solo puedes importar tu diseño de figma a Wt Press Literalmente puedes usar uno de estos incluso para seguir todo esto. Personalmente me gusta aquí importar en vivo uno, o si dices mi favorito, entonces mi favorito es como copy pest. Apenas copie y vaya elemento o pasado de él. Eso es mucho más fácil. Entonces este es mi favorito, así puedes usar este copymt 12. Configurar testimonios con un carrusel: Ahora vamos a trabajar en una sección testimonial. Para esta sección testimonial, primer lugar, solo necesitamos organizarla de mejor manera Entonces déjame compartir contigo esta capa para que te hagas una idea de cómo la organizamos simplemente. Entonces como puedes ver este es nuestro código testimonial, y si vas dentro de él, entonces tiene una calificación, y también tiene un testimonial Tenemos un contenido, imagen y texto, ¿no? Quiero decir, título o nombre. Y si vas a esta calificación, y si solo la abro esta flecha, entonces como puedes ver, solo uso aquí um, como fuente Impresionante cinco icono como puedes ver telefono impresionante cinco, si miras cuidadosamente. Entonces, cuando vayas a usar este icono, trata de asegurarte de que también usas la fuente ASM five. Va a ser más fácil para implementar elementor. Así que asegúrate de usarlo. Y además, tu estructura de esto va a ser así, y va a ser un diseño diferente, pero estructura si pareces, um, entonces va a ser fácil para la entrada. Bien, así que vamos a la siguiente. Por lo que selecciono esta sección. Vamos a optimizar y copiar. Y vamos aquí este widget y etiqueta. Y aquí, necesito seleccionarlo. Entonces, ¿qué no seleccionas? En primer lugar, necesito seleccionar su testimonio, y necesito seleccionar aquí tal testimonio entonces obtendrá testimonial Widget, solo Entonces todo este lugar, como puedes ver, solo asegúrate de que esto sea correcto. Este es el contenido, definitivamente. Esta es la imagen. Este es el nombre, y este es el título. Así que vamos a guardarlo. Y vayamos a este rating uno y busquemos aquí rating. Simplemente busca calificación. Y selecciono aquí y la calificación es de cero a cinco. La calificación es aquí cinco, y el título será estrella e icono estrella y vamos a guardarlo. Entonces ahora, como pueden ver, ahora es guardar y ya está hecho. Y ahora aquí dentro, sólo tenemos que hacer vamos a copiar Copiar, voy a ir a la siguiente y sólo pegar y reemplazar. Nuevamente, pegue y reemplace, y nuevamente, pegue y reemplace aquí. Entonces otra vez, selecciona aquí y vamos a esta conversión, y ahora está copiando a mi cli booad Volvamos a Elementor. Vamos a pegar del otro lado, y vamos a pegarlo. Otra que puedes ver, ahora se agrega. Lo siguiente es como para nosotros, basta con hacer clic en este elemento de icono de plan, y ahora solo necesitamos buscar carrusel Simplemente busca carrusel, entonces obtendrás aquí este carrusel con Así que simplemente arrastra y suelta aquí. Y luego como puedes ver, conseguimos algunos Wichat y ahora, antes que nada, haz la personalización lo que quieras aquí Y si llegas a ver que no hay imagen, solo tienes que hacer clic en la opción imagen, dar clic en Elegir imagen, y ahora entonces redirigirás en esta página y ahora simplemente selecciona la imagen, entonces obtendrás la imagen Thea. Así que sí. Entonces, antes que nada, me gusta cambiar esta dirección CN a centro como puedes ver ahora en el centro. Además si quieres cambiar este etting en cuatro o digamos tres, lo que quieras, literalmente puedes hacerlo Entonces en mi caso, hago cinco. Bien, eso es bueno. Si quieres cambiar este esquema CN entonces puedes hacerlo aquí. Lo que quieras mal haces el cambio esto y ahora simplemente selecciónalo si todo se ve bien, luego selecciona, copia. Pasemos al siguiente de aquí, el widget y simplemente pegarlo. Entonces cuandoeo solo lo vamos a pegar, necesitamos cambiar el ancho Entonces como pueden ver, seleccioné esta tarjeta, y también voy a esta disposición, y ahora es de ancho completo y la hago 100% ahora mismo. Entonces cuando vas a hacer el 100%, entonces te pones así. Vamos al contenedor uno. Y este contenedor, me gusta hacerlo de ancho completo y hacerlo 100% y siempre que vayas a hacer 100% al, también nos metemos en un sitio b. Entonces aquí, solo necesitamos que sea el 90%. Así que cada vez que lo vas a lograr el 90% eso necesita verse así. Y ahora también queremos cambiar este ancho. Entonces vayamos a esta tarjeta, y dentro de una tarjeta, dentro de este contenedor, me gusta hacerlos 16 píxeles de este relleno aquí arriba juntos. Además, en estas tomas, me gusta actualizar un poco. Entonces digamos por el nombre, me gusta que sea 20 pixel mejor, si, 20 pixel. Y para este siguiente, el título, me gusta que sea de 16 pixeles. Entonces sí, eso se ve bastante bien. Es mejor si lo haces en Figma. Pero lo estoy haciendo porque se ve muy grande. Por eso. Pero si lo mantienes igual, no hay problema. Bien, entonces ahora está listo. Y ahora vamos a hacer clic en solo la tarjeta. Simplemente copie el corte, cópielo, vaya al siguiente, y pegarlo como puede ver obtenemos el siguiente, vamos al siguiente y lo pegamos. Obtenemos un tercero. Vamos a dar click en este carrusel, duplicarlo unos cuantos más Entonces como pueden ver, vuelvo a duplicarme aquí. Me sale un cuatro, cinco, así puedo entero digamos que este es nuestro cuatro. Digamos que este es nuestro número cinco, debería serlo. Sí, conseguimos algunos de ellos. Y también, Pide que lleguemos a ver una flecha aquí, pero esto no se ve tanto visible. Entonces, lo que puedes hacer, ir al estilo. Vamos a la navegación. Digamos que este color en negro tipo de cosas como esta. Sí, L es visible. Además, si quieres que sea como esquina redondeada o algo así, definitivamente, podemos hacerlo. Pero creo que se ve bien. Pero si quieres hacerlo, entonces puedes hacerlo sólido. Se le puede agregar un pixel, definitivamente. ¿Cuál va a ser nuestro color? Cuál va a ser nuestro radio. Y luego también agrega ahí el relleno. Entonces creo que si solo lo agregas, entonces como puedo decir va a ser redondo o algo así. Así que en realidad no lo quiero ahora mismo. Entonces, mantengámoslo tal como está. Bien, esto es bueno. Sí, esto es bueno. Y además, cada vez que vamos a flotar, se cambia el color Vamos al hover y vamos a hacerlo negro. Entonces ahora no está cambiando, sin embargo. Entonces, si haces clic en esto, entonces como puedes ver, va a la siguiente. También, podemos actualizar aquí esta brecha. Entonces para esto, voy a seleccionar aquí el carrusel, ir al estilo, ir a deslizar, y ahora cambiemos a lo mucho que quiero Digamos que quiero un píxel 30. Entonces, sí, eso es, Milli. Creo que ahora es bueno. Y también tiene un poco más de ambientación. Si definitivamente quieres probar, entonces puedes hacerlo. Vamos a tener una configuración de navegación. Sí, vamos a tener una configuración de navegación, también tener una paginación Si quieres cambiar la paginación algo diferente, entonces puedes hacerlo. Entonces lo que quieras, puedes hacerlo, al estilo Milli. Puedes hacer el estilismo. Puedes cambiar el color, y también puedes cambiar este tamaño de punto de fuente. Ahora mismo, si miras, es bastante pequeño, entonces definitivamente puedes aumentarlo si quieres, entonces. Entonces, sí, eso es sobre 13. Importa Contact Form 7 o WPforms: Ahora voy a compartir con ustedes cómo podemos agregar este formulario de contacto. Entonces para hacer eso, necesitamos seleccionar el marco como este, y luego tenemos que ir con optimizar. Y después de esto optimizar, solo necesitamos agregar la etiqueta Widget porque compartí contigo antes de eso si quieres imponer un diseño estático, entonces no necesitas configurar ninguna etiqueta de widget. Pero si quieres conseguir algo dinámico, esa vez definitivamente necesitamos configurar este widget. Entonces aquí, podemos seleccionarlo literalmente como una forma, pero esto aún no es necesario. Solo tenemos que agregar el campo aquí. Entonces lo que puedes hacer, simplemente puedes seleccionar la opción de campo aquí, y esto va a ser nuestro relleno. Entonces puedo decir que estos son nuestros campos, y vamos a Wichtag y aquí, podemos buscar qué forma te gusta agregar Entonces por ejemplo, me gusta agregar aquí, digamos formulario, así que quiero agregar aquí formulario WP. Así que simplemente puedo agregar aquí W fm. Entonces, como puedes ver, aquí me sale un widget de WfM porque estaba instalado en un plugin llamado el Widget Plus Entonces si solo lo vas a copiar y si vas a tu sitio web de WordPress y si vas a los plug ins, creo que ya te comparto esta cosa. Entonces, si solo vas a buscar aquí, el widget plus, entonces aquí, obtendrás este plug in. Esto viene de posy met, éste, como pueden ver, este es el autor Así que simplemente instala y activa este enchufe. Entonces si lo activas, entonces cuando vas a copiar y pegar primaria, obtienes opción de contacto. Bien, entonces volvamos de nuevo aquí. Y ahora digamos que voy a seleccionar aquí el formulario TPP simplemente Y ahora como pueden ver, esto no es una configuración. Así que vamos a hacer clic en guardar ahora es guardar. Ahora tenemos que hacer tenemos que volver atrás, volver de nuevo, dar clic en Convertir, y ahora vamos hacer clic en descargar Solo una opción o entrada en vivo. Entonces creo que voy a ir con la opción de descargar Importar. Entonces vamos a descargarla. Como puedes ver, descarga aquí. Volvamos a nuestro sitio web donde te gusta importar el formulario. Así que vamos a dar click aquí, J aquí la caja. Entonces tenemos que dar click aquí a la opción Importar. Y ahora tenemos que simplemente arrastrar y redactar aquí el archivo, continuar. Y como pueden ver, obtenemos un contacto como opción, ¿no? Así que vamos a dar click en esta opción de InSR y ahora como puedes ver, obtenemos lo mismo que está aquí Y ahora lo que necesitas hacer tenemos que hacer clic aquí en opción y necesito buscar tu WPForm simplemente trapo y fila Entonces como pueden ver, obtenemos opción. Ahora tenemos que seleccionar HeFM con cuál nos gusta ir. Ahora conseguimos este, vamos a dar click en este. Pin IC ir a aquí la opción de avance, cambiar esta costumbre a lo mucho que queremos. A mí me gusta ir con 100, como pueden ver, obtenemos 100 y ahora simplemente podemos publicarlo. Y para esta forma cliente mago, podemos hacerlo desde aquí también Podemos hacerle un poco al mago del cliente. Digamos que podemos cambiar el tamaño de fuente, tamaño de campo, podemos cambiar el estilo de etiqueta, estilo de botón, si quieres cambiar el botón. Digamos que este es el botón ahora mismo, y nuestro color de botón era algo diferente. Si nos fijamos en esto. Este era nuestro color de botón. Entonces necesitamos el mismo color, derecho, para que simplemente podamos copiarlo, volver al diseño, simplemente cambiar estos colores se puede ver cómo cambia. Quiero cambiar este color a como éste, para que veas el cambio. Además, cómo quieres, si quieres que sea grande, pequeña, ¿cómo quieres? Puedes lograrlo. Aquí también hay opción anticipada B madera Nredian Y aquí tienes un estilo de nivel, estilo de relleno. También tienen alguna opción anticipada ahí. Y publiquemos este formulario. Además, si quieres hacer la personalización de tu formulario, entonces ya, creo, lo sabes. Solo necesitas ir al formulario plug in que usas personalmente. Entonces, si estás usando el Formulario de Contacto, entonces ve con el contact fm y edita tu formulario. Y si estás usando WB Form, entonces ve con tu WB Farm y solo edita el formulario. Entonces lo que necesitas hacer, solo necesitas el formulario manualmente aquí. Entonces el formulario, no pueden importarse por sí mismos, así que no solo necesitas agregarlo manualmente. Entonces digamos que necesitas correo electrónico, necesitas número de teléfono. Lo que puedes hacer, simplemente puedes copiar el número de teléfono, digamos, y déjame compartir contigo eso como podemos hacer. Entonces ahora mismo, como pueden ver, tenemos opción de correo electrónico, ¿verdad? Y ahora también necesito otro mensaje de texto para un número de teléfono. Entonces lo que puedes hacer, simplemente puedes decir una sola línea, así que simplemente voy a agregar una sola línea, y voy a cambiarla a número de teléfono. Como puede ver, este es el número de teléfono aquí. Y además, si quieres agregar el marcador de posición así, entonces puedes hacerlo. Además, veamos aquí en nuestro formulario, no hay texto. Si miras esto cuidadosamente, no hay nivel. Está totalmente vacía. No hay nivel ahí. Entonces, lo que puedes hacer, simplemente puedes ocultar el nivel aquí. Simplemente podemos ocultar el nivel, y sobre el correo electrónico, lo mismo, podemos ocultar el nivel. Pero podemos agregar aquí el correo electrónico marcador digamos, nuestra dirección de correo electrónico. Entonces de esta manera, puedes enviar por correo hacer tu conjunto de tu formulario. Así que sí, 14. Acordeón anidado o sección de preguntas frecuentes: Ahora importemos nuestra sección FQ o Ecodon. Entonces para la sección FQ, tenemos que volver a ir Figma Entonces necesitamos hacer clic y optimizar la copia. Entonces tenemos que ir aquí Wich y etiquetar de nuevo. Y ahora sólo tenemos que seleccionarlo aquí estos cuestionarios, esto va a ser decir FQ Entonces lo que puedas hacer puedes simplemente buscar tu FQ. Entonces, si no estás obteniendo FQ ahí, necesitas buscar tu Ecodon, simplemente buscar AC, entonces obtendrás esto Que simplemente selecciónalo Y después de este seleccione, obtendrá esta opción como formulario de título. Entonces necesitas seleccionar el formulario FQ uno, entonces el ícono será este y título será, no estoy seguro este, derecho Agreguemos uno nuevo, y esta va a ser nuestra F dos. De nuevo, aquí te gusta encontrar la figura dos. Es esta la figura dos. Agrega uno Nuevo, y vamos con la Fig tres. Seleccionemos la Figura tres. Agreguemos otro, y esto es F cuatro aquí. Bien, esto no es contenido esto es FQ cuatro. Entonces otra vez, agregue aquí F cinco, simplemente agregue aquí AFX cinco Simplemente agrégalo y hagamos clic en el botón Guardar cambios. Y volvamos. Vamos a hacer clic en Copiar y ahora va a decir CopticaRpot Volvamos al escritorio y hagamos clic en pegar desde el otro lado y pegarlo. Y como pueden ver, obtenemos lo mismo ya que está diseñado, ¿verdad? Y también, necesitamos ingresar lo mismo sin Widget. Así que volvamos. Y nuevamente, vamos a optimizar y copiar la etiqueta Widget, y vamos al acordeón, este, y necesito seleccionar esta Y como pueden ver, sólo voy a dejarlo claro. Entonces ahora no existe el lado fiscal de widgets. Entonces lo que hago, antes que nada, configuré Widget ahí y solo lo ingresé en mi sitio web elemental. Ahora solo borro el elemento o widget. Como pueden ver, ahora lo aclaro. No hay nada configurado. Cojines normales, como puedes ver en el icono del marco. Entonces lo que hago vuelvo a seleccionar y volver, y ahora vamos a convertir, y está copiando al portapapeles Vayamos de nuevo aquí, y simplemente pasémoslo. Bien. Entonces si ves este tipo de pasta, luego haz clic en pasar en el lateral y pégalo. Entonces ahora, como puedes ver, obtenemos el estático así que ahora como puedes ver, tienes dos de ellos. Una es, como, con Widget. Una es, como, sin Widget, y solo necesitamos hacer esta cosa como, igual a la misma, ¿verdad? Entonces comencemos el trabajo. Entonces como puedes ver, en qué vas a hacer clic en este acordeón FIQ y luego se abren los Asgacs, y necesitamos agregar Entonces este es el texto ahí, así que simplemente podemos copiarlo y pasemos realmente por aquí. Sí, esto es todo sobre eso. Y ahora vamos simplemente bien, esta puede ser la misma línea. Entonces veamos es la misma línea o no. Sí, esta es una especie de misma línea, pero esta no lo es. Así que puedes hacer click ahí, y vamos a ir al Avance y simplemente eliminar aquí. Sólo me sale este acolchado. Digamos que la cima, realidad no quiero nada. Pero de todas partes, me gusta tener un 20 pixel. Entonces desde arriba, solo puedo hacerla cero. Y desde abajo, creo que es 16 píxeles mejor. Digamos 12 píxeles. Sí, esto es bueno. Veamos cómo se veía. Como, Sí, está bien. Bien, vamos a hacer clic aquí en la parte superior de este patrón. En. Y luego simplemente nos desplazamos hacia abajo y la posición del ítem debería ser recta estirada a ésta, y el icono debería estar así. Sí, esto es bueno. Además, tenemos que ir ahí, y tenemos que quitar aquí la baldosa. Vamos al boer, digamos, ninguno de ellos boter. Vayamos a esta bower también. Y ahora en todas partes necesitamos bien este botter. Pero para el activo, así que para el activo, vayamos al azulejo vamos al y activo el tipo boer, lo quiero sólido y como queremos, vamos a volver a diseñar primero Y este podría ser nuestro boer y esto es 100% Bien, primero averiguemos la frontera aquí Entonces esta es nuestra botella, ¿verdad? Entonces esto es toke, y esto debería ser 1.5. Este es nuestro toke. Bien, entonces vamos a copiarlo. Volvamos otra vez. Y aquí están los activos, creo que vamos con este color. Debería ser mejor, voy a decir. Este color. Entonces ahora, como pueden ver, uno activo, con este ancho de borde, quiero decir, este es ancho de borde, entonces cuanto quiero, así que quiero ir con solo uno. Entonces lo encierro. Hagámoslo uno. O si quieres que sea 1.5, entonces puedes hacerlo 1.5. Y luego las zonas fronterizas tienen una parte superior derecha. Esto está bien. Pero para el fondo y la izquierda, realmente no necesito nada cuando es el activo. Como pueden ver, soy seda activa, no flotar. Activo significa cuando está abierto, ¿ verdad? Cuando está abierto eso. Vamos a hacer clic en el siguiente, y vamos a fondo de así que no necesitamos fondo de un tipo de fondo vamos, cambiemos el color a éste. Sí. Bien, entonces tenemos que cambiar el color. Entonces lo que podamos hacer, podemos escoger el color de aquí. Así que, por favor, seleccione elegir el color. Bien, entonces este es el color que vamos a elegir. Bien. Entonces, ¿esto es lo normal? Bien, así que de nuevo, da clic aquí este, siguiente, y ve aquí el color y solo agrega el código de color. Bien. Bien, así que ahora se agrega. Entonces, lo que hay que hacer tenemos que agregar aquí el radio de esquina. De nuevo, basta con dar click ahí de éste. Ve al estilo y ve botter y radio de botella, me gusta agregar aquí este y este Entonces lo que hago lo acabo de copiar del activo. Entonces cuando voy al activo, como pueden ver, agrego este radio de botella aquí, éste, solo copio el mismo número. Para que puedas hacerla figura redonda. Puedes hacerlo ocho, por ejemplo, o si quieres que sea nueve, entonces puedes hacerlo. Y solo haz la figura redonda, luego ábrela, y luego pasa a la siguiente, la siguiente que va a abrir, ve al bóer y aquí la tabla como será una Además, si quieres agregar el digamos si quieres agregar aquí un tipo de fondo, digamos tipo de canotador, entonces puedes hacerlo Entonces podemos agregar aquí uno, y este debería ser uno. Y también necesitamos agregar aquí y color. Entonces nuestro color será este color, así que simplemente podemos copiar el color, ir a aquí de nuevo e ir a botter y nuestro color será el mismo así Bien, está bien. Entonces ahora veamos cómo se ve. Entonces esta es la cosa ahora. Sí, esto está bien. Esto es lo que vamos a hacer. Pero el problema aquí, podrías mirar para ver que esto es redondeado, pero esto no es redondeado. Entonces el problema aquí porque creo que hacemos el radio de la esquina aquí. Entonces esto debería ser ocho. Esto debería ser ocho, no 88. Pero los cambios sucederán sobre el activo. Uno activo será cero y cero. Ahora, veamos. Activo será cero y cero. Pero si ves el normal, lo normal va a estar bien. Lo normal será ocho y ocho, bien. Entonces los ocho o nueve. Bien, está bien. Y ahora, si quieres digamos si quieres acercarlo más, da click ahí, luego ve a Avance. Y luego lo que podamos hacer, solo podemos agregar el mod aquí. Digamos, me gusta salir aquí 16 píxeles. Eso está bien. Esto se ve bien. Y si quieres acercarlo más, entonces hagámoslo 24 o 20, si quieres, hazlo 20 así. O una cosa que puedes hacer, simplemente puedes copiarlo, simplemente hacer clic en copiar y pegarlo. Y después de pegarlo, si quieres aplicar el mismo estilo, da clic aquí el principal , contenedor principal, da clic aquí en Copiar Simplemente da clic aquí esta copia y vaya al siguiente y haga clic en el estilo de pegar, pegue este estilo. Entonces vamos a conseguir el mismo estilo aquí, ¿no? Entonces esta es otra manera que puedes hacer. Entonces antes que nada, copiar y pegar aquí. Nuevamente, vaya al siguiente, pegue aquí y vaya al siguiente. Literalmente puedes pegar aquí. Y ahora si quieres aplicar el estilo, da click en este contenedor principal, copia, ve ahí, pega thesty, lo conseguimos Vamos a pegar thesty, consíguela. Ahora vamos al Pisttyle eso significa que aquí tenemos lo mismo Ahora, voy a compartir con ustedes eso como podemos simplemente agregar el CN. Entonces para el CN, si quieres importar tu propio CN, entonces solo necesitas hacer click en aquí o en este VC de subida entonces necesitas subir tu HVC que te gustaría agregar, simplemente agrégalo y selecciónalo Y entonces va a ser un cambio. Y además, si tienes biblioteca de iconos, algo, digamos que estás usando la biblioteca Huge Cn o cualquier otra cosa, si quieres subir a la vez, entonces solo tienes que subirla aquí, elementor, entonces todo el icono se agregará a la vez, ¿verdad Por lo que no es necesario subir el Cn manualmente desde aquí. Y para exportar este icono, necesitas ir aquí este figMA y solo tienes que seleccionar el icono y necesitas en esta configuración de exportación, necesitas seleccionar aquí HVC y simplemente explotar el envoltorio Con, entonces obtendrás el mismo archivo HVC Entonces, sí, espero que entiendas sobre cómo agregar tu propio ícono o cómo puedes hacer los cambios. Además, si no me equivoco, ya tienen esta configuración aquí para el Cn. Entonces, si vas a este ícono, entonces obtendrás esta opción de tamaño. Digamos, me gusta ir con 26 o 20 pixel, si me equivoco, si, 20 pixel, vamos a conseguir. Vamos a cambiar el color. Si lo quieres a los cambios el color, entonces puedes hacerlo desde aquí. Entonces, si vas al estilo y si te desplazas hacia abajo en encabezado, entonces básicamente obtendrás esta opción. Además, es una tipografía, haz los cambios. Además si quieres cambiar el color, el texto, Troke, lo que quieras, todo este ajuste, te pondrás en un estilo Lo último es como cambiar los colores de fondo. Para estos, necesitamos ir este cordón de estilo. Y normalmente, necesitamos hacer este color, lo que tú quieras. Digamos que voy a hacer que sea el color blanco. Entonces ahora como puedes ver es de color blanco. Siempre que lo estoy haciendo clic, me sale así. Entonces, lo que tengo que hacer necesito ir aquí esta activa de nuevo, y para el color de fondo, necesito seleccionar los mismos colores. Entonces estás activo. Entonces por el color, me gusta cambiarlo. Entonces sí, ahora si sólo voy a hacer click, como pueden ver, obtenemos el mismo color. Si sólo voy a dar click, aquí obtenemos el mismo color. Bien. 15. Secciones de encabezado y pie de página: Ahora voy a compartir con ustedes que cómo podemos agregar encabezado y pie de página personalizados. Entonces para esto, solo necesitamos elemento a pro. Si ya tienes elemento a pro, está bien. O si no lo tienes, entonces necesitas un enchufe adicional para esto. Esto es algo elemento o encabezado y pie de página. Si lo tienes, simplemente instalan este complemento en el elemento de búsqueda al encabezado. Entonces obtendrás un plugin. Bien, entonces aquí este, necesitas instalar y activar. Además, puedes probar este. Creo que estas son las mismas características. Sí, puedes probar ambas cosas. Pero ya tengo elemento de Pro, así que te voy a mostrar con elemento de P. Así que antes que nada, tenemos que ir a las plantillas, y tenemos que ir aquí Team Builder aquí. Y luego tenemos que ir aquí el encabezado, clic en este icono más, clic en el icono más. Aquí está ahí. Ahora vamos a esto Figma, voy a dar click en este encabezado Ir a Fig Mad elemental plugin, optimizarlo, convierte va a copiar un teclado. Ahora vuelve Elementor y ahora veamos aquí qué encabezado ya coincide Entonces esto es lo bueno que quiero. Y entonces esto se ve, creo, mismo creo que este y este se ve igual. Sí, este tiene el mismo aspecto. Así que vamos dentro de él. Entonces si vas a inst, entonces yo te voy a conectar tu cuenta con eso Bien, así que vamos a ignorarlo por ahora. Vamos a hacer clic en esta opción de cruz, y ahora simplemente pasemos por el lado, pasemos la misma. Entonces como puedes ver, obtenemos exactamente el mismo encabezado. Como puedes ver, obtenemos exactamente el mismo encabezado para dextro. Pero cuando vas a ir al móvil, va a ser algo diferente. Entonces, lo que puedes hacer, literalmente podemos simplemente duplicarlo. Entonces como se puede decir, que sean dos de ellos. Y podemos hacerlo de múltiples maneras. Esto no es una cuerda de presa, Esto es una locura, así. Se puede hacer de múltiples maneras. Entonces esto es algo, digamos, para Dextop y esto es algo que podríamos decir para tab o mobile así, tap o mobile Entonces en el de escritorio, esto va a ser solo visible para el Textb Entonces, ¿qué puedes hacer? Puedo seleccionar el seleccionar el contenedor, ir a avanzar e ir a este responsive y simplemente desactivar este para este. Y vamos a ir a este tablet uno, ir Avance, ir sensible, y simplemente desob un encabezado Eso significa que este se ve simple, lo mismo. Esto es diferente, ¿verdad? Bien, esto está bien. Entonces ahora dentro aquí en esta tableta, qué necesitas hacer solo necesitamos agregar aquí el NAP simplemente busca NAP, luego obtendrás un menú de WordPress, simplemente arrastra y suelta el menú de Odd Press. Bien, así que ahora en WordPress pen, solo necesitamos hacer un poco técnicas Entonces lo que podemos hacer, simplemente podemos rastrear y dibujar aquí este botón principal y abajo para logo, como este. Este es nuestro logo. Y entonces vamos a agregar este menú W press ahí dentro, ¿verdad? Y ahora simplemente retírela. Entonces obtenemos lo mismo, ¿verdad? Y aquí, el patrón uno, me gusta cambiar este pixel. Digamos que me gusta hacerlo así. 20 tal vez 21, eso es bueno. Este es el menú otro, así que me gusta cambiar esto con úlcera que debería ser personalizado y esto debería ser con pixel, no creo que sí. Sí. Esto es bueno. Sí, esto es bueno. Sí, esto es bueno. Entonces, si quieres que sea un poco más cerca, entonces podemos hacerlo más pecado. Entonces sí, solo aumenta este lado izquierdo. Entonces digamos que quiero ir al porcentaje pix. El porcentaje será mucho más rápido y más fácil. Entonces 40, sí, esto se ve más cerca, 45 y 40, 44 es bueno. Mm. Hazlos todo y centro, centro derecho todo. Sí. Ahora bien, si vas a hacer un poco de personalización, entonces definitivamente puedes hacerlo. Y esto es una tontería para el móvil. Entonces aquí, esto se ve bastante bien. Y si vas a este móvil, está bien. Además, una cosa cuando la vas a agregar cada vez que la vas a agregar, no va a quedar exactamente igual como es, ¿verdad? Entonces, si haces clic en esto, entonces como puedes ver, ahora esto se ve así porque cambié el ancho también aquí. Por lo que también es necesario hacer un poco de ajuste. Así que vayamos a este diseño, y tenemos que hacerlo de ancho completo, ¿verdad? Cuando va a ser móvil, debe ser de ancho completo. Y si quieres que sea centro, sí, definitivamente, es opción primero mezclar centro, pero sí, escríbelos centro. Um Bien, así que ahora veamos la vista previa. Este es el centro. Si vamos a lograrlo aquí, esto también va a ser centro, creo. Bien, así que sí. Y creo que solo lo necesitamos para el móvil. Realmente no lo necesitamos para la tablet porque en tablet, esto va a ser un feed, creo. Así que solo podemos hacerlo para móviles. Entonces vayamos al móvil, y este es el móvil en estos momentos, y esto es bueno, creo. Entonces, lo que podemos hacer, podemos simplemente cambiar el wid aquí arriba. Entonces digamos, me gusta ir con esto con lo mucho que queremos. Hagámoslo pixel. Así que vamos a hacerlo Torty. Eso está bien. Y quiero que sea también este Torti Entonces vamos a esto, y vamos al Con también una cosa si llegas a ver, no hay botón, entonces asegúrate de seleccionar esta hamburguesa de botón de alternar así Entonces obtendrás esta opción aquí. Entonces como puedes ver ahora es de ancho completo. Entonces sí, lo principal aquí, solo necesitamos arreglar este ancho porque si haces este cálculo de manera correcta, entonces va a estar bien, ¿verdad? De lo contrario, llegarás a ver como esto está un poco roto así, como puedes ver. Ahora, se ve como roto. Este es un lado, este es un lado. Entonces solo necesitamos calcular este ancho correctamente. Digamos que quiero hacer un píxel 30, eso es bueno. Bien. Entonces después de arreglarlo, voy a compartirlo contigo. Yo digo, también, si llegas a ver, esto no va a ser central que cada lugar vaya a este logo, avanzado revisa este margen y relleno. Vaya al botón, verifique el margen y el relleno. También ve a este N uno, revisa el margen y el relleno. Entonces, si ves que esto no va a ser central. Entonces ahora mismo, como pueden ver, va a ser centro, pero antes no lo estaba, lo intento muchas veces simplemente no voy, pero ahora está bien. Pero no quites este acolchado. Si solo quitas el relleno, entonces probablemente necesites agregarlo de nuevo. Ayudarte a entenderlo. Bien, entonces ahora tenemos que arreglar la tableta uno. Pero en tablet, esto se ve igual, ¿no? Entonces, si quieres agregar el estiércol ahí, está bien. Sólo tienes que ir a ahí e ir a este contenido, y tenemos que agregar aquí. Esta hamburguesa, esta, y ésta debería ser icono Entonces, si desea agregar este menú desplegable en la tableta, entonces debe asegurarse de seleccionar este diseño es desplegable. Entonces, si digamos selecciona tu horizontal o digamos vertical, entonces probablemente no va a ver ninguna opción cruzada aquí. Entonces, quiero decir, opción de menú aquí. Entonces debes asegurarte de que esto esté en el menú desplegable. Entonces ahora Como pueden ver es desplegable, y ahora podemos ver el menú y yo le das click en esto, entonces las latas Asi van a estar ahí arriba. Pero no es visible porque necesitamos ir a este encabezado y necesitamos agregar el índice Zt tres p nueve. Entonces probablemente esté viniendo así que ahora esto probablemente esté viniendo aquí. Entonces probablemente sea lo mismo. Sí, ahora es lo mismo. Además, si quieres agregar aquí este color de fondo, entonces ve a esta NAF como el encabezado Es decir, este principal y ve a golpear esta normal. Y por aquí, este color de fondo, me gusta ir con relleno de fondo. Así que vamos a hacer clic. Como puedes ver, aquí obtenemos el color de relleno de fondo. Sí. Ahora, espero que lo entiendas, y esto es todo sobre el móvil. Esta es nuestra tableta, y esta es nuestra computadora de escritorio. Entonces sí, eso es todo. Entonces ahora para arreglar esta opción aquí, solo necesitamos trabajar en esta hierba. Entonces, si solo se reduce la maleza, eso se va a arreglar. Si solo se reduce el deseo, eso se va a arreglar, creo. Además, si quieres agregar menú, como menú Nap, que puedes hacer, literalmente puedes simplemente buscar tu Nap. Entonces puedes agregar aquí el menú Qué prensa, algo así así en medio de esto. Y ahora hay que hacer un poco ajuste. Así que vamos a hacer clic en este bolígrafo. Puedo ir aquí este estilo y solo ir a la tipografía y hacerla 18 pixel, por ejemplo, y también 400 Sí, 400 serán menos. Vamos con 500. Y puedes simplemente eliminar literalmente estos de dos elementos, y solo puedes hacer un poco de trabajo de estilo, como puedes ver, porque ahora cuando lo voy a rondar, se va a blanco Entonces, lo que tenemos que hacer tenemos que cambiar el color. Entonces, flote el color, este debería ser el color primario, ¿verdad? Entonces ahora como puedes ver debería ser primaria. Ahora ahora ha cambiado. En el puntero el color debe estar encabezado. Entonces ahora como va a decir es cambio. Entonces, también, creo que en realidad no necesitamos este color de puntero también. Simplemente quítelo. Así que sí. Entonces ahora solo podemos hacer personalización aquí, entonces se va a arreglar. Entonces veamos la vista previa. Sí, esto está bien. Así que vamos a hacer clic en esta opción publicada. Ahora nuestro encabezado está listo, y ahora podemos pasar al siguiente. Se trata de nuestro pie de página. Bien, entonces ahora vamos al pie de página. Así que hagamos clic en Todos los pars en Nuevo y Pie de página. Bien, entonces ahora se está cargando. Bien, entonces tenemos que volver aquí. Y para el pie de página, solo necesitamos volver a copiar a nuestro portapapeles Después de copiarlo, vamos a cruzarlo y vamos a dar clic aquí en este botón, pegar desde un lado, y pegarlo. Bien, entonces esta es la versión dextra foto, ¿verdad? Entonces, ¿para qué sirve esto de imagen? Veamos qué imágenes esta? No, no se necesita imagen, creo. Así que vamos a quitar la imagen. Esto no es necesario. Esto es bueno. Creo que el foo va a ser mucho más fácil porque solo necesitamos arreglar aquí solo el ancho, nada más Porque si vas a esta tableta, entonces tenemos que adherir el ancho aquí. Si vamos a este móvil, también necesitamos adherir el ancho. Eso es todo, y también hay que quitar algunas partes innecesarias. Entonces sí, eso es todo sobre. Bien, empecemos a arreglar aquí. En escritorio, solo hace falta adherir este icono, ¿verdad? Entonces el icono ya está ahí. Vamos a dar click aquí a esta estructura y dentro de ella, solo hay que fijar el ancho. Entonces ahora mismo, como pueden ver, esto es un porcentaje, así que vamos a disminuir y aumentar un poco. Sí, 15 es camino, bien. Bien, entonces ahora es falso. Además, si quieres reducir el tamaño, entonces definitivamente podemos hacerlo. Nosotros lo podemos hacer o tú puedes hacerlo 16 Pixel Do. Ahora vamos a ir a la tableta y también al ancho. Entonces en un móvil, también necesito hacerlos centrar. También necesitamos arreglar este ancho, definitivamente. Entonces agreguemos el ancho. Entonces ahora mismo, el principal, el mainframe, necesitamos hacerlo al 100%, por ejemplo Y para el otro, solo necesitamos reducir el peso. Entonces ahora mismo, como pueden ver, esto es de 90 o 18 píxeles. Pasemos al siguiente y hagamos lo mismo. Entonces cada vez que lo agrego, como pueden ver, va a la siguiente línea. Entonces esta es la siguiente. Y también, tenemos que restablecer este tope así que digamos que es un cuatro píxeles o cinco, seis. Y ahora, si ves aquí, entonces esto se ve exactamente igual que antes. Esto es en Escritorio, tableta, y esto es en el móvil. 16. Todas las páginas de blog Listados de blog (Figma a WordPress): Ahora vamos a ver que cómo podemos importar una página de bloque en Elementor Entonces para hacer eso, tenemos que ir aquí plantillas, y tenemos que ir aquí Theme Builder aquí. Y ahora tenemos que seleccionar aquí ¿qué quieres? Digamos que queremos ARCA cerdo como archivo de blog. Así que vamos a hacer clic en nuevo Este botón en la parte superior aquí. Derecha. Entonces ahora volvamos. Bien, así que ahora Asics comparte algunas plantillas preconstruidas, pero no vamos a volver a usar Vamos a cerrarlo. Y ahora volvamos a nuestro diseño y diseño Figma Vamos a Fig bet Elementor plugin como y Cey y vamos a subir TMAs Si tienes tiempo para optimizar, entonces haz Optimus, ahora copio en mi portapapeles Lo que hago, solo pego de otro lado y Control V. Ahora, va a tomar un poco de tiempo. Bien, entonces ahora tenemos el mismo diseño, como puedes ver. Bien, entonces una cosa antes Adelante, si llegas a ver que tu diseño es con contenedor, entonces necesitas hacer una cosa. Déjame ir a tu página web. Y ahora necesitas hacer clic aquí la opción superior como personalizar en la parte superior. Y luego hay que seleccionar aquí opción general en la parte superior aquí. Entonces tienes que ir al contenedor, y luego tienes que elegir tu su ancho completo o fa ancho completo, contenido cuerpo ancho completo y hacerlos espaciado es cero. Hazlos cero. Eso es. Y luego hacer que esta publicación. Otros mira qué app y vas a llegar a ver, como, esto no es posible hacerlo de ancho completo, ¿verdad? Porque ahora mismo, como pueden ver, esto es de ancho completo, pero esto tiene que ser así, ¿verdad? Esto va a ser lo mismo así. Entonces, ¿qué tengo que hacer? Lo que puedo hacer, puedo ir a tener este principal. Entonces, vamos a anabil esta estructura. Esta es nuestra página principal, y esta es nuestro héroe, y esta es nuestra característica clave. Um, aquí adentro, realmente quiero hacer de este bloque uno, como el principal y ancho completo, pero debería ser del 100%. Entonces lo que puedo decir, esto debería ser 100% ahora mismo. Y esto es ahora mismo al 100%. Pero necesito hacer un tamaño específico. Entonces lo que puedo hacer, esta es la categoría. Quiero decir, este es este contenedor, y digamos que quiero hacer lo mucho que quiero. 80 pixel quiero, digamos. Y esto es con un contenedor, ¿verdad? Bien, esto es con 80 píxeles. Quiero decir, 80%. Qué puedes hacer con este contenedor, podemos cambiarlo también. Pero creo que el porcentaje será mejor. Pasemos al siguiente, como característica clave uno y con el contenedor y ancho completo, y esto debería ser 80 y este debería ser 100%, ¿verdad? Y esto debería ser del 100%. Bien, entonces ahora este es el diseño ahora mismo, como pueden ver. Sí. Esto se ve bastante bien, pero esto debería tener que ser mucho más, ¿verdad? Es mucho más cúmulo. Entonces, lo que puedes hacer, podemos simplemente hacerlos centrar, aunque. Sólo tienes que ir allí y hacerlos centrar aquí. Entonces va a ser centro, definitivamente. Y este es el contenedor, y esta es la sección de héroes. Creo que los dos se ven igual, entonces, ¿qué puedes hacer? Sólo podemos aumentar un poco el tamaño. 88. Sí, se ve bien. Bien, se ve bien. 88. Eso está bien. Bien, hagamos clic en una opción de publicación. Bien, ahora no necesitamos publicar. Por ahora, podemos hacer el guardado, como un guardado como borrador. Bien. Ahora, para agregar esta tarjeta, lo que tenemos que hacer podemos hacerlo muy fácilmente. Simplemente haz click en este ICN de yeso y busca tu bucle. Solo busca en tu bucle. Estas cosas necesitan elemento para pro. Si no tienes elemento, entonces hoy va a ser bastante duro. Pero realmente necesitas elemento para pro para esto. Así que simplemente arrastremos y dibujemos tu loop create. Entonces cuando vas a arrastrar y redactar aquí, llegas a ver algo como esto, y ahora solo lo vas a estar haciendo. Bien. Vayamos aquí el marco, dentro del marco, vamos al interior del marco. Entonces obtienes marco extra ahí. Entonces otra vez, obtienes una tarjeta de bloqueo. Y aquí. Entonces, lo que necesito, solo necesitamos la comida de la tarjeta de bloque no necesitaríamos todo esto. Simplemente copia la tarjeta de bloque, y eso es todo. Entonces ahora en este diseño, como pueden ver, no optimicé el diseño. Por eso consigo muchos contenedores. Entonces si hago el optimo y Figma aquí cuando acabo de importar, no voy a llegar a ver mucho contenedor ahí Entonces esto puede ser mucho más fácil para manejado. Entonces espero que entiendas lo importante que es para hacer que el diseño se optimice. De todas formas, vamos a dar click aquí este crear nuevo y vamos a guardar este patrón. Y luego solo espera un poco. Bien, ahora, como puedes decir, copia antes. Entonces, lo que puedo hacer, simplemente puedo superarlo. Y después de mearlo, simplemente haga clic en en la parte superior aquí y ahora vaya a con 200% Como pueden ver ahora, me sale al 100%. Entonces ahora solo tenemos que hacer un poco de trabajo aquí. Entonces lo primero es aquí la imagen. Así que ve al estilo, cambiémoslo a Imagen destacada y luego obtendremos todas las demandas destacadas. Vamos al Cin. Y con el Cin conseguimos un texto aquí, y en vez de texto, obtenemos una cosa aquí. Eso puede ver este. Entonces, ¿qué podemos hacer? Vamos otra vez aquí. En cambio, obtenemos dos de ellos. Así que vamos a quitar uno de ellos. Y quedemos con uno de ellos, O. Y aquí, me gusta ir con Ok, así que va a ser nuestro post ID o post daño. Bien, vamos con post harm, y vamos con categorías. Va a ser categoría con ama, si tienen un link, y esto definitivamente tiene un link ahí. Sí, eso es bueno. Además, vamos con aquí y vamos a aumentar este tamaño a cien personas, definitivamente. Um, vamos. El siguiente va a ver que conseguimos un venado de dos cantinas Entonces sí, podemos hacerlo de peso completo si quieres, pero no creo que lo necesitemos. O podemos hacerlo auto si tienen opción auto. Bien, entonces hago el 100% ahora mismo. Entonces sí, esto es al 100%. Pero no creo que necesitemos hacer 100% en lugar de que yo estaba pensando si lo hacemos, Bien, simplemente intentemos aguantar este Estaba pensando que si los hacemos en línea, Sí, eso es bastante agradable. Lux. Esto es bueno. Bien, pasemos a la siguiente. Es nuestro título. Así que ve aquí y haz clic en Etiqueta dinámica, y este puede ser nuestro título de anfitrión. Pasemos al siguiente y este debería ser nuestro post. Exime este. Quiero aquí 20 tal vez, no mucho. 20, como pueden ver. O si quieres, entonces puedes demorar. Digamos 12, ¿cuánto cuesta esto? A ver. Sí, 12 es así. Vamos con 16 porque sólo quiero una línea de dos aquí. No quiero mucho. Quince es 14, está bien. Si quieres hacerlo más cerca ahora aquí tienes un hueco, pero si quieres hacerlo más cerca, entonces simplemente puedes quitar el relleno definitivamente. Sí, si puedes el acolchado. Creo que podemos hacer, digamos, acolchado negativo. Podemos agregar, Digamos a un píxel en la parte inferior y superior. Sí, está bien. Eso está bien. Bien. Pasemos a la siguiente. Es como, necesitas cambiar tu usuario solo llama ahí abajo, obtén el nombre del autor. Ese es el nombre oton. Volvamos a ir a ahí. Vamos a la fecha de publicación la quiero aquí. Fecha de publicación. Sí, guía posfecha Si vas a hacer click, entonces sientes más opción, obtienes DFL como este Post modificado así. Entonces esto es bueno. Si es como el post modificado, entonces es lo mismo que obtenemos una C pero creo que es buena. Entonces, ¿qué vas a escribir aquí, publicar el. Creo que la forma de publicar en. Esto es bueno. Vamos a la siguiente es tener una imagen. Entonces vayamos a la imagen. Ir al estilo, y esta debería ser nuestra imagen ath prefle. Sí, eso es bueno. Todo se ve bastante bien. Creo que no hay nada que añadir extra. Entonces, ¿qué necesitas hacer? Tenemos que simplemente hacer clic en caja fuerte aquí, el botón seguro y volver mantequilla. Entonces va a estar seguro y de vuelta. Entonces sí, ahora va a estar listo, creo. Entonces, ¿qué tengo que hacer? Sólo necesito copiar y pegar esta cosa. Entonces lo que podemos hacer, literalmente podemos copiar este bucle aquí o simplemente podemos pegar aquí. Entonces, si vas a las k características, vamos a tener un contenedor, entonces es un contenedor uno, y luego vamos a tener un contenedor uno. Bien, como pueden ver, hay mucho contenedor ahí. Eso es bastante molesto, creo, porque tiene mucho contenedor. En su mayoría no son necesarios. En fin, vayamos a esto nuestras cuadras. Voy a decir que esto son cuadras. Bien, esto se trata de nuestra categoría, esta, ¿verdad? Esta es nuestra categoría. Entonces esta debería ser nuestra categoría. Esta debería ser categoría. Entonces, ¿por qué estoy dando este nombre para que pueda identificar fácilmente qué es qué? Entonces solo elimino aquí estos bloques. Y me gusta copiar esta cosa, definitivamente. Bien, así que para hacer copy, lo que puedes hacer simplemente puede copiar el loop, Control X, o simplemente puedo arrastrar y soltar aquí en la sección de bloques y eliminar aquí, éste, Bien, entonces tenemos un bloque aquí ahora mismo. Va a ver. Ahí tenemos una cuadra. Entonces, si quieres volver a hacer, cualquier cosa, entonces solo tienes que ir al Editar optimizar y dar clic en el botón Seguro. Entonces vamos a volver a hacer la edición y ya podemos hacer la personalización, cómo quieres. Simplemente haz click ahí y ve a como quieras, solo haz los cambios, lo que quieras, solo haz eso y haz clic en Cambios seguros, y se va a actualizar. Entonces veamos cómo se veía. Bien, entonces se está cargando. Bien, entonces esto es actualización ahora. Esto es bueno. Ahora bien, lo que tengo que hacer necesito agregar aquí como este tipo de categoría. Creo que lo quiero. Entonces lo que puedo hacer, puedo ir aquí este filtro, definitivamente. Entonces, si buscas y filtras, entonces obtienes una taxonomía, como este filtro de taxonomía, solo dragón por aquí. Entonces, lo que necesito hacer necesito seleccionar un bucle uno aquí que recientemente creamos un bucle, y ahora necesito mostrar aquí una categoría, poder obtener toda esta categoría. Pero piénsalo aquí, lo quiero dentro de una categoría. Pero lo que tengo que hacer simplemente puedo seleccionar simplemente eliminar todos ellos en cisnes O puedo eliminar esta categoría, definitivamente, y simplemente arrastrar y soltar aquí esta taxonomía a Entonces como puedes ver, obtenemos la misma opción. Bien, esto es bastante bueno. Si quieres hacerlo del lado izquierdo, entonces creo que es tener un lado de la vida. Sí, este es el lado izquierdo ahora mismo. Entonces también, tenemos que hacer un poco de estilo aquí. Así que ve al estilo, y ahora lo que puede hacer, puede ir aquí esta normal y podemos agregar aquí un padding. Entonces para hacer el relleno, lo que puede hacer, puede ir aquí, veamos, 24 y 36. Vamos aquí. Necesito el color, definitivamente. Es una copia. Entonces ve aquí. Los videos de esquina serán cuatro por cada vez, y esto debería ser superior e inferior. Entonces arriba será 24, abajo será 24, y esto debería ser 32. Esto debería ser 32. Entonces lo que puedas hacer, podemos ir con 20 definitivamente. Sí, 20 get. 32 se ve tanto. Vamos con 24, ¿cómo se ve? Bien, entonces 24. Bien. Ahora, vamos al color Bactron Así que ve aquí y selecciona el sistema. Bien, así que normalmente, en realidad no quiero ningún color de fondo. Quiero Botero pixel boer, quiero, definitivamente. Vamos al mal pelo el color. Boer con será de un pixel, como puedes ver. Esto es bueno. Bien, entonces cuando la gente va a flotar, ¿ entonces qué pasa? Entonces ha cambiado. El color de fondo se cambiará a esto. Cuando alguien va a flotar, como pueden ver, esto es bueno. No habrá bower, creo, si se ciernen. Normalmente, no creo que necesitemos agregar ningún boer. Bien, así que vamos a hacer que no sea ninguno. Color activo, necesitamos agregar como color de fondo, creo. Bien, entonces esto es bueno. Ahora bien, esto es bastante bueno. Bien, entonces veamos qué pasó, así que también tienen un color si tienen un normal, así que volvamos y vayamos a la normalidad. Vamos al color, y vamos a cambiar el color en la parte de atrás y llamarlo así. Entonces esto también es bueno. Y ahora vamos a la tipografía y vamos a hacerlas como medianas, definitivamente Sí. Ahora bien, si pasas un poco más de tiempo, entonces definitivamente puedes hacerlo más pulido, más mejor. Pasa un poco más de tiempo aquí para mejorarlo. Este va a ser nuestro nombre de página. Si tienes algo sobre el nombre del pH, entonces definitivamente este debería ser nuestro nombre de página. Pero, pero, pero, pero no creo que lo necesitemos. No necesitamos cambiarlo porque block Page será solo uno. Entonces no creo que tengamos que hacer para cambiar. Además, podemos agregar aquí el enlace si tienes algo. Así que vamos a cortar Blog Si tienes algo, ellos solo agregan su enlace, y esta debería ser nuestra casa Entonces lo que podamos hacer, solo podemos agregar nuestro hogar, entonces este debería ser nuestro hogar. Sí, eso es todo sobre esta página, creo. Y además, bien, una cosa, si solo vas a ir da click en cualquiera de esto. Bien, así que si solo vas a hacer clic en cualquiera de esto aquí, Loop Loop, entonces en el lado izquierdo, obtendrás algunas opciones más y ajustes ahí. A partir de ahí, también puedes hacer personalización. Digamos que quieres agregar una paginación, o quieres agregar aquí un Cory, cualquier cosa, lo que quieras, puedes hacerlo desde Así que simplemente haz clic en una calificación de Loop. Entonces digamos que quieres cambiar esta columna. Ahora mismo, estamos mostrando tres columnas. Pero si quieres que aumente, entonces puedes hacerlo. ¿Cuántas páginas te gusta mostrar aquí? Ahora mismo vamos a tener un seis. Yo aumento, entonces puedes hacerlo. También tienen algunos ajustes más. Vamos a Cory, y si quieres incluir o excluir algo, entonces puedes hacerlo Filtra aquí. También es tener un pagniano Entonces probemos con este Pregenciano número uno y esta una página por límite. Bien, entonces esto se ve realmente más grande de lo que esperaba. Bien, entonces solo necesitamos y escucharé posición individual, pero bien, hagamos un poco de personalización. Vayamos a este azulejo. Ve aquí la paginación, y quiero que sea 24 pixel, Mt. Todavía me veo tan grande. Hagámoslo normal. Veamos cómo se ve 20 píxeles. Eso está bien. El cabezal de línea está aquí, entonces, ¿cuánta altura de línea quiero? Entonces una p tres. Esto es aquí dos. Y otra vez, ir a allí, y spacepeedwin Entonces si ves el dolor espacial, entonces puedes hacerlo. Y aquí hay un espacio entre la cima. Esto se trata de. Y también, podemos hacer el color. Creo que, ahora mismo, podemos cambiar el color. Si tienes algo, entonces definitivamente haz los cambios. Y aquí flotar el color y tener color activo. Yo estaba esperando si tienen una opción de cambio de fondo, eso debería ser más mejor. Bien, está bien. Esto no es algo malo. Esto es bastante bueno. Creo, lo suficientemente bueno como para ir. Bien, así que vamos a hacer clic en héroe esta opción publicada. Tenemos que apegarnos a esta condición aquí. Entonces, ¿por qué te gustaría compartir? Por qué te gustaría mostrar esta trama. Entonces quiero ir con post de trama Archivo aquí y cambios seguros. Y se va a publicar. Bien, ahora veamos si tienes alguna página de bloque. Entonces veamos primero la página del bloque. Bien, así como pueden ver, tenemos esto aquí, ya es ahora. Y si vas a hacer click en esta opción, entonces también está funcionando bien. Entonces ahora, como pueden ver, obtenemos suma extra de esta cosa extra. Entonces lo que podemos hacer, podemos aumentar aquí el tamaño o podemos agregar aquí cuatro de ellos. Creo que si agregas cuatro de ellos, eso debería ser bueno. O si quieres que sea perfecto, entonces lo que puedas hacer, puedes ir aquí en esta categoría e ir a avanzar y aquí del lado izquierdo, quiero ir a 24 pixel. El lado derecho será el mismo. Ahora vayamos al principal, como principal y luego vayamos a este avance y quiero cambiarlo a cero. B será cero. Ahora creo que esto va a ser bueno si quieres hacerlos igual. Pero aún así, no se ve igual como es como era por, uh, porque como puedes ver, esta imagen no es por el ancho de la imagen. Entonces si usas aquí imagen diferente, creo que eso va a ser arreglado, entonces no vas a enfrentar ningún problema entonces. Así que hagamos clic en un botón Guardar cambios. Sí, eso es. Entonces, si usas una imagen diferente, entonces se va a arreglar, o simplemente puedes cambiar este ancho de este contenedor. Entonces, si solo vas a cambiar el ancho del contenedor, entonces definitivamente se va a arreglar. Es decir, estoy hablando del principal contenedor principal aquí, el rojo. Entonces, si solo haces cambios aquí, si solo haces los cambios, digamos, si solo aumentas material, si solo lo disminuyes a 72%, entonces esto se puede arreglar, creo. Porque tenemos un ancho largo, por eso se ve así. 17. Crea una sola página de publicación de blog: Ahora vamos a ver cómo podemos importar una sola entrada de blog. Entonces antes de seguir adelante, solo necesitamos hacer un poco de cosa en nuestra página de archivo de blog. Así que volvamos a nuestro blog Página de archivo, y necesitas hacer click aquí con esta plantilla Ii porque en este momento, lo que pasó cuando estoy tratando de hacer clic en este tes o enlace, su mayoría no está funcionando. Entonces solo necesitamos conectar el enlace aquí para que cada vez que alguien simplemente vaya a página del blog y vaya a hacer clic en cualquier lugar hasta esto, es realmente emocionante ser trabajo, ¿verdad Entonces, para hacer eso, tenemos que volver aquí. Y antes que nada, vayamos a la imagen. O puedes probar con esta tarjeta de padre si vas a tarjeta de padre, si vas a Advance lo siento, opciones adicionales, entonces obtienes opción como etiqueta TML, simplemente hazla Enlace, y luego simplemente puedes adherir el postal Pero en mi caso, veo que mi lado está roto, así que no voy a ir con este. Entonces por eso voy al interior de ella. Digamos, voy a seleccionar la imagen y vamos a ir Opción adicional. Y aquí, en esta etiqueta dinámica, me gusta seleccionar aquí post IRL Y lo siguiente es ir a este Título uno, y quiero cambiarlo para publicar ARL y este debería ser el mismo post ERL Y aquí, la etiqueta debería ser algo diferente AuthorRL. Y esta es la fecha, pero la fecha debe ser si dan click, entonces debería ser postLImage que deberían hacer click ahí, digamos aquí la Si dan click en esto, entonces esto debería ser, así que vayamos a este ancla y vayamos a este N, y este debería ser nuestro ARL Entonces este, también podemos hacer este AuthorRL pero no creo que sea necesario. Además, sí, este debería ser nuestro post será divertido post ARL Entonces la mayoría de las personas van a hacer click ahí, así van a leer justo ahí. Además, si quieres, entonces no necesitamos hacerlo individualmente, ¿verdad? Simplemente puedes seleccionar uno de estos contenidos aquí y simplemente ir a este diseño y solo podemos cambiarlo a link. No estoy seguro de que vaya a funcionar bien o no. Entonces vamos con este post ERL. ver si está roto, entonces podemos saltarlo, o si no está roto, entonces vamos a usarlo. Entonces lo intento, y ahora vamos a dar click en esta opción de publicación. Volvamos a nuestro sitio web y veamos la vista previa. Creo que se ve como roto, así podemos usarlo. Entonces lo que podamos hacer, podemos regresar a la Con e ir aquí y cambiarla al DIF normal. Entonces podemos usar cualquier Estimultag aquí. Pero todo esto está bien, creo. Así que vamos a hacer clic en esta opción de publicación. En su mayoría no creo que la mayoría de las personas no usen ningún enlace aquí en este párrafo. Pero creo, sí, esto debería ser bueno. Mucha gente va a dar click en este enlace también. Eso es bueno. Eso es bueno. Así que publique URL, y hagamos clic en esta opción publicada. Volvamos y recarguemos esta página. Además, asegúrate de que tu tarjeta de bloque principal sea normal. Lista Mel tech es normal. De lo contrario, podemos hacer que sea algún uro. Entonces sí, esto es bueno. Así que cada vez que sólo voy a hacer click en aquí, como pueden ver, esto se ve como color diferente. Entonces tenemos que cambiar el color también. Entonces lo que podamos hacer, podemos ir aquí este color ahora mismo e ir a este estilo. Y el color del texto debería ser éste, cierto, definitivamente. Um esto debería ser. Pero también tenemos que ir a la configuración lateral porque realmente quiero cambiar este color a negro normal. Entonces, ¿qué puedes hacer? Puedo ir aquí esto vamos a esta tipografía y luego aquí el link y normal en Link, me gusta ir con el mismo color de esto para que cada vez que alguien solo va a Howard no va a cambiar, y esto debería ser color negro, tres p. uno. Guarde los cambios. Volvamos. Entonces, para agregar esta página de bloque único, tenemos que ir aquí solo post en aquí. Haga clic en Anuncio nuevo Este botón. Además, volvamos a nuestra Figma. Vamos a abrir ICM y enchufar y optimizar la copia, convertirla, y ahora es copiar al portapapeles Volvamos, cruzarlo y simplemente controlar salvamos de diferente sitio, mejor. Entonces creo que obtenemos como es. Entonces ahora solo necesitamos agregar el enlace. Así que vamos a dar clic aquí el de arriba, ir allí y simplemente agregar nuestro título, definitivamente. Y este debería ser nuestro bloque, así que slash block. Y este debería ser nuestro hogar. Entonces, ¿qué puedes hacer barra a casa? Sí, este debería ser nuestro título, así que slash title. Sí, este debería ser nuestro ancho completo. Entonces son tres, así que hagamos un ancho completo o sí, podemos aumentar. Sí, sí, ahora es bueno. Ahora, pasemos a la siguiente. Es como cambiar este nombre por nombre de autor, creo. ¿Dónde está el nombre del autor? Sí, aquí está el nombre del autor. Y esta debería ser nuestra fecha. Así que publica el. Entonces esto debería estar bien, solo haz clic aquí. Esta va a ser fecha y la fecha será la misma, ¿verdad? Click on nuevamente tiene este nombre, y luego el formato será este, vaya a Avance y antes será este. Así que ahora, sí, bien. Vayamos a la imagen y pasemos al estilo y cambiemos el estilo en no, esta no es una característica que coincida. Esta debería ser nuestra imagen de autor. Entonces en cuanto a la foto de perfil. Esto es bueno. Todo bien. Entonces ahora solo necesitamos agregar un poco de trabajo. Digamos que simplemente puede agregar aquí contenido de la publicación es simplemente rastrear y dibujar aquí. Entonces, cuando vas a arrastrar y dibujar aquí. Entonces una cosa que debes hacer, simplemente puedes hacer clic en el texto Heather e ir al estilo, ve aquí esta tipografía, haz clic en el ícono He T plus, una nueva Entonces voy a decir P Nu lo voy a hacer como un estilo, así lo hago. Y ahora vamos con esta normal como publicar contenido uno e ir tipografía y seleccionar un ser nuevo Como pueden ver, ahora es sentarse. Entonces esto es bastante fácil. Así que borra el anterior. Sí, borra simplemente la anterior. Éste tampoco es necesario. Esta tampoco es necesaria. Y aquí, la cizalla, me gusta quitarla. Ahora, digamos, me gusta ir con SoSL y aquí está el SOSL como icono de cizalla Así que literalmente puedes usar uno de estos. Bien, así que vayamos ahí. Este es un icono de soca Entonces podemos agregar aquí la Sosa digamos, quiero ir con regate A ver. Entonces sí, este es un diseño. A ver. Realmente no me gusta este diseño. Quiero hacerlo sencillo, algo así. Este es otro diseño. Este es otro diseño. Creo que es sub un poco más. Sí, esto es bueno. Estilo nueve. Esto es bueno. Entonces copiemos el ícono de Sosa. Sobre este asal, me gusta pasar aquí, así que simplemente pasarlo y borrar el anterior. Aquí uno. Entonces ahora puedes agregar algunas cosas más y también puedes hacer la personalización, cuanto quieras. Digamos, aumentarlo, entonces sí, esto es bueno. Tan solo aumenta. Sí. Ahora vamos a duplicar uno de estos. Y quiero ir digamos Facebook. Entonces busquemos en YouTube, duplicarlo, vaya aquí. Facebook. Sí. Y aquí está el enlace. Entonces para el enlace, principalmente puedes agregar aquí el post ARL aquí Y pasemos a la siguiente. Es como el autor. Así que vamos a hacer clic en éste, y vamos con el título de la publicación. Esto no va a ser un título de publicación. Va a ser nuestro nombre de autor, y este debería ser nuestro meta o información. Entonces para la información, sí, esta es la biografía, así que esto es bueno. Esta es la correcta. Ahora, vayamos a la imagen, y vayamos al estilo y simplemente agreguemos aquí autor imagen púrpura. Sí, está bien. Entonces se trata de todo esto. Y también lo que podamos hacer, podemos pasar al siguiente, y necesitamos hacerlos al 100%. Ahora aquí, al 100%. Y ahora también aquí, necesitamos cambiarlo a 80 72 píxeles. Pasemos al principal y hagamos que se centren. Definitivamente, hazlos centrar aquí. Contenedor. Vayamos a éste. Esto también es necesario que sea centro. Esto debería ser de 72 píxeles. O si quieres, entonces puedes hacerlo menos de 68 píxeles aquí. Esto está asustado ahora mismo. Además, necesitamos reducir el espaciado. Da click en este, texto, ve a avanzar. Y para la cima, me gusta hacerlos cero. Y para el fondo, me gusta ir con 40 píxeles. Eso está bien. Y aquí, como pueden ver, nos sale un poco problema por el peso así que vamos a hacerlos cien persona. Simplemente es persona. Sí, eso va a estar bien. Y para el esquileo ahora, es algo así. Cizalla ahora. Cizalla en. Sí, eso es bueno. Bien, entonces esto es todo sobre la página, como un solo bloque. Ahora, hagamos clic en una opción de publicación, agreguemos una condición. Me gusta seleccionar el puesto, y podría ser todo. Y sí, vamos a hacer clic en Seguro y cerrar este botón. Y volvamos a una página en Vilda. Entonces, si no llegas a ver que no hay cambios, entonces solo borra tu caché. Veamos entonces está funcionando bien o no. Así que vamos a aclararlo. Y ahora como puedes ver, realmente ha funcionado bien. Es exactamente lo mismo que yo antes. Y este color, no se ve igual porque se veía como el color blanco, por eso. Y también, se ve como el mismo enlace otra vez aquí. Entonces definitivamente necesitamos trabajar en esta batern de cizalla. Entonces, ¿qué necesitas hacer? Solo necesitamos agregar aquí cizalla. Simplemente diga cizalla. Entonces si conseguimos una batern de cizalla, entonces obtienes una opción de tres ahí Así que vamos a eliminar el anterior. Y ahora esta es la nueva. Y ahora, como pueden ver, siempre que sólo voy a dar click sobre esto y me está redirigiendo Lindy o Facebook Entonces esto ahora es bueno. Entonces sí, se trata de todo esto. Y si quieres agregar, digamos, algunas publicaciones más aquí, digamos que quieres agregar otra sección con post relacionado, entonces sí, definitivamente podemos hacerlo también. Lo que puedes hacer, simplemente podemos agregar aquí otro texto simplemente agrega aquí encabezado de texto. Entonces solo agrega aquí y digamos que te puede gustar. Ahora sólo voy a copiar el loop aquí, loop grid. Sólo tienes que ir aquí y simplemente ir a pasarlo. Puedo ver de dónde literalmente lo conseguimos aquí. Y en este bucle, me gusta mostrar solo la página de tres partes aquí. No habrá paginación ahí. Va a estar totalmente apagada. No habrá paginación en todos los tres. Si quieres hacer los cambios de esta fuente, entonces creo que debería ser en o incluso unos cordones F, voy a dejarla cadena. Entonces sí, se trata de todo esto. Y ahora, si ves, entonces sí, esto es lo bueno. Además, en este bucle, si quieres mostrar algo específico, entonces es una consulta. Puedes incluir esta cosa. Entonces acabo de agregar aquí TAM o si te gusta mostrar al autor, si este autor escribiendo algo una moneda diferente si quieres mostrar en ellos, entonces puedes hacer este filtro desde aquí. Entonces por ahora, lo voy a dejar TAM vamos a dar click sobre esta opción publicada. Volvamos y limpiemos nuestro caché. Entonces, si no instalas cash plug en nuestro antiguo sitio web de prensa, entonces no necesitas borrar tu caché. Entonces sí, se trata de todo esto. Entonces, si solo voy a dar click sobre esto a continuación, este es otro post, como pueden ver. Este es otro post, como pueden ver Así que espero que ahora entiendas sobre cómo importar un solo bloque y cómo podemos hacer el mago personalizado 18. Cómo exportar secciones (solo): Ahora vamos a ver que cómo podemos importar en una sección específica. Entonces para esto, necesitamos seleccionar qué sección nos gusta ingresar en un sitio web, simplemente seleccionar y hacer una copia aquí, archivo más rápido y luego solo abrirlo UIKIPlugin como puedes ver, ya seleccioné Vamos a abrir optimizar y copiar, y vamos a optimizar este diseño aquí y arreglar todo este problema del que están hablando. Entonces como pueden ver, este es el diseño optimizado que ya hago. Entonces después de optimizarlo, obtendrás el mismo archivo como este. Bien. Entonces entonces voy a seleccionarlo de nuevo. Vamos a esta etiqueta Widget aquí. Y entonces tenemos que seleccionar esto va a ser un contador. Yo creo, esto es contador. Entonces, seleccionemos el contador, y el número ding es este, entonces aquí está el número es este. Entonces el número inicial es cero, selector soy yo nada, y el prefijo del número, nada va a estar ahí. Un número de este será de cinco años más, pero solo necesitamos adherir el plus, pero podemos actualizarlo en más adelante. Esto está hecho, y vamos con el siguiente, y volvamos otra vez y ahora, otra vez, solo quitemos aquí este prefijo numérico y este debería ser 100 plus. El número inicial será 100 y eso está bien. Vamos a guardarlo. De esta manera, basta con hacer la actualización, y luego nuevamente, seleccionar el marco principal. Volvamos y vamos a convertirlo. Y como puedes ver, obtenemos nuestro portapapeles de copia y vamos a pegarlo en Elementor Como puedes ver, obtenemos una sección específica, y ahora solo actualizamos aquí. Da click en los palos, y ahora aquí dentro, número Indi será 100 y esto debería ser plus, pero esto no es así Así que vamos a eliminar el plus. Pasemos a este siguiente y eliminemos aquí este 120. Y pasemos al siguiente, y esto debería ser, esto debería estar aquí, los perentens definitivamente Entonces, sí, ahora, como puedes ver, esto es bueno, y esto debería ser 120 Entonces, sí, como puedes ver ahora, está totalmente actualizado. Entonces, ¿qué pasó si no estás optimizando el diseño? Entonces, si no estás optimizando tu diseño, entonces podrás ver algo como esto. Como se puede decir, el texto realmente más grande de lo que esperaba. Y esto también es algo de texto realmente más grande. Entonces, si no optimizas, quiero decir, si no seleccionas aquí, tu guía de estilo, entonces podrías llegar a ver el mismo diseño o el mismo estilo aquí. Así que asegúrate de que cuando solo importes un diseño, acabas de agregar este estilo aquí. Entonces va a estar bien con eso, ¿de acuerdo? Ya que en esta web, ya agregué mi guía de estilo, así que es fácil 19. Cómo hacer y verificar responsivo: Ahora vamos a ver cómo podemos hacer que nuestro sitio web sea receptivo. Entonces me gusta empezar desde el principio. Entonces lo primero que escucho, solo quiero optimizar el diseño antes que nada. Optimizar significa, como, quiero comprobar toda esta capa que todo está bien, y algunas de ellas en su mayoría son innecesarias. Entonces me gusta volver a hacerlos. Entonces por eso antes que nada, déjame comprobarlo ellos. Y luego me dan entrada en Elementor, entonces voy a comprobarlo, ¿de acuerdo? Bien, entonces déjame quitar aquí este encabezado porque ya estoy en el encabezado, así que no lo necesitamos. Sin embargo, no necesitamos el pie de página. Tampoco necesitamos esta sección testimonial ya la tenemos. Tampoco necesitamos esta sección. Pero volvamos a importar. No hay problema. Entonces verificar capas significa, quiero decir, verificar las capas. Al igual que hay algo extra contenedor por ejemplo, digamos, como puedes ver ahí, esto no es necesario. Retirarlo. Esto es algo no visible. Así que quítalo. Como pueden ver aquí, tienen un marco, pero eso en su mayoría no es necesario porque ya tengo un marco. Entonces grom y lado derecho es un logo en este , esto es bueno Y volvamos aquí otra vez. Y esta sección hacen entrar encabezamiento. Encabezando tienen un grupo. Bien, esto es bueno. Pasemos al siguiente. Los tres. Eso es bueno. Dentro de ella, tienen un contenedor para el contenido, y esto es milli para imagen Entonces podemos decir que esto es imagen. Vamos dentro de ella. Esto no es necesario. Esto es para categorías, eso es bueno. Esto es tomas. ¿Y esto es para qué? Bien, este es el ts. Bien, esto es para el botón. Eso es bueno. Bien, esto está bien. Pasemos al siguiente, retírelo. Bien. Déjame ir al siguiente. Entonces como pueden ver, solo pongo el mismo diseño aquí. Otra cosa aquí, solo necesito actualizar el peso. Como pueden ver, esta hierba no está arreglada, así que necesito arreglarla. También sobre esta maleza hay que arreglar. También sobre este patrón. Solo necesitamos arreglarlo, cambiar el color de fondo y cambiar la posición del icono. Entonces creo que se va a arreglar. Además, necesitamos cambiar este botón frontal porque en Figma, si miramos esto, este mismo botón, solo necesito hacer un poco de cambios Si lo hacemos medio, entonces creo que va a ser se ve bien. Bien, vamos a actualizarlo. Ahora como pueden ver, acabo de actualizar todo esto, y ahora si nos fijamos con atención que este debería ser un carrusel, pero ahora mismo se ve como imagen normal Entonces, ¿qué no hiciste? Tenemos que agregar un carrusel aquí. Entonces como pueden ver, es nuestra diapositiva, es nuestro carrusel de imágenes Entonces probemos con carrusel de imágenes, antes que nada, porque este debería ser un carrusel Bien, entonces ahora necesitamos agregar aquí la imagen. Haga clic en Agregar imágenes. si suben las imágenes aquí. Bien, entonces no uplay las imágenes. Entonces, lo que tienes que hacer tenemos que regresar y tenemos que explorar para estas imágenes, y luego vamos a di da. Bien, entonces déjame exportarlos a todos. Permítanme antes que nada, cambiar el nombre de la imagen, seleccionarlos todos, y esto debería ser aquí pequeñas imágenes, el número estará ahí. Bien, ahora está bien. Y ahora necesito exportarlos todos en Swans. Bien, entonces lo entiendes. Ahora necesito subir las imágenes aquí en mi qué precio. Mientras tanto, si realmente quieres, entonces puedes simplemente comprimir las imágenes para que sea del mismo tamaño, pero la calidad será la misma, y se va a cargar más rápido. Entonces lo que puedes hacer, simplemente puedo seleccionar toda la imagen aquí y pequeñito PinGio puedes usar cualquier otro software para compresión de imagen gratis, mismo hasta Bien. Entonces como puedes ver, todos ellos están comprimidos en este momento, así que descárgalos todos de nuevo. Creo que ya terminamos, y hagamos la capacidad de respuesta Entonces, por la capacidad de respuesta, vamos a revisar la tableta antes que nada, y la tableta se ve bastante bien, como puedo ver Es bonito, eso es bueno, ¿verdad? Porque antes de montar el gato estilo, por eso se ve tan bien. Entonces, ¿qué podemos hacer? Podemos aumentar el mojado lo primero que podamos hacer. Entonces vamos allá, y vamos a aumentar el mojado y sí, esto es bueno. Yo creo, esto ya es bastante bueno. Esta imagen se ve tan grande. Vamos a reducir el tamaño. Entonces para la tableta, me gusta que sea tres allá arriba, sólo tres. Esto es bueno. Esto es todo, creo Esto es bueno. Pero ahí se veía como un montón de relleno. ¿Qué puedes hacer? Simplemente podemos quitar el acolchado de la parte superior. Eso es bueno. Aing y quitar el acolchado de la parte superior Y aquí, lo que podemos hacer, sólo podemos añadir un poco más de lo que hay. Sí, vamos porcentaje, y vamos a leer mucho más. Como dos líneas, eso es bueno. Ve a aquí estas tomas, y si, esto es bueno. Hagámoslos del lado izquierdo. Definitivamente. Aquí hay una opción del lado izquierdo. Y esto se ve tan raro. Entonces, vamos a quitar esta cosa. W debería estar en línea, o sí, inline será mucho más. Entonces hagámoslo 98 pixel. Pero si miras con atención, sí tomando un espacio en la parte superior e inferior, intentemos eliminarlos rápido. Entonces creo que veo, viene correo para el visible. Entonces solo voy al texto y solo lo elimino, y ahora está arreglado. Bien, ahora es el momento de aquí, y esto también es bueno. Aquí, ¿qué puedes hacer? Simplemente puedes cambiar la imagen. Sí. Se ve bien. Yo creo. Esto no es algo malo. Esto es bueno. Podemos cambiar esta imagen con, entonces va a ser bueno para ir. Diez, esto debería estar bien. Esto debería estar bien. Solo hace falta aumentar el peso aquí. Entonces, si no podemos averiguarlo, entonces solo abre aquí esta estructura uno. Da click a donde vas a ir, luego automáticamente, habrá redragón ahí Y ahora me gusta aumentar el peso. Entonces es al 100%. Y este es el principal ambos. Así que hazlos al 100% Sí, por ciento. Eso es bueno. Sí. Esto es bueno. Ned, solo tenemos que hacer lo mismo en la siguiente. Entonces va a ser una solución, creo. Bien, ahora vamos al móvil y al móvil, como va a decir, ya es bueno. Y esto también es bueno. Esto es bueno. Pero realmente quiero a estos dos, 50 50. Entonces, ¿qué puedes hacer? Acude a días de persona y hazlos al 100%. Pero para éste, individual, me gusta hacerlos el 50%. Bien, esto debería ser del 100%. Pero dentro de ella, esto debería ser del 50% y el siguiente debería ser del 50%. Eso es algo bueno. Como puedes ver ahora también está arreglado. Aquí, esto también es bueno. Necesidad de cambiar el ancho definitivamente de la imagen. Eso es bueno. Sí, esto es todo acerca del bien, creo. Entonces, por cierto, puedes actualizar el siguiente. Y aquí, me gusta hacer 100% definitivamente. Pero vamos al acolchado. Aquí, solo hay que quitar un poco de relleno y marcha. Se puede ver como esto tener un lado derecho, tener en, pero en realidad no necesito 20. Creo que 16 sería mejor. Entonces de esta manera, se puede actualizar el siguiente también, ¿no? Puedes actualizar el siguiente, definitivamente. Y también aquí, si quieres, entonces puedes cambiar la cosa. Si vas a esto significa uno, contenido uno. Y si cambias la dirección a así, bien, esto debería ser lo mismo. Esto debería ser lo mismo. Pero el como estudio uno, estoy hablando del principal. Vamos a la columna, y me gusta cambiar la dirección. Entonces esta imagen debería llegar en la parte superior y luego tener contenido así que esto es bueno. Entonces de esta manera, puedes hacer la capacidad de respuesta. Y como pueden ver, esto no es algo realmente duro y esto es fácil. Y además, si quieres hacer estos cambios de rumbo, vayamos al encabezado y vayamos al estilo. Y vamos como considero ahora mismo, estamos usando H uno. Entonces, ¿qué puedes hacer? Podemos antes que nada, ver cuánto cabe aquí. Entonces como veas caber con 25 píxeles. Ahora bien, qué puedes hacer, podemos ir otra vez a este H one e ir a esta fuente global gestionada aquí, y vemos el H uno en el móvil, debería ser 25, ¿verdad? Entonces lo que puedes hacer, podemos ir a este 25, y ahora se ve bastante bien, ¿verdad? Eso es bueno. Entonces digamos los cambios y volver de nuevo. Y ahora en todas partes, donde sea que solo usemos H one, y se va a cambiar con 25 píxeles. Entonces sí, se trata de todo esto. Espero que entiendas 20. Si el plugin de uichemy se bloquea, entonces cómo resolverlo: Ahora voy a compartir contigo que si el plugin de UICB está roto o algo así como colgar en un navegador, entonces qué puede hacer o cómo simplemente puede importar el diseño Entonces no es realmente difícil de hacer. Entonces, cuando intentaba importar el diseño por primera vez, se veía como si estuviera roto. Déjame compartir de nuevo si está roto o no. No creo que se vaya a romper de nuevo porque hago un poquito hasta mi audición aquí, porque me está tomando un poco de tiempo Entonces no estoy seguro de que se vaya a romper o no, así que esperemos. Bien, así como pueden ver, esta página parece que no responde Bien, entonces ¿quieres esperar o quieres salir de esta página? Entonces si quieres esperar entonces puedes esperar definitivamente. Pero creo que te van a volver a dar el mismo mensaje de que no responde En fin, así que lo que puedo hacer, sólo puedo cruzarlo. Como se puede ver ahora es cruz no está funcionando. Así que recarguemos esta página ahora mismo. Entonces solo estoy recargando esta página para que pueda comenzar desde el principio Entonces ahora mismo tenemos que hacer solo necesitamos dividir esta página. Ya que en EimePugin tenemos un modo copy pase, así que no tenemos que preocuparnos por ello Entonces lo que puedas hacer, solo podemos dividirlo en unos pocos apartados. Por ejemplo, digamos, me gusta ingresar aquí esta sección cero en el FAS, luego esta sección, y esa es esta sección. Entonces va a ser mucho más fácil, ¿verdad? Entonces, antes que nada, vamos a elegir la sección cero. Y ahora vamos a ir a aquí y vamos a optimizarlo, y luego vamos a convertirlo como puedes ver, ya lo conseguimos. Tú portapapeles. Ahora podemos ir a Elementor Y ahora podemos simplemente pegarlo aquí. Entonces como pueden ver, se va a agregar. Y luego otra vez, ve a la siguiente y ve ahí y selecciona la siguiente sección, como tu sección de confianza de esta, cópiala. Y como puedes ver, ahora está copiando al portapapeles. A medida que obtenemos esta sección aquí. Ahora otra vez pégalo. Así que ahora, como pueden ver, está bajando, ¿verdad? Entonces, si ves que tu plugin C está roto o no está funcionando, entonces solo puedes recargarlo y dividirlo en algunas secciones, y luego importar de esta manera, espero que vaya a funcionar Si te enfrentas a algún otro problema sobre UIC, solo tienes que ir a nuestro grupo como par Az Este es un grupo IRL, como puedes ver, únete a ese grupo y comparte tu problema. Voy a estar ahí para ayudar. 21. El pegado de Uichemy Copy no funciona: Sé que mucha gente se enfrenta al mismo tema, algo así como el modo de copia no está funcionando en UIKE ¿Cómo lo arreglas, verdad? Entonces en este video te voy a mostrar cómo podemos hacerlo. Bien, así que digamos, antes que nada, voy a introducir aquí esta sección. Este es niño pequeño. Así que vamos a optimizarlo y simplemente convertirlo. Y ahora yo es mi copia al portapapeles. Y volvamos a nuestro elementor y ahora damos clic en el botón Mouse Wright, y luego necesitas seleccionar tu pieza del otro lado Da click ahí. Entonces como puedes ver ahí diciendo para desarmar los elementos, tu lado, quiero decir, otro lado, solo necesitas presionar Control V o Comando V. Ahora presiona Control V o Comando V. Entonces como puedes ver, aquí obtenemos lo mismo. Pero ahora mismo, si solo vas aquí y simplemente te gusta, da click en esta pasta, entonces esta pasta no iba a funcionar. Entonces, si presionas Control V, no va a funcionar. Entonces, ¿qué no hiciste? Tienes que dar click aquí esto, presionar desde otro lado, y luego tienes que presionar Control V. Entonces se va a trabajar. ¿Bien? Entonces espero que tu copy paste no esté funcionando, problema está resuelto. 22. Figma a Gutenberg a través de Gutenberg Core, Spectra, Generate blocks, Kadence: Ahora vamos a ver cómo podemos importar nuestro diseño Figma a Genbak Entonces, primero, solo tienes que ir a este ARL como v.com slash Y si ya tienes una cuenta y si ya tienes una clave de licencia, está bien. Pero si no tienes, entonces solo tienes que ir a aquí que es desplazarte un poco hacia abajo, entonces obtendrás aquí la opción como empezar gratis. Pero aquí dentro, debes seleccionar lo que quieres. En mi caso, digamos, me gusta ir con Gutenberg, así que selecciono Gutenberg, voy a empezar gratis Y luego pueden leer una página de pago y solo necesitas poner tu información, crear una cuenta y luego obtener una licencia. Entonces ya tengo una cuenta, así que no voy a crear una nueva cuenta, así que déjame volver a iniciar sesión. Bien, así como pueden ver, nuestro pedido juega con éxito, y aquí está la clave que en su mayoría estamos buscando Entonces ahora necesitamos copiar aquí esta clave real, y si te desplazas hacia abajo, entonces te van a mostrar este proceso que si tienes alguna confusión, como cómo podemos instalar el YKMEPlugin, cómo podemos conectarnos con lo que todo esto están enseñando en Entonces copio la clave de licencia. Vayamos al FICMA y simplemente pasemos aquí este Y Cami como activar uno, eso es todo. Bien, ahora es activar ahora mismo. Vayamos a este keep, cómo usarlo porque voy a mostrarte cómo usarlo ahora mismo. Y luego, como puedes ver, obtenemos una misma opción que como antes ves, lo mismo. Optimismo convertir y ExpasKat y aquí tenemos algunas opciones Ahora mismo, tengan las próximas cuadras ahí. Y en el futuro Spectra Git bloquea, Caden, y voy a construir un sitio web con esto, ¿de acuerdo? Entonces ahora, antes que nada, seleccionemos éste. Me gusta, selecciona la sección que te guste importar y Gutenberg Y luego hay que hacer clic en optimizar y Canva este botón Y ahora necesitas optimizar el diseño. Así que vamos a dar click en esta primera. Y vamos a lo primero, y están hablando de solucionar este problema. Y antes de compartir con ustedes eso por qué es necesario, este es el siguiente que necesitamos arreglar también. Y y esta es la última como imágenes. Y si lo miras detenidamente, estas cuatro imágenes son diferentes. Son individuos. Pero si bloqueo ahora mismo, si solo para arreglarlo, entonces van a ser una imagen que su mayoría no quiero porque son cuatro imágenes diferentes, y en más adelante, si necesito hacer alguna diapositiva o carrusel, puedo hacer eso Pero si ahora lo hago bloquear entonces no es posible después. Porque esta capa de bloqueo, cómo es mall funciona. Entonces si tienes una capa múltiple esa vez, digamos, si vas a esta, que ahora tienen múltiples capas. Y si solo lo vas a cerrar, entonces van a estar en un solo archivo, ¿verdad? Y van a hacerlo en un archivo ahí dentro. Entonces por eso solo hacemos un registro. Entonces por ahora, lo voy a poner ASR. Entonces ahora, ve al Nix, así que voy a cruzar al ensanchar y ahora están revisando otras cosas Entonces es tener un mapa hit, y Hippams algo así como si lo acabas de anabel, entonces puedes ver donde tienes elementos Entonces sí, es HVZ o también es tener y también tener imágenes Entonces sí, esto es todo acerca de lo correcto. Así que vamos a hacer clic en Marcar como hecho. Y están comprobando algunos otros. Y una cosa interesante cada vez, vas a noticiero de lo que están agregando en un video Entonces digamos que si no estás entendiendo alguna cosa en concreto, te gustaría ver más detalles, entonces solo vas a hacer click en aquí este video, entonces llegarás a ver con más detalles. Bien, ahora estamos hablando de habilitar contenido de clip. Bien. Entonces ahora veamos de cuál están hablando. Para este, les gusta habilitar contenido de clip o marcos desbordados Entonces, bien, vamos a arreglarlo. Y si no entiendes qué es esto, entonces simplemente haz clic en un video, entonces entiendes más. ¿Bien? Bien. Ahora desplázate hacia abajo, y se están llevando un poco más. Bien, entonces quita las propiedades del mainframe, así que vayamos al héroe, y están hablando de quitarlas, pero si lo hacemos, entonces tal vez se va a romper Bien, ¿qué podemos hacer? Podemos hacer una cosa. Podemos ahora tomar una copia de seguridad. Entonces vamos simplemente a Alta. Sí. Si no lo es, entonces sólo por ahora, podemos dejarlo, o ¿qué puedes hacer? Podemos decir que lo arregle. Entonces como pueden ver, pulgadas puedo arreglarlo. Se ve bien, pero si nos fijamos en esto, como, lado izquierdo, lado derecho, está casi eliminado. Entonces está bien. Creo que no es algo. Está bien. Pero si quieres agregar el relleno, entonces puedes hacerlo desde aquí, ¿de acuerdo? Todo bien. Entonces ahora veamos si y volvamos. Y luego tienes una etiqueta de bloque, encabezado, botón, video, blockout, imágenes avanzadas, info Box, y algún widget más ahí o bloque ahí Volvamos y vayamos al gerente receptivo. Y creo que los detalles de los que hablamos, ¿no? Entonces tenemos que explicar de nuevo. Y aquí hay una configuración de conversión. Vamos a la opción Convertir, y luego obtienes una opción de dos, una es como modos de copia entrada en vivo que en su mayoría recomendaron. Pero me gusta ir con este modo de copia porque esto es mucho más fácil. Bien, así que ve con este modo de copia. Yo solo tipo de clic en aquí la copia. Y como pueden ver, aquí consigo una copia, solo cópiala. Volvamos. Y ahora necesitamos instalar algún enchufe. Así que vamos aquí en nuevo este botón aquí. Y ahora solo necesitamos agregar Nextureblock. Es algo así como el siguiente, luego ER. Eso es sólo. Después bloquear. Entonces necesitas instalar aquí este enchufe en Mali, nextorblog qué Presquenburg, enchufe con mil más estrellas templo At así que solo instala y activa Simplemente haz clic aquí. Instala ahora, luego haz clic en el activar eso es todo. Entonces lo va a activar. Además, puedes instalar aquí esta siguiente extensión, esta. También puedes instalar aquí el plus ton para elemento, este también. Lo volveré a instalar. Puedes instalarlo o puedes dejarlo, pero veo que tienen algún Widget. Bien. Todo bien. Por lo que instalamos todos ellos. Además, si vas a aquí el tema, necesitamos instalar su tema. De lo contrario, se llega a ver que el diseño está un poco roto. Así que ve aquí el tema, y ahora necesitas hacer clic aquí en la parte superior, agregar nuevo tema en la parte superior. Entonces necesitas buscar lo mismo a continuación. Entonces, antes que nada, escribe siguiente, luego ER, busca. Y luego obtendrás este tema como este, con detalles y vista previa. Entonces este es el tema del que estoy hablando, y este tema viene de posy met como éste, POSI MY TH, éste Ya instalo y activo este tema. Bien, ahora está hecho. También una cosa, permítame compartir con ustedes en la última conferencia anterior, creo que compartiré con ustedes. Vamos a la opción de personalizar aquí en la parte superior. Y entonces hay que ir aquí esta opción general. Entonces vayamos al contenedor y luego solo quitemos esta cabeza en full wid, hazla de ancho completo, ancho completo, fluido corporal, todo, hazlo lleno con, luego lo haremos cero Entonces puedes simplemente importar literalmente lo que quieras, y va a ser de peso completo, bien, para que puedas fácilmente quiero decir, va a ser igual al mismo diseño que tu Figma. Entonces, si solo lo haces de peso completo. Bien. Ahora, volvamos al diseño. Bien. Así que ahora volvamos porque ya instalaste todo este tema y empataste. Todo esto se instalará. Y ahora necesitamos dar click aquí en nuevo esta página aquí, el lado izquierdo, dar click sobre este botón. Y ahora aquí en el texto, solo necesitamos presionar Control V, presionar Control V. Y como pueden ver, nos metemos en todo esto, todo lo que obtenemos ahora mismo aquí. Entonces, si solo lo vas a poner en el nombre de esta página, así puedes decir que esta es nuestra casa. Digamos casa cinco. Simplemente puedo dar click aquí este botón publicado para ver el diseño o podemos ver el PV. Sin embargo, no necesitamos publicar. Y si miras con atención que estos diseños se ven exactamente iguales, pero solo estas dos imágenes parecen recortar debido al diseño, y podemos importarlo manualmente, no hay problema. Esta se ve exactamente igual, pero no se ve así porque si miras esta hierba, entonces se pone en una hierba ahí. Pero en nuestro diseño, no pusimos ninguna hierba. Entonces, lo que puedes hacer, literalmente te puede gustar esta cosa, y podemos simplemente poner una hierba ahí. Entonces va a ser lo mismo que es, como queremos, bien, o como era antes. Entonces, si miras con atención, entonces este botón no se ve igual. Creo que ha parecido un problema de malezas. Entonces podemos arreglar ese ancho porque en elemento anterior, obtenemos lo mismo, ¿verdad? Así que haz clic en un botón y solo cambia esta hierba para decir, cuánto parecía perfecto 48 47, 45. Vamos a hacer clic aquí en esta opción de vista previa y vamos con este toque de vista previa. Bien, ahora se está uniendo a la vista previa. Sé que como pueden ver esto se ve exactamente bien, ¿verdad? Ahora es bueno. Entonces ahora solo podemos hacer la actualización. Es algo así como que no necesitas publicar el diseño, si no crees que esto es bueno, ¿verdad? Se puede ver la vista previa. Entonces si te sientes bien, es bueno, entonces puedes simplemente ingresar el diseño o guardar el diseño o publicar el diseño. Y luego ve a esta tableta y a esta tableta, definitivamente puedes actualizarla. Se puede cambiar. Digamos que aquí tienen un ancho. Simplemente puedes aumentar el ancho aquí. También podemos aumentar el ancho de este patrón. Además, puedes ir a esta versión móvil. También puedes actualizar virtualmente el botón. Si vas a este blog, entonces definitivamente puedes hacerlo. Simplemente haz clic en él y solo aumenta el ancho del botón así. Se puede hacer. Además, si vas a dar click aquí esta opción de capa que podrás ver autos. Este es el contenedor, este es el párrafo contenedor, todo lo que literalmente puedes hacer el madison personalizado mejor como quieras. Como pueden ver, esto está tan asegurado. Este es el contenedor. Necesitamos que sea peso completo y móvil, para que quede bien. Estas son las imágenes a continuación, por lo que debes agregar tu carrusel Entonces esto no es algo tan caliente, creo, y es fácil hacer magion personalizado con Gutenberg Si te gusta sacar los bloques, lo cual creo, simplemente haz clic en este ícono más, entonces obtendrás todo este bloque ahí, y solo puedes usar esto para construir tu sitio web. Y eso es todo de Freak Pay Gutenberg. Y si tienes alguna duda, solo avísame en nuestro grupo aquí, como facebook.com slash expat Az Aquí esta. Este es el grupo. Así que solo únete ahí y haz la pregunta. Además, si te gustaría ver en detalle video, como una página completa, voy a convertir usando Gutenberg, solo avísame y agruparme, y voy a agregar un video diferente sobre eso y solo agregar en el mismo curso aquí Bien, solo avísame. Muchas gracias. 23. Figma a Bricks Builder: Ahora vamos a ver cómo podemos importar nuestro diseño Figma para romper los deletreadores Entonces para estos, antes que nada, tenemos que ir a este enlace m.com slash UI CeMeI aquí, y luego desplazarnos hacia abajo en el Entonces obtendrás esta opción aquí. Como pueden ver, es tener elementor, no podía abordar, y luego algunos ladrillos Así que da click en aquí este Bicks uno, y vamos a dar click en este inicio gratis, este patrón Entonces necesitas crear una cuenta aquí. Entonces ya tengo una cuenta y ya me conecto ahí. Por eso llego a ver mi correo electrónico y apellido apellido. Así que vamos a hacer clic en descargar gratis este botón. Bien, como pueden ver, llego aquí clave de licencia, y esto va a ser necesario cuando optimice mi diseño en Figma. Entonces vamos a copiarlo. En primer lugar, volvamos a nuestro diseño Figma Y en el diseño Figma, puedes importar literalmente en un diseño completo desde aquí o simplemente puedes importar en una sección específica Entonces en mi caso, ahora mismo, me gusta ir con una sección específica, pero en tu caso, puedes importar un diseño completo. Entonces, seleccionemos el diseño. Podemos aquí esta opción, este botón como acción. Entonces ve aquí este plug ins y ahora busca tu UIKi. Entonces cuando buscas en I Cai, obtienes algunos enchufes más de la compañía Uno es como Figma a Greenberg, Figma Elementor. Por último, tener un Figma a Breakpage Builder. Simplemente haz click ahí, y luego tenemos que dar click aquí a este botón Ejecutar. Y antes que nada, están pidiendo activar este plugin. Así que vamos a hacer clic en pset activate. Y ahora tenemos que pegar aquí la clave serial que recientemente obtenemos de aquí. Así que solo pega y da clic en esta opción Activar. Y ahora vamos a dar clic en Omitir. También omítelo. Y lo mismo que es como el enchufe anterior, ¿verdad? Es algo así como lo mismo. Bien, así que vayamos con esta sección. Como pueden ver, ahora mismo tengo 50 conversión ahora mismo. Bien, así que vamos a dar clic aquí esto Optimizar y confiemos este botón Y ahí necesitamos optimizar nuestro diseño, así que literalmente puedes hacer optimizar. Entonces este diseño ya está optimizado porque en video anterior, utilizo la misma sección. Entonces este diseño ya está optimizado solo marca como un. una cosa interesante es, cada vez que obtendrás un video. Entonces, si no entiendes qué es esto y por qué tenemos que hacerlo, entonces simplemente haz clic en el video, entonces podrás ver el video. Ahora, da clic en C y vuelve atrás, luego son elementos o etiqueta. Como puedes ver, es tener muchos elementos de widget, una etiqueta o blog, lo que digas. Todo está ahí. Entonces solo puedes usarlo específicamente como qué haces en elemento o no voy en detalles. Si te gusta ver más detalles, solo avísame a nuestro grupo. Último video, te comparto el grupo ERL Vamos al grupo y solo pregúntame cosa específica, ¿Qué te gusta aprender Después agregaré este módulo en este curso. ¿Bien? Ahora, hagamos clic en este tipo de adaptación. Y como puedes ver, es dos opciones, lo que es como descargar Jasen y esta entrada en vivo Por lo que en su mayoría son recommen ir con entrada uno. Entonces si solo vas con específico, creo que podemos ir con JSON. Creo que va a ser mucho más fácil. Así que vamos a hacer clic en esta opción de descarga. Y si solo estás exportando cualquier pitch específico, entonces ve con esta entrada en vivo. Entonces, cuando vas con Live info, entonces necesitas seleccionar y agregar tu sitio. Entonces agreguemos el botón lateral, y luego necesitamos agregar aquí URL y token. Entonces para esto, necesitamos ir a nuestro sitio web What press, y necesitamos instalar plug in. UIC solo tienes que ir a enchufar Satn y buscar aquí, UIKemi, simplemente busca lo mismo que FICMA y solo activa FICMA y Y después de activar, obtendrá un botón del lado izquierdo como EY CME simplemente haga clic ahí Y luego necesitas seleccionar tu Page Builder lo que quiere. En mi caso, me gusta ir con Bricks Builder. Así que selecciona ladrillos, haz clic en siguiente, siguiente, siguiente. Y luego necesitamos activar éste, subir, siguiente, y luego dar click aquí esta opción de acabado. Así que cada vez que justo cuando estableces un poco, necesitas definir qué creador de páginas te gusta usar. Sólo hazlo. Pero si no lo haces, si lo ignoras, o si solo usas múltiples Page Builder, no es un problema. Está bien. Todo bien. Entonces ahora, desplácese un poco hacia abajo. Bien, vamos a la opción de configuración aquí. Tener el ajuste. Además, si vas aquí a este IKE, ahí me sale un EO, pero esto no es para Brick Spiller Si haces clic en este ladrillo Spiller, entonces esto es todo está bien Elementor, si solo vas a ir con elementor, entonces necesitas instalar activar cosa con este un Brek Pero por ahora, vamos a ir con sólo spiler de ladrillo. Entonces vayamos al escenario. Y necesitamos copiar aquí la ERA lateral, volvamos a Fick Margin, paguemos aquí el ERAP Y ahora vamos a empacar de nuevo y simplemente copiar el sitio como seguridad hablando, pase aquí y conéctelo. Y entonces es lo mismo como elemento o medio. Tenemos que seleccionar lo que quieras. Vamos con una página o plantilla, lo que quieras, puedes ir con. Entonces por ahora, voy a ir con esta página. Pasemos al siguiente, portal. Da click aquí flecha aquí este botón. Entonces como lo puedes ver camión en esta página. Vamos a darle click con ladrillos, este botón. Y esto se ve exactamente igual. Pero estas dos imágenes se ven rotas porque en el diseño, estaba rota. Vamos aquí es opción, y ahora podemos hacer literalmente esta cosa. Podemos simplemente cambiar esta hierba, entonces va a estar arreglando. Y esta es la estructura. Y si vas él este azulejo, entonces puedes cambiar este ancho porque ahora mismo, qué pasó, si ves esta vista previa en front end, puedo decir mira a lo largo de ancho, ¿verdad? Debido a que ahora mismo, solo vamos con el 100%. Pero si solo lo haces un poco menos, digamos, 90 u 80% o 85%, eso debería quedar igual. Entonces esto es totalmente con la hierba. Entonces, si quieres obtener exactamente el 100% de diseño, entonces necesitas jugar con este porcentaje como la hierba, entonces el diseño será exactamente el mismo que es. Y una cosa, si nos fijamos en este diseño ahora mismo, esta imagen se ve totalmente estática, ¿verdad? Esto parece totalmente lítico Entonces, debido a que no seleccionamos ningún tipo de bloque ningún diseño ni ningún tipo de get attach ningún diseño. Por eso esto se ve como imagen antática. Pero si necesitas algo dinámico si quieres conseguir, entonces definitivamente necesitas optimizar el diseño aquí. Así que vamos a optimizar elementos y etiquetar. Aquí, realmente para seleccionarlo. Por ejemplo, me gusta ir con este carrusel. Así que, literalmente, puedo seleccionar este carrusel aquí. Entonces veamos este carrusel. Iba a decir que puedo seleccionar un carrusel y cuántos carrusel me gusta mostrar Digamos, me gusta ir con este cuatro o cinco, literalmente puedo salvarlo. Entonces ahora, siempre que pueda importar este diseño, estas imágenes no serán como la imagen estática normal. Va a ser carrusel. Es reaccionar como un carrusel, y obtenemos algunas opciones adicionales más como elemento o medio Esto es todo sobre la hierba, así que solo tenemos que jugar con la hierba. Eso es, entonces va a ser arreglante. Y es un modo tablet, lo mismo, y también es tener un móvil y el móvil tienen lo mismo. Entonces solo necesitamos cambiar esta hierba, entonces creo que se va a arreglar. Como puedes ver, solo quieres aumentar el ancho, y se ve bastante bien, como puedes ver. Entonces es un problema total con el ancho, así que solo necesitamos cambiar el tamaño del Ancho y luego nuestro diseño estará bien para ir Entonces sí, de nuevo, si tienes alguna duda, solo hazme saber un grupo. Definitivamente te responderé. Además, si necesita más videos sobre Brick Builder o Gottenberg mentor, cualquier momento específico si quieres aprender, solo avísame Haré más video y agregaré en este curso. Gracias por mirar. 24. Últimas reflexiones: Muchas gracias por ver este curso completo. Ahora es tu momento de mostrar tus comentarios o escritura de pensamientos. Solo haz un comentario, lo que pienses de este curso. Si no te gusta, está bien. Solo haz un comentario. Estoy contento con eso, si no te gusta, y si te gusta , entonces solo haz un comentario. Además, si quieres ver más detalles sobre algo específico, digamos sobre Guttenberg o Biggs o Elementary, si quieres ver algún diseño de página específico o diseño de sitio web específico , solo hazme saber en un comentario en una publicación grupal, o incluso puedes enviarme un o incluso puedes Sólo avísame. Definitivamente haré el video y solo lo agregaré al mismo curso y también te avisaré para que puedas verlo y pueda resolver la cosa o incluso puedas aprender las cosas. Además, si tienes algún problema, digamos que estás tratando de hacerlo, pero no está resolviendo, solo al post en grupo, voy a estar ahí para apoyar. 25. Evaluación: Enhorabuena. Completaste con éxito el curso. Ahora es el momento de enviar tu proyecto. Para el proyecto, puedes elegir cualquier tipo de diseño, pero necesitas convertirlo en WordPress, y puedes usar cualquier creador de páginas para convertir el diseño Figma a Wordpress, puede ser elementor, Gutenberg, constructor de ladrillos, cualquier cosa que puedas Pero asegúrate de que el diseño sea 100% receptivo para todos los dispositivos. Entonces cuando diseñes hecho en WordPress, simplemente haz clic aquí este enviar proyecto, este botón. Luego toca aquí el título de tu proyecto. Además, solo escribe la descripción del proyecto, como lo que hiciste aquí, cómo lo haces, escribe un poco. Entonces solo elige aquí otros enlaces, y luego agrega aquí el enlace del sitio de WordPress aquí, agrégalo y luego solo publica. Y si ves aquí esta instrucción del proyecto, entonces obtendrás este enlace. Si solo vas a dar click aquí la comunidad Figma tit DVI Pon todo este enlace ahí, solo elige uno de estos para que te sientas fácil y cómodo Solo tienes que ir allí y elegir el diseño y convertir en prensa Wt. Tienes alguna duda o confusión, solo tienes que ir a esta discusión y simplemente escribir tu comentario o