Cómo diseñar un sitio web desde cero

1. ¡Hola!: Una vez te conviertes en diseñador web, pero no sabes por dónde empezar. Hola, mi nombre es Maya y estoy aquí para mostrarte cómo puedes diseñar un sitio web sin codificación. Nolan. Con este tutorial, aprenderás a hacer tu primer sitio web, google usado para eliminar o sondear constructor para construir este sitio web juntos. Recuerda que antes de tomar cualquier proyecto para un cliente, debes aprender todas las técnicas. Deberías aprender los fundamentos de UX y UI y también aprender una herramienta para quinta casa buen diseño del sitio web. Además, no olvides que debes tener tu diseñado para Folio para que el cliente pueda optar por trabajar contigo. Por eso estoy aquí para ayudarte a aprender a diseñar un sitio web sin habilidades de codificación. En este tutorial, vamos a ir más largo y, y lo fundamental de UX y usted. También voy a repasar lo de la marca y luego vamos a repasar cómo configurar tu dominio de hosting y SSL. Te miraré a través de WordPress. Y luego comenzaremos con la práctica del diseño de cabecera pie de página, y la página del sitio web necesita en la empatía este curso, estarás cuidadosamente preparado para iniciar tu viaje como un diseño web disrobe te puede dar un estilo de vida que alguna vez quisiste. Es que trabajar como freelancer en tus propios términos o en una gran empresa, habíamos permitido nuestras oportunidades. Gracias por acompañarme y estoy deseando verte en mi clase. 2. Lección 1: fundamentos de UX/UI: Antes de empezar con el proceso de diseño, debemos aprender los fundamentos de UX y UI. Ux significa la experiencia del usuario en nuestro sitio web, y UI significa la interfaz de usuario de nuestro sitio web. Experiencia de usuario, o cómo van a tener en nuestro sitio web los clientes, usuarios que estén dispuestos a utilizar nuestros sitios web. Y la interfaz de usuario es el aspecto y la sensación del sitio web. Antes de tomar cualquier proyecto para el cliente, siempre es mejor empezar primero a y hacer un prototipo o un wireframe en un dos Lake Figma o Sketch o Adobe Eco Z, y debemos hacer el wireframe del sitio web. ¿ Por qué es eso? Porque necesitamos entender cómo el usuario va a interactuar con nuestro sitio web y necesitamos saberlo. El objetivo principal de nuestro sitio web es que para alguien compre algo si es tienda de comercio electrónico, o solo es un formulario de contacto que queremos que el usuario, para usarlos, envíenos un formulario o queremos a alguien para suscribirse a nuestro boletín de noticias, cualquiera que sea el propósito principal de nuestra página web que sea, entonces necesitamos saber cuál es la forma más fácil para que el usuario utilice el sitio web e ir de una a otra página en el sitio web que es llamando al usuario y experiencia en la página web. Y cuando hablamos de la interfaz de usuario, debemos saber qué tipo de colores vamos a usar. ¿ Qué tipo de topografía es esa? La tipografía adecuada para ese tipo de página web. Entonces necesitamos conocer el logotipo y también la conformación del sitio web para los botones y tal vez el cónyuge de daños y también las imágenes que debemos usar, o tal vez gráficos que queremos utilizar en la web. Esos dos trabajan juntos y necesitamos conocerlos a ambos para poder diseñar una página web. Entonces ahora cuando conozcamos los fundamentos de la UX y la UI, Vamos a la siguiente lección y prepararnos para nuestro sitio web. Nos vemos ahí. 3. Lección 2: preparación/Branding: Antes de empezar con el diseño del sitio web para si tenemos un cliente que necesitamos hacer un sitio web para ellos, entonces un día incluso. Entonces, de cualquier manera nos deberían dar viejo el branding si ya lo tienen, o deberíamos hacer a branding para el sitio DevOps, o si estamos haciendo nuestro sitio web, nos cambiamos a branding para ello. Y también si estamos haciendo el sitio web para tu cliente, ten en mente que te deben de dar toda la copia antes de que empecemos con el proceso de diseño. Si lo estás haciendo por ti mismo, papá, entonces probablemente deberías tenerlo para ti. Ahora, en primer lugar, lo que quiero hacer es encontrar adecuado para mi página web y los colores y las fuentes que voy a usar. Entonces antes que nada, voy a volver y voy a logo. Tengo sonda. Por eso puedo usar cualquier cosa. Si no tienes un pro, verás que no puedes usar nada de esto, pero debes encontrar algo que te dé de comer q Puedes usar algunas de estas plantillas que ya tienen, o puedes hacerlo desde cero para tu sitio web propuesto o branding para algo. Por lo que iré a flores y me gustaría renunciar a página web para una decoración de flores. Y veamos qué tenemos aquí. Y mira, podemos usar no perderé mucho más tiempo en elegir algo. Y por eso veo este logo y me gusta. Y no tengo nombre para mi sitio web para disponer. Por lo que sólo lo dejaré como jardín de flores violetas. Y lo haré, y les renombraré esta flor, toda la creación. Ahora podemos ver que usan un color marrón para esta propuesta, pero me gustaría cambiar el color y vamos a buscar un color. Se puede utilizar la paleta de colores Canva para generar paleta de colores. O puedes usar colores que carbón para generar una paleta de colores para tu o para cualquier otro desgarrado que vas a usar. Déjame mostrarte esto como el generador de dos colores. Y estas son las paletas de colores. Y puedes iniciar allí el enero o explorar paletas de tendencia. Como puedes ver aquí, cuántas salvas tenemos, y elige el adecuado para tu, para tu proyecto. Ahora para la paleta de colores, Digamos que tenemos el nombre de nuestro logo, lo peinamos y digamos que podemos ir con el mismo color, tal vez algún violeta. Explora más combinación. Empleado puede encontrar algo más bonito. Lo que voy a hacer ahora es ir a los colores, y buscaré aquí color violeta porque ya tenemos el nombre de nuestro logo ahí como violento, Hagamos lo mismo branding. Y desde aquí, puedo elegir esta paleta. A mí me gusta. Tiene color más claro y Lambda más oscuro, y voy a ir con el más oscuro o un logo porque necesita enviar fuera. Y usaremos los otros colores para coacción, tanto el set VIP como yo cambiaremos. Y se puede ver que todo oye cambiar a cambiar. El mismo color para el texto. Y lo tenemos. Y ahora creo que esta fuente y yo iremos a, iré con una pierna arriba. A mí me gusta. Y para la decoración de flores te como el slop su k. ahora tenemos las fuentes y tenemos el logo y los colores también. Entonces lo que voy a hacer es que voy a duplicar esta página y voy a borrar bien, esto lo siento, voy a escoger estas líneas. Y lo que voy a hacer es dejarlo esto aquí y hacerlo un poco más grande. Al igual que esto. Y este va a ser nuestro icono o favicon para nuestra página web. Y lo siguiente que voy a hacer es ir a Descargar fondo transparente. No queremos tener ningún fondo en nuestro logo e imagen para luego comprimir archivos y las dos páginas. Si no tienes la versión pro de KM de Canva, entonces puedes ir a cualquier otro Beck desde el sitio web remover y quitar el fondo de tu logo si quieres tener tu logo con fondo transparente. Y entonces eso cuidó tenemos las dos de las imágenes que necesitamos, el logo y el favicon, podemos ir a nuestra siguiente lección. Nos vemos ahí. 4. Lección 3: domaines, hosting, SSL: Lo siguiente que queremos hacer es tener un alto o un hogar para nuestro sitio web como lo llamamos, también un dominio y SSL. Ahora, cada sitio web necesita tener una celda y estar seguro. Entonces, en primer lugar, estoy trabajando con el nombre Chip. Cada vez. Me encantó su interfaz, me encanta Querida experiencia de usuario. Y también lo que me encanta con ellos es su atención al cliente. Cuentan con 24, 7 atención al cliente, life chat. ¿ Te pudiste ir y pedirles que te ayuden. Básicamente todo con lo que tienes problema. Por lo que siempre están aquí para ayudarte de cualquier manera. Por eso los uso. Además, son muy baratos para usarlos si estás haciendo esto para tu sitio o si estás trabajando para un sitio de cliente que solo puedes hacerles saber si te gustaría o no. Puedes ir a elegir GoDaddy o tal vez un dedo anfitrión. Pero también lo que he notado al trabajar con Chip nombrado y otros proveedores de hosting es que no tengo ningún problema con mi sitio web, nunca. En cooperación con GoDaddy. Tienen como viejos tiempos de sitios web están abajo, abajo con su, con su hosting probablemente porque ahí, tienen demasiados clientes y demasiada gente que está usando el rehosting. Por eso no lo es. Está abajo todo el tiempo. Cuando vamos al dominio, puede ver transferencia de búsqueda de nombres de dominio, todo lo que se puede hacer aquí. Y puedes registrar un dominio aquí. Y se puede ver lo barato que es registrar un dominio por un año que en su lugar el segundo año? Puedes tomar un dominio para todo el año por tan solo $6. Y lo que mata que quiero tratar aquí es que tienen diferentes cosas Haas que están ofreciendo como seguro que funcionó, revendedor de prensa, servicio dedicado, y cualquier otro. Y también tienen un email privado que también estoy usando y estoy muy satisfecho. Pero ahora lo que hacemos es que estoy usando ellos gestionan un hosting de WordPress. ¿ Y por qué es eso? Porque antes que nada, es tan fácil configurar todo. En segundo lugar, no tienes que ir a tu cPanel y hacer un def tipo de cosas diferentes. puede ver que tienen tres planes diferentes y si vas a mensualmente, son sólo cinco o nueve o 14 por mes. Y anualmente son sólo 50, casi 15 dólares por oreja. Y casi cada vez que trabajo con el plan turbo. ¿ Por qué es eso? Porque como puedes ver aquí en la planta turbo, ya tenemos SSL gratuito, incluirlo y no tenemos que comprar por separado icono SSL y conectado con el, con el hostel. Es un doble trabajo y es un doble costo para mí o para cualquier otra persona. De esa manera. Además, está silenciado. Tienen un CDN que es proveedor en cada espacio de la tierra. Por lo que tienen tu página web ahí dentro y cada uno los coloca en todo el planeta. Entonces cuando alguien está tratando de abrir tu página web, ¿se abre de inmediato y no está esperando para cargar desde el otro país o ese tipo de cosas. Entonces es mucho más rápido. Y luego tienen buenos visitantes por mes número. Y también puedes usar el supersónico si querías tener un sitio de comercio electrónico. Pero creo que los OMS para un sitio de comercio electrónico, el plan turbo también es bueno. Entonces básicamente voy con esto y ahora te mostraré cómo puedes hacerlo también. Por lo que aldol factura mensualmente y prueba gratis. Como puedes ver, el primer mes también es gratis, y luego a partir del segundo mes, comienzas a pagar por este hosting. Así que inténtalo gratis. Y yo iré el mismo proceso y te mostraré cómo puedes hacer todo esto. Entonces el siguiente paso para nosotros es crear una cuenta y darme un segundo y solo seguir el paso y crear una cuenta para ti. Y cuando dejas tus datos de pago, no te están cobrando de inmediato en ellos después de un mes. Entonces te llevan aquí. Aquí puedes decir que puedes dejar tu nombre de sitio web o violeta. Y luego puedes elegir en qué categoría vas a estar aquí. Entonces si eres un banco, solo vendes o exhibes idea de trabajo creativo en el libro, sitio web para negocios, sitio web personal, tendré negocio de granja del norte del estado. Planeo hacer, como ya hemos hablado, un sitio web para decoración de flores. Y luego sólo tienes que hacer clic en Continuar. Y desde aquí puedes tener un dominio gratuito. Puedes conectar todo tu dominio o dominio en otro proveedor. Y desde aquí puedes transferir, transferir de uno a otro proveedor, tu dominio. Ahora mismo estoy bien para ir con la versión gratuita del dominio. Y si aún no lo tienes y lo comprarás después de la muerte, te mostraré cómo puedes cambiarlo de insecto y luego haz clic en Continuar. Y a partir de aquí, sólo puede escribir el peso uno. ¿ Qué equipo te gustaría tener en tu página web? Simplemente voy a seguir y lo voy a cambiar querida. Y aquí te está dando te está dando la oportunidad de elegir si quieres instalar prácticamente para presa para inculcar en tu página web de WordPress, algunos de estos plugins, iré a continuar. Yo no uso nada de esto. Vamos a usar WooCommerce en algún asunto. Tutorial. Ahora mismo no estamos haciendo una palabra. Wordpress comerciará sitio web, también hace clic en continuar. Y aquí puedes consultar tu detalle. Tan violeta ese nombre de dominio, nuestro plan mensual, y el equipo que utilizamos siguen comprando. Y podemos ver que nuestra página web está en vivo. Y desde aquí podemos ir a gestionar o administrador de WordPress. Si tú, si vamos a Gestionar, déjame solo explicarte click rápido esto aquí tendremos las copias de seguridad, integración de pila, el almacenamiento, y las actualizaciones. Y se puede ver aquí donde dice dominio, podemos cambiar eso. Y cuando tengamos dominio y hacemos clic en su chip de nombre de dominio, entonces aquí tendremos dominios disponibles entre los que podemos elegir y solo haga clic en Cambiar y lo cambiará de inmediato. Y como podemos ver, ya contamos con nuestra certificación SSL y la habilitamos. Y nuestro sitio web es seguro y nuestro estatus, eso es sólo si no tenemos esto, entonces tendremos la oportunidad aquí de agregar a nuestro SSL. Y ese es un proceso totalmente distinto del que vamos a hablar en otro momento. Déjame, antes de ir al administrador de WordPress, déjame mostrarte que si ahora vamos a nombrar chimpancé. Esta es nuestra cuenta principal aquí y llamada Chip, definitivamente lo hizo antes. Y se puede ver que no tenemos ningún dominio en este momento. Si vamos a aplicaciones aquí, podemos encontrar nuestro hosting para nuestro sitio web de flujos de trabajo. Y este es un WP fácil y si hacemos clic en él, entonces Google sea enviado derecho a ellos. Lugar donde estábamos antes. Esto es todo. Por lo que desde aquí puedes encontrar si tienes enlaces de hosting de correo electrónico privado son algunos de perfil y otras cosas. Pero ahora vamos a WP admin y a nuestra siguiente lección. 5. Lección 4: cómo empezar con WordPress: Ahora estamos en nuestro panel de WordPress en desde aquí, lo que tenemos y lo que podemos ver. Déjame explicarte. Tenemos el mensaje de bienvenida y si abrimos el desplegable desde aquí, podemos comprobar o desmarcar lo que queríamos tener aquí. Y en primer lugar, tenemos la actividad, eventos y noticias y sitio ayudado fuera de un sitio web de techo. Y se puede ver que está limpio. no tenemos casi nada. Tenemos dos actualizaciones. Y aquí las actualizaciones que vas a tener cuando tengamos, cuando tengas alguna nueva actualización y con solo hacer clic en Seleccionar Todo y actualizar Equipos. Se va a hacer la actualización de tus equipos o plugins si tienes. Podemos ver que este es el tablero y desde aquí tenemos Red lejos a pasados, páginas de medios, comentarios, uh, periodos, plugins, herramientas de usuarios y ajustes. Ahora déjame explicarte. Y desde aquí podemos ver la captura clara y vamos a ir a bailar al final de este tutorial. De lo que sus tipos de post. Por lo que tenemos ambos y se puede ver en nuevas categorías e impuestos. Si estás haciendo una página web como entradas de blog, para tener muchas entradas de blog como tutoriales o algo similar. Puedes hacer el post desde aquí y puedes tener categorías de datos. Si quieres separar presa como noticias, viajar, lo que sea que vayas a montar y comprobar cuando estás haciendo la pose para separarse, la categoría que quieren ser, sus puestos son diferentes de las páginas. Las páginas son las páginas principales que tenemos en nuestra página web y suelen aparecer aquí. Te voy a mostrar ahora en la página web. Y esas son las páginas. Y los posts típicamente son sólo texto y tal vez una imagen. Comentarios. Si tenemos periodos de India podemos encontrar aquí a Equipos y también el personalizado, este es el principal Personalizar de la WordPress. Y puedes usar estos o yo uso cada vez que somos elemento o dos para hacer todos esos cambios porque ahí todo es posible. Y puedes ver ahora aquí tenemos las páginas y este es el nombre de nuestra página web y solo otro sitio web. Y el equipo que tienen lo instalan ya para nosotros. Desde aquí se puede cambiar, introducir el logotipo. Nuevamente, estoy haciendo todo eso desde Elementor y te voy a mostrar en un minuto, solo voy a quitar esto y vengo. Ok. Y luego desde aquí puedes elegir el color y el prompt defensivo pendiente. El equipo declara usar. Es qué tipo de opciones tenemos aquí para cambiar o agregar o eliminar aquí. Para el encabezado, el pie de página, visitas de menús, todo ese tipo de cosas. Y voy a dar clic en Publicar porque no voy a usar este equipo y no tenemos que hacer ningún cambio aquí. Y luego tenemos widgets. Nosotros lo hicimos. Solo los uso cuando estoy haciendo un sitio web de look y de cualquier otra forma no los estoy usando. Y luego tenemos los menús. De aquí. Vamos a hacer el menú para nuestra página web. Y desde los plugins, vamos a instalar lo que necesitamos. Y los usuarios, si tienes, digamos una tienda, usuarios, cuando hagan una cuenta, aparecerán aquí. O si tienes una suscrita o si tienes alguna otra regla en tu sitio web, alguien a quien ella te va a ayudar herramientas, es para importación y exportación. No lo toques si no sabes cómo trabajar con él. Y cuando vamos a ajustes, desde aquí podemos ver la dirección de correo electrónico que estamos usando. Si tenemos una nueva regla se puede configurar aquí. Cualquiera puede registrarse si no hace clic en esto, nadie puede registrarse en su página web. El idioma, fecha y hora para ello. Y este corto tutorial Uriel. En este breve tutorial, este es el básico de la WordPress y lo que puedes hacer esto. Pero vamos a la siguiente lección y déjame mostrarte cómo instalar el equipo, cómo instalar todos los demás plug-ins que vamos a necesitar. Y luego empieza con el resto del trabajo y ve cómo podemos hacer el diseño aquí. Vamos allá. 6. Lección 5: cómo instalar el tema y los plugins: De acuerdo, Entonces mientras hablamos en la conferencia antes, me gustaría ir ahora a nuestros periodos y equipos. Y suelo ir y trabajar con dos equipos que más me gustan. A esos se les pide trampa o equipo cadenza. Gran parte de los diseñadores fueron recordados. Por lo que nos gustaría Hola Elementor porque es muy compatible con Elementor. Pero realmente me gusta usar cortamos en se o Astra dot plus 0 más equipos son que incluso saben que no cumples su libre para y uso en significado que digamos que Astra tiene un plugin y lo puedes instalar y tienes como, no sé, 50 equipos que puedes usar para tus proyectos como equipos ya abajo. Puedes cambiar lo que quieras, texto, colores, todo eso, y usarlos. También con cadenza, tienen una más pequeña, no sé, tal vez 810 equipos de los que puedes elegir. Pero también me gusta su estructura y su velocidad en la página web, cómo son como están actuando. Por lo que ahora mismo iré con el equipo de Astra e iré a instalar. Y se puede ver al hacer click en agregar nuevo, se puede ver de inmediato que están en el equipo popular, como los que esos tres equipos son por defecto equipos para WordPress y ahí todo el tiempo, instalar ciervos, pero de todos modos puedes, desactivarlos. O sea, elimínalos. Y se puede ver también un estaba trabajando con el equipo de Ocean WP. Es otro buen equipo. Y puedes ver aquí qué todo lo demás puedes usar Procore y luego ir Activate. Y ya puedes ver ahora podemos ir detalles del equipo. Y aquí tenemos el salto, ¿de acuerdo? Y no los necesitamos. Y si haces clic en decidir ayudado de vez en cuando y los tienes aquí, te dirá eliminar o a tus equipos que no estás usando o eliminar o plugins que no estás usando. Y por eso no quiero tenerlos. Aquí. Nuevamente, n, creo que debo dejar un equipo. Porque si es algo malo con este equipo y el sitio está abajo que estos muy raro caso para tener algo así. Y si no puedes recuperar el sitio con la costura, entonces irá automáticamente, irá a ellos, acude a otro equipo que hayas instalado aquí. Ahora vamos y si el personalizador aquí solo quería mostrarte la diferencia antes juntos un equipo que hemos instalado antes. Y este a, se puede ver que Astra, por defecto tenían una barra lateral. Y aquí tenemos los widgets que, eso me decía que no los estoy usando. Por eso cuando vamos aquí, se puede ver lo global. Se inclinará sobre un contenedor de unos colores. Y después los hemos comprado. No estoy tocando nada desde aquí. Y cuando vamos a, digamos constructor de cabecera desde aquí, puedes cambiar el logotipo y el menú. Voy a hacer eso otra vez, eso jalaría a un mentor. Y luego tenemos la barra lateral aquí. Y voy a decir que no hay barra lateral. Volvamos atrás. Y luego tenemos el pie de página, también identidad del sitio, DCIS puso un logotipo, menús, visitas, y Configuración de la Página de inicio. Y de aquí vamos a, vale, vamos a cambiar a este líder porque no tenemos nuestra página de inicio y esto vamos a seleccionar solo seleccionar nada más. Y tenemos una página estática. Si tienes página web, entonces puedes ir a que nos llevarás puesto de fuerza o algo así. Vamos a publicar. Y luego me voy a ir de aquí. Y lo siguiente que quiero hacer es venir a los plugins, instalar plugins. Se puede ver que tenemos Hello Dolly. No usamos esta M y lo borraremos enseguida. Y esto es por este problema, que esté ahí para este periodo. Y digamos en NYU, primero que nada, siempre estoy instalando es Elementor. Elementor. Si desea utilizar un constructor de sondas y dejará un enlace abajo desde donde podrá llevarlo. No te costará mucho más que los precios correctos del Elementor. Y por favor no vayas a comprar de otro lugar a alguien más que te va a decir que esto mucho más barato y eso es sólo una falsificación. Y tendrás un problema en el futuro si k1 t está en el pro, no lo compres de la web principal o filamento o F nada, entonces simplemente no utilices la versión pro. Y voy a seguir haciéndolo ahora. Y como puedes ver aquí, tienen mucho. Plug-ins que pueden ayudarte a construir algo con suelo de elementos si estás usando versión gratuita. Y no quieres pagar la versión pro, entonces puedes usar los átomos, átomos premium. Esos son todos libro gratis, sólo el nombre átomos premium. Y luego también para el encabezado y pie de página, porque incluso la versión libre no podemos hacer el encabezado y el pie de página con Elementor. Y te voy a explicar más tarde. ¿ Por qué no? ¿Y por qué eso no es posible? De todos modos, puedes solo algunos de estos plugins para ayudarte si no estás usando la versión pro. A continuación, lo que quería es venir aquí. Y dos, ahora mismo, quiero descargar todos los plugins que necesitaré para disrupt build porque no quiero olvidar algo y solo los instalaré y no olvidaré algunos de ellos. Y luego digamos que vamos a usar Rank Math para el SEO para nuestra página web. Y les gustaría instalarlo ahora mismo. Este es plugin directo. También. Si vas a usar element o pro Dan, element o half foros. Y ahora mismo tienen, tienen un centro de sumisión. Puedes ver todas las presentaciones aquí mismo bajo Elementor. Cuando tengamos la versión pro, tendremos aquí una opción para presentaciones. Y entonces no tenemos otro plugin para un foro de contrato o 40 suscríbete. Y también al mismo tiempo recibiremos los mismos formularios en nuestro correo electrónico que Google deja queridos. Pero si no estás usando la versión pro que vamos a necesitar otro plugin. La muerte nos puede dar esa opción por ahora. Voy a saltarme ahora y lo haré, creo que eso volvió a dashboard. No perdamos la nuestra y me estoy conectando. Este es el panel de control de creación de matemáticas. Como puedes ver, puedes monitorear algunas de tus páginas, son cuatro o cuatro o no están funcionando. Entonces tenemos también la analítica a la que van a, a levantarse. Vamos a tener imágenes, SEO, link, link counter. Esto se puede ver en nuestra siguiente lección cuando hacemos el DSU blanco, todo esto está estructurado así. Y cómo puedes hacer el, lo correcto es T0 para tus páginas. Además, si volvemos a los plugins y sabíamos que el plug-in que tú y utilizas para tus formularios de contacto si no tienes Elementor Pro es para formarte. Se trata de un excelente plug-in que es, pre, este es el uno. Es un excelente tapón que puedes usar para que incluso puedas tomar pagos. Nosotros lo hicimos. Es sólo una versión pro. Puedes comprarlo solo si quieres tener firma en tus formularios o algo así. Pero de todos modos, puedes usar en muchas cosas la forma de cuatro minutos o conducta o tu propuesta, también puedes inculcar comercio si estuvieras haciendo una tienda y repasarla porque ayudas. Hay muchas cosas más que explicar ahí. Y tal vez voy a hacer otro tutorial, cómo puedes usar WooCommerce y cómo te puede ayudar con tus ventas y cómo podemos configurar toda la profundidad. Otra cosa que quiero agregar aquí es una galleta nodess clicky no este plugin. Este es el que está apareciendo cuando vas en algún sitio web haciéndoles saber que están comiendo galletas y deben aceptarlas o no. Y eso te dirá también puedes encontrar e instalar aquí un lector de políticas de cookies. Yo solo, si no tienes el generador adecuado para la política de cookies o tu cliente no tiene ciervos son mucho sitio web gratis. Entonces puedes generar entonces puedes, que puedas drenar los términos y condiciones de la política de privacidad y AD son página privada legal que necesitarás en tu página web y solo vas para copiar el texto y ponerlo en la página y no tener mucho más plug-ins aquí, lo último que queremos hacer es a la versión pro o cumplir con un mentor. Así que puedes, si ya tienes lote delimiter pro version, solo tienes que ir Agregar Nuevo Up Plot, plugin, elige archivo, y simplemente elige o elemento o perfil, y luego abre e instala. Ahora, ahora que tenemos nuestro plugin, instálalo aquí puedes ver que ya tenemos despidos aquí vendrán a element o Pro Connect y activarán. Y también puedes ir desde aquí, conectarte a inactivar o elemento o licencia. Y a partir de aquí, también podemos ir conectarnos y activar, y luego simplemente activarnos, y eso es todo. Contamos con nuestro elemento o instalarlo y activado aquí. Y ahora podemos ir a nuestra siguiente lección y ver qué tenemos ahí. 7. Lección 6: páginas de configuración: Ahora que tenemos todos los plugins que vamos a necesitar para esta sencilla página web. Empecemos por hacer las páginas de la página web. Y yo, de nuevo, te voy a decir una cosa. Si tienes tu propia página web, ¿qué tipo de páginas? Por lo que nuestra página de inicio es la página principal, la página de destino, sin embargo lo quieras decir. Cuando cada quería que aterriza en la página primero de toda longitud allí. Y luego si se trata de negocios, bueno, la mayoría de ellos son negocios realmente para phages, probablemente necesitaremos tener About page y también necesitaremos tener quizás servicios si es si son proveedores de servicios. O tal vez vamos a tener tienda. Si es una tienda y luego una página de contacto es una mezquita. Y entonces necesitamos tener, digamos tal vez cartera. Si eres diseñador gráfico o tal vez no lo sé, creador de contenido, lo que quieras decirlo. Y tal vez podamos tener una galería dependiendo de qué se trate el negocio. Y si estás trabajando para un plan, probablemente ya sepan qué tipo de desvanecidos quieren tener en la página web. O si es tu propia página web, también sabrás cuántas y qué páginas quieres que tenga sitio web financiado. Entonces básicamente lo que necesitamos ir y hacer las páginas, déjame solo mencionarte y decirte sordo en ambos sentidos. Si estás haciendo tu propio sitio web por primera vez o estás haciendo el sitio web de un cliente por primera vez, el inmueble es, ante todo, un go y do viniendo de página. O si estás haciendo un cambio de marca para otro sitio web, puedes hacer un modo de mantenimiento. Es más fácil de hacer con Elementor Pro. Sólo tienes que ir a las herramientas de Elementor. Y a partir de aquí se puede ir a mantener y pequeño. Y desde aquí puedes elegir suave. Se puede ver próximamente y mantenedores. Y cuando eliges uno de ellos, entonces te vas aquí y si no lo has diseñado ya, vendrás pronto página puedes crear ahora aquí, o puedes ir a Pages Edit with Elementor. Y te mostramos en la siguiente lección debido al diseño de la próxima página. Ven aquí, elige la página correcta y haz clic en guardar cambios. De esa manera cualquiera que venga a tu sitio web verá venir pronto página y allá, y luego ahí probablemente deberías explicar que tu sitio web está llegando muy pronto. A lo mejor pide su dirección de correo electrónico o salir tus redes sociales y les pidió que te siguieran querida, para que sepan cuándo es tu sitio web. Pero ahora vamos a hacer dos páginas. Lo que queremos hacer es ir a Pages, Add New. Y desde aquí podemos ver esto es por defecto el estilo Gutenberg de WordPress. Y también puedes hacer un diseño desde aquí. Ya sabes, pero, uh, ahora mismo me voy, esto te está explicando. Bienvenido a la cuadra, cómo se puede hacer todo. Conoce dónde puedes encontrar algo. Simplemente lo eliminaré y a partir de aquí puedes app title y luego haz clic en Publicar, pero dame un palo y vuelve olímpico. Me preguntaba consciente de que vamos a tener que estar justo aquí. Pero ahora estoy preocupado. Ve y haz esto a la basura también la página de muestra. Simplemente lo pondré en la basura. Y tenemos la política de privacidad como borrador. Haz una edición rápida a, y a partir de aquí, lo haré el publicarlo porque lo necesitaremos para el menú de pie de página solo por ejemplo. Y luego haremos clic en Actualizar. Y se puede ver que ya hemos creado aquí bloque de contrato y sobre. Y ahora voy a hacer aquí la página de inicio así que sólo escribiré a casa. Y al escuchar la esquina derecha, podemos ver la visibilidad de la playa y cuando queremos publicarla, entonces tenemos plantilla. Esto es por defecto. Podemos seleccionar elemento lienzo. Esto es, seleccionamos elemento o Canvas para. Te mostraré en la siguiente lección para la próxima página come. Dudamos el encabezado y el elemento de pie de página o lleno dentro es de uno a otro a un lado y el equipo, lo que solo lo deja por defecto. El baboso que tenemos en casa, imagen futura. No pusimos nada aquí. Básicamente evitamos la imagen futura solo para las entradas del blog. Y no tocamos nada de esto y basta con hacer clic en publicar. Y luego podemos dar click en este o en un eslogan que tienen aquí. Y podemos ver ahora que tenemos el contacto domiciliario. Y sobre. Y tal vez añadiré otra que sea una galería. Porque ahora mismo estamos floreciendo la empresa de curación y quería mostrar cómo estoy haciendo la curación clientes permanentes quiero decir, o mi forma de cliente para mostrar ahí la creación estilo y luego haga clic, Publicar y volver. Y tenemos HM, bloque de contenido de galería y sobre. Y probablemente necesitamos contar con un servicio, servicios o proyecto. ¿ Sabes qué, voy a hacer este servicio? Y lo que queremos hacer con estos servicios de discurso. Y lo que queremos hacer es esta página es que vamos a ir en esta página, siempre estamos mostrando nuestros servicios y tal vez los precios de los servicios. Si queríamos que el cliente lo supiera, si no, entonces solo les estamos mostrando y pedirles que contacten tarea para una cotización o algo similar. Y la galería, y sí, dirán galería. Y ahora que tenemos esto, y voy a añadir una nueva. Sólo para que no sea sólo el término de la política de privacidad, condiciones. Y voy a dar clic en Publicar. Y ahora mira, queremos hacer es volver a unos periodos y luego a los menús. Ya tenemos nuestro menú primario. Si no lo tenemos, siempre puedes crear nuevo aquí. Creo que disciplinas porque instalamos el equipo antes de empezar con WordPress, antes de que instalara el equipo, pero no las páginas o algo parecido aparentemente similar, como menús y todos esos cosas. Y ahora tenemos casa es enlace personalizado. Y ahora queremos sumar el hogar. Y queremos agregar galería y servicios ya que no los tenemos aquí y hasta el menú. Y ahora un hogar como enlace personalizado, lo eliminaré. Volteó mi casa, como puedes ver, solo arrastra y suelta donde quiera que se trate. Y entonces voy a ir servicios, siempre es lo mejor a global ellos sobre eso entonces lo nosotros así esta es la estructura en homepage. Enlistamos todas las cosas que queremos decir, como llamar a la acción, nuestros servicios, tal vez algunas imágenes y agregamos nuestro llamado a la acción y veremos cómo lo estructuraremos ahí mismo. Y luego lo siguiente que queremos tener fwrite a casa, queremos tener de sobre, la gente sepa de quién eres y qué haces cuando tu vida privada y lo que quieres y no te gusta, haz que la gente te conozca, construye confianza. Y luego perdemos los servicios y ofrecemos lo que ofrecemos ahí. Y entonces podemos tener la galería porque queríamos mostrar lo que estamos haciendo. Por lo que probablemente puedan convencerse de que somos la persona adecuada para ellos. Y entonces tenemos negro y el contacto y el bloque se suele utilizar un uso en este tipo de papel. Páginas, sitios web solo para DSU proponen porque con la entrada del blog podemos adjuntar más clientes. Y luego tenemos el contacto. Y podemos ver que ya está comprobado como menú primario. Y podemos dar click Guardar. Y entonces probablemente tengamos menú secundario. Veamos lo que tenemos es que el pie de página, esos son nuestros enlaces de redes sociales. No usé esta pierna esta, así que solo eliminaré el menú. Y voy a crear un nuevo menú que va a ser Footer create menu. Y aquí estamos agregando términos y condiciones. Vamos a darle sobre la política de privacidad. Introduce algunos términos y condiciones. Y revisaré este menú de pie de página y guardaré a pesar de que esto no está cambiando nada porque estoy haciendo el encabezado y el pie de página con Elementor. Entonces de todos modos, se ha actualizado el pie de página y lo último que quiero hacer es ir a personalizar y solo comprobar y ver si mi nueva página de inicio está comprobada. S. En la configuración de la página de inicio, se puede ver LA desechada y ahora le estoy poniendo una página estática. Y a partir de aquí, eligiendo una página de inicio, sólo la página de inicio y haga clic familias folletos bucle simplemente van hacia arriba como T. Ya no tenemos barra lateral. Y luego queremos dar clic en Publicar. Vuelve, y vayamos a la siguiente lección. 8. Lección 7: comienza con colores y predeterminado: Nosotros sí, hicimos lucir nuestras páginas, queremos hacer a continuación es hacer nuestra densidad de sitio. Como ya les dije, utilizo los futuros Elementor Pro para colores globales, teléfonos globales, y también para la configuración del logotipo, un icono. Por eso si vamos a Elementor, puedes ver aquí abajo tenemos plantillas. Y podemos usar, si vamos a guardar plantillas desde aquí, podemos agregar nuevas o importar. Y podemos ver aquí dígitos de nivel si tenemos. Pero también podemos hacer pagar solo secciones si queremos guardarlo y podemos hacer pop-ups y luego tendremos el team builder desde aquí. Desde aquí puedes ver todas las páginas que tienes, o aquí están los ejemplos que podemos hacer. Pie de encabezado o publicación única. Nuestra cadera busca viejo fluoróforo Afganistán. Y lo siguiente que tenemos desde aquí es que tenemos páginas de préstamos. Si hacemos clic aquí una nueva página, prestamos pitches como también como la página calmante pronto o cualquier otra página para que puedas usar sin necesidad necesariamente de estar conectado con toda la página. Familia tiene hijos, biblioteca desde aquí. Mucho más fácil si quieres simplemente recoger algo y usarlo para tus clientes o para los tuyos. Y debido a cambios. Si abres algunos de ellos, puedes ver que esta es la página completa hecha ya por ti. Con las cosas que puedes cambiar. El encabezado, imágenes, llamada a acciones, cómo se estructura toda la página. Y si vas a resumen y puedes ver todas las páginas de inmediato o ver demo. Y puedes elegir si quieres usar eso o no. Pero no olvides que esto solo es si tienes una versión Pro de Elementor o incluso extendida si tú, claro que tienes pocos gratis, pero la mayoría de ellos están en versión pro. De acuerdo, lo que quiero hacer ahora es configurar mi color predeterminado y global y teléfonos y todo sordo y voy a ir a ver. Y así no hago 2 veces el mismo trabajo. Yo sólo enseguida voy a ir al encabezado, al encabezado. Y puedes ver aquí que puedes seleccionar sección de página dentro de la página emergente, cabecera food o una sola página de publicación de resultados de búsqueda o error. Y voy a encabezar y voy a ponerle nombre cabecera. Eso es obvio. Y desde aquí voy a configurar todos los ajustes necesarios que necesito. Y por defecto, elementor lo va a guardar como predeterminado. Y tendré aquí después de eso. Y tengo que ir otra vez. Entonces simplemente lo guardaré. Entonces puedo seguir trabajando en mi encabezado y todo lo demás que quiero decir. Así que sólo tienes que ir y crear plantilla. Puedes hacer esto solo si tienes versión pro para el encabezado y pie de página. Vas a tener esta opción para, para la versión gratuita. Y aquí tenemos diferentes encabezados de los que puedes usar o inspirarte. Pero por ahora cerraré esto. Y desde esta esquina izquierda se puede ver elemento d o ajustes globales. Se puede rasguñar. Puedes hacerlo más pequeño como quieras. Y aquí tenemos presupuestos globales. Si lo tenemos, no estamos usando sus deudas. Y desde aquí, se puede ver eliminar el riesgo inmediato sabiendo que estamos en la sección de cabecera. Por lo que tenemos el logotipo del sitio, título de su página, el mapa del sitio de búsqueda, y el menú. Si estamos haciendo el encabezado y luego los tenemos básicos, esto es todo lo que tenemos en versión gratuita. Entonces esto es todo lo que tenemos en versión pro y en general, cosas que tenemos aquí. Entonces ahora lo que quiero hacer para configurar mi configuración global es ir a este menú de hamburguesas aquí. Y se puede ver la configuración del sitio desde aquí. Y entonces tenemos colores globales. Y esos son los colores globales primarios que cada Elementor, constructor de páginas medio configura para un sitio web. Lo que queremos hacer en este momento es volver a nuestra paleta de colores, es que la tenemos aquí y les dimos cerrarla porque necesitamos eso. Y podemos ver que aquí tenemos el color primario y el color primario va a ser nuestro color. ¿ Necesitábamos para nuestro local? Simplemente lo copio y vuelvo aquí y lo pego. Y tenemos. Entonces tenemos color secundario y voy a ir con un color más claro aquí. Lo copiaré y luego lo enfrentaré. Para el texto. Ya voy al negro. Tan recto color negro y 4 a acento. Y ya sabes a qué quería ir para acentuar. Y haremos algunos cambios. Haré color de dioxina así. El color más oscuro. Porque, ya sabes, queríamos tener el color más oscuro para nuestros botones. Estos son los actos y donde queríamos enviar a la gente, solo para ser un llamativo, conseguir que la gente quiera hacer click ahí. Y ya podemos ver cocinar el ébola aquí, pero no lo preparamos. Entonces vamos a cambiar esos colores también. A lo mejor el siguiente, volveremos aquí más tarde. Y luego para el color primario, iré con el segundo. Entonces sólo cambia el lugar de la muerte. Y luego por la secundaria, iré con el color más claro. Y entonces lo que quiero hacer es simplemente copiar y pegar como nuevo color aquí desde la paleta de colores que tengo. Y voy a ver cómo voy a culminar todos esos colores en mi página web y cómo va a quedar. Y luego el color más claro, tal vez lo use en alguna parte. Excelente. Podemos actualizar ahora este o un fin de semana, volver y luego ir a unas espumas globales. Y se puede ver la fuente primaria aquí es por defecto configuración a rubato y la losa secundaria. Y entonces tenemos, creo de nuevo el mismo logo y luego otra vez más parecer remoto. Y ahora lo que queremos hacer es volver aquí y ya sabemos que usamos un liger, un color 40 o principalmente primario. Divertido, lo siento. Entonces volvamos aquí. Se puede ver cómo diferentes fuentes. Tenemos, muchas formas diferentes y con búsqueda de un gráfico de luz, aquí está, y solo úsalo. Y mi defecto está en 600. Y lo dejaré así y dejaré que toquen cualquier cosa porque si quiero dejar decir, haga algunos cambios en muchos cabecera, entonces lo haré directamente desde el aire. Y luego por el acento, también iré a un enlace RA. Y para la secundaria en cuatro defectos. Perdón, iré con Yosef inst law. Intentemos encontrarlo. Se puede ver tenemos slop y SAS. Entonces losa 14, voy a ver si va a ser lo adecuado para nuestro sitio web o si necesitamos ir con un más oscuro, quiero decir, la petanca de estilos aquí. Por lo que se puede ver, bueno, perdón, resbalón. Y podemos volver a ir a la actualización, pero voy a volver y voy a ir a la tipografía. Y desde aquí se puede ver, aquí. Desde aquí se puede ver que tenemos el cuerpo. Y vamos, elegamos uno directo. Para los enlaces, elegiré o como rap y también H1, H2, viejo el encabezado o bateando. Por lo que éramos eslabón débil href. Entonces sólo diente y diente, todos ellos para estar en 600. O es mucho más fácil para nosotros hacer clic en este ícono aquí y simplemente hacer clic en Primaria. Y si hacemos click aquí, lo siento, hagamos una actualización y actualicemos la página. Y ahora cuando volvemos aquí y vamos a la configuración del equipo y la tipografía. Esto se cambia justo a la derecha. Vamos a configurarlo hasta 400. Y luego el enlace que tenemos pellagra, no está establecido en absolutamente ir a 600. Y ya podemos ver si volvemos aquí y lo ponemos, la primaria está cambiando. Enseguida. Tan primaria, lo hará como es tan primaria. Y si hacemos click es una pierna referenciando 600 y no tenemos que ir a buscar. Otra vez. Vuelvo a estar para todos en duda. Y ahora mismo podemos ver aquí que el Allegra, es una buena fuente y está rehecho. Bueno, pero cuando venimos aquí al blob de ESPN es un poco más ligero. A pesar de que es con color negro no podemos ver a voluntad. Y lo que es la principal propuesta de la interfaz de usuario es que podemos ver bien, Tenemos buen contrato en la página web. Tan blanco y negro, negro y blanco. No lo sé. Toda la tipografía de color es que se puede ver que se puede pensar en los diferentes cambios que se pueden utilizar. Ahí. Tenemos que ver, bueno, por eso quiero hacer una actualización. Y luego volveremos y cuando vayamos a nivel global, lo siento, firmas globales, en la secundaria, lo haré 500 y también para el texto 500, y también lo hagamos, haga una actualización. Y veamos ahora, si podemos ver mejor o si necesitamos cambiar algo. Creo que ahí siguen siendo dos jinetes, así que déjame probarlo en Cloud o en otra cosa. Qué digamos los hacemos atrevidos. Hacer una actualización. De nuevo se refiere al sitio web, por lo que el gráfico de acciones, anote ahí o no. Pero lo que quiero hacer en este momento es simplemente poner un editor de texto aquí. Y eso lo podemos ver aquí. Podemos ver bien, las letras viejas están bien, déjame sólo ver si sí, Tenemos que Josephine caer y tenemos a granel y podemos ver enseguida que están bien. Otra cosa. Así que permítanme borrar esta cosa aquí y volver de nuevo para decidir la configuración. De acuerdo, entonces otra vez, cuando vengas, ven a teléfonos globales desde aquí, también podemos elegir el tamaño de las letras. Pero no elegiré la primaria, pero elegiría las letras de texto. ¿ Puedo hacerlos 16? Creo que ese es un tamaño muy bonito para entrega. Y luego tenemos troncos. Y si quisiéramos, podemos elegir los trámites referidos a batallas y yo elegiré el acento o es lo mismo que la primaria. Y también podemos elegir el color. Algunas otras cosas aquí, la frontera. Pero normalmente veo eso cuando hago la página, cuando construí, cuando diseñé un sitio web. Después tenemos archivos de imagen y formulario. Y luego desde aquí tenemos el terreno desnudo. Yo lo dejaré blanco porque lo es, pero puedes configurarlo desde aquí si quieres un poco de agua o para el móvil gran redondo. Y luego tenemos identidad de sitio desde aquí. Doy clic en él y luego selecciono Archivo. Y yo sólo voy y subo a los dos. Por lo que no voy con el mismo aliento es otra vez. Y entonces tengo aquí mi logo y se puede ver que es transparente, pero voy a ir a editar imagen y lo recortaré. No quiero este gran espacio. Entonces lo recortaré así. Y haga clic en Cultivo y seguro. Y luego voy a ir insertar medios y citoplasmática ido otra vez. Lo tengo aquí y voy a insertar los medios por lo que es mejor así. Se verá mejor aquí. Por lo que iré a actualizar y volveré a actualizar la página. Y si vamos a previsualizar, y lo podemos ver aquí, es más pequeño, pero es bonito, Ok. Ahora que tenemos nuestras fuentes y colores globales, podemos ir a nuestra siguiente lección y diseñar el encabezado y el pie de página. Nos vemos ahí. 9. Lección 8: crea el encabezado y el pie: Ahora que estamos en un, ya estamos escuchando una sección para nuestro encabezado. Nos gustaría hacerlo aquí. Entonces lo que quería hacer es ir con un estilo sencillo para mi encabezado. Y me limitaré a dar click en este plus size. Y de nuevo, siempre se puede ir a esta carpeta aquí. Puedes elegir cualquiera de estos flux. Puedes subir las tuyas propias desde aquí y encontrar aquí si lo has guardado de algún otro lugar. Pero ahora mismo lo que quiero hacer es hacer clic en este icono de rebanada, y quiero tener tres secciones. El primer apartado va a ser para mi, va a ser para mi logo, solo pensando que va a ser para mi menú. Y la tercera va a ser para mis redes sociales porque quiero tener mis redes sociales en la cabecera. Lo que quiero hacer ahora es que te quiero decir cuando hacemos click en esto y agregamos esto aquí. A esto aquí se le llama toda una sección. Entonces cuando hacemos clic aquí y puedes ver Editar sección, no tenemos aquí. Y desde aquí podemos decir, ponerlo como libros o deshierbe completa podemos ver si quitamos esto de aquí hasta aquí, todo el punto. Y luego volvamos. Cuando se dice libros, puedes elegir desde aquí cuánto quieres ser. A lo mejor quieres tener 800 y ver cómo se ve. A lo mejor quieres ser así o a lo mejor querías ser, no sé, 300, 400, como quieras hacer el rayo. Voy a ir con esto, un 100 00. Voy a hacer esto, Esto dentro de aquí. Y luego tenemos la columna de Gabe y yo voy, no suba. Y entonces tenemos odio. Sí, podemos hacerlo. Sí crea forma normadora. Podemos ir con peso medio. No podemos ir con fit la pantalla aquí ves que es toda la pantalla. Entonces vamos a peso medio. Y aquí en pixeles, usualmente voy con 80. Se trata de los píxeles correctos. Se puede ver que tenemos espacio entre ellos. Entonces la derecha, y entonces tenemos posición en medio. Eso significa que esta columna de aquí, siempre va a estar en medio de arriba y abajo. Y no queremos tocar esta isla vertical. Y luego el desbordamiento es por defecto. Y también podemos hacer sección de rasguños. Pero ahora mismo estamos en buck set y tenemos, aunque no configuramos desde aquí. Y podemos ver aquí en la estructura, qué tipo de estructura tenemos. Y podemos elegir algunos otros espacios. Pero quiero, lo que quería hacer es voltear mi pequeño libro, mi menú, poner mis redes sociales, y luego configurar la estructura adecuada para mi estilo de cabecera. Porque a partir de aquí tenemos los antecedentes y la normal M Hauer. Y podemos hacer lo desnudo on top type con el color, tal vez con esta superposición de los colores, tal vez no eran video o presentación de diapositivas. Esto es básicamente cuando lo hacemos cuando diseñamos en las páginas. Y ahora mismo no queremos tener nada al respecto. Entonces simplemente desmarcaríamos eso, eso porque quiero tener menú de desplazamiento. Y te voy a mostrar cómo va a ser atrevido. Y entonces tenemos superposición si queremos tener o borde o forma, conductor y tipo lo que fueron unos pocos, pero no estamos usando ninguna profundidad vieja para el menú de desplazamiento. Si vamos a Motion Effects, y entonces podemos ir a la llave. Se puede ver que dice, Hombre , puede ser arriba o abajo. Y podemos seleccionar en qué dispositivo queremos tener un menú extenso. Y usualmente voy con una bodega de los sesgos. Por qué uso el menú de rastreo antes de que podamos tener un ícono aquí que diga ir a la cima. Pero siempre es mejor para mí, como si estuviera desplazándose hacia abajo con todas las páginas y pueden todo el tiempo nutria marina. Mi sitio web o la mayoría de los sitios web a veces tienen un login aquí o tal vez no soy el número de teléfono que quieren tener como call-to-action col y algo así y pueden usarlo de inmediato. Y entonces tenemos ética compensarlos y compensarlos. Contamos con epics offset. Voy con 18. Otra vez. Eso significa que el encabezado comienza a desplazarse hacia abajo después de 18 segundos. Y entonces tenemos responsive desde aquí. Podemos optar por revertir en una tableta y móvil, pero esto es sólo cuando tenemos dos columnas. Porque cuando tenemos columnas verdaderas, a pesar de que hacemos clic para revertir, sólo lo hará, sólo revertirá la primera y la última, y esa está en el medio. Se quedará en el medio. Y entonces tenemos esta habilidad si quisieras esconder algo de escritorio, tablet y aplicación móvil para botas. Y luego tenemos CSS personalizado. Esto sólo es posible con la versión Pro de Elementor. Te dije que aquí no vamos a usar códigos. No los conocimos. Podemos usar para el encabezado si queríamos cambiar algún color cuando el, cuando empiece, voy a bajar, pero empecemos con el diseño y podemos ver qué vamos a hacer a continuación aquí. Entonces, en primer lugar, tenemos aquí logo del sitio y cuando lo ponemos aquí, aparece enseguida. Es imagen de tamaño completo, sin URL del sitio de corrupción. Por lo que de inmediato, si alguien hace clic en él, volverá a la página de inicio. Y si la planta está en mater page, volverá. Entonces podemos ver que aquí es un poco más grande. Entonces tenemos, No lo hicimos, no lo hicimos, y peso. Y desde aquí, se puede ver aquí tenemos el porcentaje, píxeles. Y más o menos para la imagen del logo, usamos ese porcentaje. Y usualmente voy, digamos con 16 o 17 dependiendo del logo. Y lo que queremos tener aquí. Vayamos con 16. Creo que es bueno. Se ve muy bonito. Y también podemos elegir desde aquí donde se va a colocar así a la izquierda, al centro, o a la derecha. Iré con izquierda. Y lo podemos ver bien enseguida. Y entonces lo que vamos a hacer es ir a esto aquí. Y luego vamos menú de navegación por defecto está configurado a pie de página y menú primario ilegal. De acuerdo, entonces tenemos ahora horizontal, vertical y caído hacia abajo. Esto es por defecto para la versión de menú, pero claro, si estamos usando la horizontal y entonces tenemos aquí izquierda en el centro, a la derecha o a cero. Voy a ir puntero derecho. Entonces ahora, ahora mismo tenemos el subyacente y es de inmediato con nuestro color de los colores globales. Y entonces tenemos overlying allá arriba. Y podemos tener encuadre de doble longitud, fondo o textos. Cuando vas en texto. Simplemente se puede ver cómo me gusta cómo se ve. Por lo que se cultiva. También puede D animación. Puede ser una cosa de encogimiento, flota, Qu, rotar o ninguno, pero no puede quedarse demasiado de. Y entonces tenemos sub-menú indicativo, pero no tenemos sub menús. Y luego tenemos punto de interrupción desplegable móvil a tablet. Y luego tenemos d Doble sobre el Hamburgo, y luego tenemos un sitio o un on-center. Y lo que esto significa ahora mismo, puedes ir y hacer clic en esta columna Editar. Esta es la columna, por lo que el conjunto aquí es sección, y esas son las columnas. Y desde las columnas de aquí, puedes configurar una columna dentro desde aquí. Y elegiré esto en medio, vertical. Ali sí. Entonces. Tenemos todo montado en el medio. Y también enciéndase. Y luego puedes tener desde aquí y elegir el espacio adecuado para columna. O puedes, hace, puedes ver así, moverlo aquí y allá. No puedo moverlo así. Y voy a volver aquí y voy a ir al estilo. Ya tenemos esto, pero voy a dar click en esto. Y me quedaré bien. Pondré 20 pixels, peso de línea. Pondré 1.5. Y no tocaré el espaciado de capas, va a hacer algo de camada aquí, espaciando entre ellas. Y para la transformación podemos ver podemos ir con mayúsculas o minúsculas o cumplimiento. Normal. Sar. No sé si queríamos ir. A mayúsculas, definitivamente iré a mayúsculas y no cambiaré nada de esto. ¿De acuerdo? Y entonces tenemos divisor, interrupción horizontal hacia abajo. No hemos caído, así que no lo tocaría. Si lo quisieras. Podrías simplemente ir por aquí y cambiar cualquiera de los ajustes y luego tenemos toggle sobre ellos. Eso haremos en nuestra versión móvil y así sabemos lo que estamos cambiando aquí. Y menos cosa si buscas aquí, así que demuestre que viene. Yo los dejaré aquí. Y sólo cambiaré si vengo a ustedes y veo que ya tienen muchos ángulos aquí de los que pueden elegir. O puedes ir a subir, o puedes ir a subir archivo SVG. También puedes poner aquí un enlace. Por lo que sólo lo pondré así. En fin, así que es de color oficial, pero voy a ir a Custom y se puede cambiar el color de la costumbre desde aquí. Y cuando vayas al color primario, solo tienes que hacer click en él y podrás elegir el color. Se puede ver. O puedes despejar desde aquí. Color. Yo lo haré, solo, para el color secundario, yo elegiré. Digamos que nos vamos, actuamos sobre el color. Y para el color primario, sólo lo voy a quitar para que no tengamos que mendigar redondo. Entonces solo el logo. Y haré lo mismo por los dos exteriores. Para dq sobre redes sociales. Puedes ir con blanco o transparente. Hagamos transparentes porque si cambiamos de color, forma de profundidad, vamos a ser, vamos a ser queridos para presumir. Y luego vamos de nuevo actos. Y se puede ver que cambié el color en este default. Es mucho más fácil. Y cuando necesitamos hacer transparente, sólo tienes que ir aquí y volver. Y también puedes usar esta muestra de color. Simplemente lo mastica y haga clic en cualquier imagen más antigua. Simplemente elijo el color correcto. Se puede ver aquí, es así de mucho más fácil. Entonces ahora que tenemos nuestros iconos aquí listos. Entonces cuando vayas al estilo y a partir de aquí, espaciado tenemos cinco y de tamaño vamos a poner 20. Tienen el mismo tamaño que nuestro, como nuestro menú, como nuestro menú aquí. También, podemos ir a icon hover y podemos tener como efecto hover. Y también podemos ver incluso que están moviendo efluentes. Podemos ir a digamos que la rotación global. A ver si sólo tienen resplandor. Piensa así. Creo que la cotización, bro, igual que nuestro menú está creciendo, lidera el Icon Grow cuando se cierren sobre él. De acuerdo, Entonces ahora lo siguiente que queremos hacer, ahora mismo tenemos nuestro menú aquí configurado. Nosotros queremos ir a esos tobillos aquí. Este es el modo responsive, y abrirá esto. Y desde aquí quizá puedas cambiar si querías verlo diferente. Los principales motores, pero esos son para escritorio, tablet y móvil. Bueno, y aquí podemos ver tenemos el modo de copa para terminar. Lo que queremos hacer aquí es que voy a dar clic en Editar sección. De un vistazo. Tenemos el margen y el relleno. Por lo que el margen aquí en el apartado. Si hacemos click en él, puedes ver que podemos editarlo. Si agregamos aquí, actuará espacio arriba. Ambos lo son, por lo que se puede ver esto es la parte superior y la inferior. Esto se mueve, pero no podemos ver, se puede ver M, esto se mueve ahora. Ahora mismo podemos ver aquí las aspas bastante desplazadas aquí que tenemos. Por lo que no queremos usar esto. Y el maceta son las jugadas que queríamos hacer cambios. Esto es todo lo que está pasando aquí dentro de estos grandes libros. Entonces si desmarcamos esto porque si es marca, si está desmarcada, entonces si nos ponemos bien solo un número, lo puso en todas partes. Pero si sólo queremos cambiar, digamos abajo o tal vez correcto, no lo sé. Entonces necesitamos desvincular esto y 10 por ciento y 10 por ciento de izquierda y derecha. Entonces tenemos un poco de espacio aquí. Se puede ver. Y ahora creo que este es un buen tamaño, pero lo haré como 30. Y cuando haga clic en él, lo haré 80. Y entonces esto, esto puede ser, digamos 20. Entonces los tenemos en una línea, y ahora tenemos 20, y tenemos 35, 50, y así esto necesita ser 50. Entonces es todo en una línea. ¿ De acuerdo? Y ahora tenemos nuestro desplegable, como les dije antes, vamos a trabajar en ello cuando entremos en él. Ahora a hacer es dar click Completo dentro. Entonces cuando se abre, se abre bajo la más antigua y no en el mismo rumbo aquí. Y luego tenemos centro y Hamburgo. Y ahora queremos ir, queremos entrar en el estilo. Y por el color. Es textos elegidos se pueden ver desde aquí. Y tenemos la topografía correcta y tenemos, salté elegir 20. Entonces es lo mismo. Y de nuevo, vamos a elegir así. Entonces tenemos un poco de espacio aquí. ¿ De acuerdo? Un poco de espacio aquí. Y lo siguiente que queremos hacer es flotar. Perdón. Este es el desplegable y lo voy, y lo normal Es el color de texto normal fijo. Y no queremos ningún color de dormitorio y no lo tenemos. Y tipografía, tenemos el acento, es lo mismo. Y luego tenemos el flotador. Y vamos a hacer es propio transparente. Por lo que no tenemos ese gran cuarto grande ahí. Y ya tenemos que sumergirnos sobre Vg, configurarlo y texto de color en el hover. Vamos a ponerlo en accidente. Entonces es igual que en el menú principal cuando estamos en el escritorio. Y cuando esté activo, Whitman lo toca, así que va a ser negro de nuevo. Y desde aquí podemos configurar Configuración, Tipo de orden o tal vez tú radios si queremos distancia divisor y el total de botón desde aquí, podemos hacerlo del color negro, y podemos hacerla onclick para estar en acento, estar en acento, en el hover para ser un accidente, lo siento. Y entonces podemos elegir la talla para ser 20, digamos. Y es perfecto. Pero se puede ver que esto es un poco más aquí. Y esto está en medio. Entonces esto no está en medio aquí. Entonces lo que queremos hacer es armar este 130 y acaba de montar este ONE 40. Y ahora tenemos todo en medio, así como eso. Y ahora lo que queremos hacer es ir a los iconos y ponerlos al final. Entonces no está ahí en el año y al final y a la izquierda, a la derecha, a la mitad. Y entonces tenemos, cuando vamos a la versión modelo, lo que tenemos que hacer es configurar estos son 30. Para configurar esto, obtengo 30. Entonces podemos ver que la canción 30 este momento no es pitting. Y esta configuración, esta 140, ¿de acuerdo? Entonces lo que queremos hacer aquí es que queremos darle la vuelta a esto a un 100. Y queremos ver bombilla, esto es bueno. Pero queremos hacer aquí es ir aquí y queremos ir a Style. Y en el espaciado. Yo quiero hacer esto un poco más grande. Por lo que voy a 40. Y voy a ir esto para hacer golpear la carretera para ver cuánto necesitamos espacio. De acuerdo, así que necesitamos alrededor de 41 de ellos no necesitaban volver. Está bien. Por lo que al 19. Y si quitamos esto, podemos ver cómo se ve ahora. Podemos. Entonces, uh, quitar D viene del menú móvil. Por lo general quitan da costo para el menú móvil. Y se verá así. Por lo que vamos a envolver la columna e ir a avanzar e ir a responsive y escondernos en el móvil. Entonces cuando volvamos así es así. Pero lo haremos, dejaremos que sea DR2. Se ve bien. A ver si podemos. Veamos si podemos reducir el espacio entre ellos. Es bueno así. Por lo que ahora podemos volver aquí al diseño y ahora podemos reducir este espacio y simplemente moverlo esto tanto como podamos. Entonces tenemos más espacio ahora. Creo que ahora se ve bien. Excelente. Podemos ver el logo, podemos ver el menú desplegable, podemos ver los iconos tienen, ¿volvemos? Podemos ver que aquí todo se queda igual. Y si regresáramos aquí, qué te da el muslo todo lo que está tendiendo igual. Hazme saber, miraré esos 16. Y volveré a la sección de edición. Y voy a sumar aquí solamente. Perdón, voy a editar el relleno y sólo voy a 5% prom la parte superior a la parte inferior. Por lo que tengo una capa de más espacio para el logo aquí. Y como ya te dije eso, esto sólo es posible Con Elementor Pro, Es porque cuando golpeas a Publish, conseguirías esto a condición. Si esto no es posible con la versión gratuita. Y luego vas a condición y puedes ir a incluir un sitio entero o puedes excluir. O puedes incluir, Vamos a comer nuestras mitades y puedes agregar condición para excluir todo el sitio. Y tienes muchas posibilidades. Pero llegaremos a incluir un lado entero y podemos hacer click Guardar accesorios. Y también si estamos haciendo un pop-up o alguna otra página de aterrizaje que tengamos. Tenemos muchas de nuestras otras opciones como With show up, cuántas veces aparecer en cada otra. Y tantos otros aspectos. Son idénticas, guardadas y las usan. Entonces guardar y cerrar. Y esta es una de las mayores razones por es porque si querías usar popup y no tienes Elementor Pro, entonces necesitas usar algún otro plugin para eso. No puedes estar seguro de que todo vaya a funcionar bien o no. Pero ahora volvamos al tablero. Y vamos a Guardarlo plantillas. Y si vamos aquí a todos, podemos ver el encabezado y podemos ver el kit por defecto. Este es el que necesitamos para las formas de colores globales. Y mira. Ahora lo que queremos hacer es agregar nuevo. Y luego vamos al pie de página y lo nombramos pie de página y creamos plantilla. Nuevamente aquí nos están dando algunas opciones que podemos usar aquí y tal vez algunas cambien algo a, para hacer Twitter dependiendo de lo que vayas a hacer y sin embargo queremos que se vea el pie de página. Pero otra vez, lo cerraré y luego lo haremos en altura. Entonces lo haré aquí. Y se puede ver que ya está ahí abajo porque es un aleteo. Y volveré a elegir tres secciones. Y a partir de aquí, también iré a una 100, 14, 14 000. Y ningún Dios. Y un peso medio. Yo lo haré. 300. Creo que está bien. Yo soy columna media. Creo que está doblado. Está bien. Entonces lo que quiero hacer por el pie de página, otra vez, como si fuera el mismo proceso. Nuevamente, queríamos tener en el pie de página, nuestro logotipo. Queríamos tener sobre queríamos tener iconos de redes sociales y queremos tener el menú de pie de página. Y dependiendo, no lo sé, tal vez quieras tener tal vez 0 info de contacto también, lo podemos tener ahí. Y también podemos tener un layout aquí. Yo lo haré 40. Y esto será por los derechos de autor. Para que podamos, podemos dar click aquí y solo añadir nuevo duplicado 4k. Es lo mismo. No tenemos nada aquí abajo, pero son tiempos mucho más fáciles si quisieras duplicar algo, te lo preguntaré. Y lo que quiero hacer aquí es agregar el menú aquí. menú Pie de página ya está seleccionado. Y lo pondré en la horizontal derecha subrayada, pondré un texto para que sea exactamente igual a nuestro menú en el encabezado. Pero dejaré una nota desde aquí, desplegable móvil, no pondré ninguna. Y eso va a ir. Ya verás por qué no. Y voy a ir solo azulejo hover no hemos seleccionado. Y yo sólo voy a cambiar aquí la transformación a mayúsculas. Excelente. Y luego del lado izquierdo aquí, arrastraré y soltaré aquí el rumbo. Y esto aquí. Lo que queremos hacer es escribir reservado. Digamos que si es una firma, si los acompaña, violeta. Y por lo general necesitamos tener aquí el ícono C, pero no intentaré buscarlo. Y voy a poner la x aquí. Me da la primaria a quien gusta el color primario para el cabello. Y de aquí iré y cerraré forma a mayúsculas. A ver. Ahora, pondré 16 y también volveré a esto y lo pondré, toma piel solo para que tengamos que ahorrar. Entonces ahora necesito ir y ponerlo en el medio. Y ahora mismo están en la misma. Se ven bien. A continuación, lo que queremos hacer es escribir ahora para tener flanco. Y luego iré a las redes sociales. Y lo pondré aquí y florecerá a la derecha. Y de nuevo, déjame cambiar el icono a Instagram. Añadiré unos colores personalizados. Entonces el color primario es, el color secundario es axón. Y aquí la voy a quitar. Y yo haré lo mismo por los otros dos. Y eso sólo sumará aquí. Por lo que puede funcionar rápidamente para flotar sobre él. Excelente. I k Entonces podemos ir al estilo y podemos cambiarlo al tamaño que se le paga. O puedes venir aquí a donde dice coral oficial o puede ir a Custom y personalizarlo desde aquí sin embargo, todos los cambiarán. No tienes que ir cuando lo haces uno por uno como yo los hago enseguida. Y luego podemos ir a, puedo flotar y luego podemos quedarnos fro animaciones. Yo estaba como ahí. Ahora lo que quería hacer sólo para tenemos que hacer algunos contratos. Añadiré aquí un color y iré con la secundaria. Porque cuando flotamos en disco, déjame ver, aunque vayamos con éste, se ve aún mejor y lo que sus libres van con éste. Incluso mejor contraste de contrato, incluso mejor contraste. Podemos ir con éste, podemos usarlo a veces la spec alrededor de éste. Y aquí sólo me gustará Kyle y la frontera y voy a uno sólido y voy a añadir este color. Y lo haré sin marcar. Y yo también estoy aquí afuera. Entonces este es nuestro pie de página ahora mismo. Y luego podemos escuchar algún rumbo. Y podemos decir info de contacto visual. Y luego podemos ir al estilo, podemos hacer que afecte. Podemos poner el teléfono. Tengo 22 años. Está bien. Y luego podemos ir a yo puedo levantar podemos agregarla justo debajo de ahí. Y desde aquí podemos ahorrar compañía. Oh Dios mío. Suéltalo. Mismo edificio Tyvek. Vamos a insertar aquí y diremos, no sé, tres o cuatro. York, Nueva York. Y puedes poner tu dirección, ¿ sabes a qué me refiero? Entonces aquí podemos elegir el móvil. Y entonces aquí podemos poner nuestro móvil plus 4999928 recuperar y voy a 4, 5, 6, 8. Y entonces podemos enviarme un correo electrónico. Y podemos insertar aquí info que violeta, hola, digamos. Y entonces podemos venir aquí y para los iconos se va desvaneciendo profundo, color primario. Y el tamaño, podemos ir al 16 y luego podemos ir al texto y podemos poner un impuesto al negro. Y para la tipografía, ya está hecha en dieciséis quintos, por lo que se ve así. Y se ve bastante bonito. A lo mejor podemos hacerlos un poco más grandes o medio vacíos, cómo es bueno lucir. Y luego tenemos, podemos tener nuestro logo en el medio. Pero podemos ponerlo a como decirlo 18. Y aquí lo que podemos hacer es otra vez, me dirijo y brillante o violeta. Y lo moveremos hace a la derecha, vendremos aquí y vamos a elegir el color negro. Y pondremos dos como ponemos aquí, dos. Y entonces podemos venir aquí, podemos agregar editor de texto. Y sólo lo moverá esto hasta aquí. Y lo dejará así. Por lo que tenemos nuestros 16 aquí. Bueno, y nuestro pie de página se ve así. O lo que podemos hacer ahora. Y voy a poner MOOC está aquí y esto aquí. Y eso sólo cambiará de lugar. Déjame ver cómo se va a ver. Y lo pondré aquí. Y eso lo pondrá aquí. Y veamos, puedo enumerar menos 50. Y también volveré aquí, escritorio sin marcar, y lo pondré 20 menos en la parte superior. Voy a venir aquí y voy a ir aquí y están marcados disco y voy a hacer a fondo menos 20. Por lo que redujo el espacio hasta 30. Entonces podemos ver que es casi el aire. Y también vendré aquí a las redes sociales y haré lo mismo pero en la parte superior, así que menos 20. Entonces es más aquí, así que tendrás el espacio aquí entre él. Pero si tienes más textos que lo hacen un poco más grande alelo y se repetirá perfectamente. Se ve muy bonito. Yo quiero hacer ahora es ir a respuesta a los alimentos. Y yo quería ver cómo se ve. puede ver cómo se espera con ansias la tableta y la versión móvil. Entonces lo que quiero hacer ahora es ir a sección y avanzar. Y fui a escritorio sin marcar y 10 de izquierda, M2M para de cuento, de derecha. Y tenemos un poco de espacio, hasta 20, lo siento. Por lo que tenemos más espacio. Eso es mejor. Y vendré al logo y la convertiré en una cripta de 100. Y todo lo demás se quedará igual es mejor cuando todo esto está en una línea. Y aquí lo que quería hacerlo para venir aquí y para ir. Bien. Y ahora vamos a la versión móvil. Y aquí lo que quiero hacer es hacer click para editar esta sección. Y quiero ir a avanzar, y quiero agregar aquí, lo siento, como 10. Y es bueno desde todos los tamaños. Pero lo que quiero hacer aquí es ir a responsive y hacer columna inversa. Por lo que tenemos Percival política de privacidad condición soñadora y en DMU tenemos los derechos de autor. Y aquí quiero hacer lo mismo, comprueba esta marca. Voy dos sin marcar esto y voy a disculparme. Al igual que esto para todas partes. Y se ve bien. Y voy a volver aquí en la versión de escritorio y voy a hacer Publicar condición de aplicación hoy todo el sitio y haga clic, Guardar y Cerrar. Ahora que hemos terminado con esto, vamos a la siguiente lección y diseñemos nuestra página de inicio. Nos vemos ahí. 10. Lección 9: comienza con el diseño: Ahora pasemos al proceso de diseño de nuestra página web. Lo primero que queremos hacer es que podamos ir a páginas y encontrar nuestra página de inicio e ir a Elementor desde la guardería. O podemos ir a plantillas y luego podemos añadir nuevas. Y no seleccionamos una sola página. El hogar. Si no tienes element o pro, puedes hacerlo directamente desde tu página. Ve a la página de inicio, y luego puedes ver arriba editar con Elementor y puedes hacerlo desde el aire y luego crear plantilla. Y desde aquí podemos ver por defecto pestañear, plantillas de parpadeo que podemos usar. Y acabaremos de cerrar esto y tenemos aquí la plantilla en blanco. Me gustaría ver cómo se va a ver el encabezado una vez tirando hacia abajo. Pero vamos a ver cuándo tenemos la página y, y hacer el resto por ello. Entonces retina mira, queremos hacer como, uh, vamos, uh, sabemos que estamos diseñando de ese sitio o empresa de decoración de flores. Y lo que queremos hacer aquí es en primer lugar, queremos tener nuestro primer encabezado y queríamos tener nuestro primer objetivo a la acción. Por eso podemos agregar una nueva sección desde aquí y podemos seleccionar cuántas secciones queríamos tener una sección grande o queremos tener dos separados, dependiendo de qué tipo de imagen vamos a poner aquí. ¿ Vamos a tener un lago, gran ronda o ese tipo de cosas? O podemos venir aquí y podemos ir a Pages, o simplemente podemos venir y escritorio sin marcar y podemos encontrar algo de aquí como héroe. Se puede ver desde aquí algunos ejemplos cómo puede verse. O puedes encontrar alguna página si quieres usarla desde aquí. Pero ahora mismo, quiero mostrarles cómo no podemos usar. Entonces me voy a ir con esto y me voy a ir con sólo secciones. Va a ser libros y libro. Volveré a ir con 000. Por lo que tenemos la misma línea aquí para toda la página web. Entonces este es el apartado. Y podemos usar desde aquí el, esta es la columna que vamos a terminar, pero vamos con la sección entonces no tenemos gov y podemos ofrecer por el peso. Podemos ponerlo peso medio o pies discretos. Voy a hacer con el peso medio. Pero lo pondré a 500. Incluso sólo toma contrato así. Y ahora mismo, este es nuestro encabezado para que podamos una práctica y podamos ir a Avanzado, podemos marcar esto y podemos ir a arriba menos entrando. Y esto se convertirá bajo nuestra cabecera y nuestro cabello debe ser transparente. Pero voy a ver un DMD si vamos a ir con eso, este ion u otra jeringa de diseño para aquí, para nuestra columna izquierda, voy a añadir un encabezamiento. Y este rubro sería, tal vez deberíamos pensar algo que le atrapará a nuestros clientes. Yo así que tal vez te dan la bienvenida al paraíso. A nuestro paraíso. Y debes saber, destruida eso para una página raíz o entradas de blog o cualquier cosa similar. Deberías ir con. Ya ves aquí cómo es H1, H2, H3. Por lo que necesitamos el primer párrafo que tenemos aquí. El primer rumbo para ser H1. Esto es pobre, la propuesta DSU para estructura derivada de nuestra página web. Así que bienvenidos a nuestro paraíso. Puedes escribir lo que quieras para el estilo y nosotros escogeremos el negro. Y voy a poner aversión. Hasta tenemos 18 tal vez dos semanas, tal vez. No, pongámoslo en 18. Bienvenidos a nuestro paraíso. Y bajo disco, voy a editor de texto. Y aquí tenemos unos textos sencillos y no voy a cambiar eso. Lo único que quiero hacer aquí es cambiar el relleno. Y quiero cortar esto para ser un poco así que digamos izquierda, perdón, derecha. 15 y tal vez 18. Sí. Y tenemos casi uno bajo un adder. Y entonces lo que queremos hacer es ir a. Envuelve abajo aquí. Y ahora mismo la pregunta que tenemos aquí es, ¿cuál es el principal propulsivo que debe hacer nuestra página web? Queremos tener costos de libro, un clip de costos. Pidió cotización, Mira, queremos hacer oír o ver tu galería. Entonces yo, ahora mismo, quiero tener aquí un fondo que va a haber el principal llamado a la acción aquí en va a ser contactarnos. Contáctanos. Y quiero dejar darle forma. Entonces tenemos los actos y arreglarnos em. Vamos a poner esto en 18 para que sea un poco más grande para que podamos verlo bien. Y luego queremos, ponerlo en upcase. Y 4, lo siento, para este archivo tipo bordeado es un sólido. Y vamos a elegir el mismo color para la frontera. Y vamos a usar, lo siento, y vamos a usar para la guerra el radio, sólo uno. Por lo que es la misma forma que nuestro logo. Se va a recoger, bueno, pesar de que queremos flores, tal vez se empieza a colorear más para un libro. Tengámoslo así. Y ahora voy a ir F y fans a, y voy a ir al posicionamiento, y voy a hacer con inline. Por lo que ahora solo puedo duplicar el fondo. Y lo que voy a hacer es escribir otra frase aquí y vamos a ir a, digamos, averiguar más. Yo sé más. Y voy a ir al estilo, y lo haré. Ahora, quiero que el color del texto esté en eso actúa fuera. Y el color aquí , puede ser blanco, así. Y luego tenemos en flotar, vamos a ser el texto para ser blancos. Y luego tenemos el color de fondo para ser el axón, la frontera. Para que se pueda ver es ligereza y dónde ponerse en contacto con nosotros. Va a estar en el hover para ser el color del texto, los actos de color. Y este color, ¿no deberíamos? Los puntos blancos así. Y tal vez deberíamos cambiar el lugar. Cuatro es dos y tal vez el medio. Perdón, volveré a cambiar los lugares para ellos así. Pero voy a poner esto para ser voy a averiguar más y estos para ser Contáctenos. Y en este fondo entonces iré a avanzar. Y voy a poner un ascensor. Digamos 10, quizá 20. Se veía así y ahora tenemos espacio entre ellos. Excelente, se ve muy bonito. Muy bien, me gustó mucho. Y ahora lo que no usaríamos para encontrar algunas imágenes que queríamos mostrar de inmediato a nuestros planes cuando vengan aquí. Entonces vamos a agarrar la imagen de aquí y ponerla aquí. ¿ Eso es neblino? Y en vamos Sólo imagen y deberíamos subir. Pero antes que nada, encontremos algunos. Normalmente uso Unsplash o también puedes encontrar algo en la biblioteca de imágenes de Canva. Por lo que solo buscaré la decoración de flores. Y veamos qué tienen y qué me gustaría poner. A lo mejor buscaremos decoración de flores de boda, algo así. Y he encontrado éste, y lo descargaré en versión media. Y también descargaré este. Necesitaré imagen, así que descargaré esta y veré para qué se sentirá mejor para mi diseño. Y entonces vendré aquí. Siempre puedes ir al pequeño PNG y reducir el tamaño de tus imágenes es muy recomendable. Pero me gusta decir en cualquier momento ahora por dab a ti, puedes hacerlo. Por lo que sólo volveré a subir este. Entonces tenemos en este momento solo uno. Por lo que iremos insertar medios. Y podemos ver que es demasiado débil. Pero vayamos al estilo. Y, um, k, Ahora podemos elegir el tamaño del daño. Por lo que iré con 65. De acuerdo, para mí. Y lo que quiero hacer es volver aquí y buscaré flores. Alguna historia. Regresaré a Canva y volveré a casa. Y lo que quería hacer es quizá otra vez, ir al tamaño del logo. Y voy a ir a elementos. Y luego buscaremos flor. Y vamos a encontrar algún piso bonito. Eso se ve bien, eso se verá bien en nuestra página web. Y se ven los viejos tiempos, lleva tiempo. Entonces si esto mucho más fácil, si estás haciendo el sitio web para el cliente, entonces puedes pedirles que te den viejos detalles innecesarios para el sitio web de como imágenes, copia. Todas son tipo de cosas o perderás tiempo como este para tratar de encontrar el correcto, el estilo correcto, y el diseño adecuado para tu, para tu sitio web. Entonces veamos, para los gráficos, pierdo el que me gusta cuando me desplaza hacia abajo. Entonces creo que me voy a quedar algo así porque estamos haciendo una flor a la creación. Entonces creo que se ve bien. Ahora, ¿qué hace descargado? A maleza transparente, tienen espacio, pero descarga. Y volveré aquí y quiero subir aquí otra imagen aquí. Y subiré el medio. Y ahora insertaré los medios de comunicación. Y se puede ver lo grande que es. Y voy a ir al interior y lucir como 35. Y luego cuando vayamos en vivo a una defensa, podemos ir a la posición y fin de semana, hacer posición absoluta, y luego podemos agarrarla y simplemente ponerla. Un vecino, pensamos que eso se ve Bien. Entonces, vamos a ver. Si el más viejo parece algo, como nada. Hagámoslo un poco, poco vaso de precipitados. Y tenemos, por lo que el espacio en blanco aquí. Entonces cuando vamos a final y lo hacemos mucho, Nos vemos un momento para lucir así. Está bien. Apenas el detalle, pero haciéndolos sí firmaron mejor. Y veamos con esta imagen, yo quería ser así. O tal vez fue así. ¿De acuerdo? Y lo dejaré así y veré si esto tiene sentido. Por lo que para la primera sección de cabecera, tenemos nuestra sección de bienvenida, que con H1. Entonces tenemos una breve introducción y tenemos dos átomos que son el principal llamado a acción y el segundo llamado a la acción aquí. Lo siguiente que queremos hacer es poner aquí nuestros servicios. Entonces lo que queremos hacer es quizá venir aquí y vayamos a los servicios. Simplemente demasiado fácil, hacer mucho más fácil. Una flor. Nuestro trabajo y podemos ver qué más tenemos aquí, nuestros servicios y voy a insertar ds. Por lo que tenemos nuestros servicios aquí. Y deberíamos poner un H2. Y también aquí ahora deberíamos cambiar la primaria y deseando volver y ponerla como 66. Y puedes ver ya tenemos iconos aquí, contenido, contenido. Y desde aquí tal vez podamos. Bien, A ver si tenemos harina. Pero no tenemos flores. Si no tenemos iconos que podamos utilizar aquí, tal vez si buscamos iconos verdaderos, encontraremos algo que se adapte a nuestros a nuestros servicios que estamos brindando. Pero por ahora mismo, porque elijo usar la flor a la creación, simplemente no es razonable tener profundidad, algo así. Por lo que simplemente lo dejaré como si fueran y me ajustaré. Digamos. Y luego ganar la curación, Tal vez ocurra. Curación. No lo sé. Y entonces tenemos digamos una declaración. Te conseguirías lo que esto podría apuntar aquí y lo que quiero hacer aquí es de dos estilos. Y para el ícono, elegiré el acto, actúa sobre el color y para el contenido, elegiré la primaria, y luego elegiré el texto y también cambiaré a negro. Y entonces volveré y haré lo mismo para todos ellos. Entonces son justo lo mismo. Y desde aquí, como ya mencioné, puedes hacer tus propios iconos también en Canvas y descargarlos como archivo SVG si eres un usuario pro de Canva y subirlos aquí. Y también iconos jugaron el pico del rural aquí en el anfitrión. Entonces piensa que sí, qué tipo de ojo va vas a usar para tu diseño. Pero cerebro ahora, porque ya tenemos este espacio en blanco corrió por todas partes por aquí y por aquí, lo que queremos agregar algunas diferencias, me gustaría ir a estilo y elegir el color que éramos usando aquí abajo para el pie de página. Pero lo que quiero hacer aquí es volver aquí y quiero reducir el color y simplemente dejarlo así, como así, como casi invisible. Y se ve bien. Creo que esta subida pinchando. Lo que me gustaría hacer ahora mismo aquí con esta imagen se pone que me gustaría hacerla más grande. Pero me gustaría reducir aquí el espacio. Perdón, pero me gustaría reducir aquí al espacio en la parte inferior, y digamos menos 50. Y esto, esta imagen que vendrá por aquí y tal vez un 100, ellos 50. Y cuando vemos ahora, se ve bien. Creo que tal vez sólo un 100. Y volveremos a un 100. Y puedes jugar aquí con estos números y ver cómo se ve mejor. Y cómo puedes hacer hace y cómo te gusta mucho o menos aquí. Y creo que se ve bien aquí. Excelente. Entonces lo siguiente que queremos hacer aquí es, a otra sección. Y esta sección, van a ser cuatro arriba jurados. Entonces en este momento tenemos aquí los servicios, nuestros servicios, y aquí también puedes agregar un enlace. Entonces si alguien hace clic en él, irá a los servicios y podrán ver los servicios de barrera de inmediato. O también puedes agregar otro botón aquí solo para demostrar que tienes tus servicios ahí. Pero ahora mismo voy a añadir aquí una sección Acerca. Y vayamos otra vez aquí y encontremos algo que nos sienta y solo introduzcamos que el aire y no suelte tantas veces en tratar de diseñar que tengo el nuestro propio. Y lo que les gustaría hacer es ir con este apartado. Y lo insertaré y descargaré una imagen para aquí. Por lo que antes que nada vendré aquí y escogeré una imagen. Y vendré aquí y seleccionaré mi imagen. Encontremos aquí en esto, Vamos a usar este como ese no quiere subir. Tratemos de averiguarlo aquí disco. Ahora vamos y primero cambiemos la imagen. Sube este. Entonces se ve bien aquí. Y entonces tenemos sobre acompañarlos. Tenemos que poner aquí h árbol. Entonces 1, 2, entonces tenemos tres, y luego tenemos aquí primaria. Y podemos poner el 45 está justo aquí. Y tenemos aquí algún texto. Simplemente llegaré al color negro y al texto. Y está mirando ahora a bonito o al baño aquí. Podemos simplemente usar barato por esto. No puedo copiar esto. Está frente a ella, pero en realidad no importa. Voy a copiar este y voy a pegar eso aquí, y voy a borrar éste. Y lo que voy a hacer, voy a leer más de antemano. Voy a levantar esto hasta 20 de la izquierda. Para este archivo, lo cambiaré para que esté lleno, así. Y en el hover para ir con el color del texto y el blanco no hace esto genial más. Creo que es excelente. Yo solo quería hacer solo quiero dar click en esto e ir a avanzar. Y yo quitaría a este equipo de personas de primer nivel. Y yo también escritorio sin marcar y Puerto de Boston. Voy a quitar ese 50, pero digamos 30. Ahora mismo, puedes ver que obtiene la misma línea con la imagen. Entonces tenemos el espacio en blanco adecuado aquí, tenemos espacio entre, y tenemos el texto aquí y la copia y el arma justo ahí. No tienes que hacerlo para estar ahí mismo. A lo mejor tienes mucho más textos o menos pasos. No importa, solo echa un vistazo a esos detalles, para que quede bien ahí. Ahora lo siguiente que queremos hacer aquí es quizá subir otro llamado a la acción aquí. Entonces lo que quiero hacer es volver aquí y lo haré sin marcar. Esto no es un ejemplo de lo que quiero usar aquí es algo así, este libro, lo cambiaré. Voy a dar click, Insertar. Y lo que quiero hacer aquí es hacer un set de caja y un 114 para ser igual. Y luego voy a avanzar porque puedo ver tenemos arriba y abajo y eso está bien. Pero entonces lo que quiero hacer aquí es a ver. Sí, tenemos la izquierda 250 de profundidad y la derecha. El, y no quiero que esto esté en tres filas, así que agarraré esto y lo pondré debajo de esto. Nuestra historia. Voy a quitar este texto y esto sobre marca. Escribiré algo así como vamos a escribir algo que adjuntará el ojo de nuestros clientes. Entonces digamos que tal vez sea tu boda pronto. Y pongamos un signo de interrogación y eliminaré esta línea de aquí. Y éste, lo dejaré en cada árbol. No necesitamos ir más allá con eso. Y luego van a primaria. Y bueno otra vez, esto y este textos aquí, sólo lo haré negro. Y con los hechos que estamos acostumbrados a usarla. Y eliminaré esta columna. Y para esta imagen aquí, sólo elegiré las mismas unidades porque no quiero perder tiempo en buscar imágenes sólo para mostrarle cómo cambiar la imagen. Y, y volveré a ir a los estilos y dentro. Y lo haré así el 16. Y luego volveremos y otra vez pondremos hace es color y tal vez solo agarrarlo desde aquí porque quiero que sea solo el color del sexo. Entonces no me equivoco. Y tenemos esas secciones como el color blanco, el color blanco. Y lo que quiero hacer aquí es ir a, uh, para ser honesto, y voy a quitar esto y tal vez sólo poner en un PLT. Y aquí en 18 15. Y así así, y lo que me gustaría hacer es otra vez, pondré lo mismo desde aquí. Y lo voy a pegar aquí. Y así. Diga, vale, necesito ponerlo o si el aire. Y creo que se ve bien. Y lo siguiente que podemos hacer aquí en este momento es tal vez poner tal vez para poner algo de Galería. Daña que nosotros soy medio de algo que nos mojamos digamos de algunas decoraciones de boda y algo así. Entonces si vamos a portafolio, podemos encontrar algunas imágenes que podemos utilizar aquí y cómo estructurar datos. Y tal vez usaré este tipo de estilo, también lo hace insertar. Y aquí viviré checkout nuestro, echa un vistazo a nuestro trabajo de nuestra coloración de flores. Y entonces volveré y pondré esto en negro, y eso volverá y pondrá esta x, y esto volverá y lo pondrá como primaria. Y basta con dar click aquí solo para volver a la posición correcta. Y aquí no se ve bien, lo dejo así. Entonces esto es básicamente una galería. Y desde aquí puedes elegir qué tipo de ni siquiera simplemente no debería estar aquí. Por lo que eliminaré todas las imágenes negras negritas y app a galería y lo haré solo, no puedo enganchar seis veces más esto. Por lo que insertar a galería. Y un absoluto. Encontremos dos imágenes más de la muerte son la misma forma y probablemente del mismo tamaño. O vamos a hacer para redimensionarlos para que sean del mismo tamaño. Entonces tal vez éste, y lo descargaré ahora tan pequeño como son. Algunos problemas con mi sitio web no quiere subir en este momento. A lo mejor éste. De acuerdo, éste es Kim y yo subiré. Y luego volver a galería e Insertar galería. Y esto se ve bien. Excelente. A lo mejor déjame ver si éste, le pondré un 114 solo para que sea igual que el mismo sitio web. Y aquí en la DMU 2, deberíamos poner de llamada a la acción. Creo que se verá bien si ponemos, vamos a duplicar esto y agarrarlo y bajarlo. Dare sí porque me gusta el color y uso t cuando lo ponemos así, se ve bien. Pero lo que queremos hacer es tal vez cambiar, cambiar esta imagen y pondré ésta, oh, lo siento, es demasiado pequeña. Yo creo. Este también, pero es K. Y voy a quitar así todo el texto. Y aquí en algunos textos que va a ser llamativo. Y de nuevo, por ahora aquí en otro factor que los llevará al lugar que quieras y solo tal vez contactanos. Y realmente no me gusta esta imagen de aquí. mejor puedo poner el más grande. Y de nuevo, este término K, se ve mejor pero me gusta bien así. También me gustará tal vez así. A ver cómo se ve. No, no, no, no, no, no. Pongámoslo no se sienta demasiado y una y otra vez. No. No, no lo sé. Pondré éste. Perdón, pero la imagen está en 15, así que la pondré. Y un 100, así como así. Y creo que eso es todo. Perdón, éste, debería ir solo arriba Darla. Igual que eso. Y si nos desplazamos allá atrás y vemos cómo se ve todo arriba esto. Entonces tenemos nuestro rumbo con una imagen que muestra lo que estamos haciendo. Tenemos saber más en contacto con nosotros. Esos dos son pero esos son principal llamado a la acción. Entonces estamos mostrando nuestros servicios y después el barco, la empresa. De nuevo, estamos contando lo que estamos haciendo aquí, explicando un poco más de lo que tenemos imágenes que van a mostrar nuestro trabajo y lo estamos, somos buenos en nuestro trabajo y lo que estamos haciendo, lo que estamos trabajando esto . Y luego tenemos otro llamado a acción pidiendo al cliente que ponga en contacto con nosotros o un loop dare detalles y cualquier otra cosa. Y entonces tenemos el pie de página y creo que fue realmente infligiendo muy agradable. Y ahora que ya sabes cómo una página puede ser estructura hace puedes ir a cada otra página al igual sobre servicios galería de sonido, y sólo tienes que ir a Acerca de hacer el encabezado. Digamos Acerca de Nosotros y luego abajo día o mostrar más sobre ti. Cuéntame más sobre tu TAM, más sobre tu empresa. ¿ Por qué lo estás haciendo? ¿ Hace un posterior más sobre ti? También hacer el mismo proceso con servicio esto en la galería de la misma manera que color incluso se puede abrir a las dos páginas y café es sección Scholars y ponerlo ahí y solo agregar más imágenes. Y luego es bonito si has mirado, tira del ciervo mundial, y haz la página de entrada del blog. Y si tienes entradas de blog, también puedes agregarlas aquí al final en alguna parte. Y lo puedes hacer también. O si es más fácil para mí explicarte cómo puedes hacer eso. Si estás usando element o Pro, solo puedes venir aquí. Existente hoy es ir a Contacto y se oye tener el formulario que puedes usar, tal vez el plomo algunos de los archivos del formulario. Lo insertaré ahora solo para mostrarte cómo puedes hacer el formulario de contacto en tu página de contacto. Si ya no te queda claro lo fácil que es que los gays se hagan. Qué fáciles días, cuatro días para, para diseñar un sitio web con Elementor. Y todo ese tipo de cosas es solo que necesitas saber de qué manera debes ir. Necesitas tener la herramienta adecuada para tener los activos correctos como imágenes, copia, colores, y el tipo de cosas más antiguas. Y es mucho más fácil para ti hacer eso. Y desde aquí, si le das click, puedes ver nombre, puedes cambiar desde aquí. También se puede cambiar la ganancia de la columna. Se puede, desde aquí se puede cambiar el botón y luego tenemos acción después de la presentación. Por lo que tenemos entrega de cobro y correo electrónico. Entonces tenemos colectas presentación en presentación. Y te mostraré dónde hace eso. Y desde aquí puedes cambiar tu dirección de correo electrónico donde te gustará cobrar para recibir tu dirección de correo electrónico a ajustes y de estilo puedes volver a cambiar el mismo estilo si no usas Elementor Pro, hace aquí, buscar widget. Y si tú, cuando hagas la forma más ordenada formando, también recibirás código corto y puedes venir aquí, sí busca abrigo de camisa agregada aquí y solo pega aquí a código corto que para mí alguna vez lo hará generar para ti eso y tendrás la forma de inmediato aquí. En Terminator, también puedes cambiar los colores, las formas que estás usando para que coincida con tu color de renta. Entonces ahora que ya sabes cómo un sitio web puede ser estructura y cómo puedes diseñar todo el sitio web. Puedes ir y hacer el mismo proceso con tus otras páginas, así como sabes, los fundamentos de UX y UI. Basta con seguir adelante y hacer el resto de las páginas. Nos vemos en la siguiente lección. 11. Lección 10: plantilla de publicación de blog: Y no olvides guardar todo tu trabajo antes de salir de tus páginas. Entonces sólo para que quede claro aquí, probablemente ya sé cómo se puede hacer esto, pero con sólo hacer clic en publicar aquí y agregar condición, no se debe guardar a todo singular sino hacer la primera página. Entonces esta es tu portada, o si vas a páginas, tendrás la oportunidad de elegir. Tendrás la oportunidad de elegir qué fe sólo buscar, cómo hogar y luego guardar y cerrar. Ahora si volvemos en esta conferencia, quiero mostrarles cómo se puede hacer la entrada del blog. Entonces cuando estás haciendo tu flujo sanguíneo, así que vas a publicar en la NYU y ya tenemos este mundo celebrado. Agregar Nuevo. Y aquí vas a tener tu título. Hola. Y aquí vas a agregar o tu viejo tu texto. Pero si haces así, cada entrada de blog va a ser por defecto como el equipo, como lo es. O si lo haces, y edita con Elementor, debes editar por separado Cada uno de ellos. Es básicamente lo mismo si tienes proyectos. Al igual que si estás mostrando diferentes proyectos y tú y usas alguna herramienta como proyectos para aquí. Entonces deberías ir a las plantillas, y luego debes ir a Agregar Nuevo. Y desde aquí selecciona Single Post y arranque de polvo, solo post, solo di, ya sabes, ¿de qué se trata? Y crear plantilla. Y aquí de inmediato tenemos diferentes también. formas de plantillas para presumir y usar un IDE no usarán. Y eso tomará mucho para tu tiempo mostrando cómo puedes hacer esto. Simplemente elegiré una plantilla para usarla como entradas de mi blog. Y creo que iré con este. Es porque creo que eso va a ir con esto necesita porque tiene imágenes de ayuda. Y creo que iré con este. Es porque tiene texto e imágenes en él. Y debido a que este sitio web se trata de una decoración de flores, cualquier cosa que salgamos va a tener probablemente imágenes mostrando, explicando lo que estamos haciendo con eso. Y también tener una barra lateral. Vamos a insertarlo. Y porque sólo tenemos el mundo hola , no importa. Entonces aquí está el post, excepto que no tenemos que tener tipo de texto. Y tenemos el mundo hola. Y aquí va a ser donde va a estar el texto. Por lo que sólo voy a ponerlo enlace texto. Hola mundo. Yo soy un, se puede ver que ya es por defecto. Y cada uno voy a estilo y luego primaria. Este de aquí. También voy a elegir nuestros actos sobre el color. Y para los efectos del tobillo y del pie, nuevo son actos de color. Y usaré el fijo para aquí. También tú, lo que quieres hacer es elegir texto y texto. Y puedes ver aquí en la barra lateral derecha, puedes subir imágenes o códigos HTML para tus anuncios. Si tienes algunos textos aquí, puedes usar las redes sociales. Pueden publicar un comentario aquí o simplemente puedes quitar. Y no pueden, no pueden comentar en tu post. Y más bien eliminaré esto. Y luego tienes espora mole polar si quieres. Y todo esto puede cambiar a su relacionarse con sus fuentes y colores predeterminados. Entonces algunos, y lo que es mi hielo aquí y con elemento o pro es que cuando te has lucido presumir así, y haces click en Publicar, luego otra vez, abre la pestaña de condición y luego vamos a las condiciones, no todo singular, pero vamos a ambos y luego 0. Y cuando hacemos click, Guardar y Cerrar. Ahora, cada vez que publiquemos nuevas encuestas, todas tendrán el mismo aspecto. No importa lo que pongamos en un texto, será texto, serán imágenes, el lado donde sea que siempre será el mismo. El alguacil siempre será el mismo. Todo sería cada vez igual. Esto es lo principal que es mejor aquí con Elementor Pro una cosa porque ahorra mucho nuestro tiempo y nuestra energía y mucho trabajo que apagamos cada, en cada vez que estamos haciendo el misma cosa. Y eso será todo por esto predice la selección. Vayamos al siguiente. 12. Lección 11: SEO de las páginas: Ahora que nuestro pH está hecho y cuando tienes mirada más sagrada tira hacia abajo. Déjame mostrarte lo fácil que es hacer tu SEO para el, para el sitio web. Entonces en este momento necesitamos, si no estuvieras haciendo tu página de inicio para portadas y edita con Elementor hecho al dar click en Editar con Elementor, solo se abrirá. Y si haces click en casa, si lo haces como yo lo estoy haciendo, entonces vas a necesitar ir a la página única de inicio . A partir de aquí. Nuestro Rank Math al plugin que estamos usando para el SEO. Probablemente aún no se han activado. Volvamos y esto se encuentra loquero. Entonces tenemos que ir a configurar reservado. Y sólo vamos a iniciar el mago. Tenemos que repasar todo lo de este blog personal abajo organización de sitios web de pequeñas empresas. Deberías ver todo esto. Continuar y yo solo ahorraré y continuaré. No pasa por todos estos pasos y guárdelo para que podamos usarlo. Y luego volver al tablero. O si estás más avanzado, entonces desde aquí también puedes guardar cambios, cambiar ajustes y todo ese tipo de cosas. Y ahora cuando actualicemos la página, está bien, entonces, así podemos usar esto en nuestra página. Tenemos que ir por nuestras páginas y de ahí a Abrir con Elementor para poder trabajar con eso. Por lo que no podemos hacerlo desde el interior del elemento D o plantilla de una sola página. Entonces enlace aquí tiene el SEL como lo puedes ver. Y para mí aquí podemos cambiar el título, podemos cambiar el enlace, y podemos cambiar la descripción. Una firma aquí no podemos enfocar palabra clave y nos dirá cuál es la puntuación de nuestra página web. Y a partir de aquí se pone vapor. No se encuentra en la meta-descripción de DSU. Y luego tenemos mantequilla para imagen con la palabra clave focus y la imagen. Entonces cómo vamos a resolver esto es dar click en esta imagen, venimos aquí y alt textos, pero dice, digamos que vamos a decir hot e insertar medios. Y ahora cuando vamos aquí y a nuestro SEO, podemos ver eso ahora mismo. Espera, No es tomar ninguna opción nuestra imagen, Vamos a hacer con otra. Escribamos aquí esperanza. Insertar medios. De acuerdo, Guardemos el borrador y actualicemos esto. Y cuando volvamos, vamos a ver ahora mismo, sí, tenemos 90 es core, y en este momento tenemos la imagen como marca de verificación que hicimos este M. Esos días fáciles, cómo puedes hacer que el SKU de tu sitio web t , Bueno, cuando estás haciendo tus propios labios, O de M sitio o de la página web de tu cliente si te dan el contenido que no debes esperar, oh, preocúpate demasiado por ello. Pero si estás haciendo el contenido, piensa bien lo que vas a escribir ahí porque google search engine debería, debería elegir comprar las palabras adecuadas para mostrarle a las personas adecuadas. Así que ten en cuenta cuando estés haciendo el SEO y ten en cuenta cuando estés escribiendo el contenido para tu sitio web o para cualquier otro sitio web. Puedes hacer esto el mismo proceso para la entrada del blog, pero debes hacerlo por desde la página de entrada del blog. Volvamos y sólo vamos a hacer una pausa. Y al hacer clic en Editar, desde aquí, puedes hacer clic aquí dice Rank Math y puedes agregar aquí. Hola. Y te dirá aquí abajo puedes ver lo que está mal, lo que te estás perdiendo, lo que cambias dos para conseguir un mejor o lo son. Ahora que ya sabes cómo puedes hacer d SEO de tu sitio web, Vamos a la siguiente lección. 13. Lección 12: repasando la analítica, el aviso de cookies y los plugins de caché: De acuerdo, entonces como estamos casi al final de esto, entonces S, estamos casi al final de este curso. Te quiero decir que los plugins necesarios que necesitamos utilizar aquí es el que descargamos la cookie. Aviso, es porque cada sitio web debe tener esto. Por lo que ya tienen por defecto este mensaje se puede hacer clic Ok o cambiar la palabra. También puede incluir el enlace de la política de privacidad o cambiar a otra página. Se puede dar una opción para rechazar el peine, el contenido para no y habilitarlo y salvo caducidad un mes, puede optar por estar en el encabezado o pie de página. Siempre uso la colocación de script de pie de página. Y luego tenemos animación D, tenemos el fondo y luego tenemos los colores aquí. No sé si todavía tengo algún color aquí. Probablemente no. Correcto. Puedes cambiar el color del texto, color a partir de aquí. No me importa ahora cambiar este color. Es obvio lo que quería decir. Y que no se te olvide dar click Guardar en otro equipo que quiero repasar, e chorreando sobre ella. Aquí. A partir de aquí se pueden crear formularios, quienes pueden crear pools, y crear foros. Es fácil. Puedes acudir a Blend, jalar solicitudes, registro, boletín de registro, y contactar con nosotros o crear. O tienes diferentes opciones. Por lo que es fácil sólo tienes que ir allí para elegir. Puedes usar sus plantillas o digamos turno tag. Y ya tienes aquí nombre, correo electrónico, teléfono, y mensaje. Se puede instituir previo desde aquí, y se puede ver que sólo esta firma está en versión pro. Incluso puedes tomar pagos, raya o personas, y es casi todo gratis. La diferencia con los otros plug-ins que tenemos pobres para llevar a cabo foro. También, tienen aquí los envíos que puedes ver y los recibirás de nuevo en tu correo que dejarás atrevido a los envíos sobre otra cosa que tenemos, ya tenemos aquí, el captura clara. Si no lo tenemos, deberíamos instalar un plugin. Al igual que deberíamos instalar un plugin que lo hará en el trabajo por nosotros. Por qué es y necesario que tengamos la captura clara. Porque a veces hacemos algunos cambios y tal vez alguien está en nuestra página web, quieren ver los cambios. Y entonces tenemos que despejar para atrapar. Entonces el sitio web sabe que hicimos algunos cambios y tienen cambios realmente sutiles para el público. Y enumerando que nos perdimos aquí arriba son los temas que necesitamos tener. Cada creo que cada sitio web debería tenerlos. Yo personalmente uso servido a N6 analytics y es fácil usarlos solo instalarlos y activarlos. Y deberías tener configurado tu Google Analytics. Y solo conectarás eso, sigue los pasos y tú, puedes conectar el Google Analytics. Entonces los pisos son, esas son las principales pocas cosas que necesitamos para tenerlas en nuestro sitio web puerto de mejor sitio web básico. Pero si estás usando WooCommerce, digamos peer usando otros plug-ins, es mucho más profundo explicar. Entonces si quieres ver cómo funciona WooCommerce y qué podemos hacer con eso. Cómo podemos configurar una tienda, cómo podemos configurar el producto, envío, entrega tipo de parada más antiguo. Por favor házmelo saber e intentaré hacer otro curso para, para explicar todo lo que hay. Nos vemos en la siguiente lección. 14. Felicitación: Enhorabuena por llegar al final de este curso. Si lo sigues, estoy seguro de que ya estás listo para empezar a diseñar tu propio sitio web o incluso un sitio web para un cliente. No deje de practicar y buscar inspiración. Si quieres, siempre puedes seguirme a mí y a DM en las redes sociales si necesitas alguna ayuda en el futuro. Pero también, será agradable si nos convertimos en amigos y nos apoyamos ahí. Gracias por elegir mi formación y desear su éxito.