Cómo hacer un sitio web en Wordpress: creador de páginas Elementor

1. Introducción: Oigan, ¿qué pasa, chicos? Mi nombre es Darrell. Y en este video, te voy a mostrar cómo hacer paso a paso este hermoso sitio web de WordPress. Ahora la gran parte de este tutorial y que no necesitas tener ningún tipo de experiencia ni ningún conocimiento de codificación en absoluto porque todo en este tutorial va a ser drag and drop. Ahora bien, si eres dueño de un pequeño negocio que busca hacer un sitio web para tu negocio, solo la persona promedio que busca aprender a hacerlo fue como por primera vez en este tutorial es para ti. Y déjame darles a todos un rápido recorrido por este sitio web y mostrarles cómo funciona este constructor paga . Entonces esta de aquí es nuestra página de forro actual. A ver, quieres seguir adelante y simplemente cambiar el título de tu sitio web o algo así como tu negocio. Ahora también podemos cambiar la posición de nuestro texto. Podemos cambiar el color que podemos cambiar. El tipo de letra que puedes ser es personalizable como quieras con tus sitios web. Entonces este tutorial te voy a mostrar cómo puedes hacer eso ahora también, para aquellos de ustedes que les gustan esos muy hermosos fondos de video. Te voy a mostrar dónde puedes obtener fondos de video gratis para tu página web. Puedes incorporar esto en tu propia página web. Y también una característica realmente genial es el efecto de rejilla. Entonces quieres tener una hermosa página de aterrizaje efecto grano en este tutorial, Vas a mostrarte cómo puedes hacer eso? En realidad es realmente simple, y todo es visual, por lo que siempre puedes ver lo que estás haciendo. Entonces, por ejemplo, aquí mismo, mi segundo color quiere hacerlo a algo como el color burdeos, y luego quiero seguir adelante y hacer otro cambio. Quiero cambiar el ángulo de su También podemos enfocar nuestra ubicación todo un color o el otro color o ambos. Entonces en este tutorial, voy a mostrar cómo puedes hacer eso. Ahora, sigamos adelante y echemos un vistazo al resto de la página web. Entonces lo primero que vamos a estar haciendo es diseñar nuestra página principal, y te mostraré cómo puedes agregar una imagen a tu fondo aquí mismo junto con poner texto. Y también te voy a mostrar cómo puedes agregarla. Pero echa de menos tu sitio web, y estos botones pueden enlazar en cualquier lugar de tu sitio web. Entonces, por ejemplo, haces clic en mi botón de contacto aquí mismo, te va a llevar a una página de contacto con nosotros, y te voy a mostrar cómo diseñar y crear este hermoso contacto. Esa sección aquí mismo. Entonces volviendo a nuestra página principal que estoy seguro de que todos ustedes cómo agregar en un menú a su sitio web junto con un logotipo. Y si ustedes no tienen logo, no se preocupen por ello. En este tutorial en el show te puedes conseguir un logo y ellos iban a crear esta sección aquí mismo y hacer cambios en las secciones es muy sencillo. Es solo cuestión de simplemente hacer clic en él y cambiarlo por lo que quieras. Podemos poner algo así como son increíbles o somos geniales. Y por supuesto, todos los cambios aquí están vivos. Entonces después de crear esta sección, vamos a seguir adelante y crear esta sección aquí mismo, que son blurbs, y puedes cambiarlos a cualquier color. Se pueden cambiar estos a cualquier estilo, cualquier fuente o cualquier posición. Y luego aquí mismo, te voy a mostrar cómo puedes agregar estas imágenes aquí mismo. Y si notas aquí mismo tenemos este efecto de cuadrícula de estilo único. Entonces te voy a mostrar cómo puedes incorporar esto en tu página web y puedes arrastrar y soltar totalmente esas imágenes aquí mismo, por ejemplo. Digamos que quieres ir y tener dos filas de esto. Adelante. Basta con hacer click en esta fila duplicada y simplemente seguir adelante y arrastrarnos hasta aquí. Nos arrastramos hasta aquí, así que es así de sencillo hacer un sitio web. Entonces después de eso, les voy a mostrar a todos cómo incorporar esta sección de paralaje justo aquí y luego aquí mismo tenemos una sección con texto con un simple llamado a la acción. Tienes una imagen. Tenemos el efecto de pantalla dividida. Muéstrame. Mostrarte cómo puedes hacerlo en tus propios sitios web. Y luego lo tenemos de nuevo aquí mismo donde tienes algunos textos y una simple llamada a la acción otra vez con efectos de pantalla dividida. Y entonces aquí mismo tienes nuestra sección testimonial y puedes poner las imágenes que te gusten aquí mismo. La gente puede seguir adelante y desplazarse por esto y echarles un vistazo. Y por último, tenemos nuestro pie de página. Entonces aquí mismo tenemos nuestra sección de menú manera Has 't Instagram no tienes instagram. Esto se sincronizará automáticamente con tu sitio web. Por lo que cada vez que hagas una foto en Instagram, se mostrará aquí mismo en tus sitios web. Y aquí mismo tenemos nuestros iconos de redes sociales y estos fueron todos vinculados a sus diversas plataformas de redes sociales. Entonces aquí mismo tenemos Facebook, tenemos Twitter e Instagram y Pinterest. Y entonces también tenemos esta pequeña sección aquí mismo. Al igual que escuchar nuestra historia. Y aquí puedes seguir adelante y solo hablar de tu negocio o de tus sitios web. Y ya sabes así como empezamos o esto es lo que hacemos. Está subiendo por aquí, y la siguiente sección que vamos a hacer es la página sobre nosotros. Entonces te voy a mostrar cómo puedes crear tu propia página sobre nosotros y aquí mismo puedes ver tenemos algunos textos con un botón de llamada a la acción. Aquí mismo. Tenemos estos mostradores de barras justo aquí. Entonces te mostraré cómo puedes diseñar estos. Puedes cambiarlo a cualquier color, cualquier fuente y vio que te gustaría y otra vez aquí mismo fueron consistentes con nuestro color. Entonces muéstrale cómo puede agregar estos contadores numéricos justo aquí y otra vez aquí mismo Tenemos el efecto paralaje con algún contador de números. Por lo que tenemos sitios web completados clientes tazas de café. Por supuesto, puedes cambiar esto por cualquier cosa que te guste y aquí mismo tenemos algunos iconos más para mostrar más a la corte a los sitios web. Y aquí mismo puedes presentar a tu equipo. Entonces te voy a mostrar cómo puedes presentar a tu equipo con este efecto de imagen de celda de cuadrícula. Aquí mismo. Por lo que tenemos conocer al equipo, puedes contestar algún texto y luego aquí mismo vas adelante y hablas de los miembros de tu equipo . Y entonces aquí mismo tenemos una sección testimonial, y de nuevo tenemos nuestro pie de página. Ahora también, una cosa más. Eso justo aquí en el fondo, correcto. Si hago clic en esto, me llevará a la parte superior de la página web cada vez. Ahora, también tenemos una página de contacto única para que ya te mostró y esto en realidad irá directamente a tu correo electrónico. Entonces si alguien te manda mensajes con una pregunta. Pueden seguir adelante y poner sus nombres o por correo electrónico su mensaje y pueden seguir adelante y enviar un mensaje y éste irá directamente a su bandeja de entrada. Ahora, también, para aquellos de ustedes que quieran crear un blawg, les voy a mostrar cómo pueden incorporar a un blogger también en su página web. Otra característica realmente genial, increíble sobre este Blawg que en realidad podemos seguir adelante y cambiar estas olas aquí mismo . Por lo que este hermano de página tiene algo llamado divisor de forma y es realmente genial cuando es realmente divertido. Entonces, por ejemplo, aquí mismo, digamos que quieres seguir adelante y cambiar las olas aquí mismo. Por lo que en la página inferior aquí mismo puedes cambiar esto por cualquier cosa en la que te gustaría cambiar, como un zigzag. Puedes cambiarlo a como una inclinación. Puedes cambiarlos por todo tipo de cosas realmente geniales, y luego puedes seguir adelante y cambiar la altura de su. Desea agregar estos a su página web. Es muy sencillo de hacer, y de nuevo, podríamos simplemente seguir adelante y cambiar el color a cualquier cosa que quisiera aquí mismo y anotar aquí abajo. Tenemos nuestra sección de bloques y bajando por aquí. Tenemos el divisor de forma también. Entonces es una especie de look cool aquí mismo. Así que básicamente pongo en nubes justo aquí en el fondo. Entonces sigamos adelante y vayamos a nuestra sección blawg. Ahora da click en este bloque y nuestro blogger se va a quedar tan increíble y tan profesional. Entonces así será tu post de bloque. Y ustedes pueden ver que sólo se ve hermoso. Se ve increíble. Se ve realmente profesional. Entonces en este tutorial en mi show, tú cómo puedes crear este blawg. Ahora, esto era en realidad un layout, y en realidad lo conseguirás gratis en este tutorial. Entonces no va a ser como tienes que diseñarlo desde cero Ley. Esto ya se va a hacer por ti. Y por supuesto, por último, quiero hablar de los louts pre hechos. Por lo que más adelante en este tutorial, va a estar hablando de cómo en realidad puedes simplemente conseguir un diseñado de alguien más subido y todo se hará en tu página web. Por lo que es realmente difícil diseñar un sitio web por ti mismo. Pero una vez que aprendas a usar el bowler de página y luego a partir de ahí puedes seguir adelante. Y ya te conoces algunos de estos despidos. Van a ser diseños gratuitos que te dan en este tutorial que realmente te ayudará con el diseño de tus sitios web. De acuerdo, mis glándulas se desplazan hacia arriba. Entonces si ustedes chicos quieren hacer un sitio web hermoso, eso es muy móvil, responsive, super STL friendly. Seguid observando. Porque en este tutorial, te voy a mostrar cómo hacerlo, paso a paso. 2. HOSTING y THEME: cómo hacerlo paso a paso. Entonces lo primero que vamos a hacer es conseguir nuestro dominio y hosting en mi enlace. Luxi les brinda a todos un 60% de descuento en su hosting. Después de eso, vamos a instalar WordPress. Después de eso, vamos a instalar un tema de WordPress y por último, vamos a crear el sitio web más increíble de la historia. Ahora hay un enlace en la descripción de este video. Te llevará a un sitio web llamado Psych Round y estás a punto de llegar a una página que se ve justo así aquí. Ahora, cuando llegues a este sitio web, todo lo que tienes que hacer es hacer click en, inscribirte. De acuerdo, entonces tenemos tres plantas, así que tenemos la startup. Tenemos el crecer a lo grande y el go geek. Ahora recomiendo el grow big porque con la opción grow big, obtienes sitios web ilimitados en lugar de solo un solo sitio web. Esa es una diferencia bastante grande. Y también recibirás este 60% de descuentos de tu hosting. Por lo que se llega a esta página. Todo lo que tienes que hacer es ir a la orden ahora, así que adelante y teclee tu nuevo nombre de sitio web, así que voy a hacer mi famoso. Amo a kylo ren y vaya a proceder. Está bien, está disponible. Enfriar. Si tu dominio no está disponible, te va a dar errores similares. Y oye, sabes que no está disponible. Adelante y escoge otra cosa. Entonces aquí mismo, va a poner en su correo electrónico y luego aquí mismo, puede poner su contraseña, confirmar su contraseña de nuevo. Vas a ir a poner tu nombre, tu apellido, y ya sabes, puedes llenar tu empresa y tu toda esta información. Se va por aquí abajo. Adelante y dales tu número de tarjeta y tu número de seguro social. Sólo estoy bromeando. No les das tu social, solo tu número de tarjeta de crédito. Y entonces aquí mismo, puedes, ya sabes, poner tu nombre etcétera. No, para esta información aquí mismo, el periodo. Ya sabes, recomiendo hacer solo los 12 meses porque con 12 meses, recuerda, siempre te devuelven un dinero de 30 días. Entonces digamos, por ejemplo, este tutorial apesta y estás como, ¿ sabes qué no funcionó para mí? Al menos tienes la confianza de saber que obtienes una garantía de devolución de dinero de 30 días. Por lo que recomendaría los 12 meses ahora para los servicios extras. En realidad sí tipo de recomiendo estos en otros tutoriales. No lo he hecho, pero en realidad, Romek modificar la privacidad del dominio y un ciclo en el escáner del sitio es en realidad una opción bastante cool por $20 al año. Para que alguien revise diariamente tu sitio web, notifique si alguna vez ha sido hackeado. Eso lo recomendaría. Entonces ahora la privacidad del dominio básicamente está ocultando tu información personal si alguien intenta buscarte, por lo que si tienes estos cheques, no podrán buscarte. No obstante, aquí lo descontrolado será público a Internet. Entonces voy a ir a revisar los dos. Y después de que te sientas por toda esta información aquí mismo, siempre puedes ir a pagar. Ahora, Ahora, en realidad tengo un contador, estos tipos, porque en realidad se han desempeñado mejor que otras ocho empresas de hosting para las que tenía un video. Por lo que estos chicos son probablemente tu mejor opción en cuanto al hosting, porque en realidad los he probado y salieron primero en casi todas las pruebas. Bastante increíble. Bastante, bastante increíble. Entonces aquí mismo en mi ir a iniciar sesión. Y ustedes estaban a punto de una página que se ve justo así aquí. Por lo que felicitaciones. Lo lograste tan lejos. Probablemente lo estés. Pero a partir de ahora, tienes un dominio. Tienes como tu sitio web, que es realmente, realmente genial. Por lo que te trajiste paga para que te veas así aquí mismo. Ahora llegamos a esta página, todo lo que tienes que hacer es ir a mis cuentas. Entonces ahora que en realidad tenemos nuestro dominio, vamos a instalar WordPress, que es básicamente lo que solíamos diseñar nuestros sitios web. Al igual que el pan y la mantequilla de todo. Es como que crea todo para nosotros. Entonces aquí mismo voy al ir a ver panel justo aquí como voy a decir, ¿ Estás seguro de que sólo vas a dar click en? Proceder? Nunca miras lo que ellos Si hay una prensa de advertencia de seguridad. Está bien. Sólo haz eso, ya sabes. Entonces, de todos modos, llegas a esta página ahora mismo, justo de atrás. Ustedes ya pueden ver tenemos un WordPress aquí mismo. Por lo que va a dar click en WordPress. Está bien. Y los chicos también recuerdan, si alguna vez tienes preguntas si algo no funciona o algo pasa. Tienen un equipo de apoyo, y estos chicos son realmente geniales. Puedes llamarlos las 24 horas del día y son súper útiles. Entonces no siento como si fueras como, Oh, Dios mío, lo estropeé. ¿ Y conoces estos tutoriales? No, tienen, ah, ah, todo el equipo de apoyo, y tienen chat en vivo gratis. Es decir, siempre están ahí para ayudarte y respaldarte. Entonces es realmente, realmente genial. Ahora, por aquí, voy a instalar ahora. Y donde chicos de prensa es en realidad probablemente ahora la plataforma más popular en Internet, ya sabes, además de PHP. Porque no tienes que tener ningún conocimiento de codificación ni nada de eso. Es tan asombroso. ¿ Qué? ¿ Qué? Wordpress propicio. En la invención, es Es increíble. Entonces aquí mismo. Es decir, haz clic en esto aquí y sigue adelante y encuentra tu dominio. Ahora, probablemente solo tengas un dominio. Si hay 80 de ellos, entonces probablemente tú no lo sé, pero hay un poco de ti uno justo aquí. Ahora, aquí mismo. Asegúrate de que no haya nada ahí. Está bien. Asegúrate de que no haya nada aquí. ¿ De acuerdo? También vamos a instalar tu sitio web Dash, lo que sea que pongas aquí, que no es lo que quieres. Entonces da tu lado del nombre. Entonces vamos a poner Darrell Wilson y luego tutoriales de WordPress, para empezar. Y aquí mismo, adelante y pon tu nombre de usuario administrador. Recuerden, chicos, nos pueden cambiar en cualquier momento, así que no sientan que están encerrados como si fuera algún tipo de contrato. Ya sabes, puedes cambiarlo en cualquier momento que quieras. Entonces voy a poner a Patty whack. Ese es mi perro. Entonces ella es la jefa, ya sabes, Patty wack. Y luego mi contraseña. Voy a seguir adelante y sólo copiar esto. Entonces ya sabes, una vez en realidad dejé esto arriba y alguien ingresó a mi página web y lo dejo todo. Entonces, uh, sí, así que asegúrate chicos, ya sabes, tú siempre con tu contraseña y asegúrate de que siempre sea confidencial. De acuerdo, Ahora, aquí mismo. Voy a poner mi dirección de correo electrónico, siéntete libre de enviarme un correo electrónico en cualquier momento, y entonces aquí mismo va a decir elegir tema. No te preocupes por eso. Um, aquí mismo donde dice instalar también para el lenguaje. Vosotros habláis diferentes idiomas. Um, sí, va a seleccionar uno de, um, um, inglés es generalmente estándar, pero ya sabes, ve y pon lo que quiera. Entonces bajo tema para instalar, no necesitamos poner ninguno porque vamos a instalar otro tema que voy a recomendar. Y luego aquí mismo, haga clic en instalar. Está bien. Dice como, 3 a 4 minutos, pero tengo que ser honesto es probablemente ser, como, 10 segundos. Siempre dicen, como, como, 3 a 5 minutos. Sí, eso no fue parejo, como un minuto. Eso fue probablemente 101%. Bueno, probablemente fue menos de, como, 30 segundos. Está bien, así que aquí mismo tenemos a tu chica administrativa, y esto es básicamente lo que haces para realmente iniciar sesión en tus sitios web. Entonces, ¿vas a dar click en esto? No. Chicos, si esto te lleva a una página donde se ve muy extraña y no es correcta, adelante y ponte en contacto con el suelo del sitio. Porque a veces wordpress toma tiempo para propagarse. A veces podría ser una hora. A veces podría ser instancia voy a ser unas horas, pero generalmente es instantáneo. Pero ha habido casos raros en los que se hace clic en él y te lleva el dedo del pie como una página aleatoria como y como, no hay nada ahí, pero deberías llevar a una página. Se ve justo así aquí. Entonces felicitaciones, chicos. Ustedes chicos han instalado con éxito WordPress. Estoy muy orgulloso de Ustedes chicos lo están haciendo increíble ahora mismo. Y si ustedes quieren mirar sus sitios web y solo ver cómo es y es como que lo revisen, ustedes van aquí para visitar el sitio. Y ahí tienes. Ahora, esto está usando un tema diferente. Se llama como si yo creo que está llamando al 27 o al 26. No lo sé. Ellos no lo sé. Hacen muchos temas de WordPress. Yo lo intento. Hago todo lo posible para mantenerlo al día, pero , um , sí, simplemente no funciona. Entonces por aquí bajo tablero. Ahora, sigamos adelante y veamos nuestra lista aquí mismo. Por lo que conseguimos nuestro dominio y hosting hecho. Enhorabuena. Tenemos asalto. WordPress hecho. Enhorabuena. Ahora en realidad vamos a instalar nuestro tema wordpress. Por lo que antes de instalar el equipo de WordPress, quiero seguir adelante y familiarizar pared con algunos de estos ajustes aquí mismo. Entonces a menos que lado aquí debajo de los usuarios, quiero ir a tu perfil 3. MENU de la parte 3 + ajustes de página: Ahora, si alguna vez quieres cambiar como tu conoces tu esquema de color así que vas a especie de, ya sabes, un poco personalizable con tu configuración y además vas a cambiar tu contraseña y tu correo electrónico. Aquí es donde lo vas a hacer. Entonces aquí mismo puedes ver que tienes un email para que puedas seguir adelante y poner como tu diferente email si quieres cambiar en el futuro. Y además, si quieres cambiar tu contraseña, solo tienes que dar click en generar contraseña y luego siempre puedes poner tu propia contraseña y luego simplemente dar click en actualizar y luego justo aquí. Entonces sí, es semana la arreglaré, pero no lo voy a actualizar por ahora, así que voy a seguir adelante y dejarlo en blanco. Pero sí me gusta este esquema de color, así que voy a ir a actualizarlo. Ahora, una cosa más que quiero que hagas es bajar a ajustes y bajar a enlaces de Perma. Ahora quiero cambiar esto aquí mismo para publicar nombre. Ahora, la razón por la que haces esto es porque normalmente cuando vas a un sitio web como Amazon o apple y vas a la página de la tienda. Dice apple dot com dash shop, ¿verdad? No Amazon ni apple dot com Dash 10 a, ya sabes, todo este loco mumbo jumbo. Y esto en realidad es bueno para propósitos STL para que la gente pueda realmente encontrar tu sitio web más fácil . Por lo que al bajar aquí, haga clic en guardar cambios. De acuerdo, Ahora voy a seguir adelante, instala nuestro tema de WordPress. Entonces aquí mismo en su apariencia, ve a temas. Y para aquellos de ustedes que están marcados hacia la prensa y no tienen idea de lo que es un tema básicamente cómo funciona es su sitio es una especie de estructura. Por lo que todos estos son temas diferentes. Se puede decir que hay diferentes tipos de temas y es básicamente la estructura de los mismos, y realmente no se puede cambiar. Pero lo que vamos a estar usando podemos cambiarlo. Entonces aquí mismo bajo popular, en realidad podríamos ser poco Encuentra nuestro tema. Creo que todo realmente surge es el número uno. Pero el tema que vamos a estar usando se llama Ocean WP. Entonces aquí mismo, Ocean WP Now también lo puedes encontrar solo yendo a los equipos de búsqueda y escribiendo en Ocean WP y aquí mismo y haga clic en detalles y vista previa, y ustedes chicos pueden ver que tiene 53 calificaciones de 5 estrellas ahora. Yo nunca, nunca los tendría, chicos. Eso es todo Un mal tema. Ahora, esto se ve mal, ¿verdad? Pero no te preocupes. Vamos a hacer que se vea realmente, realmente genial. Uh, esto esto es como una muy mala vista previa de su, pero no se preocupe. Se va a ver realmente increíble. Por lo que aquí mismo, haga clic en instalar. Está bien. Es insultante, no sólo hacer clic en. Activar. Impresionante. Ahora, una cosa más. Se va a recomendar aquí mismo. Dice que este equipo recomienda el siguiente plug in llamado Ocean Extra. Ahora, aquí mismo. Haga clic en, comience a instalar plug in. Entonces aquí mismo. Haga clic en instalar. De acuerdo, entonces el enchufe se instaló con éxito. Entonces aquí mismo, es click en volver al tablero. Ahora, chicos, hay que asegurarse de que el tapón esté instalado. Entonces si eso no surgió para ti, sólo tienes que seguir adelante y encuéntralo. Viene con el tema. Ahora, para aquellos de ustedes que no tienen idea de qué enchufes eran lo que acabamos de hacer. Entonces por aquí, debajo de los enchufes, hacemos click en los tapones de sal. Entonces estos básicamente están enchufando a ningún tipo. La mejor forma que puedo usar para describir los enchufes es básicamente APS. Entonces al igual que los iPhones tienen aplicaciones como, ya sabes, eBay Chase o algún tipo de aplicación que uses o licites. Esto es exactamente lo mismo. Entonces aquí mismo, bajo add New ustedes chicos van a ver que hay cientos, miles de enchufes, y estos básicamente le dan a su sitio características adicionales como, por ejemplo, que algún derecho aquí te da capacidad de vender en línea. Este da capacidad para tener mejor la búsqueda de tu sitio web y en realidad tener tutoriales en ambos de esos enchufes. Por lo que más adelante adelante por el camino, cuando ustedes al aire, saben mejor que yo con WordPress. Ustedes siempre pueden ir a esos tutoriales, y ustedes siempre pueden echarle un vistazo, y son de verdad, muy útiles. Entonces eso es básicamente lo que son los enchufes. En pocas palabras. Básicamente son solo APS. Entonces, por ejemplo, si alguien intenta iniciar sesión en algún momento aquí mismo, lo bloqueará. Entonces eso es sólo un pequeño resumen rápido de lo que, um, enchufes son. Entonces si quieres visitar tu sitio ahora mismo, creo que estoy justo aquí. Acuden a visitar sitios y ustedes pueden verlo. Se ve absolutamente terrible. No se ve bien. Entonces vamos a seguir adelante para que se vea realmente, realmente genial. Ahora en realidad vamos a asaltar otro enchufe y esto se llama Elements o Paige Miller. Es un nuevo plug in, en realidad sé, salió sobre Onley hace un año, y acaba de ser como la cosa número uno para WordPress en este momento. Es Es realmente increíble lo que hace esta página Lorcan. Entonces ustedes chicos escribiendo l un mentor? No. Es posible que quieras asegurarte de instalar este aquí mismo. Los elementos son pagaderos. O ahora míralo como 100,000 instalaciones activas con calificaciones muy, muy positivas. Y estos son todos, como, jugando de terceros. Por lo que a la gente le gustaba tanto que hicieron plantillas para ello. Hicieron todo tipo de widgets y agregan ons, Pero no voy a pasar por todos esos porque puedo pasar días hablando de esos. Entonces aquí mismo bajo Al Mansur Paige Miller, ¿quieres dar click en instalar ya? En realidad es realmente increíble. El constructor de páginas es muy fácil de usar, y es solo que es Es tan fácil para principiantes y es una especie de cambio cómo hacemos los sitios web hoy en día. Entonces va por aquí abajo. Se puede ver L. Se ha activado un mentor. Entonces vamos a mezclar y páginas Ahora. Ya sabes, necesitamos hacer algunas páginas para nuestros sitios web. Entonces aquí mismo debajo de las páginas, vaya a todas las páginas. Entonces no tenemos páginas, ni páginas encontradas. Entonces aquí mismo, dar click en, añadir nuevo. Ahora vamos a hacer una página de inicio justo aquí página de inicio y luego dar click en Publicar aquí mismo , todos los derechos y luego estoy dando click en una más. Entonces vamos a la página aquí mismo. Eso es como el método de atajo justo aquí. ¿ Ves esto? Además sabía que podías hacer post como Blawg Post. O como otro usuario. Hablaremos un poco de eso más tarde. Entonces te escucho de nosotros y luego una necesidad más de contactar página, ¿ verdad? Entonces justo aquí debajo de la página, ven a la hora más cálida. Por lo que aquí, póngase en contacto con nosotros y vaya a publicar. Muy bien, así que básicamente hicimos las páginas ahora, Así que hicimos la página principal hicimos la página sobre nosotros y una página de contacto y aquí mismo en el enlace de Perma, puedes ver que esto es como, ya sabes elemental dot com dash, contáctenos. Entonces no es todo ese mumbo jumbo que somos cosas de números. Entonces, básicamente por eso hicimos el nombre del puesto en su lugar. Entonces de nuevo, si quieres seguir adelante y cambiar tu sitio web, vas aquí arriba, ve a visitar sitio, ve a visitar sitio, pero en realidad quieres crear el menú primero antes de que nos enloquemos y hagamos todo lo demás. Entonces aquí mismo bajo apariencia, vamos a bajar a los menús. Muy bien, Así que adelante y darte un menú. Un nombre ahora siempre solo hago menú uno. Ya sabes, realmente no importa demasiado cuál sea tu nombre de menú. En realidad nadie lo va a ver, pero tú Así que aquí vamos a crear menú ahora, justo aquí debajo de las páginas. Yo quiero que les den click a todos ustedes. Basta con dar click en todas las páginas. Entonces hay dos páginas de inicio y te explicaré por qué tenemos que páginas de inicio. Entonces aquí mismo dice, enlace personalizado. Yo quiero seguir adelante y eliminar esta página ahora en el futuro si querías liderar una página, Así es como lo vas a hacer fuera de tu menú. Entonces aquí mismo, estoy dando click en esta flecha, desplácese hacia abajo y vaya a quitar. Entonces ahora todo lo que tienen es el sobre nosotros, el contáctanos página principal de Andy, y puedes tipo de reorganizar estos en cualquier orden que. Por lo que en una casa sobre contáctanos y justo aquí en guardar menú. Ahora, si quieres menú desplegable, digamos, por ejemplo, por ejemplo, pasas el cursor sobre él y muestra otra página. Todo lo que hay que hacer es arrastrar esta página o la página que sea así. Y te dará una gota de tiempo y tú y yo te explicaré qué es eso ahora mismo. Entonces aquí mismo, voy a ir a visitar sitios. Ahora el menú no está ahí porque en realidad necesitamos configurarlo. Entonces aquí mismo, quiero que ustedes hagan click en Personalizar. Ahora se trata de un personalizador de temas. Esto tiene mucho que ver con los ajustes generales del tema como el menú, la topografía y otros ajustes como ese. Entonces aquí mismo debajo de los menús que se convierten en menús, ve al Menú uno. Y luego aquí mismo hay cuatro lugares diferentes donde puedes Puedes poner tu menú lo que en realidad es tres. Ahí está la parte superior, la principal en el pie de página. Entonces bien, si haces click en pie de página, vas a ver que tu Ah, lo siento. El top. ¿ Vas a ver que tu menú aparece aquí arriba. Ahora bien, si quisieras aparecer como por aquí, puedes dar click en main. Entonces ya ves, el menú está por aquí, y si saco esto, esta parte superior desaparecerá. Y también en el pie de página, que es la parte inferior de la página web. Ahí lo tienes. Al domicilio sobre nosotros en el contacto con nosotros. Ahora, si vuelvo sobre casa, vas a ver de nosotros. Preséntate. Entonces la razón por la que eso está pasando es porque arrastré el sobre nosotros debajo del hogar. Entonces si quieres una gota él y te gusta eso, así es como lo logras. De acuerdo, así que aquí vamos para atrás ahora, también hay una cosa más importante que necesitamos establecer. Tenemos que establecer una casa pagada. Entonces, cuando tus visitantes acuden a tu sitio web, ¿qué páginas quieres que vengan primero a probablemente tu página principal, verdad? Entonces aquí mismo bajo portada estática, quiero hacer clic en eso, ir a una página estática y seleccionar la portada como su página principal e ir a guardar y publicar . Entonces ahora si alguien visita tu sitio web, en realidad van a visitar primero la página principal. Por lo que al hacer click en X, puedes ver que tengo mi página de inicio y hago click en mi contactarnos. Por supuesto, no hay nada encendido. Es porque no lo hemos diseñado. Entonces vamos a seguir adelante y hacer eso ahora mismo. Entonces, ¿por qué no vas a tu página principal aquí mismo y luego vas a editar página? Entonces hay algunas cosas que necesitamos cambiar realmente en esta página aquí mismo. Entonces supongo que el scroll abajo justo aquí y ahora vas a ver los ajustes de Ocean WP ahora, básicamente, lo que es esto son los ajustes para el tema. Entonces aquí mismo, bajo disposición de contenido, quiero que hagas click en esto y vayas al 100% lleno con y la razón por la que estamos haciendo eso es en caso de que te estés preguntando. Seguiré adelante y te mostraré por qué ir a pegar. Entonces aquí mismo hay una página principal actual pero como que quiero deshacerme de esta gran parte. Y quiero deshacerme de todo esto. Y yo sólo quiero tener una hoja de papel en blanco, especie de. Por lo que solo podemos diseñar el sitio web. Entonces aquí mismo, quiero hacer 100% lleno con ahora para barra lateral justo aquí. Ustedes pueden seguir adelante y dejar ese default y luego por márgenes. Yo quiero desactivar eso. Y los márgenes son en realidad estas pequeñas palmaditas blancas justo aquí. Esto es una mentira No, realidad tampoco queremos eso. Entonces por aquí, haces clic en Deshabilitar ahora también para el encabezado. Entonces para la sección de encabezado justo aquí, quiero seguir adelante y deshabilitar esto aquí mismo y en realidad quiero mostrar el encabezado. Podemos mostrar el encabezado y luego para la navegación principal. Quieres dar click en esto y quiero seleccionar el menú que creamos. Entonces básicamente, digo que quiero que nuestro menú aparezca en esta portada aquí mismo y luego también por el título. Yo quiero seguir adelante y desactivar eso porque aquí mismo no quiero este hogar aquí mismo. Ya sabes, no lo necesitamos. Es feo. No es necesario. Entonces voy a seguir adelante y sólo decir, ¿ sabes qué? Estás jubilado. Ya sabes, te has ido. Estás despedido, ¿sabes? Entonces vamos a seguir adelante y deshacernos de eso ahí mismo. Y luego otra cosa es nuestra sección de pie de página. Ahora vamos a hablar un poco de pies de página y widgets y todo lo demás después. Entonces por ahora, solo voy a seguir adelante y dejar este default porque vamos a volver a lo que es un poco más tarde. Te explicaré cuáles son a detalle un poco más tarde, pero ahora mismo, quiero que hagas click en actualizaciones. ¿ De acuerdo? Y ahora en realidad podemos ir por delante de ustedes la página. Hora de ir y refrescar esta página. Y tú deberías lucir algo así aquí mismo. Se va a ver así. Se va a ver, ya sabes, pero no te preocupes, porque básicamente es ah, rascarlo de papel. Por lo que aquí mismo, dar click a cualquiera con L. Un mentor 4. PARTE 4 de la página 1: Muy bien, estamos aquí. Enhorabuena, chicos. Estamos progresando. Lo estamos haciendo. Lo estamos haciendo. Por lo que tenemos esta sección aquí mismo. Dice agregar nueva sección. Ahora, quiero que ustedes un poco, como, poco familiarizados con facilidad. Entonces esto es como un widgets de texto, A. Pero en un video, un divisor, un icono como Google Maps, cuadro de imagen, todo este aire Simplemente básicamente pequeños módulos. Y básicamente solo arrastras todos estos hasta donde quieras, y básicamente simplemente lo pone ahí. Entonces así es básicamente como funciona esta página Miller, o todo es totalmente Dragon drop justo aquí. Entonces aquí mismo. Da click en, agrega una nueva sección y quiero seleccionar una aquí mismo. Por lo que ve su sección aquí mismo. Ahora, antes de que hagamos algo, quiero dar click en esto aquí mismo. Ahora te sientes menos lado aquí mismo. Tenemos este diseño. Entonces básicamente, quiero decir, Mira, quiero seguir adelante y estirar esta sección. Yo quería 100% así que quería cubrir toda la página y también por el contenido con quiero hacerlo lleno con y para la altura. Yo quiero que quepa a la pantalla. Entonces ahora ustedes pueden ver que tenemos esa página de aterrizaje así. Podemos tener esa gran página de aterrizaje para que podamos tener eso, Como, ya sabes, la imagen de fondo. Podemos decorar un poco un poco. Ahora, hay un enlace en la descripción de este video, y te dará acceso a algunas imágenes. Ahora, la imagen que uso para este mismo tutorial exacto no puedo darte esta misma imagen exacta porque en realidad es propiedad de una empresa. Por lo que no puedo redistribuir su. Pero en realidad he puesto muchos reemplazos en ese fuller, así que no te preocupes. Y además, si ustedes chicos necesitan ir a conseguir imágenes realmente geniales, les recomiendo ir a un splash dot com. Estos chicos tienen algunas imágenes increíbles. Tan realmente famoso quería, como cielo nocturno. O puedes poner como el espacio. Y estas son todas, como, imágenes hermosas HD. Es como instagram, pero para, como, como, fotógrafos súper profesionales, ya sabes, no es para la persona promedio. Al igual que la gente simplemente no sube fotos que no son buenas. Sólo toman fotos realmente, de verdad, um, ya sabes, ya sabes, muy bonitas. Por lo que en realidad tengo algunos en mi carpeta y el enlace en la descripción. Entonces creo que uso como, algunos otros. De acuerdo, así que aquí mismo y haga clic en esto, o voy a volver aquí ahora, bajo el estilo, tenemos tipo de fondo. Entonces esto es para así como, una imagen. Esto aquí mismo es para el gran efecto, que hablará un poco más tarde. Y esto es para el video. Por lo que dependiendo de cuál quieras, puedes usar cualquiera de esos. Pero quiero ponerme muy básico y solo ir al clásico. Y digamos que quieres un color diferente para que puedas tener, como, un color diferente, ya sabes, aquí mismo. Y recuerda esto probablemente. Aquí es donde Texas va a ir. Pero voy a hacer ese poquito. Pero ya sabes, no quiero color, ¿sabes? No quiero no quiero solo quiero quiero una foto. Las imágenes siempre son fáciles. Todo el mundo menos fotos. Por lo que me entregué la biblioteca. Voy a dar clic en seleccionar archivos y tú vas a subir el archivo. Entonces creo que el mío estaba en mi escritorio. Fue para l. un mentor, y puedo usarlos así aquí mismo. De acuerdo, así que voy a seguir adelante y usar esto aquí mismo e ir a insertar medios. ¿ Todo bien? Ahora sí lo hace. Mira un poco scoot. Se ve un poco loco. Eres como, Whoa, esto no se ve tan bien. Por lo que aquí mismo bajo nuestra posición, dejar como default para los adjuntos. Iré y me iré por defecto. Pero el principal que realmente querías cuidar es el tamaño, y quiero poner tapadera. Ahora, ustedes pueden ver que las imágenes ahí mismo. Y se ve mucho mejor que ese pequeño espacio diminuto que teníamos antes, cierto, así sucesivamente. Y también hay muchas otras características geniales que puedes tener, como Ah, Ah, superposición de fondo. Entonces si quieres agregar como una superposición a esto, puedes seguir adelante y agregar un excesivamente Pero por ahora, no voy a llegar demasiado lejos en estos ajustes porque vamos a hablar de todos estos ajustes un poco más tarde. Yo solo quiero familiarizarlos a todos con la página Buller y asegurarme de que lo entiendan . Entonces ella hace que muchos de estos círculos se cuadran aquí arriba. No hagas click en eso. Y esto traerá la opción de estos aquí mismo. Entonces te da a todos un poco, um ya sabes, los gadgets y todo lo demás. Entonces aquí mismo en su editor de texto, voy a tomar eso y simplemente arrastrarlo justo aquí. Ahora pongo bienvenido a la revolución, pero ustedes pueden poner lo que quieran. Ya saben, por ahora ustedes chicos pueden saber que es su página web, ¿saben? Entonces voy a poner algo así como, Bienvenidos a ustedes saben, quiero hacer esto y ver Bienvenidos a la revolución y ustedes para futuras referencias. No sé por qué, sino un diseño web. Todos capitalizan La primera letra de cada palabra. Es sólo la forma en que va. Simplemente se ve realmente limpio. Y la mayoría de la gente por ahí sólo tiende a hacer eso. Por lo que pongo bienvenido a la revolución y por el estilo. Yo quiero entrar y centrar esto Ahora. Vosotros chicos realmente no lo podéis ver demasiado bien. Entonces quiero cambiar el color. Entonces aquí mismo en nuestro color de texto. Yo quiero poner blanco ahora topografía. Por lo que en realidad aquí es donde se puede cambiar la fuente. Se puede cambiar todo al respecto. Por lo que el tamaño que ustedes pueden hacer ir más grande o pueden hacerlo ir más pequeño. Entonces aquí lo creo. Alrededor de 35 conjeturas 32 32 es bueno. Ahora por la familia, pongo a Italiana. Pero chicos, este constructor de páginas tiene fuentes ilimitadas. Y la gran parte de esto es que con otros temas y otros rodillos de página, hay que instalar como las fuentes fáciles de Google y hay que introducir código. Es un dolor total. Es el poco dolor en el trasero, Pero esto es en realidad mucho más fácil. Así que lo hice, Italiana. Está bien, Ahora no sale demasiado bien, Así que tal vez querrías cambiar el tuyo o, ya sabes, Pero en realidad, el peso realmente haría una gran diferencia. Entonces aquí mismo el peso es como la audacia, Así que voy a seguir adelante y poner 300. De acuerdo, eso no fue demasiado. Por lo que esto lo incrementa a 600. Ahora se puede ver que está saliendo un poco más claro, e incluso puedo ir más Aiken, vaya 700 entonces puedo 800 órgano para decir que quería audaz, pero sólo déjalo a 800 aquí mismo. Ahora por la transformación. Podemos tenerlo todo en mayúsculas, así que prefiero tenerlo en mayúsculas porque creo que se ve mejor. Pero en realidad puedes hacer minúsculas o capitalizar o lo que quieras hacer. Ahora capitaliza en realidad, lo que recomiendo, porque eso es justo lo que hace la gente enamorada. Sé que en el mundo de la gramática, no es correcto. Pero eso es justo lo que hace la gente aquí. Entonces, sí, así de todos modos, entonces, para el estilo es, bueno, puedes cambiarlo a normal, cursiva u oblicua. Entonces si quieres cursiva a cursiva, o puedes seguir adelante y solo dejarlo como normal ahora para el espaciado de letras, sé que algunas empresas hacen esto como creo que Loreal esa compañía de champú era. Si lo espacias para ver cómo las letras tipo de espacio fuera así, puedes hacer eso o puedes hacerlo realmente, realmente, muy pequeño. Pero eso es ridículo. Nadie haría eso, pero tal vez algo así y luego aquí mismo contiene la altura de la línea. Ahora te explicaré qué es un poco mejor la Casa Blanca. Esto es un poco difícil de darte un ejemplo de una buena altura de línea, pero básicamente, es solo la línea. Es como este espacio de su. Pero después de tener algún otro texano, ¿entiendes de lo que estoy hablando? Un poco más. Algunos creen eso como, uh, dejarlo en una por ahora. De acuerdo, Así que quiero seguir adelante y sumar en la siguiente sección. Entonces, ¿justo aquí? En realidad, no , son los otros sitios web. Durables y tutorial. Déjame ir a esa. Sólo para mostrarles chicos, ellos también si ustedes chicos necesitan ayuda o usan el recurso es ir a mi página web darrell wilson dot com. Ustedes pueden conseguir un montón de gratis. Recurso es que tengo un montón de sorteos como. Tengo todo tipo de cosas geniales. Ahora quiero que ustedes tipo de entender lo que he hecho. Entonces aquí mismo tenemos un texto, tengo un encabezado. Añadí un subyacente y luego dos botones. Eso es todo. Eso es todo lo que hice. Entonces volviendo por aquí y quiero dejar que éste Estás despedido. Nadie se ha ido. Eso se había ido. Está bien. Por lo que pinchando en estos pequeños iconos aquí mismo. Entonces aquí mismo, voy a dirigirme, y pondría esto aquí mismo. Esa pequeña línea está ahí mismo. Voy a ir y dejarlo ahí mismo. Ahora aparece justo aquí. Entonces aquí mismo. Pongo Elemental porque ese es el proyecto de ley de página que estamos usando. L un mentor. Adelante y centrar eso. Está bien. Ahora, para el estilo, tenemos texto, color y topografía. Entonces aquí mismo, haga clic en blanco y luego topografía. Um, creo que lo usé era como el monstruo algo así. No estaba realmente seguro de cuál usaba. Entonces aquí, debajo de la familia, justo aquí. Creo que fue como los meses que usan este aquí mismo. No, Ya sabes, uso postura abierta, arena abierta. Es como si fuera el más preferido. Entonces pueblos abiertos aquí mismo y luego quiero cambiar esto a tal vez, como, ya sabes, 300 hacen un poco más delgados porque una vez que lo haga más grande, se verá mejor ahora para este tamaño aquí mismo. Podría cambiarlo a algo así como el 105%. De acuerdo, veo la altura de la línea justo ahí. Entonces básicamente la línea alta básicamente está diciendo: Mira, Mira, quiero tanta altura entre las líneas, así que es como acaparar las líneas de una manera, eso es lo que está haciendo la altura de la línea. Entonces volviendo por aquí, tienes que seguirme. Pero aquí mismo en la altura de la línea, se puede ver como se dice: Mira, Mira, quiero tanto espacio para mí. Eso es básicamente lo que es la altura de la línea. Entonces en pocas palabras, eso es básicamente lo que es la vida y es. Entonces escucho un pero L un mentor. Ahora por este estilo quiero realmente hacer esto un poco. Yo quiero tipo de espacio todo aquí mismo. No quieres ese gran espacio ahí mismo. Por lo que 5.1. Y para la transformación, haré algo en mayúsculas. Y luego, por el estilo, adelante. Deja eso como predeterminado. Ahora, chicos, también, una cosa más cuando estás diseñando tu sitio web, tal vez quieras cerrar esto aquí mismo. Eso en realidad te va a mostrar cómo se ve. Y entonces eso es lo que tipo de como sabes, es casi lo mismo. Simplemente te está dando un ejemplo extra de cómo se vería. Entonces el espaciado entre letras, creo que se ve bien. Ahora, por aquí en mi otro sitio web justo aquí, se puede ver que tengo esta pequeña línea aquí mismo. Entonces esto es básicamente un divisor. Entonces aquí mismo debajo de estos pequeños gadgets aquí mismo, voy a ir a Divider y simplemente tomar esto. Simplemente arrástrelo justo debajo. Ahora, todo el propósito de un divisor, chicos, es realmente dar espacio entre todo. Eso es realmente para lo que sirve. Pero puedes usarlo como decoración, ¿sabes? Por lo que aquí estoy un click en centro. Yo cambiaría el color a Blanco. Y quiero que ustedes realmente vean algo. Aumenta el peso. Voy a hacerlo mucho. Aquí mismo. Necesito que me gusten ocho. Ahora. Todo mi haciendo esto solo para mostrarte lo que es. Entonces aquí abajo con quiero que ustedes vean esto. Como si estuviera desapareciendo, ya sabes, mira eso. Pero si lo tengo a la izquierda va a desaparecer a la izquierda y luego a la derecha. Se puede desaparecer como que es eso pero en realidad quiero mantenerlo en el centro, y sólo quiero tenerlo. A lo mejor como algo así aquí mismo. Está bien. Y luego el peso. Eso es demasiado. Ya sabes, tal vez algo un poco más delgado. Tres es bueno. De acuerdo, Ahora en realidad puedes hacer, como, punteado. Se puede hacer, como, todo tipo de pequeñas decoraciones diferentes y todo. No por el tiempo avanzado. Chicos. No te preocupes por todo esto. Vamos a cubrir esto un poco más tarde. Esa historia A Bueno, sé que hay mucho que cubrir esta página, Miller, Miller, pero pasos de bebé. Entonces también, ustedes pueden hacer, como, como, el camino a la brecha suficiente para la brecha aquí mismo. Este es básicamente el único propósito del divisor. Entonces básicamente divisores diciendo: Mira, Mira, quiero tanto espacio entre todo. Entonces al aumentar o disminuir, eso es lo que realmente puedes, um, ya sabes, poner eso donde quieras. Entonces iba a hacer, como, dos. Y más adelante en este tutorial, hablaremos más de márgenes, que es básicamente, como, cómo en realidad puedes empujarlo contra otros lugares donde puedas, ya sabes, ponerlo en cualquier lugar que quieras. Entonces, básicamente, el margen es como decir de dónde quieres empezar. Entonces si pongo como menos 10 va a estar un poco más cerca. Pero si me gusta más 10 va a estar, como, más lejos. Pero en este caso, aquí mismo, sólo déjalo en menos 10. Pero hablaremos más de márgenes y palmaditas Chicos, no se preocupen. Todavía no quiero saltar a ninguna de las opciones de masas. Entonces a continuación tenemos esto a botón aquí mismo. Entonces tenemos dos botones justo aquí. Ahora sigamos adelante. Ahora los de No chicos, quiero ser muy heterosexual para con ustedes chicos, diseño lo es todo. Ya sabes, he visto ah muchos otros tutoriales donde te enseñan muchos sitios web, pero no se ven bien. Ya saben, chicos, ¿de qué sirve un sitio web? Si no se ve bien, necesitas hacerlo increíble. Y lo que alguien viene a tu página, necesitan saber de qué va tu sitio web en dos segundos o se van a ir. Porque si alguien viene a un sitio web feo, no lo entiendes, se van a ir, ¿ verdad ? Por lo que quieres asegurarte de que tu sitio web llegue al grano muy rápido. Muy claro. Por lo que entienden de ti y de tu sitio web. Entonces aquí mismo bajo estas dos cositas ahora quiere ir a columnas. Arrastraron esto y vamos a poner esto debajo de esta cosa aquí mismo. Entonces, ¿qué? Las columnas son básicamente es sólo más secciones. Básicamente, es sólo más sección, así que eso es realmente todo lo que es. Por lo que tengo dos secciones aquí. Ahora, si quieres agregar más, das click en esta cosita y vas a Plus va a agregar tres secciones, pero quiero ir y solo dejarlo Solo quiero solo quiero botones. Y si querías comer toda esta fila, haces click en la pequeña X justo aquí, y eso en realidad borrará toda la fila. De acuerdo, Pero voy a seguir adelante y tomar estas columnas y arrastrarla y ponerla ahí mismo. Y luego haremos click en estos botones e iremos a Butts en. Ustedes probablemente ya están consiguiendo esto, ¿sabes? ¿ Verdad? Ponlo justo ahí. Ahora voy a volver a hacer clic en esto. En realidad, no, no, en realidad podemos duplicar esta fila, pero, um sí, señor. Aquí mismo. Da click en esto y da click en este poco estas dos cositas aquí mismo. Aquí dice Duplicar columna. Haga clic en eso. Entonces ahora tenemos que Ahora éste, sólo vamos adelante y lo lideramos. Impresionante. Ahora hay muchas buenas razones por las que quieres escoger una rosa. Porque a veces estás haciendo muchas cosas y solo quieres duplicarlas. sabes, ya tienes la fuente, como aquí mismo hicimos el zorro y todo. Ya sabes, quizá quieras volver a hacer eso de nuevo, otra parte de tu página web. Por lo que solo puedes seguir adelante y duplicar la rosa Ahora por este botón aquí mismo. Yo quiero seguir adelante y ponerlo a los derechos. Entonces ven aquí está justo ahí ahora para el tipo justo aquí se puede, Pero es como info. Pero solo está el color. Entonces estos eran sólo, como, algo así como para principiantes. Si realmente no sabes qué poner su decir básicamente, peligro es rojo. Ya sabes, el éxito es un éxito, greenoe causa supongo que el dinero, Ya sabes, supongo que quien tenga más dinero hoy en día eso es lo que es con la persona exitosa es tan aquí. Voy a poner inicio ahora para el enlace. Entonces el enlace es básicamente, Si hacen clic en esto, ¿a dónde quieres que vayan? Bueno, eso lo haremos un poco más tarde. Pero, por ejemplo, pones como w w dot darrell wilson dot com. Y si hacen clic en este botón aquí mismo, van a ir a mi página web darrell wilson dot com. En realidad tendremos que poner tienes que poner https https y luego eso. Está bien. Y luego cuando hagan clic en esto, los llevará a darrell wilson dot com. OK, así que vamos a ir y dejar eso así por ahora y después por el ícono. ¿ Quieres un ícono aquí? Entonces, ¿quieres una Nikon? Podemos seguir adelante y poner Sí, podemos encontrar algunos cool y ver qué tenemos. Tenemos la manzana. ¿ Tenemos manzana? Eso en realidad es realmente genial. Y en realidad se puede hacer como las posiciones. Lo vas a tener antes, después. Y luego podrías hacer espaciado de iconos también, pero eso se ve realmente feo. No creo que ningún sitio web haga eso. Entonces Bueno, probablemente eso, como, cinco o algo así. Algo centrado en el estilo Nuffer. Entonces tenemos este flotante aquí mismo. Y los chicos se iban a encontrar con este flotante y todas las opciones que valen estas cosas eran básicamente como, si pasas por encima de algo, ¿qué quieres que vean ahora tus visitantes? Voy a seguir adelante y usar la opción de flotar en esto porque todos los modelos realmente tienen esto. Entonces si vas a gustarte alguno de estos otros modelos aquí mismo, todos tienen la función de flotar. Entonces, incluso el fondo aquí mismo, si alguien pasa sobre él, puedes cambiar la configuración. Si alguien se cierne, realmente depende de ti. Entonces justo aquí debajo de estos bajo el botón justo aquí. Voy a dar click en el botón ahora bajo estilo aquí mismo. Soy un click en topografía. Entonces recuerda, solo estamos cambiando el botón real ahora mismo, pero en realidad simplemente lo dejé estándar. Ya sabes, puedes dárselo como a fuentes diferentes como esta para abrir arenas, ¿de acuerdo? Y luego el peso Siempre puedes cambiar los pesos a lo que quieras. 500. Y estas opciones los chicos también son repetitivos. Entonces en el transcurso del sartorial, no voy a ir a fondo en esto otra vez porque como que ya hemos cubierto todo esto. Ya sabes, hablamos para poner esto Nosotros, ya sabes, hablamos del encabezado y todas las demás cosas, así que no me va a gustar una vez cubra una cosa no voy a, ya sabes, volver a cubrir todo porque eso sólo sería repetitivo. Y sólo estamos perdiendo el tiempo el uno al otro. Ya lo sabes? Ya vas a comportarte. Todo esto, ya sabes, pulgares abajo, ¿sabes? Entonces aquí mismo tenemos nuestra normal y luego tenemos un flotante. Entonces la opción de flotar significa si alguien se cierne sobre su ¿qué quieres que haga? Entonces, básicamente, puedes decidir si alguien se cierne, es que las subastas cambiarán. Entonces aquí mismo tenemos el color del texto. Voy a poner blancos. Ya es blanco. Da clic aquí y ahora también tenemos color de fondo, así que me gusta este color aquí mismo. Entonces ahora ustedes pueden ver que es de este color. Pero ahora tenemos la opción de flotar. ¿ Ves esto aquí mismo? Entonces ahora mismo dice que el color del texto es el color de fondo blanco es este azul? Pero si hago clic en hover aquí mismo, podemos cambiar eso. Entonces ahora voy a poner negro y voy a poner rojo para ver de verdad dónde está el rojo? Cercanidad Roja. De acuerdo, entonces ahora si paso el cursor sobre el botón de inicio, va a cambiar así. Entonces va a ser de, ya sabes, como eso es y eso básicamente es lo que es el hover y también contiene la animación, que es realmente, realmente genial. Entonces, básicamente, cuando alguien visita el sitio web por primera vez, se va a poner como, una pequeña animación realmente genial. Entonces eso es sólo para el efecto de flotar sobre, sin embargo. Entonces ya ves, ya estoy encima de flotar en él en este momento. Puedo cambiar a, como, como, jalar retráctil, Ve que como es algo de hacer que la animación o pop in haga eso. Pero recuerda, esto es sólo para el flotante. Entonces, si haces esto, quieres asegurarte de que lo estás haciendo para la configuración correcta. Ahora no sé cuál querrías, pero aquí mismo en lo normal. Y entonces de nuevo, podemos cambiar la, ya sabes, cambiar la animación para ello también. Entonces solo les estoy dejando saber que cuando ustedes hacen esto, necesitan realmente configurarlo para la opción de flotar. No. En realidad creo que la subasta de flotación es sólo para los botones cuando se pasa el cursor sobre también . Pero en realidad está en cada módulo, así que eso es básicamente si alguien se cierne sobre él. Ahí lo tienes. Está bien. Entonces lo siguiente que vamos a seguir adelante y hacer es como el con aquí mismo. Entonces tenemos lo sólido y lo normal. Siempre que quieras poner ahora, también podemos hacer radio fronterizo, y lo duro que vayas, el corredor se pone. Entonces aquí. Yo sí como 30. Ya sabes, 50. Ya sabes, lo tenemos así, y luego sales como un botón redondeado. De acuerdo, Ahora, sombra de caja. A todos les encantan las sombras balk. Entonces caja yo era básicamente como una sombra alrededor de la caja, así que aquí mismo tenemos este desenfoque. Ahora, si ves el botón aquí mismo, vas a ver este pequeño tipo de oscuro como, uh, en realidad puedes cambiar el color para ayudarte a ver un poco mejor. Pero ahora ves cómo hay como ese poco verde alrededor. Es que hay un azul. Ahí hay como un morado. Ya ves como es un poco resplandeciente. Eso es realmente lo que es una sombra de caja. Entonces si quieres una ducha box en tu botón, siéntete libre de hacerlo. Y, por supuesto, puedes cambiar estos ajustes. Podrías tener una horizontal que probablemente no tendría sentido. Gran cambio, la propagación de su a algo así aquí mismo. Entonces ya ves cómo es como que resplandece. Entonces eso es básicamente lo que es una sombra de caja, y puedes cambiar el desenfoque por otra cosa que quieras. Está bien. Pero no quiero una sombra negra. No, me gustan las sombras de caja alrededor de otros módulos, pero no encendidas. Pero como ya sabes, no creo que sea bueno y esto también es como el relleno de texto. Entonces palmaditas es básicamente espacio, pero espacio. No quiero hacerlo en este ejemplo, porque no va a estar lo suficientemente claro. Entonces ahora mismo voy a decir, ¿ sabes qué? Ya terminé con esta sección, ¿sabes? Entonces subiendo por aquí. Ahora da click en este botón aquí mismo. Ahora todo lo que quieren hacer aquí mismo es que voy a seguir adelante y simplemente cambiar el sur de negro. Por lo que quiero el color de fondo como negro. Algunos como ese y pone como una bienvenida a principios de este año aquí, vamos a poner el botón aquí mismo. Seguiremos adelante y pondremos Welcome. Está bien. Y luego, claro, tenemos nuestro ícono. Puedes cambiar esto a todo este ajuste como quieras, ¿de acuerdo? Y luego hablaremos un poco de margen y Patty un poco más tarde. Cómo podemos poner este tipo de, ya sabes, podríamos ponerlo en cualquier lugar que queramos, básicamente, pero no quiero hacer eso es ahora mismo, Así que hablaremos más de eso un poco más tarde. Pero sigamos adelante y encogemos esto aquí mismo. Y ahí tienes. Tenemos nuestra página de inicio. Hermosa página de inicio. Por lo que tengo Bienvenida a la Revolución. C l un mentor. Tenemos este divisor, y agregamos dos botones. Entonces felicitaciones, chicos. Ya sabes, eso fue en realidad 5. Parte 5 de la primera PÁGINA PARTE parte 2: bastante fácil, ¿verdad? Esto fue Es bastante autoexplicativo. Ya sabes, es solo la siempre de aprender a usarlo. Entonces a aquellos de ustedes viendo estas felicitaciones, otras personas como que les gusta ver formalmente. No lo sé. Ya es do. Es No lo es. Es muy, muy fácil. Por lo que si quieres hacer cambios a sitio web aquí mismo, click en seguro. Está bien. Y luego aquí mismo, click en esta X y ve a ver página. Y ahí tienes. Tenemos nuestra hermosa página de inicio justo ahí. Súper sencillo de hacer. Y por supuesto, presidente, ponga ese eslabón ahí dentro. Entonces, querido wilson dot com Si hago clic en el botón de inicio, me va a llevar a mis sitios web. Darrell wilson dot com. Por lo que esta es mi página web no se calma. Entonces de nuevo, solo vas a seguir adelante y poner cualquier enlace ahí mismo. Pero probablemente vamos a terminar poniendo nuestras otras páginas como nuestra página de contacto pr sobre nosotros, porque normalmente cuando vienen a nuestro sitio, quieres que vayan a tu página de contacto con nosotros. OK, así que ahora sigamos adelante y sigamos haciendo este sitio web. Entonces aquí mismo, click en editar con elemental o y solo vamos a seguir bajando sección por, chicos de sección en Quiero que como que entiendas lo que vamos a hacer. Entonces aquí mismo. Yo quiero ver este apartado. Entonces básicamente, esta es una sección de dos columnas con texto, texto y texto. Por lo que es una columna con tres modelos de texto en ella. Eso es todo. Entonces aquí mismo en una nueva sección, Pero te necesita aquí y aquí mismo. Tengo el editor de texto. Voy a poner esto justo aquí, y sólo voy a seguir adelante y poner algo más ahí dentro, como si no supiera lo que quiero, Lo que pongo. Tengo el mayor problema con cinco textos, así que detenga su mente. El descanso es mío. El descanso es mío. Ahora, para este estilo aquí, acabo de hacer estilo, y lo puse a la derecha, y luego pongo el color como blancos. De acuerdo, Ahora sé que no puedes ver. Es y eso porque vamos a cambiar este fondo a negro aquí mismo. Entonces aquí mismo bajo esta sección e ir a nuestro estilo. Y ahora para el tipo de fondo y haga clic en clásico y podemos cambiar el color a negro. Y ahora podemos ver esto. Ahora también podemos hacer lo grande en efecto. Entonces en realidad voy a mostrarles cuál es el gran efecto ahora mismo. Entonces el efecto verde justo aquí. Si hago clic en él, podemos cambiar estos dos colores diferentes. Entonces, por ejemplo, aquí mismo tengo color. Y puedo cambiar este verano como verde y luego nuestro color secundario cambiar la ubicación y chicos, puedes hacer esto por cada módulo individual. Por lo que su ilimitada en tu creatividad. Entonces, sin embargo crea creativo que eres. No soy el mejor diseñador web realmente no soy, ya sabes, y otras personas son justo, como mucho mejor que yo. Ya sabes, si tienen sitios web tan creativos e ideas creativas. Entonces así es básicamente como harías el gran efecto. Entonces te voy a hacer solo vas a seguir adelante y dejarlo como clásico aquí mismo. Voy a hacer un negro sólido ahora mismo. De acuerdo, así que hago click en esto aquí mismo, que es el módulo de texto. Voy al estilo, cambié la topografía a algo como, ya sabes, creo que eres arenas abiertas. Entonces las arenas abiertas y luego aquí mismo. Voy a seguir adelante y decir, Ya sabes, quería sólo un poco más grande. A lo mejor podemos tenerlo en Ah, mira, no hemos agregado tener eso. Ah, bien. Eso es bueno. 2039 Honestidad. 20. 20. Ahí vas. 25 25 2020 20. Sí, soy perfeccionista es realmente molesto. Entonces esto de aquí es como la configuración otra vez, chicos. Tan abierto, Sands. Podemos ir y dejar eso Ahora quiero seguir adelante en otro. Entonces quiero salir adelante en un rumbo justo aquí, justo debajo de eso. Y quiero cambiar alineaciones para escribir, así que lo quiero aquí y aquí mismo. Voy a teclear cuatro marcas. De acuerdo, entonces otra vez al estilo. Ahora, también usa aquí dice link. Entonces si alguien realmente puede venir a un sitio web y pueden hacer clic en esto, los vinculará a donde quieras y etiquetas html porque no voy a meterme demasiado en las etiquetas html porque esto es respecto a S CEO. Pero esto es básicamente para, como, fines sdo. Y tengo un video sobre freelancer juntos, Incident s CEO, pero no voy a meterme demasiado en las etiquetas HTML. Realmente no lo son, es necesario porque para principiantes, casi nunca vas a entender lo que es porque hizo mucho con HTML. Entonces no es realmente importante para nosotros, pero aquí mismo da click en estilo e ir al color del texto e ir a los blancos por lo general como los títulos de todo o de cada uno. Y luego, como los contenidos como H dos h tres. Es solo para propósitos STL como, ya sabes, como la optimización de motores de búsqueda y cosas así. Entonces estamos aquí y cambiarlo por algo así, abre tienda de nuevo, ¿de acuerdo? Y entonces podemos cambiar, como el tamaño del dedo del pie como un Vamos a hacer, como 30 años treinta. Bien. Ahora también hay Lo que vamos a hacer es que en realidad vamos a seguir adelante y simplemente duplicar toda esta fila porque realmente no necesitamos hacer esto dos veces. Entonces aquí mismo se puede ver de este lado derecho tenemos una caja vacía. Básicamente vamos a duplicar todo y luego solo, ya sabes, hacerlo desde, uh, solo duplicado, porque no hay razón para que lo hagamos desde cero, ¿sabes? Entonces ahí lo tienes. No haga clic en esto y vaya al editor de textos y siga adelante y ponga esto a los derechos y luego cambie esto a blancos. Y luego también, vamos a seguir adelante y poner esto como extremos abiertos. ¿ De acuerdo? Está bien. Enfriar. Entonces tenemos una sección justo aquí y sigamos adelante y solo duplicamos esta fila y luego acabamos de agregar a esta sección justo aquí. No tengo ganas de volver a hacer todo eso con el con la fuente y todo es demasiado trabajo. Entonces aquí con duplicados ahora, voy a arrastrar esto. Haz esto, llámalo aquí mismo, y voy a seguir adelante y borrar este de aquí. ¿ De acuerdo? Ahora, la razón por la que se ve así es porque recuerda, los ajustes siguen al lado derecho. Se vende. Necesitas hacer es dar click en este pequeño click en el texto justo aquí, Ahora en el editor de estilos para ir al estilo, y luego lo quiero en el lado izquierdo. De acuerdo, así que aquí mismo. Lo mismo. El alineamiento justo aquí para el encabezado es en realidad justo aquí. Y luego esta sección aquí otra vez, estilo lado izquierdo. Y no quieres cambiar esto. Ya sabes que no queremos que el mismo texto sea como miedo a los mercados. Y luego vamos a hacer como, um, Wordpress es divertido. Eso es demasiado de esto. Hacer trabajo fresco. Sí , no tiene sentido. Por lo que aquí bajo esto quiero cambiar esto a estilo. Y quiero cambiar el color. Yo quiero cambiar algo así aquí mismo. Entonces ya ves lo que he hecho aquí mismo. Entonces cómo tengo estos colores correspondientes y se ve realmente genial. Chicos, algunos consejos para muchos de ustedes. Cuando estés construyendo sitios web y estás aprendiendo a hacer esto, intenta mantener tus colores consistentes. No quieres mis 89 colores en tu página web. Se va a ver pegajoso teniendo de 2 a 3 colores. Pueden ver que tengo negro blanco en esto. Esto eso es feo, pero está bien, Pero tengo, como, por qué es negro y este azul. Se ve bien, ¿verdad? Y es consistente. Por lo que quiero mantener estos autos consistencia porque me gusta enseñar a la gente a hacer realmente buenos sitios web. No Uggla. Eso no son chicos. Entonces aquí mismo está la sección. Por lo que esta sección aquí mismo controla toda esta área. Se ve este poco esta vez aquí mismo. Entonces por aquí, bajo estilo. Da click en eso y ve a lo siento. Ir a avanzado. Ahora ves esto aquí mismo, que dice vincular valores juntos. Yo quiero que desabroches eso. Entonces ahora vamos a las cosas más avanzadas. Entonces el margen del margen es básicamente decir palabra. Yo quiero que esto empiece a partir. No quiero empezar a partir de 10. ¿ Qué? Yo quiero empezar desde el negativo 10. Negativo. 10 sería la dirección opuesta. Por lo que de nuevo volveremos a hacer clic en esto. Eso es realmente molesto. Entonces aquí mismo sobre las cabras a negativo 10. Lo siento. Tiempo negativo. No, no, 110. Entonces ahora ves cómo esto en realidad se está iniciando un poco más alto de lo que se supone, y como resultado, realidad está empujando hacia arriba en la página. Entonces aquí mismo otra vez, puedo ir a Vamos a hacer, uh ¿qué son los marginales a menos 50? Esperanza Lo siento. Tienes que hacer el menos. Y luego 50 fue demasiado. Demasiado. Entonces, ¿van a ver cómo está empujando hacia arriba en la foto? Al igual que está en mi página web? CMA está empujando aquí mismo así que es como que no se supone que debamos serlo, pero es una especie de diseño. Entonces así es exactamente como logré ese diseño ahí mismo. Así que básicamente puse algunos, um, como algún margen. Por lo que también quiero mostrarte lo que es patear porque patear es básicamente espacio. Entonces, ¿cuánto espacio quieres aquí mismo? Bueno, digamos que quiero 10 píxeles arriba. Entonces obtienes 10 píxeles por encima Digamos que quiero 50. Entonces básicamente diciendo que quiero espacio aquí mismo. Quiero 50 pixeles de espacio a la parte superior. Ahora, podrías hacer esto por los derechos. Esto se puede hacer por la parte inferior y a la izquierda. Pero el tema es que realmente no tenemos nada. Tendríamos suficiente palmaditas aquí mismo. Realmente no necesitamos agregar más, así que solo quiero seguir adelante y enfocarme más en el margen. También lo soy I. Hice T menos 50. Oh, no, a nosotros. Ahí vamos. OK, menos 50. Y ahí tienes. Entonces ahora así es como logro ese tipo de diseño chocante. Entonces aquí mismo, soy un ir a salvo. Está bien, así que sigamos adelante y sigamos adelante. Entonces la siguiente sección Ahora quiero que ustedes entiendan lo que hice aquí. Entonces aquí mismo, agregué básicamente sólo una am, una sección para texto para texto. Y luego añadí un divisor. Eso es todo lo que hice. Y luego hice un papel de tres columnas con iconos, así que te voy a mostrar que es ahora mismo. Entonces aquí mismo en dar click en este click en una nueva sección en esta de aquí. Ya sabes, voy a seguir adelante y poner la tasa impositiva aquí. Entonces aquí, bajo editor de texto, y voy a hacer Estamos increíbles. No quiero minúsculas. Por lo que somos increíbles y con estilo. Yo quiero ir y poner en centro y quiero cambios a negro Y luego otra vez en el sentido abierto . Ah, la equivocada. Envía abierta. Y entonces, claro, podemos cambiar el tamaño de algo. ¿ Sabes qué cambió? A más grande o algo o lo que quiera. Voy a ir a poner 20 o 20 do's. Está bien. En camino. Se va a hacer, como 300. Algo así. Mira, ya sabes, es sencillo, es fácil. Creo que eso es lo que usa Apple. Entonces recuerda, hablamos de relleno. Esto es en realidad lo que va a venir Maurin a usar para que ustedes puedan ver aquí mismo. Esto está demasiado cerca de esto aquí mismo. No quiero esto. No quiero que esto cierre, ¿sabes? Entonces aquí mismo hago clic en esto que está controlando toda esta sección y voy a avanzado ahora para esta sección aquí mismo no voy a dar click en esto porque si haces click en los valores de enlace juntos, juntos,no es para todos ellos. Y realmente no quiero eso. ¿ Ves cómo le va a todos ellos? No, no quiero eso. Entonces haz click en esto y di: Mira, Mira, quiero dar tal vez, ya sabes, 50 pixeles, ya sabes, 50 pixeles o vamos a hacer 100. Entonces ya ves cómo es una especie de empujar el espacio porque no queremos tener todo agrupado. Así que así como, aquí mismo, ustedes pueden ver que agregué espacio aquí mismo. Por lo que quiero espacio suficiente para presentar la nueva sección. Entonces sin que estuviera todo agrupado y, ya sabes, ruidoso, así que todo lo que hicieron fue básicamente agregar en algún espacio. De acuerdo, Ahora quiero seguir adelante y agregar en otro texto aquí mismo. Por lo que hago clic en este el encabezado, y luego lo arrastra justo ahí y de nuevo pongo eso en el centro y nunca pongo re traer algo especial. Y en el centro de esto, aquí mismo por el estilo, me voy a cambiar a negro y luego, ya sabes, probablemente vuelva a abrir arena. Abre su ego. Anne, usa tu telescopio. ¿ Qué es esa fuente? De acuerdo, eso es que nunca había visto eso con ningún usuario que nombra una fuente y e noticias. Tu telescopio está loco. Muy bien, así que 300 ahí mismo. Voy a seguir adelante y hacer esto, como, como, tal vez mayúsculas y hacer un poco más grande, acuerdo? Y lo último que quiero hacer es ir adelante y poner en este siguiente dividido aquí mismo. Entonces, problemas divisor ahí mismo. Recuerda, esto es solo darle aspecto, ya sabes, así que quiero seguir adelante y poner en el centro y luego reducir esto, ¿de acuerdo? Y luego la brecha, yo sólo me importa la brecha. Yo sólo quiero cerrar a eso porque yo esto se ve bien para introducir una nueva sección, ¿sabes? Entonces por eso básicamente tengo esto. Por lo que tenemos esta sección aquí mismo. Entonces aquí mismo. Se puede ver que tenemos esta sección y tenemos estos tres botones pequeños. Por lo que quiero seguir adelante y sumado en una nueva sección. Entonces aquí mismo y dar click en añadir una nueva sección. Haga clic en estos tres y ustedes pueden ver que tenemos estas tres pequeñas burbujas, ¿ verdad? Escuchar hacer click en esto. Ahora tenemos otros diferentes. Ahí hay, Ya sabes, hay cajas de imágenes. Hay cajas de iconos son todo tipo de cosas, chicos. Además, tienen una versión pro en esto. Por lo que la versión pro básicamente te da acceso a mawr de esos módulos. Pero hablaremos más de eso después de esta sección aquí mismo. Entonces, básicamente, en este sitio web aquí mismo, um, en realidad voy a seguir adelante y mostrarles chicos solo vayan a mostrarles algunas de estas características pro solo para darles un ejemplo de que ofrecen una versión pro. Ya sabes, hay un enlace en la descripción. Vosotros chicos podéis comprar la versión pro si queréis. No tienes que hacerlo, pero obtienes mucho más ícono para conseguir muchos más widgets y también obtienes mucho más del Lance pre hecho, por lo que esta empresa en realidad te da mucho más diseños. Eso si compras su sonda y este alto puntaje solo un poco lento. Está bien, está funcionando. Está cargada. Ya casi está hecho. De acuerdo, así que aquí mismo pueden ver que tengo los elementos pro aquí mismo. Entonces básicamente te dan, como, slide, como esos llenos de sliders. Te dan tablas de precios de flip box y share, pero manda una cuenta atrás. Entonces, por ejemplo, como un como un flip boxes básicamente como decir, si tú, ya sabes, pasas por encima, se da la vuelta. Entonces esa es básicamente una de las características pro, pero no tenemos que hacerlo. Voy a hablar de todas las características pro un poco más adelante en este tutorial. Entonces si ustedes deciden comprar la versión pro, creo que es como 100 o por todo el año y se obtiene como apoyo y todo, es bastante increíble. Para que las características pro obtienes los procedimientos y obtienes el apoyo. Entonces es como una victoria ganadora, y si ustedes lo compran, sí hago una pequeña comisión y, ya sabes, me ayuda a seguir haciendo estos tutoriales gratis, porque él está ahí mucho tiempo tutoriales, ya sabes, bien, Como murió hace mucho tiempo, ya sabes, pero está bien. Entonces aquí mismo, voy a dar clic en icono, y él lo va a arrastrar aquí mismo. Ahora, eso es algo feo, ¿sabes? Pero si a todos les gusta un ícono normal sin texto ni nada más, eso es lo que vas a hacer. Pero no los quiero. Ya sabes, yo quiero un poco de texto. Yo quiero un poco de sabor a todo lo que sabes. Entonces, um, bajando por aquí, tienes caja de iconos y luego cuadro de imagen. Entonces la caja de iconos del uno con el texto y el otro es el cuadro de imagen donde básicamente , puedes poner tu propia imagen y en su lugar, Así que digamos que eres realmente guapo chico o tu hermosa chica. Te puedes presentar como si esto es lo sabes, Tiffany, y luego puedes hablar de tu posición o algo así. Pero solo voy a seguir adelante y usar estos iconos por ahora. De acuerdo, eso fue una especie de solo darte un ejemplo de ellos. Entonces aquí mismo tienen Este es el rubro. No, chicos, sé que eso desapareció, pero siempre se puede hacer clic en, como, el duplicado o fuera en su sección, y sólo va a seguir adelante y convertirlo en otro. Y luego, claro, puedes arrastrarlo y soltarlo, pero voy a cerrar esto aquí mismo. Ustedes también pueden hacer como, además, ya saben, para agregar otra sección. Pero así voy a seguir adelante y cerrar esto otra vez, y entonces sólo vamos a seguir adelante y hacer eso otra vez. Entonces soy un cercano esto. 6. PARTE de PARTE de 6: todo bien. Y entonces, por supuesto, iba a dar clic en el icono o no, lo siento, agregó la sección. Y vamos a dar click en estos tres. Y simplemente voy a ir a la caja de iconos y luego solo, sabes, ahora solo podemos seguir adelante, duplicar esto para, ya sabes, no tienes que hacer todo ese trabajo duro otra vez. Eso es otro Eso es otro atajo. Forma de hacerlo así. Pero recuerden, ya saben, ustedes pueden tener de qué manera quieran, así que vamos a hablar de estos ajustes. Entonces aquí mismo tenemos la vista que podemos tener, como un apilado podemos tener enmarcado. Y luego aquí mismo, puedes elegir el tipo de icono. Entonces ya sabes, quieras, sabes, porque estos son muy autoexplicativos, ¿sabes? Entonces si quieres cuadrar o rodear esto, lo vamos a hacer. Han hecho esto tan increíblemente fácil. Entonces, ¿qué? Bienvenido a elemental. Y entonces aquí mismo tenemos yo composición. Puedes tenerlo a la derecha, a la izquierda o al centro. Y luego, por supuesto, también puedes tener este enlace. Entonces si algo hace clic en esto, ¿a dónde quieres que vayan. Bueno, eso vamos a ir Vas a poner el sitio web justo ahí. También puedes tener opciones de enlace aquí mismo. Al igual que Adam Sin caer ni abrir una nueva ventana. Ahora, realidad eso es buena idea. Entonces, básicamente, si hacen clic en esto, va a abrir una nueva ventana en su navegador y los va a traer a ese sitio web porque tal vez no quieras que salgan de tu sitio web. Por lo que abrir en una nueva ventana en realidad es muy bueno. Ahora, Adam, no seguir de nuevo. Eso es para fines de escape. Usto chico, tal vez no sepas más de eso, pero nada de chicos caídos en pocas palabras, Básicamente es decirle a Google que no indexe esos enlaces. Eso es básicamente lo que es. Pero no voy a ir a Tosto. Entonces, uh, sí, así que abrió una ventana si quieres. Y ahí tienes. De acuerdo, entonces aquí tenemos estilo y tenemos color primario, que es que puedes poner en tu color primario, y luego también tienes estos color secundario para que puedas poner algo azul, que es el fondo generalmente quieres Déjalo claro. Es decir, eso es algo así como demasiado color, así que creo que qué? Oh, eso es tan feo. Tenemos que cambiar eso. Tienes que cambiar eso. Van a colorear es que los blancos podrían salir así. ¿ De acuerdo? Y podemos agregar espaciado a esto. Recuerda, quieres que esté mirando o puedes agregar tamaño, hazlo un poco así, y luego el relleno también. Si quieres agregar relleno a eso, puedes seguir adelante y reducir el relleno o puedes agregar más empanada. Recuerda, palmaditas es espacio. De acuerdo, solo uno te avise. Y por supuesto, puedes rotar esto a quien quieras la frontera. Puedes, ya sabes, agregar más frontera con si quieres. Vamos a Básicamente es sólo darle más a la frontera con así que básicamente todo lo que estás haciendo ahí mismo. Y luego, por supuesto, podrías hacer como Radio Border también. Entonces eso es básicamente en pocas palabras. Ahora puedo rondar. Recuerda, alguien se cierne sobre esto lo que querías hacer, que puedas cambiarlo en base a la animación de hover. Entonces si alguien se cierne sobre él con la boca, básicamente puedes volver a hacer todas esas opciones todas esas de nuevo. Entonces aquí mismo tengo, como, rebotar. Entonces de alguna manera fue sobre él se puede ver la animación. Y luego otra vez, aquí mismo. Entonces y también para el contenido, se puede cambiar el espaciado de los contenidos. Se puede cambiar el color y la topografía. Recuerda, el título es para esta sección aquí mismo, esta sección azul y luego la descripción es para esta sección aquí mismo, porque no voy a volver a meterme demasiado en la topografía. Porque de nuevo, recuerda, ya hablamos de todo esto. Entonces voy a abrir Sands justo aquí y sólo como que lo pondré ahí y luego, um, al camino, como, 300 y luego seguiré adelante y cambiaré la esta descripción aquí mismo. Yo lo haré topografía negra. Haré arenas abiertas. Recuerden, chicos, una vez que estén abiertas estas opciones, quizás quieran hacer clic en esto, y como que, como, saca de las opciones. Así que solo asegúrate de que no estés atascado. Entonces, básicamente, una vez que hagas todo esto, recuerda, no necesitas volver a hacer todo este duro trabajo de nuevo. Ya sabes, puedes simplemente seguir adelante y eliminar estos o simplemente, ya sabes, duplicar esto aquí mismo y luego eliminarlos aquí mismo. Ya sabes, es que hay No hay razón para que básicamente hagas todo de nuevo, verdad? Porque, oye, ya sabes, tienes esta parte y, sabes que básicamente es todo. ¿ Verdad? Entonces se va a ir por aquí. Ahora tenemos estas tres imágenes aquí mismo. Ahora, en esta sección, les voy a mostrar cómo incorporar estas imágenes. Entonces ustedes descargaron mi carpeta? Ustedes reciben algunas imágenes los chicos pueden usar esas. Por lo que aquí mismo, haga clic en, agregue una nueva sección. Soy un click en estos tres aquí y justo aquí, toma imagen y arrástrela ahí mismo. De acuerdo, Así que aquí mismo. Voy a seguir adelante y eliminar esto porque esta es su imagen de stock, y quiero ir y agregar por mi cuenta. Entonces aquí mismo hacemos clic en subir archivos, seleccionar archivos, y voy a seguir adelante y encontrar éste aquí mismo. ¿ De acuerdo? Y ve a insertar medios. Está bien, genial. Tenemos mi libro, darrell wilson dot com. Sólo estoy bromeando. Es que no es su yo no escribo libros. Yo no lo hago yo no. Aquí mismo vamos a la imagen y sólo lo hacemos de nuevo. De acuerdo, Así que sube archivos y luego re aquí va a poner en este pequeño iPhone fresco simulacro arriba. Yo lo hice. Y luego otra vez, aquí mismo en mi ir adelante y dar click en este número. Estos traen los módulos y luego voy Teoh la imagen otra vez. Elimina ese clic en esto y luego ve a subir archivos y luego simplemente contento agarró el último aquí mismo. Este de aquí, Insertar medios. De acuerdo, entonces tenemos estas tres imágenes, pero necesitamos básicamente cuadrícula. Es, ya sabes, no se ve bien así. Es decir, sí se ve bien, pero ese no es el propósito. Yo quiero mostrarte cómo tener ese efecto estilo de cuadrícula, entonces Pero al hacer clic aquí mismo, click en esto recordará esta sentada aquí mismo, estas tres pequeñas estas tres pequeñas cosas justo aquí que está editando toda esta sección aquí mismo. Entonces si quieres básicamente tener este poco que conoces, este este efecto aquí mismo, tienes que ir dar click en esto e ir a lleno con justo aquí. Recuerda, quiero esto lleno con sección, y es bastante sencillo. Todo lo que hay que hacer es decir que no quiero ningún hueco. Por lo que bajo la columna Gap. Podrías tener, como, estrecho. Se puede tener, como, uno pequeño o algo así es Pero quiero decir, Mira, no tengo ninguna brecha entre estos. Entonces ahora cuando me encojo esto, ustedes pueden ver que tiene ese hermoso efecto de rejilla Sal ahí mismo. Entonces así es como logras el efecto de estilo de cuadrícula, ¿sabes? Y aquí mismo, adivinaste puedes ver que se ve igual. Exactamente. Aquí mismo. Entonces y también tipo de salto adelante. Al ver esto, ustedes no pueden entender que se trata de una fila de dos columnas. Entonces una columna, dos columnas. Se trata de una imagen con un texto, un texto, un subyacente más textos y un botón. OK, ahora, chicos, una cosa más. Yo quiero que ustedes vean todo este mundo porque van a ser muchas preguntas que me hagan. Tengo toneladas de preguntas y gente como tú para hacer esto. Lo es. Y no ven todo el tutorial sobre mi hermano. Es Es Es en este tutorial. Sólo tenemos que verlo. De acuerdo, entonces salgamos y hagamos la siguiente sección, que es la sección Parallax. Entonces por aquí y haga clic en esto y voy a seguir adelante y poner algo de texto aquí mismo. Entonces aquí mismo, voy a añadir una nueva sección aquí mismo, e iba a seleccionar esta de aquí. Ahora quiero ir y seleccionar un encabezado, así que voy a poner algo como no se necesita experiencia. Y también te voy a presentar algo llamado el Shape Divider, que es una característica realmente, realmente genial, igual que hablé en la sección del blog donde puedes tener estos diferentes Arkin, todo. Podemos hacer esto a cualquier sección que queramos. Entonces aquí estoy un click en esto aquí mismo para centrar y bajo estilo. Voy a cambiar esto por algo como blanco. Ahora no se puede ver que no tiene antecedentes. Entonces aquí mismo para darle un trasfondo. Algunos dan clic en esta pequeña sección azul y bajo el contenido con quiero decir esto ya sea lleno con. Ahora también podemos hacer una sección de estiramiento. Entonces vamos a hacer sección de estiramiento en su lugar. Y luego también por estilo, voy a dar click en esto aquí mismo y añadí una imagen. Ahora de nuevo, chicos, pueden agregar en un video. Puedes agregarlo en el efecto verde, y te voy a mostrar cómo agregar en los videos en este momento. Así que ustedes chicos realmente pueden ir a youtube dot com ahora mismo. Así que vayan a youtube dot com y luego ustedes pueden buscar algo así como cuatro imágenes de paisajes K . Por lo que cuatro imágenes de paisajes K. Entonces ustedes ven todos estos videos aquí mismo. Así que me gusta el cielo nocturno cuatro K, Así que cuatro K cielo nocturno y todo lo que hacer es simplemente copiar y pegar estos enlaces aquí mismo . Y estos en realidad te darán la capacidad de tener estos en tu fondo. Y no va a llevar el audio. Entonces voy a dar clic en copia y luego ir por aquí. Lo siento. Por aquí. Ahora, para este apartado, vamos a dejar que esto sea realmente rápido y solo te daremos un ejemplo. Entonces voy a agregar un fondo de video y voy a seguir adelante y pegar el enlace ahí mismo. Por lo que ahí se puede ver el video empezando a reproducirse. Ahora necesitamos más espacio. Pero antes de hacer eso, quiero terminar esta sección. Por lo que hago click en esto aquí mismo y podría agregar en un divisor. Entonces aquí, señora, al luchador y soy un puesto este centrado. Y de nuevo, al igual que lo hicimos antes. Voy a seguir adelante y, como, ya sabes, reducir el con justo aquí y luego poner el color dedo del pie blancos. Ya sabes, conseguimos un poco más. Ah, un poco más así a Y entonces, ya sabes, podemos reducir la brecha. No queremos demasiada brecha ahora para la no experiencia necesaria. Voy a venir, ya sabes, editar un poco esto. Yo como que quiero dedo del pie para abrir Sands. Está bien. Otra cosa que voy a hacer en esta sección justo aquí bajo el avance es que voy a seguir adelante y agregarle algo de relleno. Entonces tal vez, como , um, yo no hago, como 50 o así Así, así como eso. O ver aquí. Adelante en 50. Entonces, básicamente, solo agregando espacio aquí, y también voy a hacer este texto Ah, un poco más grande, porque es un poco pequeño para un texto de encabezado. No se necesita experiencia. Ahora voy a seguir adelante y Adam, sólo un poco más de texto aquí mismo. Entonces, editor de textos, vamos a poner justo debajo de esto. Y por supuesto, ustedes pueden seguir adelante y cambiar el color para esto y todo lo demás. Entonces va a hacer esto aquí mismo, tal vez hacerlo un poco más grande y luego hacer unas decenas abiertas. De acuerdo, entonces en este punto, ustedes chicos están entendiendo como funciona el constructor de páginas. Es bastante sencillo. Es bonito, lo sabes, Zz, Zz, ¿verdad? Les dije chicos va a ser muy, muy fácil. Entonces justo aquí debajo del autobús en. Voy a seguir adelante y arrastrar esto hacia abajo y soy un centro de esto. Ahora, todo lo que van a hacer es simplemente cambiar esto a algo como, ya sabes, texto de color blanco. Pero tal vez quieras agregar esto a este color como este para darle ese look y otra vez si ustedes chicos quieren agregar relleno a toda esta fila así que básicamente justo aquí agregué palmaditas con este título justo aquí, solo con esto sección. Pero tal vez quieras seguir adelante y agregar y palmaditas si toda la fila Así que aquí mismo, mi buen avance y solo voy a seguir adelante y poner cero. Ahora les voy a mostrar cómo agregar relleno a toda la carretera. Por lo que hago clic en esta sección aquí mismo, que está controlando toda la fila. Ve a avanzar y simplemente escribe esto aquí mismo y adivina concedes, agregando más. Ahora de nuevo, adivina Salir de nuevo más que eso. Entonces, ya sabes, 100 para darle algo que se ve así ahí mismo. Vale, Ahora también habla del divisor en forma, que es realmente, realmente genial. Por lo que el divisor de forma realmente agregará algunos gráficos o animaciones, y en realidad funcionará para video y para imágenes. Entonces eso es realmente genial. Entonces aquí mismo, bajo divisor de forma, haremos click en esto. Y esta sección top está controlando la parte superior. Entonces aquí mismo tenemos, como, montañas para que ustedes vean cómo es como que está dando a la parte superior estas animaciones y ustedes pueden hacer nubes. O ustedes pueden ¿Saben, esto o algo así? Eso en realidad es bastante guay, ya sabes, tal vez deberíamos tener las nubes hacia arriba, hacia abajo. Ya sabes, eso es algo genial. Aquí puedes cambiar la altura de su, ya sabes, y luego también podemos voltear, es podemos invertir su forma opuesta. Um, ustedes pueden cambiar todos los ajustes aquí mismo como estos también son para, como, el impuesto en el enlace y todo lo demás. Entonces no voy a meterme demasiado en, como color de enlace. Es básicamente como el color del enlace, Pero para la forma dividida aquí mismo, digamos, por ejemplo, quiero seguir adelante y hacer la parte inferior también. Entonces el fondo justo aquí cuando iba a ir adelante y darle las nubes también. Entonces ahora tenemos este pequeño efecto realmente genial justo aquí y ya sabes, podemos cambiar el alto. Es que podemos voltear, es que podemos invertirlo. Podemos hacer todo tipo de cosas realmente geniales. Entonces eso es lo que los divisores de forma, chicos. Y es para cada sección por lo que desplazarse hacia arriba como si no lo viera justo aquí. Pero, um, probablemente estés mirando cualquier sección, pero, um, mira, mira, puedo usarlo aquí mismo bajo el divisor de forma de estilo y ver si puedes agregarlo a la parte superior aquí mismo. Tenemos que cambiar la portada de los bloqueadores. Realmente no se vería bien y realmente no hay lugar para ello aquí, así que como que no funcionaría. Entonces, sí, no tiene a dónde ir. Entonces lo usaré de nuevo. Otro ejemplo. Pero esto de aquí es un buen ejemplo de cómo puedes usarlo. Creo que también lo uso en mi sección de bloque y también aquí mismo. Úsalo. Por lo que acabo de añadir un divisor de forma diferente. Pero para esta sección, solo uso la nube, y esa es una especie de combinación genial. Ya conoces el video con la nube. Es que es único. Es genial. Entonces ahora eso es un ejemplo del divisor de forma. Y además, si no quieres eso, puedes tener los efectos de paralaje y recuerda lograr el efecto de paralaje, simplemente necesitas ir al clásico, poner esta imagen aquí y ponerla como contenida y fija. Entonces otra vez, recuerden, adjuntos fijos y luego tamaño quieren seguir adelante y poner cubierta? De acuerdo, entonces ahora podemos tener esa misma imagen exacta. Son ese efecto porque eso es realmente hermoso. Es Es Es un estilo realmente increíble, como si no pudieras hacer esto con otra cosa libre. Te prometo que he estado alrededor de WordPress desde hace mucho tiempo. Por eso soy el instructor superior en ti, a mí y también a escala share. Por lo que ustedes también pueden hacer como un gran efecto también. Pero ya sabes, grandes efectos. Es bueno en absoluto, ya sabes. Pero personalmente me gustan los fondos de video o me gusta el de en la imagen. Ahora una cosa de la que quiero hablar es que los fondos de video generalmente no funcionarán en dispositivos IOS . 7. RECURsos de la parte 7 7: bien, Así que realmente rápido. Yo quiero ir y presentarles a todos a través de algunos sitios web que ofrecen recurso gratuito es para su sitio web. Ahora, este es uno se llama las redes de puntos de video, y esto realmente te ofrecerá metraje de video en stock gratis. Y si buscas en los sitios Web como acabo de escribir en cielo, puedes seguir adelante y ver todos los videos que ofrecen, y estos son todos gratis para descargar. Y estos harán realmente buenos fondos de video. También puedes usar YouTube y, ya sabes, ir tecleando, como cuatro fondos de escenario K o cuatro espacios K o cuatro nubes K o lo que sea. Y también puedes usar esos como fondo de video también. Ahora, otro buen recurso es la ceniza virgen y de nuevo, se trata de imágenes profesionales de fotógrafos como. No son alguna imagen de instagram estos aire de muy alta resolución, muy profesional, y son geniales para sitios web. Así que asegúrate de echar un vistazo a la ceniza virgen, por ejemplo, aquí mismo en el tipo de algo como tierra, y te dan todo tipo de imágenes diferentes como esta aquí mismo sería un buen fondo aquí mismo. Eso es realmente genial. De acuerdo, así que asegúrate de echar un vistazo a Splash ahora que otro realmente genial es gratis pick Ahora, pick gratis tiene un montón de simulacros cool. Tienen unosiconos largos y geniales, iconos largos y geniales, por ejemplo, sobre el tipo de marca aquí arriba, es una lista de medios de todos estos aquí mismo. Ahora, estos son los libres. Estos de aquí arriba son como un anuncio. Entonces son un poco difíciles ¿Quién está tan justo aquí? Se puede ver que hay todo esto como un tipo diferente de maquetas, y se puede tomar uno aquí mismo y descargarlo. Y en realidad puedes ir a Fiverr dot com, que es otro sitio web. Y los tienes photoshopped tu logo en su o algo que alguna vez sí viste como esas tarjetas de visita con esas cosas en Internet donde ves como estas, como iPhones y casa como ese nombre de empresa. Eso es exactamente lo que hacen aquí. Entonces vas a Fiverr, tienes a alguien foto comprada por solo cinco dólares. Si no sabes cómo hacer eso, y entonces puedes tener tu logo o lo que sea en un simulacro arriba, que se verá realmente profesional en tu página web por lo que te recomiendo hacer eso ahora. Por último, quiero seguir adelante y recomendar pic monkey. Ahora, Pic monkey es la mejor alternativa a la tienda de fotos. Es realmente fácil editar cosas, así que te voy a mostrar un ejemplo ahora mismo. Entonces voy a seguir adelante y editar esta foto aquí mismo, y este es un servicio gratuito. Tienes que pagarlo. Todo es gratis. Entonces aquí mismo podría ir a esta sección de texto y voy a un texto. Entonces digamos que solo quieres agregar un texto aquí mismo va a poner algo como si fueran wilson dot com y eso es todo. Y entonces todo lo que tienes que hacer es ir a las exportaciones y luego puedes seguir adelante y guardarlo como si eso estuviera bien. Por lo que es una muy buena alternativa a la tienda de fotos. Es realmente fácil. Y tienen muchas otras cosas geniales, no solo texto. Tienen muchas animaciones geniales que puedes agregar dos fotos que lo hacen parecer realmente profesional. Así que asegúrate de checar pic monkey dot com. De acuerdo, así que ahora sigamos adelante y volvamos al tutorial 8. Parte 8 de HomePage Cont: Entonces vamos a hacer la siguiente sección aquí mismo. Entonces voy a seguir adelante y hacer anuncio en tu sección, click en el mar aquí mismo. Ahora, sí lo mencioné muy rápidamente. No quiero salir del tema, pero no mencioné el hecho de que no puedas usar estos videos en dispositivo móvil ahora es una buena manera de contrarrestar que es deshabilitando realmente esta sección en móvil. Entonces digamos, por ejemplo, usar esta sección en móvil usando un video aquí mismo, y eso apesta porque la gente no puede La gente no puede visitarla en, ya sabes, en su teléfono. Es decir, no pueden ver el video. En realidad puedes simplemente deshabilitar todo este fondo si eliges tener eso bajo la configuración avanzada. Por lo que bajo la configuración avanzada bajo Responsive, realidad puedes ocultar esto en la tableta y el dispositivo móvil. Entonces eso significa que no saldría todo raro para los usuarios de iPhone porque ellos, sabes, no pueden ver video. Ya sabes, no sé en dispositivos tablet, pero sé en ciertos dispositivos IOS que el video no se reproduce. Entonces para eso es exactamente las cosas de la visibilidad. Entonces eso es lo que significa esconderse en tablet y también esconderse en móvil. Está bien. Está bien. Entonces sigamos adelante y sigamos adelante. Entonces lo estamos haciendo bastante bien hasta ahora. Ustedes chicos, se sienten bien. Ya sabes, hazte un trago. Consíguete una cerveza. Lo que sea que hagan ustedes. Entonces ahora mismo les voy a mostrar cómo hacer la siguiente sección, que es esta sección de aquí. El efecto de pantalla dividida ahora realmente tiene las imágenes en mi carpeta de nuevo. Por lo que de nuevo, siéntete libre de descargarlos en cualquier momento. Entonces aquí mismo. Voy a poner este editor de texto aquí mismo. Y yo iba a algo así como, estamos increíbles, ya sabes, quiero una minúscula. Entonces somos increíbles y bajo el estilo, quiero centrar esto y quiero textuar para ser negro. Y por supuesto, podemos seguir adelante y cambiar como la topografía de estilo aquí mismo. Ve a abrir gradas. Ya sabes, etcétera. Porque si algo alguna vez si algo le pasaría a tu constructor de páginas como algo no funciona, simplemente ciérralo y reinicialo. A veces en el mundo de wordpress, a veces pasan cosas realmente raras y no sé por qué, pero es solo como va, ¿sabes? Y deseo que lo sepas todo. Ya sabes, En un mundo perfecto, todo era perfecto. Pero a veces simplemente hay realmente extraño solo hay cosas cercanas y simplemente reabrirlo. Entonces agarré el texto del encabezamiento justo aquí, y luego seguir adelante y centrar esto aquí mismo. Voy a poner re traer algo especial. ¿ Estás siendo algo especial? Y escuchamos Oh, adelante Y solo, ya sabes, poner un color negro negro y cambiar esto a algo como Arenas abiertas, y luego espera. Haré algo así como 300 lo cual es genial. Y entonces puedo seguir adelante y añadir un pequeño divisor aquí mismo. Dale un poco de decoración. Ya sabes, dale un poco de diseño y todo. Ya sabes, me gustan mucho los separadores jape. Lo siento. A la división les gusta, pero los divisores también son realmente geniales porque simplemente agregan mucho. Ya sabes, realmente agregan mucho. Ahora, una cosa quiero señalar que si ustedes chicos realmente quieren empujar esto un poco más alto, van a avanzado y en realidad pueden hacer menos 10 por el margen. Entonces básicamente diciendo que quiero que esto empiece un poco duro. Eso se supone que para ver yo estaba un poco más cerca ahora, así que eso es algo que tú también puedes hacer. Está bien, en. En realidad vamos a seguir adelante y hacer es vamos a añadir en algún texto más. Van a añadir un botón. Entonces lo escuchamos en algunos textos más. Voy a seguir adelante y centrar esto y luego seguiré adelante y agregaré un botón. Ahora, este botón de aquí, lo envié justo ahí. En realidad lo hice, como un fondo transparente. Entonces para el color de fondo, acabo de poner, como, como transparente. Y luego para el texto color ajustado negro smart tres en contra. Él sólo dice, haga clic en mí ahí mismo. Y para el tipo de frontera. Hice sólido, y le di un color. Entonces así logré esa otra mirada ahí mismo. Entonces en esta otra página de aquí, se puede ver que tengo esto aquí mismo, así que básicamente coloreé el borde justo ahí. Entonces eso es básicamente ya sabes, cómo lo conseguí. Y ahora para el con. Y lo dijo con porque aún no tenemos un con. Entonces quieres decir, como, ya sabes, para cinco o algunos como esos son para uno, Ya sabes, si quieres conseguir uno realmente delgado. Y entonces logré el círculo dándole un radio de 50. Entonces aquí mismo, puedes ver que tengo un fondo transparente y se ve bastante guay. Y tenemos una caja en absoluto a ella si quieres. Ya sabes, si quieres conseguir todo, ya sabes, genial. Ya lo sabes? ¿ Ves cómo era como esa sombra? Te metes algún tipo de lío con eso. Si quieres, seguiré adelante y pondré un poco, ya sabes, funciona. A veces funciona. A veces se ve bastante guay. Entonces aquí mismo, voy a ir y dar click en esto. Y supongo que necesito realmente darle a esta sección entera aquí mismo un fondo. Entonces en esta sección aquí mismo, realmente no tengo antecedentes. Y por el otro, mi otro mi otro sitio web demo. Se puede ver aquí mismo que tengo este fondo aquí mismo para que ustedes puedan seguir adelante e ir a la carpeta. Si ustedes optan por usarlo o no, Y ustedes en realidad pueden seguir adelante y descargarlo. Pero aquí mismo, click en esta sección de aquí y ve al estilo y ve al clásico y solo sigue adelante y agrega en una imagen tan arriba, lascivo, y quiero seguir adelante y agregar en esa imagen de fondo ahí mismo. Entonces creo que el que agregué fue que éste de aquí mismo, ver cuál agregué, creo que fue éste. Vayamos a averiguarlo. Bueno, no voy a subir barco, así que realmente no importará. Entonces voy a seguir adelante y subir el otro archivo. Entonces aquí mismo, subir archivos. Ella era el expediente, y luego adelante. ¿ Fue éste? Simplemente me olvidé de hacer ambas cosas. De acuerdo, entonces subí las imágenes aquí mismo. Y por supuesto, puedes dar click en ellos para verlo aquí mismo. Entonces aquí mismo. Voy a ir a subir este aquí mismo. Muy bien, Ahora, esta sección de aquí, ahora, chicos, esta sección es un poco más complicado, y voy a explicar por qué hago esto de la manera en que hago esto. Entonces, básicamente, para móvil, para que la optimización móvil funcione correctamente. Si agregas la imagen así, podría salir mal. Podría salir mal, pero para aclarar una buena manera de superar esto. En realidad se acaba de poner en un pequeño módulo regular justo aquí. No tengo nada ahí y luego agrego en las comprobaciones de antecedentes. Ahora, sé que suena un poco raro, pero he usado Page builder, y eso es lo que hace que funcione para dispositivos móviles. Entonces básicamente agregó, yo modulo aquí, pero no estoy poniendo nada en el módulo. Yo sólo quiero la imagen detrás de ella. Entonces aquí mismo, soy un tipo go a fondo, dar a imagen y simplemente seleccionar una imagen así. Y luego aquí mismo sobre las cabras a cubrir. Y ahí tienes. Por lo que ahora tengo mi imagen ahí mismo. Ahora, también puedo agregar mi otro ahí mismo. Por lo que usé el otro está en este tutorial. Así que adelante y sube el otro que tenía ver aquí. ¿ Van a poner las imágenes que quieran? También, yo recomendaría en tema especial este 10 no, realidad, yo uso el otro aquí, así que usamos que podemos usar ambos Podemos usar cualquiera o abrir ese. Y no subo estos dos aquí mismo porque thes que también son para la siguiente parte. También los incluí en los tutoriales. Bueno, chicos, así que, ya sabes, sólo para ustedes si los chicos los necesitan porque sé que es un poco difícil empezar todo. Por lo que escucho agregó esa imagen ahí mismo. Ahora quiero estirar en realidad toda esta sección aquí mismo. Por lo que esta sección justo aquí y dar click en editar sección va estirar esta sección y hacerla llena con y no quiero ningún hueco de columna. Entonces aquí mismo en un brechas de llamada, voy a hacer ninguna brecha. Ustedes pueden ver que esta sección en realidad es es es que está bastante cerca juntos, y se ve bastante bien. Ahora de nuevo, siempre podemos seguir adelante y, ya sabes, estiró aún más la sección yendo a nuestra sección avanzada. Y ahora en realidad podemos hacer que el relleno se debilite, hacer margen. Podemos hacer todo tipo de cosas. Entonces aquí mismo haría algo así como 50 relleno. Ahora es sólo si ustedes chicos quieren como se condensan por dentro. ¿ Ves eso? Porque ahora básicamente estoy diciendo que quiero agregar 50 palmaditas aquí mismo. 50 palmaditas aquí mismo, dependiendo justo aquí y 50 palmaditas aquí mismo. De acuerdo, entonces eso es sólo un ejemplo si ustedes quieren hacer eso. Pero para esta sección aquí mismo, soy un ir adelante y aumentar el relleno justo aquí. Y como resultado, ustedes pueden ver que va a estirar la imagen también. Ahora, puedes hacer eso por cualquiera de las partes. Funcionará para ambas partes. Entonces así es básicamente como logro esa sección así. Por lo que de nuevo, esta sección no se ve bien así. Pero si le agrego 75 relleno ahora, ustedes pueden ver que se ve un poco mejor. Y si bien tenemos el efecto de pantalla dividida aquí mismo ahora mismo, hice exactamente lo mismo aquí, excepto que acabo de añadir más margen, ya sabes, más relleno aquí mismo. Entonces es básicamente cómo se logró eso Y yo hice el texto más grande. Entonces por eso básicamente se ve un poco más pequeño aquí. Entonces si hago esto más grande, se veía de la misma manera exacta. Entonces traen algo especial cuando ustedes pueden ver que está empujando a la otra imagen hacia abajo . Entonces aquí está Progra sentir. Ve y hazte un poco más grande. Demasiado grande. Haz algo así. Y luego, por supuesto, podemos agregar más relleno o más espacio. Pero ustedes tienen la idea. Entonces así es exactamente como logro el efecto de pantalla dividida justo ahí. Y se puede ver que no hay como no hay mod como no hay nada ahí mismo porque no lo quería solo para el fondo. No quería el módulo, pero sólo lo estoy usando para el fondo. Entonces ahora te voy a mostrar el otro camino, que es el camino equivocado, sólo para aclarar, eso es, ah, que esta es la forma correcta de hacerlo porque he usado este particular antes y corrí en errores. Ya está aquí. Estoy hace, Teoh, en realidad, solo haz esto. En realidad puedo simplemente seguir adelante y duplicar toda esta fila. Ya sé que sí, lo duplicaré. ¿ Por qué no? No. De una manera. Forma equivocada látigos. De acuerdo, solo iré a hacer una nueva sección así que en tu sección y empezaré desde cero porque quiero mostrarles la forma alternativa, que básicamente es de la manera equivocada. Entonces aquí vamos a los textos. Y luego, claro, voy a poner algo así como, uh, manera son increíbles y estilo, y luego solo voy y dejo eso y luego voy adelante y le agregan en la cabeza y ustedes no tienen que seguirme si ustedes eligen no hacerlo. Pero solo te estoy mostrando cómo lograr el efecto de pantalla dividida usando creatividad. Y luego seguiré adelante y pondré algo como, uh, ya sabes, vamos a hacer negro o algo así. A ver, vamos a estilo. Haremos negro para abrir Sands y luego lo haremos un poco más grande. Simplemente no se puede ver lo rápido que estoy haciendo esta página. Quiero decir, una vez que ustedes tengan lo básico de ello, para que ustedes puedan hacer páginas como tan rápido. Es decir, puedo hacer un sitio web en, como, segundos, y quiero decir, como, como, sin faltar el respeto a los diseñadores web, Pero, um, para pequeños problemas como este, donde prensas definitivas recomendadas. Pero por supuesto, ya sabes, esto está construido a partir de PHP. Por lo que siempre necesitaremos diseñadores web y desarrolladores, ¿sabes? Entonces aquí mismo va otra vez al editor de texto, y voy a seguir adelante y arrastrar esto hacia abajo y luego, ya sabes, estilo y centro. Es y me estoy quedando de botón muy rápido. Entonces aquí, entrando de colillas y el Simon iba a ir y dejar el culo de botón. Quiero decir, como, negro. Ya sabes, ¿ algo? Algo simplemente estilo simple con algo así como el color del texto. Ahí lo tienes. De acuerdo, entonces tenemos una sección justo aquí. Ahora, voy a seguir adelante y añadir en la imagen. Ahora bien, esta es la forma alternativa, que no recomiendo. Entonces la imagen aquí mismo. Y entonces ustedes pueden seguir adelante y poner algo como esto. Y luego, por supuesto, la sección justo aquí estoy para hacer. Sabíamos lleno con y recordar. No hay brecha. De acuerdo, entonces esta es la forma alternativa. Y luego, claro, aquí mismo voy a salir y algo de relleno Y otra cosa antes de que hagamos eso es que voy a añadir una imagen de fondo al distrito aquí. Entonces aquí mismo, haga clic en esto aquí y vaya al estilo. Y puedo agregar en una imagen de fondo. Ahora ustedes chicos también pueden recordar agregado como un Grady y sí, ahora para básicamente donde quieran Pero aquí, vamos a seguir adelante y agregar algo como esto aquí mismo y luego hacer esta portada de talla . Y ahí tienes. Tenemos algo de decoración. Ustedes siempre pueden, ya saben, hacer como predeterminado. Vosotros chicos contiene una posición de ello para, como, ya sabes, tenerlo de alguna manera que queráis que muestre. Entonces me iré así por ahora y me iré a salvo ahora, aquí mismo. Voy a seguir adelante y hacer este monitor aquí mismo y dar clic en tablet. Entonces así es como se ve para los usuarios de tabletas. Por lo que se ve bastante guay, pero eso se va a desplazar hacia abajo justo aquí. Y ustedes notan aquí mismo. Se cortaron las imágenes. Ahora, la razón por la que eso es, porque básicamente, está tomando en ley el tamaño de la imagen. Entonces si la imagen no está, ya sabes, optimizada correctamente, va a parecer que esa no es una buena manera de prevenir. Esto es haciendo de esta manera. Entonces de esta manera aquí es básicamente, ya sabes, se puede ver cómo se ven obligadas las imágenes en el fondo. Ahora, esta cosita de aquí no se mostrará en, ya sabes, en la parte superior. Pero así que no te preocupes por ello. Pero de esa forma que te mostré la primera vez es la forma correcta, porque lo optimiza mejor, y obliga a toda la imagen como fondo. Entonces aquí mismo, voy a seguir adelante y cambiarnos de nuevo al escritorio. Ahora, voy a seguir adelante y sólo eliminar este módulo aquí mismo. Entonces voy a borrar esto. No quiero esto aquí mismo. Entonces esta cosa para seguir adelante y solo decir que sabes qué? Estás jubilado. Voy a seguir adelante y cerrar esto. Ahora voy a seguir adelante y sumar y dirigirme aquí mismo. No voy a poner nada en la parte de atrás. Y yo iba a seguir adelante y agregar en un estilo y agregó, Am lo siento aquí mismo bajo esta sección, voy a salir de fondo a ello. Por lo que esta sección estilo imagen clásica. Ahora, chicos, esto es por Lee. Si quieres que este efecto de pantalla ponga para lograr correctamente, está bien, entonces si no quieres la pantalla de los efectos de pantalla dividida, no tienes que hacerlo. Pero esa es solo una forma alternativa de hacerlo. Entonces voy a seguir adelante y decir esto y luego vamos a seguir adelante a ver cómo se ve esto en tablet y ustedes pueden ver Ahora se ve mucho mejor en tablet y nos metemos en la optimización móvil un poco más tarde en este editorial y chicos, eso es muy, muy importante porque ahora Google clasifica tu sitio web en optimización móvil mawr. Gracias Sus escritorios están aquí. puede ver que sí se ve un poco gracioso. Ahora hay algunas cosas que podemos cambiar, pero probablemente recomendaría, ya sabes, incluso deshabilitar ciertas secciones. Pero hablaremos más sobre la optimización un poco más tarde. Por lo que vuelves a la página web ahora mismo. Es algo gracioso porque aún no lo hemos optimizado para el móvil, lo que se ve un poco extraño. Entonces, no te preocupes demasiado por esto, porque vamos a hablar todo sobre optimización móvil un poco más adelante en este tutorial . De acuerdo, así que sigamos adelante y sigamos adelante y sigamos adelante. Entonces básicamente, logramos el efecto de pantalla dividida aquí mismo y recuerda, si quieres un blanco en él, pero puedes hacerlo de la misma manera que lo hicimos a esta sección. Pero vamos a seguir adelante y vamos sumados en esta pequeña sección aquí mismo. Entonces esta sección justo aquí Entonces, ¿qué pasó? Clientes contentos. Y tenemos esta pequeña sección testimonial cool aquí mismo. Por lo que aquí mis cabras para agregar una nueva sección. Haga clic en eso. Y luego voy a seguir adelante y añadir en un encabezado. Entonces aquí mismo, voy a poner esto justo aquí en esto en el centro y quiero poner algo así como 1000 clientes contentos y por el estilo, voy a seguir adelante y ya sabes, puedes dejarlo como ah, bueno, déjalo como negro por ahora y después por la sección avanzada, quiero ir y agregar algo de relleno a la parte superior. Entonces vamos, Nats, um 50. Démosle algo de espacio aquí mismo. Y luego aquí mismo por el estilo. Voy a seguir adelante y ponerlo mi famoso Arenas abiertas. Y luego, claro, vamos a poner esto, ya sabes, así En este punto, chicos, probablemente estén probablemente familiarizándose realmente con todas estas opciones porque es muy fácil, ¿verdad? Es Es un relleno de páginas muy, muy fácil de aprender y todo. Perdón, aquí, ponga centrado y reduzca el con algunos como este. Ahora, la razón por la que esto está tan alejado por esta sección aquí mismo ponemos relleno, ¿Recuerdas si ponemos demasiado relleno en la parte inferior? Entonces voy a dar clic en esto aquí mismo y decir, no quiero ningún relleno en la parte inferior. Entonces ahora, como resultado, está mucho más cerca. ¿ De acuerdo? Y entonces otra vez aquí mismo, podemos seguir adelante y dar click en añadir en tu sección, y voy a seguir adelante en el carrusel en. Entonces ese es un módulo nuevo que aún no hemos utilizado. Perdón. Aquí tenemos el carrusel de imagen. Tenemos también la galería de imágenes, pero quiero seguir adelante y usar el carrusel de imagen. Entonces aquí mismo, pon esto y luego vas a añadir algunas imágenes. Entonces, ya sabes, puedo agregar tantas imágenes si quiero ver, así que subo archivos, así que subo archivos selecciono archivos, y chicos, Todas las imágenes también están en el en la carpeta, así que yo no los tienen aquí, pero van a estar en el piso que ustedes tienen. Por lo que no fue un gran y usos por ahora. Ya tengo esos Alguien adelante y vamos a seguir adelante y hacer Estos estaban aquí, así que voy a sumar en todos estos, así que voy a tener unos así que voy a sumar en todos estos, repetitivos. Entonces aquí mismo vamos a crear una nueva galería. También puedes dar estos subtextos, Pero eso depende de ti. Para que pudieras poner, como nuestro negocio o nuestra base domiciliaria, y luego aquí vamos a insertar galería, y luego como resultado, adivinas Ven a ver que las imágenes se mostrarán. Ahora recomiendo usar imágenes PNG. Por lo que las imágenes PNG chicos tienen un fondo transparente. Entonces, como resultado, no tienen este trasfondo porque realmente no quieres eso para, como, como, esta sección C de estos, no tienen antecedentes, por lo que se mezclan muy fácilmente. Por lo que quieres seguir adelante, asegúrate de usar estas imágenes PNG. Entonces te estoy dando estos por ahora. Pero de nuevo, recuerda, ahí es cuando consigues el tuyo propio. Se quiere un fondo PNG transparente porque esa es la forma correcta de hacerlo. 9. PIde de parte 9: estos son solo, ya sabes, son solo cualquier imagen, ya sabes, solo lo estoy usando solo para propósitos de Detroit. Entonces aquí mismo puedes cambiar, como el tamaño de la imagen que puedes hacer, como un tamaño diferente de ellas. Puedes decidir más para mostrar. Por lo que quieres más de estos para demostrar que puedes seguir adelante y hacer eso. También puedes hacer como estiramiento de imagen para que puedas, como, como, estirarlo a través. Y ya sabes, quieras diseñarlo. Esta cosa es tan personalizable. Hay como, como, millones de opciones que ustedes pueden hacer. Ustedes pueden hacer, como, mediano, grande algo, ya sabes, ya sabes, toboganes aún más grandes para mostrar se puede tener Likas. Muchos es como, creo que, como puedes mostrar hasta 10 o algo que muestran mucho. Entonces, uh, aquí mismo se puede hacer como punto Así que ustedes pueden hacer sólo cosas regulares. Entonces estamos aquí. Se puede ver el en la parte inferior justo aquí. Tenemos puntos, y luego todos también, puedes tener flechas. Entonces por los lados justo aquí. Ahora tienes flechas. Y por supuesto, puedes agregar un título al título y tienes algo más como aquí mismo. Se puede ver que tengo los títulos para las imágenes. También puedes agregar esos en. O se puede poner la leyenda que es básicamente número nuestra base de origen. Por lo que puedes agregar eso también. A opciones adicionales también. Ya sabes, puedes pasar por estos. Estos son bastante autoexplicativos, como, ya sabes, la velocidad de la misma. Básicamente, la velocidad automática 2000 es básicamente M s. así que básicamente es como 2000 M s, que son básicamente dos segundos. Entonces así es básicamente como funciona. Se quiere un bucle infinito, se puede tener una velocidad de animación, se puede tener un ir de derecha a izquierda, etcétera. Ustedes probablemente puedan conseguir eso y entenderlo. Y también por el estilo, ustedes chicos pueden hacer tamaño aero. Entonces aquí mismo en realidad puedes cambiar el color también. Entonces aquí mismo tenemos la, uh, la flecha Así que aquí mismo y decir, quiero un negro, ya sabes, quiero un negro. Ahí vas. Y podemos hacerlo más grande así. Ahora, eso en realidad tipo de funciona un poco mejor ya sabes, esta sección en realidad se ve un poco mejor Ahora, una mejor manera de hacerlo sería estirar toda la sección. Entonces aquí mismo, haz click en esto y podemos, ya sabes, cambiarlo a algo como, Mira, aquí mismo podemos hacer este tramo todo el camino, y luego podemos tener, como, sin brecha ni algo o lleno con. Pero eso es solo, ya sabes, eso es lo que quieres conseguir único y loco, ¿sabes? Pero, ah, no recomendaría esto. O sea, lo haría si estás usando imágenes transparentes, pero eso es solo un ejemplo de, ya sabes, cosas que puedes hacer con esto porque es muy personalizable. Ya sabes, este testimonial cosas realmente personalizables, y solo quiero presentarte a ello. Entonces ese es un ejemplo del carrusel de imagen y formas en las que puedes presumir testimonios. Se puede presumir de todo tipo de cosas realmente, realmente geniales. Entonces iba a hacer caja o algo así, ya sabes, y luego seguir adelante. Y no me gusta conseguir subleyenda. Eso es mucho bueno. OK, así que voy a decir esto ahora. Vamos a seguir adelante y hacer una sección importante que es la sección de pie de página aquí mismo. Entonces aquí mismo después de esto, queremos ir y poner todo esto aquí mismo. Entonces estos son básicamente widgets, y voy a hablar de eso ahora mismo, Así que aquí vamos adelante y vemos la página, y eso va Mira nuestro hermoso sitio web Hasta ahora, así que nuestro sitio web se ve bastante bien. Ahora hay algunas cosas que podríamos mejorar. Entonces aquí mismo probablemente podamos agregar algo más de relleno. Entonces aquí mismo podemos agregar más espacio aquí mismo, tal vez a la parte superior en la parte inferior para conseguir hacer un poco mejor aquí mismo. Probablemente podamos agregar más relleno en el medio. Entonces tendrías que ir a hacer este aquí mismo y Adam palmaditas va por aquí abajo. Todo se ve bastante bien aquí mismo. Recuerda cómo podemos estirar un poco más. Entonces quiero que ustedes tipo de, como, como, visualicen y miren su sitio web para una especie de entender chicos de diseño porque no importa lo increíblemente baratos que sean sus productos. Si alguien viene a un sitio web y se ve terrible, van a decir, ¿ sabes qué? No me importa lo que este tipo venda. Yo me voy, Ya sabes, van a salir de tu página web y tú no quieres eso. No se quiere perder ventas por las páginas de aterrizaje. Y hay tantos tutoriales en Internet con página de forro y todo. Pero eso va a hablar de la sección de pie de página aquí mismo. Entonces aquí mismo en el va a nuestro primero vamos a editar página y asegurarnos de que tenemos nuestro pie de página habilitado. Entonces aquí mismo voy a pie de página y justo aquí. Habilitar pie de página ¿qué área? Sí, y luego mostrar el área de derechos de autor. Sólo tienes que ir y dar click en habilitar ahora mismo. De acuerdo, así que sigamos adelante y veamos la página de nuevo. Por lo que ahora lo habilitamos. Por lo que ahora lo hemos habilitado. Y aquí mismo todavía no hay nada. Pero vamos a seguir adelante y hacer clic en el personalizador de temas, y vamos a seguir adelante y añadimos algo al fondo. Por lo que los enchufes también se coordinan con widgets como yo hablé de los plug ins anteriores son básicamente APS para tu sitio web, por lo que puedes tener como, una app de instagram. Puedes tener una app de Facebook. Puedes tener Ah, facebook like box. Vas a tener un feed de twitter que puedas tener. Ahí afuera hay widgets ilimitadas, y es muy difícil cubrir todos esos en un tutorial. Pero solo quiero exponerte a básicamente cómo funciona. Entonces aquí mismo tenemos, como nuestros widgets de pie de página y que hemos presenciado aquí mismo. Entonces aquí mismo, haga clic en widgets. Ahora ya ves, Arte dice pie de página un pie o dos pies 3 44 Así que estos corresponden al pie de Furio o un pie o dos para 23 y cuatro o cuatro. No, chicos, seré honesto. Tuve algunos problemas con esto la primera vez. Pero después, como, como, ya sabes, ya sabes, metiendo alrededor y restableciendo cosas como esas. Funcionó bien. Entonces aquí vamos a añadir un widget. Y esto a de mí hablando de mí, que es justo aquí o simplemente como tú sabes de mí. Nos vemos aquí. Seguiremos adelante y pondremos algo así como un John Doe y le agregamos algo social para saber realmente qué podemos hacer. A ver. Eso está bien, en realidad. Entonces aquí pueden ver que tenemos la foto ahora mismo. Y sabes que aquí tenemos el derecho. Tienes como puedes subir tu propia imagen aquí mismo. Entonces en este momento no estoy usando una imagen, pero voy a seguir adelante y subir una imagen en este momento, subir archivos, elegir el archivo, y seleccionaré una imagen que también me gustó. Ah, como este tipo. Se lo está pasando bien, ya sabes, Tú poquito lo seleccionas. Está bien, así que me pondré como Darrell Wilson, bien, y luego aquí por el tipo social se irá. Eso es como en blanco. Y entonces, por supuesto, ustedes pueden agregar en su propia social sus propios enlaces. Entonces básicamente como tu página de fans o lo que sea que estés usando, puedes ir y poner ahí tu enlace para tu perfil, y la gente puede seguir adelante y, ya sabes, apuntarla y hablar todo al respecto. Y también, chicos, no se preocupen por los colores. Todo lo demás en realidad hay una sección separada donde vamos a cambiar todo eso, Vale, pero solo te estoy exponiendo a básicamente widgets y todo lo demás así que volviendo aquí , y también chicos, si tienes un problema con tu tema o algo no funciona con tu tema, siéntete libre de contactar con la página web de Ocean WPS. El enlace también está en la descripción también te proporcionarán soporte gratuito en wordpress dot org bastante cool, ¿ verdad? Está bien. Perdón. Aquí vamos a fuera de widgets. Ahora, también voy a sumar para ver lo que pasó aquí que tenía en los iconos de las redes sociales. Por lo que también hay como una caja de Facebook como. Hay parpadeo, Hay instagram, todo tipo de cosas realmente geniales. Por lo que instagram ahora necesitas seguir adelante y poner en tu nombre de usuario. Por lo que pones tu nombre de usuario aquí mismo, estas imágenes se mostrarán. Y por supuesto, ustedes pueden saber, hay diferentes estilos de esto es como si hubiera todo tipo de, como, como, diferentes formas que pueden, ya saben, tenerlo Así que en realidad estoy usando uno de Adidas en este momento. Entonces ustedes chicos, pueden poner su nombre de usuario o su etiqueta hash ahí mismo y saldrá bien . Entonces aquí mismo tienes instagram. Pero te gustaría, gustaría, seguirnos en instagram en su lugar un poco más oficial, ¿sabes? Y entonces, ya sabes, ustedes en realidad pueden pasar por todos estos ajustes como estos son igual que ustedes saben cómo quieren diseñarlo como orden por popularidad, etcétera. Por lo que solo hay muchas formas en las que puedes personalizarte y decidir cuáles quieres en tu página web. Entonces así es básicamente como básicamente entrelazarías tu instagram en tu sitio web. De verdad, realmente genial. Y todo se hace automáticamente. Entonces es es es increíble. Es simplemente increíble. Entonces aquí mismo volvemos. Y ahora vamos a seguir adelante y sumar en el podemos hacer el síguenos. Haremos los iconos de las redes sociales aquí mismo. Entonces lo lograremos. Pondré éste aquí mismo. Entonces en un widgets, y luego voy a salir a buscar iconos de redes sociales. Están aquí en algún lugar donde los pasé para adivinar sus iconos sociales. Masa. Muy bien, así que los iconos sociales aquí mismo y ya sabes, para las dimensiones harán algo así como 20 pixeles tamaño de fuente. Te dan, como, una recomendada, como 18 etcétera. Entonces aquí mismo vas a seguir adelante y poner en tu icono de redes sociales, los ojos. Pero de nuevo, recuerda que yo solo soy, ya sabes, yo solo soy tú sabes, vas a poner tu networking y todo lo demás. ¿ De acuerdo? Entonces me aseguro de no poner estos porque esto no es nada. Entonces estas dimensiones en realidad bastante grandes. Entonces ustedes podrían tener que dejar pasar por algunas de estas y yo lo reviso y, ya sabes, poner qué dimensiones quieren. También puedes tener, como, diferentes transiciones como puedes tener que podría flotar en. O, ya sabes, quieras que se vea, puedes hacer como un blanco tú mismo. Se pueden poner las dimensiones, ustedes pueden pasar por estos, y es bastante autoexplicativo en todos estos, ¿sabes? Entonces voy a seguir adelante y decir, OK, ya sabes, también te puede gustar oscuro o puedes tener como una t un color, pero vamos a seguir adelante y cambiar todos estos colores un poco más tarde. Entonces esto es solo si eliges tenerlo como este tipo, Así que siéntete libre de ir por estas opciones y echarle un vistazo, y eso es lo que quiero hacer es el menú personalizado. Así que digamos que mucha gente en realidad todavía usa. No, no lo hago, realmente no lo hago. Pero mucha gente usa menús personalizados porque todas tus páginas aparecen ahí arriba. Pero en realidad hablé con los clientes, y decían que en realidad van al final de la página para encontrar la página. Y yo digo, En serio, todavía usas esas cosas como locas, ya sabes , como, ¿ qué haces qué estúpido? Ya sabes, como si estuvieras loca. Estamos escuchando, igual que nuestras páginas son páginas. Y entonces otra vez, ustedes pueden cambiar la fuente y todo lo demás. Pero no quiero entrar en fuentes y todo. Ya sabes, eso es lo que podría seguir por días. Así que ahí van, chicos. Creamos un pie de página exitoso aquí mismo. Entonces vamos a guardar y publicar y vamos a atrás. Entonces felicitaciones, chicos. Y básicamente tipo de terminado la primera página. La primera página fue bastante sencilla. Por ahora, ustedes probablemente tengan alrededor de un 60 a 70% de comprensión de cómo funciona este hermano de página. Pero un área muy grande que necesitamos cubrir es probablemente, ya sabes, algunas de las características pro que necesitamos para cubrir la optimización móvil y otras cosas. Ahora, aquí mismo podemos seguir adelante y cambiar esta parte inferior justo aquí. Entonces pie o abajo justo aquí. Ustedes también pueden cambiar esta sección inferior aquí mismo. Para que puedas poner así. Yo estaba hecho por copyright lo que sea. Y podrías poner como un made by neck diseñado por Darrell Wilson, diseñado por Darrell Wilson. Y luego, claro, ustedes pueden cambiar, como el color de fondo para su ustedes pueden, ya saben, hacer todas esas cosas. Pero voy a pasar por estas opciones porque es solo que son ataques repetitivos y de color . Ya sabes, es bastante autoexplicativo. También puedes hacer relleno. Por lo que si quieres agregar relleno a esto, puedes agregar eso. Y espero que ustedes entiendan lo que es eso. Entonces, por ejemplo, si agrego más aquí mismo va a empujar esto hacia arriba. Entonces recuerda, igual que lo hicimos antes, Patty. Está bien. ¿ Habéis entendido eso chicos? Enhorabuena. Está bien. Y luego también el área de widget de pie de página, Esta sección justo aquí. Entonces podemos seguir adelante y cambiar esto. En realidad, no, no recomiendo hacer página I d en absoluto. No sé por qué tienen la opción, pero básicamente esto será reemplazado por una página. Yo no lo usaría. Yo soy. Estoy en contra de sus ahora chicos. Recuerda, cuando estás en el mundo de WordPress, a veces pasan cosas raras y solo, ya sabes, las cosas solo te dan opciones que realmente no tienen sentido, especialmente para Joost. Ya conoces ese enchufe y te da muchas opciones raras, pero ya sabes, todavía tienen que ofrecerlas solo porque es justo como va. Por lo que aquí mismo puedes cambiar el color de fondo. Eso es algo que te gustaría o tu esquema de color. Y luego también el color del texto. Aquí mismo Ha sido como el blanco, y luego los enlaces colorean los colores de la frontera, todo lo demás etcétera. OK, así es básicamente como ustedes cambiarían, como todos los colores y animaciones, todo lo demás. Por lo que para los colores de borde, también podemos hacer algo como, ya sabes, blancos etcétera. OK, entonces así es básicamente como ustedes chicos, ¿ cambiarían esta sección? Esa es también la topografía. Por lo que esta sección de aquí en realidad cambiará las fuentes y todo lo demás para diferentes secciones justo aquí. Entonces, como para el pie o el menú, ustedes pueden cambiar como la fuente, el tamaño de la fuente. Um, ya sabes, hay Hay tanta personalización aquí, es una locura. Por eso usé este tema porque, ah, muchas otras cosas no tienen esto tienes que instalar enchufes. Tienes que, ya sabes, hacer como los picos de codificación p solo para llegar a través. Pero la sección de topografía aquí mismo controlará, como los colores que controlará la fuente, el tamaño todo. De acuerdo, Así que asegúrate de revisar a la parte de una sección para, como, el pie o las zonas, porque así es básicamente como vas a darle estilo a tu fuente y todo lo demás. De acuerdo, x, y vamos a ir a la cima. Y ahora sigamos adelante y hagamos la página sobre nosotros. 10. Sombra de texto de parte 10: Oigan, chicos. Entonces en realidad les voy a presentar a todos una característica totalmente nueva que acaba de salir llamada el texto Shadow. Ahora, este es mi encabezado actual aquí mismo. Y ya sabes, puedes cambiar como la fuente. Puedes cambiar todo eso, pero los elementos lanzaron una nueva característica que te da la capacidad de tener una sombra tecnológica. Entonces justo aquí en el fondo, aquí mismo, vemos sombra tecnológica. Soy un click en Sí. Ahora vas a ver que tiene este tipo de sombra detrás. Y puedes cambiar el desenfoque. Se puede cambiar el color. Puedes cambiar todo tipo de cosas realmente geniales para darle esta ilusión que ya conoces, está enfatizando a los personajes. Ahora hay toneladas de diferentes formas en que ustedes pueden usar esto. Y creo que lo mejor que estamos aquí es ver realmente uno de los nuevos videos que Elements Air ha lanzado. Entonces este es el ejemplo actual que están usando. Y todo se trata de creatividad, chicos. Entonces ustedes pueden usar esto como su página de aterrizaje actual y estos chicos básicamente te están dando ideas sobre diferentes estilos. Entonces aquí tienen este, como, especie de tierno poco, ya sabes, titular. Y entonces aquí tenemos esto, como, algo así como, algo así como quiero decir que tomó algo dramático. Pero hay muchas maneras diferentes en las que puedes usar este desenfoque para enfatizar tu página principal y,ya sabes, ya sabes, también enfatizar las citas y simplemente hacer que se vea más profesional. Y la gran parte de un chicos que viene gratis con elemental o así recomiendo volver a usarlo . Se trata de una nueva actualización de funciones. Entonces es básicamente en la mayoría de los modelos aquí mismo. Así que asegúrate de revisar esa característica, porque, quiero decir, simplemente se ve realmente limpio. Es decir, esto es sólo una hermosa sombra de ataque ahí mismo. De acuerdo, así que sigamos adelante ahora y volvamos al tutorial. 11. CARACTERICAS de parte 11: Ah, sombra tecnológica ahí mismo. De acuerdo, así que sigamos adelante ahora y volvamos al tutorial. Muy bien, chicos. Por lo que antes de pasar a la siguiente página de la siguiente sección, quiero que ustedes se tomen un descanso. Ya sabes, ve y toma un descanso. Y quiero seguir adelante y mostrarles todas algunas de las características pro y lo que este bowler Pace tiene como todo su potencial. Ahora, esto de aquí es un deslizador justo aquí. Es un slider más completo y tiene muchas opciones realmente geniales. Ahora, ustedes ya estaban familiarizados con muchos de los otros módulos. Entonces te voy a mostrar este módulo y te voy a mostrar qué es. Y, chicos, esto es básicamente muy similar a muchas de las otras características que hemos estado usando. Entonces esto de aquí es el deslizador justo aquí, y pongo como, creo, ya sabes, podrías poner cualquier cosa y hay todo tipo de características realmente geniales que puedes tener. Al igual que el efecto de quemaduras del Ken. Puedes tener una superposición de fondo, Así que si quieres un color de superposición diferente, puedes seguir adelante y simplemente agregarlo y ahí mismo y tiene muchas opciones de deslizador diferentes . Por lo que aquí puedes cambiar la velocidad de la misma. El auto play, la transición. Se puede hacer que se desvanezca. En lugar de tener un tobogán. Se puede cambiar la velocidad de transición. En realidad puedes decidir en dónde quieres que entre el texto cuando llegue. Entonces aquí mismo, en lugar de que suba, puedes hacer que baje. Puedes tenerlo. Acercar. Hay tantas características y cosas increíbles sobre la versión pro en. También por el estilo aquí mismo puedes cambiar todo de lo mismo. Lo vas a tener como vertical horizontal. Puedes ponerlo en cualquier lugar que quieras. Entonces solo quiero seguir adelante y señalar que la función pro incluirá esta completa con slider, y es realmente, realmente genial. Ya sabes, se puede ver lo que son especie de acercamiento. Tenemos ese efecto de quemadura de Ken justo ahí, y simplemente se ve muy bien. Entonces esto es algo que ustedes quieren. Esto también está incluido en la versión pro, y por supuesto, aquí mismo. Tengo dos deslizadores. Para que puedas ser creativo. Ya sabes, no tienes que tenerlo como es un lleno con uno. Incluso puedes tener, como, una sección de cuatro aquí mismo. Y la gente puede especie de, como, ya sabes, desplazarse y ver como, Oh, ya sabes, esto fue esto. ¿ Qué es esto? Y podrías estar hablando de cosas diferentes. Y también aquí mismo hay otra característica. Ahora voy a seguir adelante y mostrarte todas las características pro aquí mismo. Entonces en el lado izquierdo, aquí mismo, se ven los elementos pro. Ahora esto de aquí es un widget de post. Entonces, básicamente, digamos que estás haciendo un menú o algo que pro. Siento que la región de post aquí sea realmente útil porque puedes hablar de menús aquí mismo. Eres como una cena de bistec. Puedes dar una descripción sobre la cena de bistec o algo más, y es que te ahorra una tonelada de tiempo en lugar de tratar de averiguarlo. ¿ Cómo hago esto? Ya sabes, los elementos pro son realmente increíbles y además viene con un formulario de contacto y como este contacto de chicos porque se integra muy bien con el Paige Miller. Ahora voy a estar hablando de otro formulario de contacto un poco más tarde, pero su formulario de contacto voy a ser honesto, es un poco mejor porque puedes decorarlo. Se puede conseguir muy personalizable. Se puede cambiar todo. Se puede cambiar el color que contiene los mensajes que contiene la posición. Se puede cambiar cualquier cosa de la misma manera que lo hicimos con esos otros módulos. Puedes hacer exactamente lo mismo con esto, así que te recomiendo que te pongas tan bien y también muy cool característica que tienen estos chicos son estos flip boxes. Entonces si a ustedes les gusta esta característica aquí mismo, tienen algunas cajas de volteo. Y chicos, sé que esto se ve muy básico, pero se puede conseguir tan personalizable con estas cosas. Puedes seguir haciendo, como todo tipo de cosas diferentes y prueba y error y trabajando de tu lado para saber cómo puedes incorporar los's en tu página web porque voy a ser muy honesto, sabes, el pro elementos. Siempre agregan muchas cosas más, ¿sabes? Pero hice este tutorial, tal vez alrededor como, hace seis meses. En realidad es el tutorial más alto valorado sobre ti para mí. Obtuve más de 1000 críticas positivas. Pero ni siquiera incluí los elementos pro, ya sabes, Y no tenía estas características ni siquiera estaban disponibles en aquel entonces. Por lo que el constructor de páginas ha recorrido un largo camino. Es que estos tipos realmente han superado. Y por eso quiero presentar las características pro. Porque cuando le hice ese otro a Tora sobre ti, para mí, no había ninguno de estos que trabajaran incluso año. Y estos chicos constantemente agregan cosas, ya sabes, siempre agregan un montón de cosas nuevas como esta aquí mismo es su tabla de precios. Entonces, chicos, ¿quieren tener una tabla de precios aquí mismo? Ustedes pueden hacer eso porque la característica pro también se integrará bien con el comercio. Entonces ustedes pueden, como, tener, como, un poco como una membresía de oro, membresía de plata y todo lo demás. Y también tengo tutoriales, chicos en membresías y comercio y todo tipo de otras tutoriales geniales. Así que asegúrate de revisar mi canal si alguna vez os interesaron por el camino en membresías o cualquier otra cosa con, como, reserva o algo así. Uh, tengo tantos tutoriales en prácticamente todo, y aquí mismo tenemos una cuenta regresiva, temporizador. Entonces aquí mismo. Tomé el temporizador de cuenta regresiva justo aquí. Y eso es todo. ¿ Quieres tener, como, una película saliendo o algo así? ¿ Quieres ponerlo en tu página web? Ya sabes, esta podría ser toda tu página de aterrizaje. Se puede decir, ya sabes, estamos llegando pronto en estos y así días. Entonces aquí mismo tenemos los días, tenemos las horas con los minutos y ustedes pueden personalizar esto a cualquier cosa que quieran. Ya sabes, aquí mismo podemos cambiar este dedo del pie, como en línea o un bloque. Podemos despegar días. Podríamos despegar horas. Sólo tenemos minutos o segundos. O simplemente puedes hacer tu propia etiqueta personalizada. Ya sabes, puedes decidir lo que quieres aquí. Entonces aquí mismo. Apenas tenemos minutos y segundos. Pero podemos tener algo más. Como puedes poner aquí como no sé en qué años, Ya sabes, tal vez estás haciendo algunas Star wars, ¿sabes? Ah, promoción o algo así. No lo sé. La gente por ahí hace todo tipo de cosas raras para que puedas tenerlo, ¿sabes? Ya sabes, habla de lo que quieras y otra realmente genial. Una es la función de inicio de sesión. Entonces si tienes un foro para el cual también tengo un tutorial, es un tutorial gratuito. Entonces todas mis patrullas son libres. Nunca cobré por mucho tutoriales. Entonces esto de aquí es como un formulario de inicio de sesión para que la gente pueda seguir adelante e iniciar sesión en tu sitio web , y luego les puede gustar, publicar en algo. O pueden dejar un comentario sobre uno de año tu Ya sabes, tus carteles de bloque así. Aquí es donde se puede integrar el formulario de contacto. Y por supuesto, todo es totalmente personalizable, por lo que siempre podrías personalizarlo a tu gusto. Y para aquellos de ustedes que son como, ya saben, CSS, ya saben, desarrolladores como ese ustedes pueden entrar aquí su propio CSS. Entonces tal vez quieras seguir adelante y en línea este centro o él quiere seguir adelante y darle un tiro de gota en el tiempo así para ustedes desarrolladores de ahí afuera. También tienes la capacidad de agregar CSS personalizado a eso. Por lo que no es solo para principiantes completos. También es para personas que son, ya sabes, desarrolladores y quieren ir por encima y más allá y agregar algunas cosas extra o lo que quieras agregar . Y esta sección de cubierta de aquí es Oh, no es nada. Pero también quiero mostrarles todos los creo que tenía los botones de compartir, que son realmente geniales. Entonces digamos que quieres seguir adelante y tener gente, como compartir tus cosas. Continúas. Tan solo toma esto y tal vez lo arrastre aquí mismo. Y ahora la gente puede seguir adelante y compartir tus sitios web en Lincoln. Pueden compartirlo en Twitter. Pueden compartirlo en Google y también en Facebook. Por lo que este año, los iconos también son una característica realmente, realmente genial. Y de nuevo, quiero hablar también de la plantilla. Perdón. Aquí tenemos esta plantilla, derecha. Entonces solo voy a ir y arrastrar esto hacia abajo. Ahora, tal vez quieras duplicar realmente tu página en algún lugar, o quieres, ya sabes, hacer algo, o tienes todas tus páginas aquí mismo. Entonces si hago clic en la página principal justo aquí, adivina qué van a crear las páginas enteras ahí otra vez. Al igual que creamos la primera página. Todo está ahí. Entonces no necesitamos volver a hacer todo ese trabajo duro, ¿sabes? Entonces por eso recomiendo hacer la plantilla de página principal aquí mismo. Porque es que ahorró mucho tiempo, ¿verdad? Es decir, eso depende de ti, sin embargo. De verdad depende de ti y de tu decisión al respecto, pero es solo otra alimentación pro que tengan. Creo que realmente me enfría personalmente, aunque probablemente no usaría eso. Probablemente solo seguiría adelante y guardaría Guardar la página y las exportaciones. Y hablaremos más de eso un poco más tarde cuando hablemos de las características pro y los chicos vean el precio aquí. Por lo que también obtienes todas estas plantillas y hablaré más de Temple. Es un poco más tarde, pero incluyen todas estas plantillas gratuitas para ti. Por lo que básicamente están ahí, sitios web prediseñados, y hacen todo de uno con un solo clic de botón. Crean todo y chicos, estos chicos siempre están agregando nuevos widgets como cada semana a través. Estos chicos tenían tantas cosas a sus características pro porque ustedes son nuevos en la comunidad y realmente quieren brillar. Por lo que recomiendo conseguir la característica pro y los chicos honestamente miran estos precios aquí mismo. ¿ Cuál es $49 para todo el año? ¿ Al igual que vale eso para ti? Ya saben, cuando están haciendo un sitio web, chicos, nunca quieren cortar esquinas. Ya sabes, el sitio web es una representación de ti. Muestra quién eres, por lo que te recomiendo conseguir la versión pro. Por supuesto, si no necesitas tener esas características, no las conseguiría. Ya sabes, solo digo, si estás buscando ampliar tu sitio web y quieres muchas de estas características pro, me refiero a 50 dólares por todo el año, como si tuvieras que ser lo suficientemente grande para conseguirlo porque recuerda, chicos, también obtienes un año de apoyo y actualizaciones. Entonces si alguna vez tienes un problema con algo o algo no funciona, solo podrías, ya sabes, preguntarle a estos tipos y yo te ayudaré. Ahora recomiendo probablemente. O sea, depende. Ya saben, si ustedes sólo están buscando, como, como, uno o dos sitios web, yo conseguiría el de negocios. Pero para aquellas personas que quieren comenzar una carrera en esto y quieres desarrollar tus habilidades , recomiendo lo ilimitado porque piénsalo un año de actualizaciones ilimitadas, ya sabes, Y esto es en realidad durante todo el año, chicos. Para que siempre te gusten, ya sabes, dentro de tres meses puedes enviarlos por correo electrónico y te ayudarán de inmediato, ¿sabes? Y honestamente, chicos, están trabajando en sitios web. No quieres cortar esquinas y no quieres frustrarte porque te garantizo Para los que vean esto, te van a tropezar con problemas y vas a hacer comentarios. Tu cabello Oh, esto no está funcionando. Bueno, voy a decir, chicos, ya sabes, si tienen su ya saben su apoyo pro estos tipos para ayudarlos en cuestión de como, ya sabes, unas horas. Por lo que recomiendo conseguirlo. No sólo obtienes el apoyo, obtienes todas esas características pro y también obtienes las plantillas y recuerda, como estos chicos tienen por venir pronto cosas estos tíos siempre están trayendo nuevos widgets pro para una especie de ayuda chicos fuera y aumentar tu diseño y tu imaginación. Por lo que recomiendo conseguir la versión pro. Pero de nuevo, si no lo quieres, ya sabes, podrías simplemente llevar a las características básicas porque aún funcionan, sabes. Y para un constructor de páginas gratis, es uno de ellos probablemente el mejor Paige Miller gratuito que he visto nunca. Ya sabes, llevo 56 años en WordPress, y la función pro es simplemente nada menos que increíble. De acuerdo, entonces eso es básicamente de lo que quiero hablar. En lo que respecta a las características pro, hablaremos más de las plantillas, porque de nuevo, sí obtienes plantillas pro con las características pro también. Entonces, ¿qué tiene eso sentido plantillas pro con pro, supongo. No quiero la columna que obtienes Te consigues, uh, nuevas, ¿sabes? Entonces aquí mismo debajo de la plantilla de anuncios justo aquí, Por lo general, con la versión gratuita, solo estás limitado a tal vez como la mitad de estos. Pero con la versión pro, obtienes acceso a todos ellos y estos chicos de sitios web rediseñados de AARP. Entonces básicamente, todo ya está hecho. Entonces voy a seguir adelante y darles un ejemplo de eso ahora mismo, así que sigamos adelante y digamos, Um bueno, hagamos esto. Adelante y hagamos una nueva página. Seguiré adelante y cerraré esto. Haré una nueva página. Les mostraré un rápido ejemplo de las plantillas. Pero de nuevo, no voy a ir demasiado lejos en profundidad porque voy a hablar más de eso un poco más tarde . Pero está haciendo una página. Chicos es que es tan rápido. Entonces aquí mismo va a ir a página más. Entonces ahora mismo solo voy a crear una página, ¿verdad? Y estás pensando, ya sabes, lleva mucho tiempo hacer una página, ¿sabes? Entonces eso va a demo pro e ir a editar con L un mentor, está bien. Y voy a dar clic en esa plantilla aquí y luego desde aquí, simplemente puedes hacer clic en cualquiera de estos y solo va a importar todo el asunto. Y entonces tu sitio web ya está hecho. Entonces ahí lo tienes. Justo así. Y luego aquí mismo, basta con dar click en insertar, y luego todo está hecho. Entonces eso es básicamente lo que un pro Qué A qué es una plantilla. Por lo que realmente beneficia tu página web ahora? Por supuesto, se ve así porque, recuerda, recuerda, espero que sepas por qué. Porque en realidad no fijamos la página. Tenemos dedo del pie. Tenemos que quitarnos la cabecera y la parte del teatro, pero sólo para, ya sabes, para propósitos troll. Hablaremos más de esto más tarde, y solo consigues un todo Ya sabes, te haces todo un sitio web hecho por ti sin importar segundos, ¿sabes? Por lo que lo recomiendo encarecidamente. Es realmente, realmente genial. Y, ya sabes, si estás buscando hacer un sitio web realmente, realmente rápido, ya sabes, yo me gustaría definitivamente investigaría las características pro. Y las plantillas son Ustedes fueron increíbles. Ya sabes, no se trata de trabajar más duro. Se trata de trabajar de manera más inteligente, ¿verdad? Quieres hacer un sitio web es lo más rápido posible. Y con las características pro, estás dando ese acceso. Entonces otra vez, iré y lo haré aquí mismo. Ya sabes, voy a seguir adelante. Y fue tanto que dejamos que te enseñara una más. Creo que este de aquí es pro uno. Yo lo haré. Vamos a ver aquí. Haremos otro cupón de página de aterrizaje. Una inmobiliaria para agentes inmobiliarios, ¿eh? Turismo. Uh, bueno, adelante en adentro. No sé qué en este de aquí. Esta esta fotografía uno. Entonces ahí lo tienes. Ya sabes que eso es todo. Ya sabes que obtienes todo este diseño. Mira, ese alguien, alguien básicamente ya hizo un sitio web para ti y, como, sabes, alineando página para ti en segundo. Entonces es realmente increíble lo que llevan los elementos pro. De acuerdo, entonces espero que esto haya sido de ayuda. Sí tengo enlaces para el pro. Um, el pro características en la descripción ustedes sí lo compran y hacen una pequeña comisión. Entonces me pongo, como, tal vez, como, no me gusta el 10% o algunos así, pero las características pro chicos son realmente increíbles. Y de nuevo, si tienes problemas con tus sitios web o algo no está funcionando, estos chicos te ayudarán. De acuerdo, entonces hablaremos más del pro, diseñaremos un poco más tarde y también como optimización todo. Pero eso va a volver al tutorial y hablar de que sabes qué? Sigamos haciendo el sitio web. Ya saben, ustedes ya lo están haciendo muy, muy bien, y si ustedes estaban aquí, Felicidades. Porque mucha gente no quiere pasar la hora dos horas para básicamente darles una carrera en casa. Todo un oficio nuevo, ¿verdad? Pero pasarán cinco años en la universidad y no aprenderán nada. Ya sabes, como yo, ya sabes, Así que sigamos adelante. Volver al tutorial 12. Parte 12 sobre nuestra página parte 1: volver al tutorial. De acuerdo, chicos, bienvenidos de nuevo. Entonces en esta sección, vamos a hacer la página sobre nosotros. Ahora, también vamos a hacer otras cosas como vamos a hacer el menú transparente. También te voy a mostrar dónde puedes conseguir un logo. Entonces también voy a ir un poco más en la sección de menú o cómo editar eso y obtener esta transparencia o como la quieras. Entonces voy a seguir adelante y hablar de todas estas cosas aquí y bien, como estos divisores de forma. Y ahora tengo estos contadores de números justo aquí y otra vez bajando justo aquí. Voy a hablar de cómo hice esta gran imagen aquí mismo con conocer al equipo. Y por supuesto, esta sección testimonial. Entonces ustedes ya son como ustedes chicos? Probablemente, ya sabes, familiarizado con el constructor de páginas. Chicos, estamos aprendiendo. Entonces en realidad voy a ir un poco más rápido en esta sección porque quiero una especie de forzar tu cerebro a entender, Me gusta, cómo conseguimos estos Ahora, al mirar estos, supongo que entiendo. Encabezado de texto subyacente colillas de texto en ahora. Esta es una fila de dos columnas. De acuerdo, así que sigamos adelante ahora y pasemos por esto. Ahora, espero que ustedes recuerden el escenario. Entonces si ustedes chicos no recuerdan los ajustes que necesitan ir a esta página ahora mismo nuevo para la sección principal, van a tener 100% lleno con. Entonces sigamos adelante y hagamos eso aquí mismo. Entonces voy a seguir adelante y sólo les mostraré otra vez chicos. Y no tienes que hacer esto por cada página que crees. Entonces otra vez, aquí mismo, diseños de contenido, 100% lleno con y luego justo aquí, deshabilitar el margen. Y luego para la sección de encabezados justo aquí, adelante y mostrarles de nuevo chicos. Lo desactivamos aquí mismo, y lo habilitamos. Y tenemos nuestro menú aquí mismo. Por lo que desactiva el valor predeterminado y luego el menú justo aquí. Default deshabilitado. Y luego menú uno. Y entonces aquí mismo tenemos nuestro título el cual saldrá adelante y desactivado porque no queremos esa otra sección ahí mismo, ya sabes, encendido, ya sabes, sabes, como justo a través de tu página. No se ve bien, ya sabes, realidad no se necesita. Nosotros no podemos hacer los nuestros Y entonces, claro, eso es todo. Entonces, ¿qué has hecho con eso haces clic en actualizar o publicar o lo que sea que vas a hacer, y luego seguir adelante y va a ver página ahora? Sí. Se puede ver. Básicamente, ahora es una página vacía por lo que puedes ver todas esas cosas en medio se habían ido. De acuerdo, así que aquí mismo, haga clic en editar sin mentor, y voy a seguir adelante y diseñar esta sección aquí mismo. Entonces esta parte justo aquí y luego hablamos del menú en el logo, y luego pasaremos a la sección de bloques. Entonces sigamos adelante y empecemos. Entonces aquí mismo, voy a seguir adelante y tomar esto de aquí y darle una bofetada, y voy a seguir adelante y poner esto en el medio. Voy a hablar de nosotros, chicos. Recuerda, voy a ir un poco más rápido aquí porque quiero que entiendas cómo hice esto. Y no quiero tener que, ya sabes, darte tiempo para algo así como, Oh, ¿cómo hacemos eso? Yo como que quiero empujarte un poco para asegurarte de que tipo de entender cómo conseguí todo esto. De acuerdo, así que aquí mismo, haz click en esto. Voy a estirar el menú con el que hago un tonto y aquí mismo puedo agregarle un fondo. Entonces estamos aquí bajo la sección de edición. Yo mi voy al estilo y voy al fondo y voy al clásico. Y yo simplemente voy a seguir adelante y poner una imagen ahí mismo. Entonces poniendo algo como esto y luego recuerda cómo conseguimos eso antes de hacer este estilo, hacía la portada. Ahora, ustedes chicos también pueden hacer el efecto paralaje haciendo la sección fija lo que lo convertirá en un paralaje si lo desean. Pero sólo por el sexo, no voy a hacer eso. Y quiero agregar relleno. Por lo que aquí mismo, haga clic en este módulo en el interior. Da click en esto y Emma Cabras también. El apartado avanzado y va a tal vez como, 50 50. Algunos así, o como quieras que sea como 100 por grande que quieras tu sección aquí y luego justo aquí. Por supuesto, queremos seguir adelante y cambiar este rumbo aquí mismo. Es demasiado pequeño,ya sabes, ya sabes, es manera de hacer pequeño, Así que voy a seguir adelante y poner este blanco y luego aquí mismo para hacer algo como abrir Sands. Llevamos un tiempo haciendo sonidos abiertos. Y luego, claro, voy a seguir adelante y poner algo así como una talla un poco más grande. Y luego, ya sabes, una buena idea es espaciar eso, ya sabes, espaciar el encabezado, ¿ verdad? Siempre hay una buena estrategia porque simplemente se ve limpia. Se ve muy, muy bien. Y haré mayúsculas. Entonces eso es bastante genial ahí mismo. Ya sabes, eso es bastante bueno sobre nuestro, como, Genial. Ahí está Es bastante sencillo. Es bastante autoexplicativo. De acuerdo, así que sigamos adelante y pasemos a la siguiente sección. Entonces aquí, voy a añadir una nueva sección. Ahora, mirando de nuevo el de este tipo, quiero que entiendas la fila de dos columnas. Agregamos estas barras, texto, texto, botón de texto subrayado. De acuerdo, así que sigamos adelante, hazlo realmente rápido. Está justo aquí. Voy a poner estos dos aquí mismo, y doy clic en esto. Entonces teníamos textos. ¿ Entonces qué? Por aquí. Teníamos cabecera. Después tuvimos otro texto. Entonces tuvimos No, lamento que tuviéramos el Subrayado. Entonces aquí tuvimos la sección subyacente. Entonces tuvimos el subrayado. Y entonces también teníamos el botón justo aquí. El botón. Entonces ahí mismo. Y por supuesto, chicos, se ve muy raro. Apuesto a que estás pensando así, ¿cómo se ve esto así? Ya sabes, es que es muy diferente. Todo realmente es solo espaciado y contenido y fuente y color. Ya sabes, eso es realmente todo lo que es. Ya sabes, simplemente parece que es mucho, pero en realidad no es tan justo aquí. Voy a seguir adelante y decir: ¿Sabes qué? Um, quiero ir y darle el relleno de espacio aquí mismo. O margen. Ya sabes, es que es, también. Está demasiado cerca de la cima. Entonces hago algo así como, uh, pareces 10 o 30 ya sabes, y luego escuchamos, Pero algo como, um, nos gustaría algo así como, somos increíbles o algo así. Perdón aquí camino. Estamos increíbles. Y luego aquí mismo, pon algo así como nuestros servicios o lo que quieras poner. Y luego quiero pasarme de moda. Eso es tal vez me cambiaré a negro Vale, Entonces la familia hará arenas abiertas, y luego espera hará 300. Está bien. Y en este apartado, aquí mismo, quiero seguir adelante y reducir esa brecha. Algo como esto para que se vea Mikelic con estilo, ya sabes, hacer que se vea creativo. Entonces hacer esto un poco más grande a esto es un poco demasiado pequeño para mí, ¿de acuerdo? Y luego oímos que puedes poner algo así como nuestros servicios o algo así. Y entonces aquí mismo, puedes seguir adelante y solo decir, como, ya sabes, quiero seguir adelante con un botón negro aquí mismo. Y también hablaré más de, como, diseño pre hecho y todo lo demás poco más tarde y plantillas cómo básicamente puedes conseguir esto para ahorrar, y va a ser realmente fácil. Ahora, este camino aquí mismo, quiero seguir adelante y dar click en esto. Ahora, quiero hacer hincapié en esta sección, y quiero esto lleno, y no quiero ningún hueco porque vamos a tener una foto aquí mismo. ¿ Verdad? Entonces no quiero seguir adelante y ninguna huecos, esa sección y luego por aquí, soy un ir adelante y poner sólo un módulo regular, cualquier cosa. Voy a seguir adelante y deshacerme de todo esto, y sólo voy a seguir adelante y añadir un fondo a esto así de fondo de estilo, imagen clásica. Y luego, Paula, vamos a salir a esta aquí y otra vez. Chicos, recuerden, hay que poner tapadera. De acuerdo, así que ahora está cubierto así. Y siempre podemos hacer más grande todas estas cosas haciendo el, um, ya sabes, podemos dar click en esto aquí mismo, y vamos a seguir adelante y decir: ¿ Sabes qué? Necesitamos un poco más. Necesito algo más de relleno o algo por la parte superior o, ya sabes, donde sea. Entonces aquí mismo. Sí pareces así, pero no quiero no quiero lograr ese look. Por lo que probablemente terminemos usando este modelo aquí mismo. Y este de aquí, podríamos hacer algo como relleno, así o hacemos margen. Lo siento. Haremos margen hacer como 100. Y ahí tienes. Entonces ahora tenemos esa sección saliendo un poco mejor, ¿ verdad? Entonces si quieres agregarle más, puedes seguir adelante y ponerle más margen o puedes saber, uh, uh, personalizarlo como quieras, puedes darle a esta sección más top, ya sabes. Por ejemplo, lo harías, como 200 lo hará aún más grande. Entonces, ya sabes, solo depende de cómo lo quieras. En realidad cubrimos esto antes de la en la pre otra sección. Perdón en los efectos en una pantalla dividida. Entonces voy a ir demasiado en esto. Hay diferentes formas en las que puedes. Puedes editarlo y cosas así. Entonces voy a seguir adelante, dejarlo así. Está bien. Ahora, claro, esto no se ve tan bien como esto porque este Texas un poco más grande, Y creo que aquí mismo, en realidad alineamos esto al centro justo aquí. Entonces esta sección aquí mismo, ya sabes, podríamos realmente alinear todo en el centro y hacer que se pareciera un poco más la demo de ahí mismo. O en realidad puedes incluso ponerlo al lado derecho. Ya sabes, tal vez incluso al lado derecho probablemente se vería un poco mejor, pero realmente depende de cómo quieras construir tu sitio web. Ya sabes, realidad puedes tener todo de este lado, pero yo iba a seguir adelante y dejarlo así por ahora, acuerdo? Y voy a seguir adelante y pasar a la siguiente sección, que es esta sección de aquí. Ahora bien, esta sección de aquí es básicamente la misma cosa exacta. Es exactamente lo mismo. Entonces voy a seguir adelante y a decir, ¿ sabes qué? Voy a seguir adelante. Basta con copiar toda esta fila. Ya sabes, no quiero volver a hacer el duro trabajo. No, ¿por qué deberíamos? Porque, ya sabes, no necesitamos volver a hacer todo eso de nuevo, y presentaré también los mostradores de barras. Por lo que esta sección aquí mismo, haga clic en esto. Oh, no. De hecho hacemos click en esto aquí mismo y dedicamos toda esta fila, ¿de acuerdo? Y entonces, por supuesto, podemos seguir adelante y pesar. Ya sabes, podemos seguir adelante y tomar esta sección y tal vez suave todo a su alrededor. Ver aquí. Adelante e intercambiar por aquí y allá vamos. OK, y luego aquí mismo. Voy a seguir adelante y decir, ya sabes, quiero un módulo aquí. Ya sabes, quiero seguir adelante y dar click en esto. Elimina esto y también quiero seguir adelante y dejar que el fondo? No, borré por accidente. Entonces para recuperar eso yo quería hacer justo aquí es solo, ya sabes, columna duplicada. Y luego ahí vas. Entonces voy a seguir adelante y a tirar todo esto ahora y después vamos a seguir adelante. Simplemente ponga el módulo de contador de barras ahí mismo. Entonces hay muchas maneras diferentes que ustedes pueden,ya saben, ya saben, como yo cometí el error de ahí después de hacer eso. Pero, um, ya sabes, es de cualquier forma en que funciona, ya sabes, puedes borrarlo todo, o simplemente puedes, ya sabes, sacarlo de cualquier fila. Hay tantas maneras diferentes. Por lo que buscaría aquí mismo los mostradores de barras. Eres la barra de Progreso. Ahora, voy a seguir adelante y decir: ¿ Sabes qué? No quiero tener que seguir arrastrando eso, y voy a ir y duplicarlo así, tal vez para hacer esto justo aquí, ¿de acuerdo? Y al igual que los otros módulos. Entonces aquí tenemos mi habilidad. Pones algo como los nuestros son como s e o.Y luego le das un por ciento. Y luego, ya sabes, haz como nuestras tasas de éxito y luego por el estilo o tomamos el tipo aquí mismo. Ahora el tipo es igual a un color pre hecho, por lo que realmente no es necesario. Pero si eliges tenerlo, puedes hacer eso ahora por el estilo otra vez, voy a seguir adelante y decir, ya sabes, quiero este negro el color de fondo que quería Sabes que ese azul que tenemos yendo en el texto de línea final me voy. Es blanco y el título, que es esta sección aquí mismo. Se puede cambiar eso algo así como el negro. Y luego, ya sabes que también puedes cambiar sus arenas abiertas. Ahora una buena idea si ustedes están haciendo eso es en lugar de realmente, ya sabes, hacer todo esto como desde cero otra vez. Simplemente puedes seguir adelante y tal vez borrar thes y luego simplemente seguir adelante y simplemente duplicar el que ya has hecho, sabes, en lugar de tener que volver a hacer todo el trabajo duro. Entonces debo decir, ¿Sabes qué? Voy a duplicar estas aquí mismo y luego desde aquí, solo puedes seguir adelante y ya sabes, sabes, ya tienes las fuentes y el color y todo. Así que sólo cambia el título, Ya sabes, a lo que ustedes quieran. Entonces esa es básicamente esta sección aquí mismo. Ahora, sigamos adelante y pasemos a la siguiente sección. Ah, también los contadores numéricos, Vamos adelante y añadimos algunos contadores numéricos también. Entonces aquí mismo. Yo quiero contadores de números Adamson. Entonces voy a seguir adelante y en realidad dar clic en esto aquí mismo y traer la sección de columnas justo aquí y simplemente arrástrala justo debajo de eso y justo aquí estoy un click en esto y voy a seguir adelante y encontrar el número. Contadores los contadores de números. ¿ Dónde están ustedes? Tenemos los testimonios, pestañas de acordeón porque hay muchos otros módulos, ya sabes, sabes, Así que siéntanse libres una vez que ustedes se pongan un poco más cómodos con la página para especie de pasar por todos esos. Pero los contadores se airean aquí y otra vez. Por lo que aquí mismo tenemos número de inicio. Por lo que ustedes pueden, como, hacer un inicio en un número determinado. Ya sabes, podrías hacer un comienzo como un número como el 50 y luego hacerte ir al número 100. Si te gusta. Tienes un número de prefijo También los temas numéricos también. Y ustedes pueden hacer también el tiempo. Entonces si haces 4000 m s, eso son básicamente cuatro segundos. De acuerdo, así que recuerda, es hora de una M s. Entonces quieres ponerlo básicamente por tiempo de M s, ¿de acuerdo? Y se puede hacer como 1000 separador, que es como la coma 4000 justo aquí. Y te gustan las tazas de café. Y luego por el estilo, voy a hacer algo así como negro Y por supuesto, ser cambios a algo como Arenas abiertas. Y entonces de nuevo, podemos ir y simplemente duplicar esta fila en lugar de hacer, como, ya sabes, cinco o seis cinco o seis arriba. Ya sabes, Rose sólo, ya sabes, ahí vas. Y entonces, claro, ustedes pueden, ya saben, cambiar cualquier otra cosa. Y por supuesto, se puede ver que se ve bastante bien. Por lo que también, quizá quieras agregar, como, un tono diferente a este fondo. Ya sabes, agregar la sombra realmente ayudará. Entonces aquí mismo bajo los estilos, tenemos al Grady en efecto. Entonces aquí mismo puedo dar click en, como, un color. A lo mejor me gusta el color a esto. Creo que sí me gustó un blanco Y básicamente agregué un azul oscuro. Seguro que lo siento. Blues claro Déjame mostrarte cómo hizo eso. Entonces me gusta, lo hice, como, ir de blanco. Sólo un poco de desvanecerse desde ahí y todo eso. Básicamente se acaba de reducir la ubicación en el ángulo justo aquí. Para que ver aquí mismo también puede reducir el ángulo. Dime, ¿quieres 50? Veamos cómo puedo conseguir esto aquí mismo. Probablemente debería hacer me cambio. Está por ahí. Debería hacer de azul claro a blanco. Está bien. Y luego a partir de ahí puedes hacer como nuestra ubicación. Te gusta un ángulo. A ver cómo pude hacer que esto funcionara. Ahí vamos. Ahí vas. Entonces ustedes pueden ver que básicamente hice la página. Es especie de ello. Algo así como se empapa en el azul. ¿ Ves eso? Y ya sabes, siempre se puede aumentar la ubicación para que suba o baje. Entonces así es como básicamente logré ese efecto de este color aquí mismo. Algo así como, ya sabes, justo aquí. Como, algo así como desvanecerse y luego desvanecerse Vale, así que es sólo, ya sabes, algo así como meterse con su falta con los ajustes. Ustedes lo van a conseguir. Ya sabes, estoy seguro de que ustedes van a conseguir todas esas cosas. Seguro que ustedes son bastante fluidos con ello. Entonces bien, aquí vamos. Para agregar una nueva sección, haga clic en esto, y voy a seguir adelante y añadir un texto de encabezado para que lo ponga algo como no necesita experiencia. Todo, Senador, esto de aquí. Y voy adelante y le agrego un poco de relleno a esto. Ups. Entonces bajo la sección avanzada aquí mismo, voy a añadir en algún relleno, así que tal vez, como un podemos añadir sólo cuando tengamos algún margen. En realidad, creo que los martins mejor alineados como 100. Y luego, claro, sólo vamos a seguir adelante y añadir un fondo a esto. Por lo que pinchando en esta sección aquí la sección azul, soy un tramo esta sección ir a lleno con estilo. Y recuerden, chicos, van a videos fondos. Podrás tener Grady INTs puedes tener el clásico va a salir adelante una imagen aquí mismo y solo insertar el efecto de paralaje. Entonces otra vez, recuerda sacar todo el panorama ahí arriba. La mitad de las cabras, Teoh son nuestra talla y van a tapar. Y luego otra vez, si quieres el efecto paralaje y vas a fijo y voila, tenemos ese hermoso efecto de paralaje ahí mismo en nuestra página web. Está bien, así que aquí en cambia algo como, Bueno, eres blanco. Ya sabes, vamos a hacer blanco lo que es bueno, Y luego vamos a aumentar el tamaño. Habríamos tenido sentido abierto de que estamos haciendo arenas abiertas. Te recomiendo chicos abrir Sands o Roboto o Lato. Esos son todos realmente buenos. No es necesaria experiencia. Y voy adelante y respondo a un divisor aquí mismo. Está un poco demasiado lejos. Ya sabes por qué está haciendo Eso es porque agregamos demasiado margen en la parte inferior. De acuerdo, entonces aquí mismo vamos a avanzado, sacamos esto outs y vamos a cero. Entonces no quiero ningún espacio Si ustedes no se dan cuenta en todos mis tutoriales. Chicos, nunca estoy guiado. Ya sabes, yo no soy como uno de esos tipos que, como, ensayan y todo. Yo sólo sé cómo funciona. Y simplemente básicamente solo lo muestro desde cero, ¿sabes? Yo sé qué hacer. Entonces no lo soy. No estoy en un ya sabes, nunca haría eso. Nunca me ha gustado en un guión así. Esas personas están locas. Entonces ahí mismo, ustedes pueden ver que tenemos esta sección que aparece justo ahí. Se ve bastante bien. Ahora, vamos a seguir adelante y sumar en un contador justo aquí Así que vamos a seguir adelante y dar click en esto. Entonces tenemos cuatro contadores. Entonces, chicos, ¿saben hacer eso? Vamos a ir a agarrar esta columna, que está justo aquí. Simplemente arrástrelo debajo, y luego podremos seguir adelante y duplicar este rol así para tener cuatro. Está bien. Y luego simplemente iba a hacer clic en esto y dragón, estos contadores numéricos así. ¿ De acuerdo? O podría duplicar esta fila, pero voy a ir y distraerlo. Yo quiero arrastrarlo, ya sabes, quiero que lo quiera cambiar. Estoy cansado de hacer todo de la misma manera, ¿sabes? Entonces contadores de números. Está bien, contadores de números. Está bien. ¿ Y cómo conseguí ese efecto? Ahí mismo. ¿ Cómo conseguí este efecto? ¿ Sabes cómo conseguí esto? No quiero Oh, no quiero, ya sabes 13. Parte 13 sobre nuestra página parte 2: contadores de números. Está bien, contadores de números. Está bien. ¿ Y cómo conseguí ese efecto? Ahí mismo. ¿ Cómo conseguí este efecto? ¿ Sabes cómo conseguí esto? No quiero Oh, no quiero,ya sabes, ya sabes, arruinarlo para ti. Pero ese es el divisor de forma. De acuerdo, Así que básicamente la forma de otro para esta sección, básicamente solo lo agrego a la parte superior en la parte inferior. ¿ De acuerdo? Y recuerda, para el divisor de forma, vas a tener que hacer que controle esta sección azul justo aquí. Así que afeitarse dividido aquí mismo. El apartado superior. Puedes agregar lo que quieras. OK, ya sabes, puedes hacer algunas nubes altas, y por supuesto, puedes cambiar el color de la misma. Pero, ya saben, chicos, chicos, manténganlo consistente, ya saben, no se pongan pegajosos. Ya sabes, siempre quieres, como, como, tal vez tres colores, Max en tu página web. No quieres más colores que eso. Porque si se pone más que eso, sólo se ve feo. Y la gente es como, ya sabes, este sitio web, se ve un poco pegajoso, y no se ve bien en la sección inferior. Estoy agregando nubes otra vez, y eso se ve bastante cool. A excepción de esta sección aquí mismo. Pero ustedes ya no saben cómo arreglar eso. Um, deberías, Pero puedes aumentar el relleno justo aquí o en este módulo o en este módulo. Realmente no importa en qué módulo le agregue relleno, pero aquí mismo y haga clic en esto. Ir a avanzado. Podemos agregar relleno a la parte inferior, que es más espacio. Pero voy a dejar que ustedes hagan eso. Ya sabes, creo que ustedes saben agregar relleno ahora y agregar más espacio, y y pueden empujarlo y cosas así. Entonces lo voy a dejar justo ahí ahora para el número cool otra vez. Chicos, probablemente quieran algo así como un tipo de fuentes blancas. Ya sabes, se veía un poco mejor. Por lo que la topografía de nuevo, se puede cambiar. Esto es por el número y también por el título. Adelante y cámbialo a lo que quieras. Entonces por qué, probablemente está bloqueando justo aquí, porque probablemente tengo que empujar esto hacia abajo para que pueda ir y en algún margen justo aquí a la sección inferior justo aquí así, para dar un poco más de espacio o puedo agregar nuestro puede agregar relleno. Entonces aquí mismo. Ah, click en esto. En realidad, esto funcionará así como así Puedes hacer así o puedes agregar relleno a la parte inferior en su lugar. Ya sabes, es realmente depende de si quieres margen o palmaditas. Prácticamente casi funcionaban igual, pero como que no. Son muy diferentes, pero hacen tipo de trabajo igual en algunos aspectos. De acuerdo, entonces esa es básicamente esta sección de aquí. Entonces volví por aquí. Tenemos estos tres aquí mismo, y estos son básicamente los blurbs. Muy bien, aquí vamos con Adam. Tu sección ingresó tres filas. Muy bien, entonces tenemos 12 y tres ahora, en realidad inserté la caja de Icahn. Está bien. Entonces, nuevo, caja de iconos aquí mismo y la caja de iconos. Está bien. Entonces puedo hacer click en uno justo aquí, y, ya sabes, puedes hacer apilado o marco. Y entonces, por supuesto, podrías hacer, como, círculo o cuadrado. Puedes, ya sabes, puedes cambiar el icono aquí mismo, Así que ponlos así es ahora también para que la composición se vea mejor así. Así también lo hice. Y ustedes chicos en realidad podrían conseguir chicos que se pueden conseguir es personalizable, como posiblemente se puede pensar, ¿sabes? Entonces, por ejemplo, aquí mismo , digamos , por ejemplo, no quiero usar este. Te daré un mejor ejemplo. Voy a quitar esta columna. Y, um, ya sabes, en realidad, seguiré adelante y solo duplicaré esto aquí y veamos qué más puedo hacer aquí. Voy a seguir adelante y poner en esta imagen uno aquí mismo. Esto es un Este es un truco aquí mismo. Entonces el cuadro de imagen, solo seguiré adelante y lo pondré como una caja de imágenes, y eliminaré este aquí mismo. Ahora, sé que parece que parece que realmente no se puede hacer mucho con él, pero en realidad se puede convertir esto en algún tipo de perfil. Entonces aquí mismo, haz clic en las pistas, pon a este tipo aquí, y probablemente estás pensando no se ve bien, pero ¿qué haces? ¿ Esto? Y tienes un panorama más grande aquí mismo, sabes, porque en realidad podemos aumentar el tamaño de la imagen ahí mismo. Y ahora qué tipo de perfil parece, ¿verdad? Parece el perfil de una persona, así que solo un poco de uso de tu creatividad aquí mismo. Al igual que, por ejemplo, podemos hacer algo así como voy a hacer algo como, uh, vamos a ver aquí, durable Seuin Sería como, no sé, CEO o lo que sea Lo que sea que la gente ponga en estos días, ¿sabes? Y entonces este tipo ayuda a la gente con tutoriales de WordPress. Y entonces podrías hablar de tu empresa y nuestra empresa va a fallar o lo que sea un éxito porque somos increíbles. Entonces es Básicamente es solo tipo de usar estos y cualquier tipo de forma de obtener los resultados que quieras. No hay forma correcta o incorrecta de utilizar estos módulos. Entonces quiero que como que entiendas eso, sabes, sólo porque diga que es un modelo de imagen no significa que tengas que tenerlo como este es un perfil aquí mismo, ya sabes, y para ningún otro los usamos, los usamos no el propósito para el que se usan. Pero todo se trata de creatividad. Entonces de cualquier manera que puedas imaginar usar estos, usarlos, ya sabes, y aquí mismo agregó un perfil. A lo mejor puedo agregar a aquí mismo y agregarle como un efecto de pantalla dividida. Ya sabes, como un perfil de pantalla dividida. A lo mejor tú y tu pareja, ya sabes, todo se trata de creatividad y sólo de usar tu imaginación para obtener los resultados que quieres, porque no hay forma correcta o incorrecta de hacer un sitio web. Chicos, eso realmente no lo es. Y entonces, claro, aquí mismo puedes poner algo así como tu vinculado en perfil, ya sabes, como incluso puedes decir, como, como, click en esto para ir a mi LinkedIn o algo así así. Ya sabes, lo que sea que puedas posiblemente yo pienso. Y también tenemos conocer al equipo aquí mismo, y tengo estas cuatro fotos. Entonces aquí mismo vamos adelante y va a añadir una nueva sección. Da click en esto y estoy aquí mismo para encabezar. Pondré algunos, como, conocer al equipo. Pondré un estilo de centro, adelante y pondré Arenas abiertas. ¿ Estás aquí para decorar esto y luego uno negro y luego tal vez esperanzas y pueden estar justo aquí. Haremos algo así como un peso de 300 aumentará las señales. Y quiero un poco de relleno entre esto no quiero no quiero cerrar ya sabes, así que bueno, haz algo así ahí mismo. Y entonces, en realidad para el fondo pondrá cero. Porque espero que sepas por qué vamos a sumar una línea aquí mismo. Y si tenemos relleno aquí mismo, va a alejar la línea. Entonces, humano haga clic en esto, vaya al divisor y arrástrelo debajo. De acuerdo, Entonces voy a seguir adelante y centro que reduzcan el con, aumenten el peso, y luego seguir adelante y reducir la brecha y los cambios. Carter Black se ve mucho mejor con el negro, ¿verdad? Está bien. Por lo que tenemos conocer la sección de equipos aquí mismo. Ahora, quiero añadir esas cuatro fotos. Entonces cuando hago click en esto aquí mismo y agrego en Oh, puedo dar click en esto. Agrega nueva sección aquí y haz click en cuatro fotos. De acuerdo, Ahora, esta sección de aquí, simplemente vas a arrastrar imágenes aquí mismo. Entonces solo vamos a seguir adelante y poner las imágenes de este tipo y también de chicos en la carpeta. Tengo diferentes fotos para ti, así que solo voy a usar esta, pero siéntete libre de usar tu empresa o quien quieras o, ya sabes, tu hermano o tu hermana o quien quieras hacer. Entonces aquí ponemos eso es y luego otra vez, ponemos esto y eso es y sabes que también puedo seguir adelante y simplemente duplicar esto en lugar de perder todo ese tiempo. Entonces esa es sólo otra forma en que ustedes pueden usar la cuerda duplicada. De acuerdo, Ahora, para este tramo aquí mismo, estoy a un click en este camino aquí y otra vez. Soy un do lleno con porque básicamente estoy diciendo que quiero que este cuarto esté lleno aquí mismo , ¿sabes? Por lo que al hacer click en esto aquí mismo haciendo clic en sección de estiramientos y lleno con y recordar , no quiero ningún hueco, así que no tengo huecos. Y como resultado, tenemos ese gran efecto ahí mismo Así que puedes tener a tu equipo ahí. Pueden tener todo tipo de cosas realmente geniales, y ustedes pueden un poco meterse con esto, ya saben, como, bueno, yo no encajaría en la pantalla o, ya saben, hombres altos. Ya sabes, la media altura, Tal vez puedas aumentar el tamaño de su, pero eso es si eliges, o puedes hacer como, ya sabes, si quieres, como un pantalla completa uno que sabes que puedes hacer, como, encajar a pantalla, pero yo no haría eso. Simplemente dejaré este defecto y, um, ya sabes, eso es básicamente eso bastante autoexplicativo. Ya saben, si quieren una leyenda aquí mismo, ponen como un Darrell Wilson justo aquí. Harold Wilson. Y luego escucho que puedes poner como tu otra pareja o algo más, y ustedes siempre pueden cambiar el similar. El caer sobre todo o lo que puedes hacer es simplemente seguir adelante y decir: ¿ Sabes qué? Podemos simplemente seguir adelante y agregar en un editor de texto, justo debajo de eso, y luego podemos hablar de nuestra persona. Y entonces digamos, por ejemplo, tenemos la versión pro. Tenemos los iconos de las redes sociales como hablamos. No los tengo aquí, pero ojalá lo hiciera, sabes, porque podemos agregar los iconos de las redes sociales abajo Nats hacen que se vea realmente profesional y realmente limpio, pero no tenemos eso. Entonces eso es desafortunado. Pero si tienes la versión pro, puedes agregar iconos sociales de la parte inferior justo ahí. De acuerdo, Así es básicamente como logré esta sección aquí mismo. ¿ Quieres una sección así para el gran efecto? Es así como logras esa sección. Está bien. Y la última sección que vamos a hacer es esta sección de aquí. Ahora, chicos, esto es realmente fácil. Esto es esto es demasiado fácil para ustedes chicos. Ahora es esto ser competitividad. Por lo que haremos click en esto aquí mismo e iremos a nuestros modelos aquí mismo. Y utilizamos testimonios, Testimonios. Entonces aquí mismo puedes hablar de tu empresa sobre el contenido aquí mismo. Por lo que esta sección justo aquí corresponde al contenido y luego para la imagen. Yo soy un borrar eso y sólo poner a este tipo justo aquí. Este tipo es el tipo principal. hoy, El día dehoy,se mete en un ya sabes, y luego aquí mismo, podrías poner algo como, ya sabes, nombre de tu empresa. Entonces son el viejo Wilson. Y luego trabajo simplemente hacer, como, WordPress reprimido amigo, amigo. Y luego aquí mismo, podríamos hacer como alineaciones. Contenía alineaciones a lo que quisieran chicos. Y luego también, de aquí en adelante el estilo, se puede cambiar el color del contenido a otra cosa como el negro y luego a la topografía. Arenas abiertas. Ya sabes, a la gente le encanta esa fuente. No sé qué es, pero es sólo la fuente más popular, así que no sé por qué, pero a la gente, pero a la gente, gente realmente le encanta, ¿sabes? Y aquí podemos cambiar, como el tamaño, ya sabes, todo lo demás. A lo mejor altura de línea en mayúsculas. Ya sabes, podemos cambiar el espaciado entre líneas. Algunas empresas hacen eso, ya sabes, eso no lo sé demasiado. Eso es demasiado, ya sabes, no lo sé. Tenemos que tonificarlo ahí abajo. Eso es demasiado. Algo así. Eso es un poco mejor. Y luego para la imagen, puedes cambiarla por el nombre. Entonces es tan personalizable, ya sabes, y no puedo pasar por todas las opciones porque el nombre corresponde a Darrell Wilson. El trabajo corresponde a WordPress. Amigo. Y este material aquí mismo sólo corresponde a la fuente y a la topografía. Entonces solo, ya sabes, solo pasa si quieres, y ahora eso va a estar Está bien. Por lo que oigo hacer clic en esto. Oh, chicos, Antiguo cosa. No te olvides de estar seguro. Por favor, no lo hagas. No olvides ahorrar. He tenido gente comentando o como Hey, Darryl, estaba construyendo mi sitio web y luego no hice clic en seguro, y estoy como, Bueno, realmente lo siento. Ya sabes, siento que haya pasado, pero ya sabes lo que quieres todo te enviaré por email una tarjeta de regalo de Starbucks $5 o algo así, ya sabes. Entonces, quiero decir, ese es el Lincoln do, ¿ verdad? Por lo que volviendo por aquí, lo completamos. Ahora quiero hablarles de la cabecera aquí mismo. Entonces esto de aquí se ve muy bien, ¿verdad? Y nuestro sitio web no se ve realmente bien. Nuestro sitio web sigue abriendo esa pestaña. Nuestro sitio web tiene esto aquí mismo, por lo que necesitamos seguir adelante y arreglar esta sección. Así que adelante y guarde estas cosas y sigamos adelante y vayamos a nuestro, um ¿Qué? No podemos darle la página. Y luego aquí mismo vamos a personalizar. Entonces necesitamos cambios. Opciones en el personalizador del tema. Está bien, así que está cargando mi personalizador de temas, y ahí vamos. Entonces ahora mismo, les voy a mostrar cómo hacer esto transparente, y no voy a pasar por todas estas aquí mismo y explicar cuáles son estas. Sólo para que entiendan, no tienen que seguirme aquí, pero ustedes chicos pueden simplemente mirar y entender y obtener el concepto general, así que la identidad del sitio justo aquí. Entonces, por ejemplo, como tu sitio web dot com lo puso ahí arriba. Pero en realidad voy a reemplazar esto ahora mismo por un logotipo, así que realmente no importa lo que ponga ahí. Simplemente no voy a tener este año porque más bien tengo mi logo ahí. Entonces, um, ya conoces este texto, y te mostraré que chicos iban a conseguir logo en tan solo un segundo. Y también para el ícono del sitio. Entonces otra vez, justo aquí en la parte superior. Izquierda, justo aquí. Ya ves, tenemos estos pequeños iconos. Siempre que alguien visita tu sitio web, vas adelante y lo pones justo ahí cuando quieras. Por lo que abrió esto aquí mismo. Y ahora puedes ver aquí mismo en el navegador que eso aparecerá cada vez que alguien visite mi sitio web. Entonces les voy a dar un sitio web que ustedes podrían conseguir una firma local. Es realmente genial. Y lo siguiente aquí mismo son nuestros menús. Por lo que tenemos muchas ubicación otra vez. Hablamos de esto. Entonces tenemos la parte superior son tenemos la principal y tenemos el pie de página. Entonces básicamente ponemos eso y también para móvil, que es opcional. Puedes decidir ponerlo ahí, pero es solo que va a ser un menú de hamburguesas para el móvil. Entonces no voy a ir eso. Pero cubriré la optimización móvil en la siguiente sección, así que asegúrate de quedarte porque eso es extremadamente importante. Vuelve aquí. Tenemos los widgets. Hablamos de los widgets aquí mismo en la parte inferior de la página. Entonces otra vez, aquí mismo, tenemos nuestros widgets volviendo por aquí, la estática de la página otra vez. Siempre quieres configurar tu página principal en, uh, aquí mismo, aquí mismo, como tus páginas de inicio estáticas. Esto y también tus posts, páginas, lo que quieras y hablaremos de los blogs solo un poquito. Va por aquí abajo. Tenemos las opciones generales. Por lo que muchos de estos en realidad no se aplican a nosotros porque en realidad hemos utilizado nuestro propio constructor de páginas. Y realmente no usamos su constructor de páginas, Así que como resultado, muchos de estos aquí no son realmente necesarios. Pero hay algunos, como desplazamiento a la parte superior, así, nos van a detener y esperar al fondo. Se puede seguir adelante y cambiar. Ese es él. Sólo ícono aquí mismo. podemos cambiarlo por otra cosa que nos gustaría. Está bien. Para que puedas, ya sabes, divertirte con esos y cambiarlos lo que quieras. Al igual que el área de texto de entrada. No. Sí. Este es un campo de, como, el camino de abajo justo aquí. Entonces solo vas a pasar por estos y personalizarlos y decidir cómo lo quieres . Pero no voy a meterme demasiado en todos estos aquí, porque, ah, ah, muchos de estos tipos no nos están aplicando porque sabemos que no usan su Paige Miller. Usa l un mentor. Y como, para, como, como, el estilo de maquetación. Verás, realmente no necesitamos meternos con nada de esto porque en realidad hemos tenido el plug in hacer todo esto por nuestra cuenta, así que no necesitamos meternos con ninguna configuración general en absoluto. De acuerdo, Así que volví por aquí topografía otra vez. Realmente no necesitamos usar esto demasiado porque estamos usando la nuestra propia aquí mismo. Al igual que no necesitamos básicamente, como, hacer como nuestro cuerpo como una fuente. Pero, quiero decir, realmente es útil si ustedes decidieron usar su página de abajo y todo lo demás, pero no lo estamos, así que en realidad no lo voy a usar. Y sí, concedido sólo aplica a algo así como el menú donde a las webs les gusta la parte superior justo aquí. Pero en realidad vamos a reemplazar esto ahora mismo, así que realmente, realmente no importa. No obstante, en realidad sí importa para el menú. Entonces quiero asegurarme de que ustedes no se salten esto. Así que siéntete en la parte superior justo aquí arriba. Podrás ver nuestro menú cambiará, por lo que solo aplica al menú y al menú de pie de página también. De acuerdo, si quieres seguir adelante y cambiar algunos de esos ajustes aquí mismo para el menú, aquí es donde lo vas a hacer. Y te recomiendo hacer algo así como, um así que hasta te gusta capitalizar. Y estamos haciendo, como, como, Arenas abiertas. Vámonos. Mantengámoslo abierto, Sandra. Aquí, no hagas algo como Bueno, haz, como, ya sabes, así. Se ve bastante guay. Y creo que para esta sección, eso es probablemente todo. Entonces voy a guardar y publicar y volver aquí mismo. Vuelve de nuevo y justo aquí vamos a la cima ahora son la parte superior. ¿ En realidad somos reemplazados? Entonces ese era el otro bar justo aquí. Por lo que realmente no necesitamos la parte superior son así en esta sección. Realmente no lo vamos a usar por mucho porque en realidad lo inhabilitamos, así que no necesitamos que los top sean también. De acuerdo, entonces volveré y escuchamos bajo encabezado. Muy bien, aquí tenemos, como, nuestro general, nuestro menú, nuestro logotipo etcétera. Entonces tu logo, vas a ir y poner justo aquí. Ahora, chicos, van a tener que ir a Fiverr dot com. Y en realidad quiero hablar de, como, como, buena gente y nada de buenos vendedores y todo para que puedas teclear algo así como logo. Ahora, también hay un enlace en la descripción. Te llevará a la web. Lo siento, fibra dot com. Si ustedes compran algo que creo que hago como, creo que me pagan igual que el tráfico. Ni siquiera sé cómo nunca me había gustado Goto como mi programa de Filadelfia. Pero aquí mismo, ustedes conceden tener fabricantes de logotipos realmente geniales aquí mismo. Entonces voy a hacer un logo de negocios y puedes conseguir un logo por igual, cinco dólares. Y los chicos no quieren cortar esquinas con tu logo. Ya sabes, tu logo es una representación de ti. Es lo que la gente ve cuando te habla. Por lo que estas personas de aquí mismo harán logotipos realmente geniales por comenzar alrededor de $5. Al igual que este tipo de aquí. $5 cada uno. Otros tipos aquí así son como, 25. Ya sabes, no tienes que usarlos. Solo puedes usar a alguien por cinco pavos. Mi logo fue hecho por $5 por lo que estos chicos te proporcionarán algunos logotipos realmente, realmente cool. De acuerdo, Así que adelante y sácalo de uno de estos tipos. Y una vez que terminen con eso, ustedes en realidad pueden volver a su sitio web e insertarlo en. Entonces aquí mismo bajo logo. Voy a poner esto por ahora, ángulo a seleccionar, y luego quiero que, como, algo así como decir Oh, bueno, bueno, ¿qué parte? O como, ya sabes cuánto del logo. Entonces solo voy a, como, seleccionar esta pequeña botella justo aquí, ya sabes, sólo para propósitos totales, chicos. Entonces ahí está. Hay dinero, logo, y otra vez, Chicos, quieres asegurarte de que sea p y G. Vale, entonces este logo tengo justo aquí mis sitios web, Este es un archivo PNG, y lo que eso significa es que no tiene fondos blancos como este. Aquí mismo hay una imagen de cerdo J. Entonces como resultado, tiene Tiene Tiene, ah, antecedentes. No quieres un atrasado ahí mismo. De acuerdo, Así que en realidad sólo voy a seguir adelante y quitar esto. Esto se ve horrible, Goes Así que solo te estoy dando un ejemplo de lo que querrías para tu logo. Creo que los tamaños generales alrededor, como, ya sabes, 50 píxeles por 50 píxeles. Por lo que quieres seguir adelante y usar eso también. Y también puedes cambiar el tamaño de, como, el logotipo en todo aquí está Bueno, vale, así que ve a esos sitios Web, consigue tu logo por cinco dólares y luego vuelve aquí y puedes seguir adelante y subirlo aquí mismo. ¿ De acuerdo? Y tienes, como, el menú justo aquí, y te puede gustar centro. Es lo que puedes hacer a la izquierda. Ya sabes, muchos de estos tipos de configuración son muy autoexplicativos, como el color del enlace. Ya sabes, en realidad piensan que son los más importantes. Ese es el color real de tu menú aquí mismo. Está bien. Y este de aquí es tu menú secundario. Entonces esto aquí mismo sobre nosotros es tu menú secundario. Entonces recuerda, nunca hacemos la personalización es a tus sitios web. Quieres asegurarte de que este es el menú secundario, así que eso es solo dejarte saber qué es. De acuerdo, Entonces voy a poner blanco justo aquí y la razón por la que estoy haciendo por qué es porque en realidad voy a agregar un fondo transparente. Entonces tenemos que salvar Regresa aquí mismo. Y esto es como tu menú social. Puedes seguir adelante y habilitar un menú social en la parte superior. Entonces, ¿quieres seguir adelante y darle un menú social? se puede hacer. Pero no voy a seguir adelante y tener eso. No, gracias. Volviendo aquí para tu menú móvil también, y me meteré en la optimización móvil en la siguiente sección para que lo entiendan un poco mejor, pero esto es básicamente decorar tu menú en móvil. Está bien. Está bien. Entonces van justo aquí a General, y yo veo el estilo justo aquí, para que podamos darle estilo a este menú de diferentes maneras. Entonces, por ejemplo, aquí mismo estoy agregando un fondo transparente. Muchas S y C. Es transparente, o puedes tener menú superior también una pantalla completa o centro o medio o lo que quieras hacer . Entonces estos son el ejemplo de los encabezados personalizados como básicamente donde quieras, haz tu propio pequeño encabezado y puedes hacer como ya sabes, básicamente haces adelante en una página y puedes seleccionar la derecha ahí, pero es realmente no se necesita. Ya sabes, el transparente usado probablemente quiera tus mejores opciones aquí mismo. Entonces escuchamos mi click en este pequeño encabezado borde inferior y luego eso se deshace de eso. No, chicos, recuerden, en realidad pueden tener un menú regular como este. La mayoría de los sitios web lo tienen así, ¿sabes? Entonces esto es como el estándar ahora, la razón por la que transferí el sabio de Texas porque, recuerden, agregué en un transparente lo siento, un texto blanco. Pero de nuevo, puedes cambiar el color de fondo para acomodar eso, ya sabes, para que puedas verlo un poco, pero aún así quiero el fondo transparente. No quiero que ninguno de los no quiero ver nada ahí mismo. Está bien. Está bien. Entonces voy adelante y guardo esto aquí mismo y ahora voy a seguir adelante, y también puedes cambiar lo alto el menú para que puedas hacerlo más grande o más pequeño. Pero creo que todo es como 74 fue bueno. Ahora muévete aquí y ve al logo. Y voy a seguir adelante y sumar un local aquí mismo. Estoy agregando a estos lugareños aquí mismo. Alguien adelante y mete estos para darle un poco más del Ya sabes, una idea de ello así. Entonces ahí está, mi logo. Y también puedes hacer como una lectura. No hay logotipo si quiere. Ya sabes, lo que quieras. Entonces y también, puedes cambiar como la altura de la misma. El máximo con En realidad, probablemente debería quitarme ese. Eso eres tú Pon esto a 500 para seguir adelante y leer a ese. OK, así que ahí está. Ahí están mis chicos locales. Y de nuevo, si ustedes necesitan ayuda, asegúrese de ir a la fibra. Ustedes obtienen un logo por cinco pavos. Ustedes para usar mi enlace, yo gano, como, ya sabes, 10 centavos. Es de verdad que es realmente genial 14. ACTUALIZación de la función de vídeo de parte 14 parte 14: y sentido. ¿ En serio? Es realmente genial. Vosotros chicos bienvenidos de nuevo. Por lo que en realidad les voy a presentar a todos otra actualización de funciones. Así que siéntate y relájate. Ahora, esta actualización de funciones de nuevo acaba de salir. Entonces aquí mismo. Ya ve, aquí tengo estas imágenes. Ahora bien, si quieres que la gente haga clic en tu foto y tenga una imagen como esa pop up, te voy a mostrar cómo hacer eso. De hecho, realidad puedes seguir adelante y cambiar todos los colores cuando realmente hacen clic en él. Entonces, por ejemplo, aquí mismo puedes tener todo tipo de colores de fondo realmente geniales si alguien decide hacer clic en tu imagen y esto en realidad es una especie de masa tu esquema. Así que adelante y haga clic en una imagen, o ustedes pueden simplemente seguir adelante y mirarme. Y cuando dice que se vinculó a simplemente ir al archivo multimedia y ahora aparecerá esta caja de luz de función , y así solo hacemos clic en Sí. Ahora, también hay otra característica global aquí bajo ajustes globales que tendrá todas tus imágenes tienen esto. Por lo que abre una caja de luz o abre todos los enlaces de imagen que tendrán una caja de luz emergente ahora para volver a obtener esta característica. Recuerda, hay que tenerlo vinculado al archivo de medios. Entonces lo que eso significa es que la característica global básicamente está diciendo para cualquier imagen en tu sitio web que esté vinculada a un archivo multimedia, abrirá una caja de luz de este color aquí mismo. Entonces los ajustes globales, lightbox y, por ejemplo, ponen este justo aquí. Entonces básicamente, si hago clic en alguna de estas imágenes aquí mismo, siempre va a tener esta pequeña caja de luz fresca. Y esto también funciona para el módulo de galería. Entonces esto, ya sabes, si quieres que la gente se desplace por tus imágenes, puedes seguir adelante y usar también el módulo de galería, y eso básicamente se mostrará. Todas las imágenes donde tú conoces, pueden dar click en ella. Entonces es este modelo de aquí mismo el que consiguió la galería de imágenes y de nuevo pueden pasar y desplazar todas las imágenes, todas las imágenes que pones dentro de la galería. Esto también funcionará. Ok, entonces es una característica realmente genial arriba que agregaron, y acaban de lanzarla. Entonces si ustedes están viendo esto hoy, felicidades, chicos por delante del juego. Así que asegúrate de revisar las futuras actualizaciones. Y además no quieres si no quieres, como todas las imágenes de tus sitios web. Um ya sabes, si quieres un global, puedes seguir adelante y desactivar la característica global para que la configuración global y apague esto y luego ustedes chicos solo lo pueden tener para la cada imagen específica. Entonces recuerda, tienes que ir a esta sección aquí mismo y hacerlo a través de cada imagen. No obstante, si lo deseas en toda tu página web, no tienes que pasar por todas tus imágenes. Puedes ir aquí a ajustes globales. Lightbox habilita esto, y ¡voila! Funcionará automáticamente en todos los enlaces a un archivo de imagen. De acuerdo, así que asegúrate de revisar eso. Chicos. Ahora sigamos adelante y volvamos al tutorial. 15. ¡Blog de parte 15 de la: al tutorial. Muy bien, chicos. Entonces en esta sección, les voy a mostrar a todos cómo hacer un hermoso blawg. Ahora, dependiendo de lo que quieras hacer, te voy a mostrar dos maneras diferentes. Ahora. Uno es la autopista, y también uno es la pro vía. Y estoy seguro de que los dos solo porque quieren cambiar de opinión, la futura actualización al pro o quieren decirlo el gratis. Entonces esta es la versión gratuita aquí mismo. Y básicamente vas a conseguir, como, como, un pequeño poste de cuadra justo aquí. Y, ya sabes, tu sangre se verá hermosa y se verá realmente, realmente genial. Tu publicación de bloque Enfriar porque vamos a usar elemental o para diseñar realmente son puestos de bloque reales . ¿ Habéis decidido usar la versión pro? Podría verse algo así aquí mismo donde puedes seguir adelante y decorarlo. Entonces aquí mismo. Se puede ver que en esta parte superior aquí tengo estas tarjetas y se puede cambiar el fondo y todo en esta sección justo aquí. Puedes cambiar la fuente, el color, el leer más, el enlace puedes ser muy personalizable con esta versión aquí mismo. De acuerdo, así que esta es la versión pro aquí mismo. Entonces, de nuevo, son las mismas cosas que no incluye esta parte superior justo aquí. Entonces dependiendo de lo que ella quiera, te voy a mostrar ambas versiones, y luego puedes ser el jefe de tu propia página web y decidir qué quieres. Por lo que de nuevo, versión pro. Y este es el diseño de versión gratuita aquí mismo. Entonces sigamos adelante y hagamos la versión gratuita. Entonces aquí mismo vamos a plus Nuevo y vamos a página. Ahora voy a hacer algo así como la versión gratuita de post blawg. Ahora por la barra lateral, solo seguiré adelante y dejaré la barra lateral a los derechos porque quizá quieras barras de lado. Hablaré de esto en tan solo un poquito. Voy a decir, Bueno, Bueno, los márgenes habilitados el encabezado. Y luego menú uno. Y luego por el título aquí mismo. Voy a seguir adelante, habilitarlo. Y entonces, ¿qué es lo que realmente quiere nombrar a este blawg? Bueno, voy a hacer algo así como el mejor registro de la historia, y luego seguir adelante y poner publicar. Por lo que voy a ver página. Ahora necesitamos asignar esta página como nuestra página blawg. De acuerdo, así que para hacer eso, tenemos que ir a personalizar todo bien, y luego aquí mismo bajo portada estática. Quieres establecer la página de correos como la página gratuita o lo que sea que hayas creado. Por lo que esta es la versión gratuita de publicación blawg. Entonces voy a ir a ahorrar, y luego tu puesto de bloque aparecerá aquí mismo. Entonces volvemos aquí mismo y también por la sección de bloques justo aquí. Puedes cambiar las entradas de tu blog por encima de las entradas de bloque aquí mismo. Puedes poner tu barra lateral a la izquierda. Se puede, ya sabes, despegar la superposición de la imagen. Ahora, en tan solo un segundo, les voy a mostrar cómo hacer puestos en bloque. Entonces no entres en pánico. No te preocupes. Vosotros chicos contiene el estilo del blog, por lo que podéis ver que tenemos que hacerlo. Ahora es una especie de grilla como esta. Se puede cambiar todo tipo de cosas. Se puede tener, como, tres grandes columnas ahora, también aquí mismo. El posicionamiento del elemento que puedes tener, como el título debajo del contenido para que puedas ver ahora el contenido aparece por encima de los títulos. Puedes arrastrarlos y soltarlos así. Es una característica de blawg muy increíble que han agregado. Pero quiero salir y justo, como, como, deshacerme de todo el meta como el autor de la fecha Las categorías. No quiero que nada de eso se presente en el ritmo de bloque aquí mismo. Entonces algo parece que es que ustedes pueden dio extracto de Mawr, que es básicamente más personajes. Entonces en lugar de básicamente 19 carruajes y ahora está mostrando 42 palabras bien, así que se puede reducir eso es Pero ahora vamos a seguir adelante y hacer el post blawg real. Entonces voy a volver aquí mismo y dar click en X. Así que esta es la página de blawg real, ¿de acuerdo? Y luego aquí mismo en el go a plus nuevo e ir a post. Entonces post no page, entonces esta es la página que estamos creando ahora de nuevo aquí mismo para el diseño de contenido. Voy a usar un layout de elemental o así necesito asegurarme de que estos estén todos en la configuración en la que los necesito. Entonces escucho cabecera Probablemente en esto un par de veces ya. Sí, sí, aprendiendo. Está bien. Y yo voy a publicar. De acuerdo, voy a editar con l un mentor y todo lo que voy a hacer. Chicos, es simplemente seguir adelante y agregar una plantilla aquí mismo. Voy a usar la plantilla de publicación de bloque. Ustedes en realidad tienen mucho más en la página web, así que asegúrese de echar un vistazo a estos diseños. Perdón. Aquí vamos. Hacer bloque Post lanzamiento. No tenía dos o tres veces me gustan los estilos. Y de nuevo, solo puedes hacer cambios aquí mismo. Para que te sientas como tus sitios web, tu sitio web, blawg se va a inclinar, siempre Bullough. Y entonces ustedes pueden seguir adelante y sólo, ya saben, cambiar el contenido aquí, hacer lo que quieran, porque todo ya está hecho. OK, entonces así es básicamente como lo hicimos. Entonces aquí vamos a salvo. Ahora, una cosa más que quiero hacer es ir a ver esta página aquí mismo. Entonces esta es la página real justo aquí que este es el post real. Ahora tenemos que asegurarnos de que necesitamos cambiar algunas configuraciones, como aquí mismo tenemos estas cosas en la parte inferior justo aquí. Nosotros queremos entrar y cambiar todas estas cosas. Por lo que aquí mismo bajo personalizaciones Ir a dar click en eso. Ahora necesitamos ir realmente al personalizador real donde habla de la publicación blawg real . Entonces no sólo thestreet voy a la publicación real. Entonces este es el único post justo aquí y todo bien aquí. Ya pueden ver ahora como que recomiendo simplemente deshacerme de, como, como, mayormente de todo aquí porque realmente no estamos usando ninguna de sus cosas aquí mismo. No estamos usando nada. Entonces estamos usando l una versión mentores de esto. Entonces realmente no lo somos, um, ya sabes, realmente no necesitamos nada de esto, ¿sabes? Está bien, así que ahora va por aquí abajo. Todo lo que nos queda es sólo la sección de comentarios ahí mismo. Creo que el contenido realmente se deshará de todo nuestro contenido. No quieres hacer eso. Eso no es bueno. Quieres seguir adelante y asegurarte de que tienes contenido y solo comenta tal vez un cuadro de autor para que sepas, puedes tener cajas de autor. Bueno, porque con la página elemental de abajo, chicos, no necesitamos estos otros ajustes que nos da el tema porque simplemente no es necesario porque estamos usando mentores l A. Ah, constructor de páginas para diseñar el nuestro propio. Por lo que realmente no necesitamos nada de eso cuando lo obligué. De acuerdo, entonces aquí vamos. Teoh, Click X. Ahora, sigamos adelante y volvamos a nuestra página. Tengo que cerrar de ella. Perdón por eso. Muy bien, así que sigamos adelante y vayamos a nuestra página de correos de bloques real. Entonces aquí vamos a nuestra página, dos páginas. Así que hicimos la versión gratuita. Está bien, así que hice clic en eso, y luego lo hicimos. Esta es la página que estamos creando. Por lo que esta es la página real y dar click en su Los llevará a esta página aquí mismo. Y mientras tenemos este hermoso post rubio, Vale, Ahora, una cosa más. Si quieres agregar una imagen destacada a esto, quieres dar click en esto aquí mismo y va a editar post y quieres entrar y salir en una imagen destacada. Por lo que va por aquí, el click inferior en conjunto de imagen destacada, y esto básicamente te permitirá poner una imagen destacada justo ahí excepto esta. Y van a actualizarse. Está bien. Ahora, en lugar de ir al Post, quiero ir a páginas y quiero ir a ver esa página. Yo lo hice. Por lo que el poste de tres cuadras. Entonces este es el actual miembro de la página, esa página que estamos creando, y luego Voila. Tenemos esta sección aquí mismo. Ahora, esta sección de barra lateral chicos se llama la sección Widget. Y básicamente, lo que es esto Bueno, es para un montón de cosas, Ya sabes, Ustedes pueden agregar un montón de cosas ahí, así que haga clic en widgets aquí mismo. Y también vas a la apariencia y widgets. Bonito. Aquí dice barra lateral. Entonces aquí mismo tenemos todas estas cajitas justo aquí. Se puede poner como el sobre mí. Recuerda cómo decoramos el pie de página. la misma forma exacta que decoras el pie de página es de la misma manera que decorarías la barra lateral. No te puede gustar una caja de Facebook como. Puedes agregar una suscripción como suscribirte a mi newsletter. Yo también tengo un tutorial sobre eso, chicos. Así que asegúrate de revisar mi editorial. Es un recurso gratuito. Aprovecha al máximo. Podría enseñarte todo sobre chimpancé masculino y cómo usar, como, incluso en la comercialización de todas esas cosas sin cargo extra, sin costo alguno. Todo es gratis. Entonces voy a cerrar las secciones y luego, ya sabes, iconos sociales. Puedes agregar iconos sociales aquí mismo algo. Y luego otra vez, ustedes pueden adultos. ¿ Tienes un video? Puedes todo tipo de cosas realmente geniales a tus chicos de la barra lateral. Entonces eso es básicamente lo que es la barra lateral. Y así de fácil es decorar tu barra lateral. Porque, ya sabes, cuando vas a gustar, una página bloqueada que estaba teniendo una barra lateral y cosas así, Bueno, eso es exactamente lo que es. Entonces básicamente todo lo que hicieron fue tener búsquedas recientes posts, iconos sociales y categorías Ahora por categoría. Ahora, por estas cosas, estas podrían aparecer. No lo sé, porque hay que fijar la dimensión para ello. Es muy difícil para mí ya saben, qué enchufar cómo funciona, chicos, porque he usado miles de plug in. Entonces cada plug in tiene su propia pequeña manera, y ellos tienen su propia pequeña actitud, por lo que como que tienes que ajustarte a ella. Entonces en realidad voy a ir a mi panel de control y ver esa página ahora mismo. Está bien. Recuerda, hicimos la huida la página del bloque libre. Por lo que la versión de post de bloque libre me voy a ver la página y bulla y otra vez aquí mismo. Tenemos los posts recientes. Tenemos la barra de búsqueda, el síguenos. Probablemente necesito agregar en el poco los pequeños símbolos abstractos para que aparezcan los siguientes iconos. Y entonces tenemos categorías. Recuerda, También puedes categorizar la publicación de bloque también. Y si hago click en esto aquí mismo, Ahí vamos. Tenemos una hermosa pagina blawg. De acuerdo, entonces eso es básicamente lo que hicimos ahí mismo. Está bien, chicos. Entonces ahora que les he mostrado cómo hacer la versión gratuita, voy a seguir adelante ahora y mostrarles a todos cómo hacer la versión pro. De acuerdo, entonces aquí vamos a la cama con L. Un mentor. En realidad, en realidad tengo un bajo el de este servidor. Este es, como, un poco más rápido. Este es un sitio terreno. Este es en realidad mucho mejor. Entonces voy adelante y voy a mi página aquí mismo. Así que ustedes probablemente estén poco familiarizados ahora con los chicos del constructor de páginas, así que no quiero una especie de ir realmente básico y más allá porque ustedes probablemente entiendan cómo hacer muchas de estas cosas. Entonces me voy a la cama con elemental o y al igual que hiciste la página principal, la página sobre nosotros, Vas a hacer lo mismo aquí mismo. OK? Pero quiero mostrarles cómo diseñé esta sección. De acuerdo, así que esta sección de aquí es en realidad un divisor de forma y otra realmente genial. Entonces si quieres tener este look aquí mismo, básicamente todo lo que hicieron fue hacer clic en este pequeño icono de la parte superior. Dije esto para estirar lleno ahora por el estilo. En realidad lo dije como divisor de forma. Y luego la parte inferior, le di thes brochas de onda justo aquí. De acuerdo, Entonces así es como tipo de diseñé esto. Y miembro ustedes pueden, como, ya saben, cambiarlo. Ustedes pueden cambiar las cueros, todo tipo de cosas realmente geniales. De acuerdo, que alguien lo haga. Las olas era un pincel de maneras. Ahora bien, ¿cómo conseguí esta sección aquí mismo? Bueno, lo que en realidad se consideraba una imagen obtiene su imagen aquí mismo. Entonces otra vez, aquí mismo. Yo quiero que ustedes miren esto. Esta sección justo aquí y chicos esta misma imagen está en la carpeta. De acuerdo, así que aquí mismo para esta sección azul, simplemente hice una sección estirada una completa con estilo de sección normal. El tipo de fondo es clásico, y pongo esta imagen aquí mismo. Está bien. Entonces, básicamente, todo lo que hice fue simplemente básicamente poner una imagen. Estiré todo el camino a través del módulo de texto, y luego puse un módulo divisor. Ahora un recurso realmente cool te quiero dar todo es ¿Cómo me mezclé? Perfectamente. Entonces esta es una imagen. Pero esto no es así. ¿ Cómo me mezclé? Perfectamente Bueno, te voy a dar un sitio web ahora mismo Eso te va a mostrar cómo realmente sacar el código de color de cualquier imagen que quieras. OK, entonces vamos aquí arriba, tengo que google y va a, um H T m l Culler Coats, ace email códigos de color. Entonces es esto cuando oigo No se preocupen, chicos. El enlace también es una descripción, por lo que es html dash color dash coach dot Info. Ahora, aquí mismo. Voy a ir a elegir archivo, y voy a ir a seleccionar el elemental. Tengo muchos videos. Ya sabes, mayormente éste. Entonces Así que aquí mismo. Tengo el portafolio domiciliario. No, vamos a mostrar imagen. Soy un click en esto aquí mismo. ¿ Ves eso? Hice clic en eso. Me da el código de color. Increíble que esto sea increíble. Entonces sigamos adelante y volvamos a nuestra página real. Ahora, esta sección aquí para este divisor de forma en la parte inferior, en realidad voy a poner el código ahí dentro, pero ya está ahí, pero voy a cambiar el color a propósito. Por lo que forma parte inferior divisor. Yo soy un cambio. Cambia de este color. ¿ Todo bien? Ahora, el mismo código de color que me dieron estos tipos, están diciendo que este es el código de ese color. Entonces también lo voy a hacer es simplemente tomar esto y pegarlo ahí y voila. Se mezcla perfectamente. OK, entonces voy a seguir adelante y dejar esta sección. Esto es como sección de bloque antiguo. Ahora voy a seguir adelante y añadir en la función pro. ¿ De acuerdo? Por lo que la característica pro es la sección de correos aquí mismo. Entonces vamos a seguir adelante y encontrarlo. Está en la sección pro. Ah, en realidad está en otro sitio web justo aquí, así que voy a seguir adelante y guardarlo, y voy adelante y lo agrego ahora mismo. Ya estoy de vuelta. Por lo que acabo de instalar la versión pro de elemental o así justo aquí. Tengo la sección de correos. Ahora. Voy a llevar esto aquí mismo y simplemente arrastrarlo a esta sección inferior justo aquí. Entonces ahora supongo que puedo ver. Tengo esta sección aquí y todo lo que hicieron chicos fue que básicamente puse algo de relleno justo aquí. Entonces, dáselo. Dar la imagen desde el espacio y todo. De acuerdo, así que hice 1 2121 20 Y en esta sección de aquí, lo dejé todo en blanco. Y luego esta sección otra vez, estoy en blanco. Ahora bien, ¿cómo conseguí ese logro? Entonces, básicamente, lo que hice fue tomar esto aquí mismo, y reduje el margen. De hecho, lo hice negativo. Entonces vamos a dar click en esto aquí mismo y hacer negativo, tal vez 90. Y supongo que puedo ver que tengo las imágenes tipo de empujar hacia arriba justo ahí para darle ese hermoso diseño. Entonces así es exactamente como logré eso ahí mismo. De acuerdo, entonces todo tu post se mostrará ahí y otra vez. Ustedes pueden seguir adelante y tomar este módulo de cosas aquí mismo y ustedes pueden decorarlo. Ya sabes, solo puedes hacer como cuentos clásicos de cartas, que es como una nueva característica. Entonces está realmente limpio. Es realmente profesional. Um, ya sabes, puedes cambiar el tamaño de imagen que chicos pueden pasar por estos ajustes. Ahora que ustedes están familiarizados con cómo funciona este constructor de páginas, ya saben, ustedes pueden pasar por todos estos ajustes porque, um, ya saben, saben, columna Gap Road Gap. Esta cosa es bastante autoexplicativa, ya sabes, cambio, alineación, el auto del radio fronterizo. Sabes que puedes cambiarlo así. Hay tanto que puedes personalizar con las características pro. Es simplemente increíble. Ya sabes, puedes tener así,ya sabes, ya sabes, y simplemente se ve,ya sabes, ya sabes, se ve realmente genial, pesar de que no parece que no es como se supone que tiene que hacerlo. Pero ya sabes, se ve bien, así que no importa cómo no haya forma correcta o incorrecta de hacerlo. Ya sabes, también puedes tener, como una imagen, cursor sobre el efecto. Te pones como un gran en efecto lo puedes hacer como la imagen, el fondo de color, el impuesto, la posición de lote también. Es sólo vivir. Este tipo está en lo que ustedes pueden hacer para, ya sabes, hacerse personalizable con esto. De acuerdo, entonces, ya sabes, pasa por esto, echa un vistazo a todos. No quiero tener que pasar y pasar por una antigua topografía. ¿ Entienden lo que es eso ya? Está bien. Pero así es como logré ese look. Y es hermoso. Ya lo sabes? Es una mirada realmente limpia, ya sabes, con esto, Like, es como chocar pared para que ustedes puedan ver que es una especie de choque. Y he tenido más, ya sabes, más justo aquí a tal vez como podemos tener, como, 11 30. Ya veré qué 50. Y luego si voy y reduzca esto, te vas a ver cómo este tipo de empujan hacia arriba y parece un efecto de pantalla dividida ahí mismo. De acuerdo, así es básicamente como hice esta sección. Está bien, sigamos y pasemos a la siguiente sección. 16. ¡¡QUIZES de la parte 16: Está bien, sigamos y pasemos ya a la siguiente sección. Chicos, bienvenidos a nuestro primer quiz. Ahora, tengo estas dos imágenes aquí mismo. Es un diseño realmente hermoso, y yo estaba realmente genial el núcleo. Pero, ¿cómo hice esto? Ya sabes, ¿cómo hice que estas dos imágenes chocaran juntas? Y, ya sabes, si quieres usar tus sitios web, estoy seguro que quieres un poco de lío, y te voy a mostrar cómo hice esto y cómo puedes incorporarlo a tu página web. Entonces aquí nos vamos a la cama con L. Un mentor, y también voy a hablar de temas sensibles también. Entonces básicamente, todo lo que sí escuchó chicos fue que tengo dos columnas. Tengo una columna, y tengo a Collins. Correcto. Entonces todo lo que realmente hizo fue tener una columna justo aquí para venir justo aquí. Y éste de aquí? Esta columna tengo lleno sin hueco, y solo estiro la sección. De acuerdo, entonces esto es básicamente ¿sabes qué? Es una sección gigante, pero con dos columnas. Ahora, para esta columna aquí mismo, decidí tomar las columnas justo aquí y ponerla en esta sección justo aquí. Entonces como resultado, tengo dos imágenes. Entonces tengo uno, y tengo que hacerlo. Ahora, por defecto, va a algo así. Aquí mismo. Luce así. ¿ Verdad? Entonces si tomo las columnas justo aquí y la arrastro por allá y luego pongo dos imágenes, bla , bla , bla, va algo así. Entonces cómo logro este apartado fue en este apartado justo aquí. Lo puse como lleno con, y realmente no agregué ningún relleno, pero agregué tan margen. Entonces el margen hará algo así ahí mismo. Le daremos algo de espacio. Entonces al agregar algún margen, básicamente estoy centrándolo ahí mismo. No pude llegar hasta los 90. De acuerdo, Ahora, para esta columna de aquí, como que quiero mover esta columna. Por lo que fui a la sección avanzada Ahora para la parte superior justo aquí. Voy a poner 100 ahora por el lado izquierdo. Yo quiero seguir adelante y hacer menos un negativo 1 80 y voila. Tenemos esta sección chocante Ahora. Si lo miras, es hermoso. Se ve genial. Ahora hay una nota que quiero hacer aquí, chicos, chicos, esta sección aquí mismo va a tener problemas de respuesta. Por lo que quieres asegurarte de que sigas adelante y deshabilitas esto para las tabletas y también el móvil, porque por defecto, no se ve bien. Entonces, ¿cómo se puede evitar que esto se vea mal en los usuarios móviles? Simplemente puedes seguir adelante y simplemente desactivar toda esta sección. De acuerdo, Entonces al ir a la sección avanzada bajo el Responsive, puedes ir a esconderte en tabletas y esconderte en el móvil, pero aparecerá para los usuarios de escritorio. Entonces otra vez, aquí mismo, vas adelante y lo visitas en un dispositivo móvil y te caes. Se ha ido. De acuerdo, así que esa es una alternativa rápida sobre cómo ustedes pueden hacer que esa página se vea realmente bien junto con problemas de respuesta para solucionarla. Se va a desplazar por el resto de esto para que el de este tipo no aparezca. Entonces otra vez, no te preocupes por la sección dos meses, porque de nuevo desactivamos. Eso está en las tabletas. Ahora bien, si quieres ver cómo se ve realmente, puedes dar click en esto y luego va a bajar. Se puede ver que se ha ido que los daños se han ido, por lo que será plenamente receptivo y todo lo demás. De acuerdo, entonces eso es básicamente todo. Así es como lo hice. ¿ Habéis disfrutado de este quiz? Vamos adelante y volvamos a la Torá hablará de todas las cosas geniales. 17. Optimizatrion de móvil de parte 17: Muy bien, chicos. Bienvenido a la sección de optimización móvil. Entonces aquí vamos a hablar todo sobre optimización móvil, optimización tabletas, estrategias a usar y solo cosas a las que tener cuidado. Entonces aquí mismo, click en editar con L A mentor. Está bien, así que tenemos esta sección aquí mismo ahora para ver cómo sabes, para ver cómo se ve en el móvil. Quieres hacer clic en este equipo aquí y ir a la tableta, Así que adelante y desplázate hacia abajo. Y si todo se ve bien a tus sitios web, siéntete libre de dejarlo. Si no lo hace, entonces adelante y cámbialo. Ahora. Una cosa que quiero mirar es esta sección de aquí. Ya sabes, realmente no quiero esta sección. Entonces aquí mismo en esta sección aquí mismo, soy un ir a avanzado, Ir a Responsive, y quiero desactivar esto en tablet y móvil. El motivo es porque realmente no me importa si la gente ahí fuera CDs en móvil o tablet. Ya sabes, no quiero que esta sección se muestre para usuarios móviles. ¿ Alguna vez has estado a como skype dot com u otro sitio web en móvil? Y se ve completamente diferente a su sitio web de escritorio real. Eso es exactamente lo que estamos haciendo aquí. Por lo que aquí hacemos click en seguro. Entonces no quiero que esto se presente. Entonces ve y desplázate hacia abajo. Esto se ve bastante decente, en realidad. Ya sabes, me sorprende. Por lo general hay mucho más trabajo, pero sigamos adelante. Cómo se ve en el móvil. Te garantizo tu móvil va a funcionar, ya sabes, siempre funciona en móvil, así que va a ir justo aquí. Entonces esto no tiene sentido, ¿sabes? Bienvenidos a la revolución. Es Es Es demasiado alto, ¿sabes? Y en realidad no tiene sentido. Además, esto es un poco fuera de tono, así que va a ir a avanzado, y quiero entrar en un margen superior de tal vez, como, 100 nuestra nariz a 50. Ahí vas. Eso se ve mucho mejor, ¿verdad? Entonces ahora se puede ver que esta sección se empuja hacia abajo y tal vez este botón de aquí necesita estar alineado aquí mismo. Entonces creo que eso se ve un poco mejor de lo que también. Y también para el otro botón justo aquí que está escondido detrás de él. Ahora hay algunas cosas que podemos hacer. Podemos simplemente desactivar los traseros o podemos,ya sabes, ya sabes, empujar esto hacia abajo Mawr para que se muestre. Pero creo que voy a seguir adelante y desactivar este botón porque no quiero darle al usuario demasiados botones en su teléfono porque son mucho más grandes y tal vez no veas lo que es tan bajo responsive justo aquí, me voy a ir y decir, ya sabes, lo vamos a esconder. Por lo que ahora el usuario sólo puede ver el inicio. Y honestamente, esta es una idea mucho más limpia que tener dos botones que son como solaparse entre sí. Correcto, Así que por aquí otra vez, tal vez quieras seguir adelante y senar este texto. Entonces usted contendiente. Es el aquí, Lo mismo. Pero adelante y centrate. Es porque recuerda, el usuario no puede. El usuario realmente no puede entender nuestros sitios web. Es decir, estoy seguro que se ve desde una computadora, es como, Oh, yo consigo el estilo. Pero si lo ve así aquí mismo, todo está entrenado hacia adelante. Esto está limpio. Esto es muy fácil. Entonces voy a ir a guardarlo así. Ahora, nuevo, puedes hacer lo mismo para esta sección inferior aquí mismo. Así que jodiendo aquí abajo. ¿ A ustedes les parece todo bien? Yo creo que sí. Recuerda, esta sección está desactivada en Tab y Mo. Espero elemental fueron en realidad reducir el parche donde lo hacen blanco outs porque para el tema divvy, en realidad es blanco fuera. Para que puedas entender si está deshabilitado o no. Aquí vamos justo aquí. Esta sección de aquí es demasiado grande. Entonces vamos a reducir el tamaño de la misma. No se necesita experiencia. Y entonces otra vez aquí mismo, podemos seguir adelante y decir, ya sabes, esto es en realidad esto es en realidad finalmente hacemos el texto un poco más pequeño o lo centraremos y entonces vamos a seguir adelante y en realidad sabemos lo que podemos hacer aquí. Hay muchas maneras diferentes en las que podemos ir sobre esto, pero, um, creo que para esta sección aquí mismo tenemos un top marginal algo como 50 50 50 que no va a funcionar. OK, entonces creo que básicamente, parece que es mejor así. Pero recuerda, fondos de video no se reproducirán en ningún dispositivo IOS, así que asegúrate de tener que agregar en un fondo diferente a esto. OK, entonces si recuerdan a los usuarios móviles no pueden ver todas esas cosas. De acuerdo, así que solo les estoy recordando a todos que no funciona de otra manera que ustedes probablemente solo puedan arreglar esta sección es simplemente desactivarla, saben, porque esta sección aquí mismo recuerdan, usuarios que son móviles no pueden ver video. Entonces esto lo va a deshabilitar. Ya sabes, es demasiado desordenado. Y yo solo digo, ¿Sabes qué? Quiero un sitio web sencillo. Ese es el pequeño. Tu sitio web está en móvil mejor, porque la gente va a tener que desplazarse mucho en su teléfono. Ya sabes, desde un escritorio, se ve muy diferente, ¿ verdad? Pero para un teléfono, tienen que mantener la escolaridad. La escolaridad está creciendo que se sabe lo que los sitios demasiado tiempo es demasiado grande. Yo me voy. Ya sabes, me voy de este lado. Es demasiado grande. ¿ Qué está pasando aquí abajo? Por lo que tenemos esta sección aquí mismo. Tenemos traemos algo especial, y tenemos estas dos cosas aquí mismo. Recuerdas antes cómo teníamos estos como antecedentes? Agregamos solo un pequeño, um, um, un módulo para básicamente dejar que la gente vea el móvil de fondo. Entonces lo siento en los escritorios. Entonces esta sección de aquí necesita algo de trabajo, ¿verdad? Tenemos esta sección y realmente no se ve un ahora. Un segundo. Yo sí quiero hablar de eso. Ustedes probablemente los vieron chicos probablemente no entienden. Fue esta sección justo aquí bajo Responsive, que son las columnas inversas. Entonces hago clic en reversa, Calmado justo ahí va a poner esta foto en la parte superior y esta foto en la parte superior de ésta. Ahora, por defecto, viene así. Y me alegro mucho de que el constructor de páginas haya introducido esto porque esto era en realidad un gran problema para muchos otros constructores de páginas. Porque en el móvil, no importa lo que hicieras, saldría así. Había chupado, ¿sabes? Entonces aquí mismo, yo diría, Ya sabes, me acuerdo. Yo soy un reverso estos. Y aquí en realidad podemos poner algo de texto y hacer un poco más grande. Entonces aquí mismo, vamos a ver, quieres agregar un poco, Ya sabes, solo podemos hacer esto un poco más grande. Podemos ir y decir, um, puedes cambiar la altura aquí mismo. Por lo que la altura, altura mínima, podemos especie de aumentar la altura. ¿ Ver? Aquí, los hogares son para el rumbo aquí mismo. Queremos seguir adelante y aumentar el tamaño de la rúbrica. Entonces de nuevo vamos a ir a esto. ¿ Y qué es eso? Algún margen, como 100 a ella. Ahí vas. Entonces podemos hacer así u otro. Buena manera es que ustedes pueden reducir el sólo sólo deshacerse de esta sección por completo diciendo, ¿saben qué? No quiero una foto aquí. Entonces bajo avanzado, voy a ir a responsive y decir, no quiero esto encendido no quiero mostrar esto, pero eso es si decides tener la muerte. Entonces si te gusta esto, mira, um, ya sabes, siéntete libre de tenerlo. Si no, ustedes solo pueden deshabilitar, eso es y luego como resultado, sólo tienen esta sección y luego, ya saben, tal vez podrían deshacerse de su Realmente depende porque tendrán que básicamente ir por aquí y aumentar el margen en su para que parezca algo decente, ¿sabes? Entonces ustedes pueden hacerlo así o ustedes pueden simplemente seguir adelante y desactivar esa sección todos juntos. Está bien, está bajando bien. Todo se ve bastante bien. Está bien. Recordemos. Esa sección estaba desactivada en el móvil así que no te preocupes por esta sección. A veces estas secciones, literalmente flacas son simplemente realmente duras. Teoh aparece en el móvil, así que es mejor solo para deshacerse de él. Es porque es solo que no se necesita. Ya sabes, no lo hace ni siquiera juega. Um , ni siquiera les reproduce el móvil o el video de todos modos en el móvil. Entonces como puedes ver ahora, esa sección ahora mismo esa sección de video se ha ido. Por lo que esta es una vista previa perfecta de lo que verán tus clientes. Tan simple, fácil, perfecto. Se ve muy bien, ¿verdad? A excepción de ese logotipo. Pero no te preocupes. Ese logotipo en realidad se encoge cuando realmente te metes en él. No va a aparecer de ese mismo tamaño. Entonces es sólo hacer eso porque ese es el logotipo del tamaño en nuestros medios. De acuerdo, así que vamos a ir a otra página que va a ir a Dashboard y sigamos adelante y vamos a otra página. Veamos si puedes encontrar algo realmente peludo realmente, muy malo que realmente necesitamos trabajar. Te garantizo en esta página vamos a tener que cambiar algo, ¿sabes? Entonces nos vamos a la cama con L un mentor bien. Y miro por aquí y voy a la tableta. Ahora bien, realmente no optimizo esta sección para nada para tabletas, pero mirándola. Ah, esta sección de aquí. Por lo que esta sección aquí mismo, tiene el aire. Por lo que agrupar juntos como resultado, o bien tendremos que quitar toda esta sección, o tendremos que hacer estos muy, muy pequeños. Ahora, mi consejo personal es simplemente deshacerme de esta sección porque, honestamente, es a ello agruparse. Ya sabes, simplemente no va a funcionar para los usuarios móviles. Entonces por aquí, vamos a responsive y escondemos esto ahí mismo. De acuerdo, me m a ir a salvo. Está bien, esto sigue bajando. Ahora bien, esta sección aquí mismo. Por lo que de nuevo, esta sección aquí mismo no aparecerá en los usuarios móviles. Pero en realidad no tengo realmente buena estrategia que quiero mostrarles todo lo que realmente he usado en el pasado para otro tutorial. Entonces, básicamente, mira, esta sección no funciona, ¿ verdad? Digamos que realmente, realmente quieres esta sección. Así que adelante y solo duplicar esta sección. Veamos cómo hacemos esto aquí mismo. Muy bien, Así que te diré lo que voy a seguir adelante y hacer el go en el escritorio. Ahora bien, esta es una estrategia realmente genial. Entonces aquí mismo, voy adelante y duplico esto. ¿ Todo bien? Ahora, esta sección de aquí, voy a salir adelante fuera de fondo, acuerdo? Y como que quiero que ustedes entiendan la lógica detrás de esto. De acuerdo, Así que digamos, por ejemplo, que esto es un fondo de video, ¿de acuerdo? Y esto no va a jugar. Entonces aquí, les daré chicos. Ah, um, lo haré como este año. No se necesita experiencia. Esto es móvil. Y luego aquí mismo. Pero esto es computadora. De acuerdo, Entonces lo que ustedes pueden hacer es que si tienen un fondo de video y simplemente no está funcionando , en realidad pueden desactivar esta sección para computadora. Y puedes desactivar esta sección para usuarios de tablets y móviles. De acuerdo, entonces déjame darte una mejor comprensión. De acuerdo, Así que aquí mismo. Esto es para la computadora. Esto es para el móvil Ahora, esto es genial para fondos de video. Recuerda, si se trata de un fondo de video, que esto no aparecerá. Entonces básicamente quieres acomodar eso para los usuarios móviles, Así que trata de entender la lógica aquí. Sé que esto podría ser confuso, pero voy a tener que mostrarte de todos modos porque quiero asegurarme de que si ustedes tienen un sitio web, está funcionando correctamente. Entonces aquí mismo, esto es para computadora. Y entonces esto es para el móvil. Por lo que quiero realmente desactivar esta sección aquí mismo para la computadora. Oh, lo siento. Esta sección aquí mismo avanzó, responsiva, y quiero seguir adelante. Y um no, quiero quedarme con este de aquí por la computadora. De acuerdo, Entonces la lógica es, chicos, esta sección no se mostrará en tabletas o usuarios móviles. OK, entonces no se mostrarán ahora para esta sección. Yo quiero seguir adelante y decir: ¿Sabes qué? Ah, otra vez la sección azul. Lo sentimos, avanzado, sensible y esconderse en el escritorio. Entonces la lógica aquí, chicos, es que si tienen aquí una sección que quieren mostrar en computadora y luego una en tableta básicamente, esta sección aquí mismo jugará en computadoras. Esta sección de aquí jugará en el móvil. Pero la gente en computadoras no verá esto. Y la gente en el móvil no verá esta sección. Y esta es la mejor idea. Si tienes una sección de antecedentes de video, necesitarás hacer otra sección para Ok, Así que vamos a ver si les doy un ejemplo del móvil y me voy a bajar. Entonces veo que dice que esto es móvil. Entonces se ve la otra parte donde se ha ido la computadora. Entonces básicamente la parte con computadora se ha ido. Entonces esta es la mejor alternativa. Si estás tratando de tener los antecedentes, vamos adelante y arreglemos esa sección ahí mismo. Eso se ve bastante feo, ¿sabes? No, sólo lo uso para el ah. Sólo mostró cómo se veía en las tabletas. ¿ Ver? Aquí mismo. El tablet se ve bien, pero, um, para el móvil tendrá que cambiar esto aquí mismo de Mobile. Quería asegurarme de que esto esté oculto. Entonces otra vez, ustedes recuerdan si ustedes si lo hacen más grande así, recuerden, ese es el efecto after. Entonces aquí mismo esa otra parte de la computadora se había ido. Está bien, pero si abres esto va a aparecer, acuerdo? Así que sólo asegúrate de que no te engañen que estás como, Oh, pensé que desactivó está deshabilitado. Esta parte es así de capaces no se mostrarán. Apenas esta parte lo hará. Entonces aquí mismo, vamos a centrar esto y vamos a seguir adelante y hacer más grande el tamaño del sexo. Esto es móvil. Y ahí tienes. Ya sabes, puedes cambiar. Podemos cambiar estas cosas, pero creo que está bien. Ya sabes, creo que está bien. Va por aquí abajo. Estos están todos bien. Conoce al equipo. Esto se ve todo bien. Ahora bien, esta sección de aquí, puede que no necesites todas estas. Ya sabes, es posible que no necesites todos estos, por lo que probablemente solo puedas deshabilitar. Probablemente puedas simplemente poner en mesa esta sección. Ya sabes, no creo que realmente necesitara, pero si quieres tener estos, puedes seguir adelante y probablemente para deshacerte de estos en el on the ah, en esta sección aquí mismo. Ahora, el problema con estos chicos es que ustedes no pueden eliminar las fotos aquí mismo . Entonces como resultado, vas a tener que básicamente Bueno, ya sabes, no puedes. Perdón. Entonces, para estas imágenes aquí mismo, ustedes pueden seguir adelante y dejarlas todas. Entonces digamos, por ejemplo, que solo quieres este, y no necesitas estos. Entonces 12 y tres, no los necesitas Solo voy a dar click en esta de aquí. Avanzar. Y luego otra vez, sensible. Y luego esconderse en la altura en el, uh, esconderse en la tableta y el móvil. De acuerdo, entonces entendemos eso. Perdón, chicos. Algo tarde. Entonces si yo Si me acerco o algo así, es como, son, como, como, cuatro de la mañana aquí. Entonces otra vez, sensible para seguir adelante y sacar esos outs. Pero es amable como mi horario, Ya sabes, mis horarios realmente muy tarde. Perdón. Aquí. Responsable para ver habilidades. De acuerdo, así que sigamos adelante y echémosle un vistazo en nuestro móvil. Eres dispositivo móvil. Muy bien, Así que ahora se puede ver que las otras imágenes se han ido, y sólo tenemos ésta aquí mismo. Y si nos desplazamos hacia arriba justo aquí, ya ves lo que dice esto es móvil y el otro compañero dice que esta computadora se ha ido, así que esa es una muy buena idea. Ahora, esta sección de aquí, Ya sabes, es como que no funciona. Ya sabes, Ustedes pueden ver eso en Mobile. Simplemente en realidad no tiene ningún sentido, ya sabes, no tiene ningún sentido. Entonces tal vez aquí mismo podamos seguir adelante y arreglar esta parte. A lo mejor en realidad puedes usar la opción inversa. Creo que tienen aquí las columnas inversas que podrían funcionar. Por lo que ahora estas secciones en la parte superior y estas aire en la parte inferior. Pero, ¿realmente necesitas este apartado? ¿ De verdad, verdad lo necesitas aquí? Probablemente no. Ya sabes, probablemente tampoco necesites estos contadores numéricos, porque quiero decir, depende. Realmente depende de lo que realmente quieres que vean tus clientes. Yo desactivaría estos aquí mismo. Así que recuerda decir, Bueno, el módulo, haga clic en este de aquí, avanzado y luego de nuevo, sensible. Y deshazte de esos. OK, pero si quieres ir a toda la columna, tienes que dar click en esta sección aquí mismo, avanzado, responsive, y eso lo desactivará para esa sección. Que están bien. Entonces, um oh, eso es realmente feo. Poof. Doof tiene que imaginarse. Alguien vino a tu página web y vieron que les va a gustar ¿Qué? Estabas borracho cuando hiciste este sitio web, ya sabes. Por lo que necesitamos asegurarnos de que esto sea usted sabe, es que está totalmente optimizado. Entonces va a cambiar el tamaño y ahí tienes. Por lo que eso se ve un poco mejor. Podemos hacer el peso. Oh no, la forma en que lo cambiaremos. 300 fue perfecto. Y ahí tienes. Eso es un realmente limpio. Eso es un realmente limpio sobre nosotros página No abouts y luego bla bala. Está bien, se va abajo. Cualquier otra cosa número. Esta sección no aparecerá, así que solo ignora eso. Ya sabes, espero que cambien eso. De verdad lo hago, ya sabes, porque es realmente molesto porque si realmente veo, es, desaparece. Pero si abro esta parte, vuelve a aparecer. Ya sabes, deberían tener, como, como, genial fuera, ya sabes, Correcto, Correcto, Genial. También asegúrate de escribir elemental Hey, chicos, ya sabes, asegúrate de rebanar. Entonces cuando estás haciendo optimización móvil, no puedes saber mejor. Y chicos, esto es tan importante porque Google acaba de lanzar unas enormes actualizaciones y ahora clasifican sitios web en función de lo bien que tu sitio está optimizado para móviles. Por lo que es extremadamente importante porque si decides hacer el sitio y no lo optimizas para chicos móviles. Lo harás. Tu sitio solo no parecerá basura. Pero tampoco se encontrará. Por lo que esta sección de los chicos de la Torá es muy, muy importante. No ignorar hasta ninguna optimización. Mucha gente lo hace. Muchas, muchas personas lo hacen, y puede destruir tus sitios web. Realmente puede porque, ya sabes, los sitios se clasifican en función de tu, um, tu optimización. Por lo que se va a ver página. Entonces eso fue en realidad bastante sencillo, chicos. Ya sabes, se ve realmente, muy bien ahora. Y ustedes regresen. No se cambió nada. Ya sabes, Nada se cambió en la computadora. Por lo que fue en Lee para los usuarios de móviles y los usuarios de tabletas también. De acuerdo, entonces espero que esta sección haya sido de mucha ayuda. Chicos otra vez, Ya sabes, siempre quieres asegurarte de que esté optimizado para móviles. Es muy importante, ya sabes. Acude a cada página. Acude a tu puesto de bloque, ve a todas partes con tu teléfono. Abre el teléfono ahora mismo y ve a la página web y dice: ¿Esto se ve bien? Ya lo sabes? ¿ Es esto aceptable? A la gente le gustará Y tú tienes, ya sabes, algún juicio decente para que puedas tomar estas propias decisiones. De acuerdo, sigamos adelante y vayamos a la última sección. Vamos a hablar de la página Contáctanos, y hablaremos de pensamientos de cierre y video futuro. 18. FORM contacto de parte 18 de contacto: vamos a crear ahora nuestra página de contacto US y la gran parte sobre esta página de contacto. Va a ser hermoso. Va a ser increíble. Y todos los correos electrónicos irán directamente a tu bandeja de entrada, y en realidad te voy a mostrar mientras prueba eso es cuando alguien envía un mensaje. Irá directamente a tu bandeja de entrada. De acuerdo, así que sigamos adelante ahora y creemos esta misma página exacta contáctanos, el SNC. Se está reproduciendo un fondo de video. Es Es Es una página creativa muy elegante, y creo que sus visitantes tendrán 11. De acuerdo, así que sigamos adelante ahora y crearlo. Entonces miro por aquí y voy a Plus do y voy a Page y vamos a crear esta Página Contáctanos aquí, contáctanos Página y otra vez aquí mismo para los diseños de contenido. Asegúrate de tener la misma configuración exacta. Por lo que los márgenes por defecto. Encabezado deshabilitado habilitó el menú uno y en el título deshabilitado. Y luego ahí vas. Está bien. Así que adelante y publica estos contáctanos página escribir y editar con L. Un mentor, y ustedes chicos en realidad pueden ir a como YouTube en muchos videos. Y no se preocupen, voy a mostrar chicos para ustedes podrían conseguir un montón de estos, como, hermosos videos como este, donde simplemente tocan. Y la gran parte es que el audio no se reproducirá en segundo plano. Entonces esa es una ventaja muy grande, porque eso es realmente molesto. Ya sabes, cuando vas a un sitio web y como, ya sabes, música empieza a sonar como alguna vez has estado a gustar, CNN o algo donde empiezan a reproducir esos anuncios y lo estás buscando intentando para cerrarlo. Esto no se puede encontrar en la idea. Es como si ustedes fueran tan molestos, ya saben, está bien. Entonces de todos modos, así que aquí mismo. Es decir, hacer rumbo, y voy a hacer algo como contactarnos y contestó que su estilo hace que esta topografía blanca se abra, Sands. Ahora tenemos que tener los antecedentes aquí mismo para verlo. Ya sabes, realmente no podemos ver lo que está pasando aquí. Entonces de nuevo, esta sección estiró la sección llena con estilo, yendo cocinando, imagen clásica para agregar un fondo, y seguiré adelante y seleccionaré, Uh, solo selecciona a cualquiera. Este de aquí. Está bien. Y luego lo escuchamos por el tamaño. Yo lo hago tapar, ¿de acuerdo? O podemos hacer cualquiera está contenido. No. Sí. Portada cubre la correcta. Sí. Está bien. Entonces aquí mismo. Yo quiero ir y agregar en algunos. Tenías algo de relleno, ¿sabes? Entonces aquí mismo, me gustaría ser como, como, 100 100? Algunos. Al igual que eso es entonces justo aquí. Voy a seguir adelante y hacer esto un poco más grande. Por lo que talla Lovett más grande, contáctanos. Y entonces creo que lo que realmente funciona es el 300 en el interlineado. Ya sabes, solo se ve que parece profesional. Sé que eso se ve realmente bien así. Por lo que recomiendo hacerlo así. Ahora, el exceso que vamos a hacer es esta sección de aquí. Entonces base que hizo el contacto con nosotros, y vamos a seguir adelante, hacer esta sección aquí mismo. Entonces básicamente, lo que hice fue solo hacer una fila de una columna, y como que destruí el relleno justo aquí, e introduje un fondo de video en la parte trasera. Entonces vamos a hacer eso. Está justo aquí. Una sección y luego aquí mismo haría algo como, uh, como, no seas tímido. No seas tímido. Contacta esto, pero eso en el centro. Está bien, así que ahora está en el centro. Soy un click en esto de aquí y voy a estirar una sección, y quiero ir a hacer este tonto con. Ahora quiero entrar. Eso es y palmaditas a esto voy a agregar algo de relleno de asegurarme de desvincular esto justo aquí, así que sólo quiere 200 por la derecha y luego 200 a la izquierda. De acuerdo, te explicaré por qué hago eso en tan solo un poquito ahora. También aquí mismo para esto. Estos, ya sabes, esta sección aquí mismo, el rubro real. Yo quiero seguir adelante y agregar algo de relleno a un poco de todo, sabes, porque todo un poco demasiado cerca. Entonces vamos a entrar a las 10 10 10 y eso básicamente sólo una especie de darle espacio alrededor de todo. Y luego en esta sección aquí mismo, quiero seguir adelante e ir a la sección avanzada aquí mismo. Y en realidad quiero seguir adelante y agregar algo de relleno y margen. Entonces soy un doble clic ambos, y voy a poner 40. ¿ Y qué va a poner 40 aquí? y también por el relleno voy a hacer 40 y luego también la izquierda va a hacer algo. 40. Entonces, básicamente, ahora ustedes pueden ver que lo que he hecho es que básicamente estoy poniendo espacio por aquí, así que ahí es básicamente donde va a ir el video. OK, entonces ¿qué hacen ustedes chicos conseguir una mejor visual de su Ustedes entenderán. Entonces sigamos adelante y sigamos diseñando esta pequeña sección. Entonces mi ir adelante y poner esto negro y, ya sabes, seamos ella usó la nueva sombra de texto. Ya sabes, supongo que esto acaba de salir. Entonces es realmente genial que estos chicos introdujeran esto, sobre todo. Tienes, como, un esquema de dos colores. Ya sabes, ustedes pueden ponerse todos creativos. Ustedes pueden hacer que el desenfoque no salga demasiado bien, causan problemas a las luces. Ahí mismo se ve el golpe. No sale demasiado bien sobre fondos blancos, Pero como en mi página principal es increíble, ¿sabes? Entonces esto es volver a lo básico, ya sabes, arenas abiertas, arenas abiertas, y entonces soy un ir adelante, aumentar el tamaño aquí como el 300 me gusta la transformación de mayúsculas como si estuviera bien, entonces. Aquí mismo vamos adelante y sumamos en un divisor. Ustedes van a ser como, Sí, divisor, Darryl, Como lo consigues. Nos encanta, ¿sabes? Pero los divisores. Chicos increíbles. De verdad Simplemente agrega mucho de la cancha a tus sitios. Se ve realmente genial. Negro. Y ahora justo aquí. Va contestado. Un módulo de texto. Supongo que quieres llamarlos widgets o módulos? Realmente no lo sé. Está todo el mundo ahí fuera, ya sabes. Simplemente depende de verdad, ¿sabes? Depende de tus antecedentes, ¿sabes? Tan bien, entonces esta sección aquí mismo, chicos, podemos usar el formulario de contacto pro. Y si tienes el formulario pro contact, se va a ver algo así aquí mismo. Entonces voy a dar un ejemplo. Ahora, en realidad te voy a mostrar. Ah, versión gratuita. Entonces no se preocupen si ustedes chicos no entienden cómo usar la versión pro, pero con la característica pro, lo consiguen, obtienen el formulario de contacto. Entonces, como, aquí mismo, se puede ver en los pro elementos. Eso es ah, formulario de contacto va a estar justo ahí. Entonces forma. Entonces, por ejemplo, si solo elimino esto aquí mismo. Y luego me llevo el, um ¿dónde está? Las formas lo arrastran. Se puede tener un formulario de contacto. Ahí va como si fuera y ustedes vinieron Podría pasar por todas estas y diseño. Es que puedes hacer como acción real después de botones. Hay todo tipo de configuraciones realmente geniales y las pro que ustedes pueden hacer, como la brecha vial. Se puede cambiar como el espaciado. Hay un montón de cosas que ustedes pueden cambiar en las características pro. Entonces si fuisteis interesantes, la versión pro, recomiendo conseguirla porque puedes decorar todo esto y puedes seguir agregando cosas nuevas, como, ya sabes, bien aquí quieres tener, como, un número de teléfono o quieres agregar como una dirección. Puedes seguir adelante y contestar ahí mismo y luego solo decir, como, como, ya sabes, esto va a ser debilitar los cambios a me gusta, una dirección o algo o lo que quieras. Para que veas que hay un nuevo ah bar justo aquí. Está bien, así que esto es con la versión pro. Ahora en realidad te voy a mostrar la versión gratuita también. Pero antes de hacer eso, vamos a YouTube. Vayamos a YouTube y hagamos algo así como, um, cuatro K con viento. Entonces hago cuatro k con vientos, golondrinas o lo que sea. Podrían hacer cuatro escenarios K solo para Kate, y conseguirás un montón de estos videos. Hay toneladas de ellos ahí afuera, así que simplemente adelante y agarra uno, y yo voy a agarrar esto, ya sabes, este de aquí? Adelante y copia esto. Yo estoy por aquí. Ahora, voy a dar clic en esta sección de aquí mismo, que es la sección de edición. Ve al estilo y ve al fondo de video y simplemente sigue adelante y paga estadísticas ahí mismo. Y tal vez no aparezco enseguida, pero ustedes consiguen ustedes chicos consiguen el, ya saben, el punto general una idea. Entonces no quiero presentarme básicamente aquí mismo. Es decir, lo siento. No quiero que esta sección sea como escondida. Entonces en esta sección aquí mismo, necesitamos agregar un fondo blanco, ya sabes, al agregar un fondo blanco, en realidad nos dará ese aspecto de tener un formulario de contacto Eso no forma parte del fondo. para que ustedes puedan ver ahora dice yo fuera del fondo blanco en esta columna específica. Ahora tenemos esta forma de contacto realmente cool, con estilo y chicos por los que me esfuerzo. Modelo es, um lo siento. Uno de los modelos es, um, el modernismo en todos mis tutoriales. Ya sabes, ¿de qué sirve un sitio web? Si no es hermoso y creativo, cualquiera puede hacer algún sitio web feo. Pero chicos tener hermosa página web es lo que hace que la gente se quede. Y por en tu página web, no importa lo que tú podrías estar regalando autos gratis en tu página web. Pero si me parece una especie de estafa y se ve un poco sombrío, Pero no me gusta que este tipo decida feo, me voy. Ya sabes, eso es realmente lo que es. Entonces recuerda que el sitio web es una representación de ti. Entonces sigamos adelante ahora y guardemos esto. Y si ustedes eligen tener la versión pro contact, recomiendo es el link no es una descripción. Ustedes pueden ir adelante y comprarlo. Es casi como una locura no conseguirlo, porque son como 50 dólares por todo el año. Pero yo sólo conseguiría el ilimitado por los 200 dólares para todo el año, porque quiero decir, cuánto dinero gastaste en, como, ya sabes, cerveza o como, comida chatarra, O como, café Starbucks. Ya sabes, probablemente gastaste, como, ya sabes, $2030 al día en nada que realmente necesites, ¿ verdad ? Entonces, uh, ya sabes, tener algo que es una inversión en realidad es mucho mejor. Así que vamos al tablero de instrumentos aquí mismo, e iremos a enchufes e iremos a añadir nuevos. Ahora bien, esta es la alternativa libre. Entonces vamos a teclear formas ninjas. La forma inter es realmente buen contacto para, ya sabes, usé un montón de usado para recomendar el formulario de contacto siete, pero tengo que ser honesto. No sé qué les va a pasar como ellos solo Acaban de destruir su propio enchufe como solía recomendarlo. Me encantó y yo y mis desarrolladores estábamos como, Hey, hermano, hermano, como si la conducta no funcionara. Y yo soy como, ¿Qué le pasa ahora? Como siempre un problema, ¿sabes? Entonces recomiendo inter formas ahora, así que hay un peligro formas. Y si ustedes notan en el lado izquierdo justo aquí, verán formas ninja. Entonces fui aquí al panel, y básicamente puedes crear tu propia forma. Entonces aquí mismo, te dan un básico, Um, ya básicamente te dan un formulario. Entonces aquí mismo tienes nombre mensaje de correo electrónico y luego envía. Ahora estos Astérix rojos significan que estos son requeridos. Ahora, digamos que quieres seguir adelante y agregar algo en click en el pequeño símbolo más, y simplemente puedes básicamente arrastrar y soltar lo que quieras. Entonces, ¿quieres una ciudad con el nombre de pila? Simplemente lo arrastras justo ahí. Deseas los productos que deseas la cantidad. Simplemente seguirías adelante y arrastrarías y soltarías todo aquí mismo. Ahora este constructor de página lo siento, este formulario de contacto, podría hacer mucho. Chicos, realmente puede hacer mucho, así que no quiero pasar demasiado tiempo hablando de ello. Tendré un tutorial por el camino en más formularios de contacto, Pero ustedes probablemente ya puedan entender que es sólo una cosa de la gota de dragón. Entonces realmente no quiero entrar demasiado en ello porque, sabes, ustedes ya son gente inteligente. Si llegaste tan lejos, así que voy a seguir adelante y volver. Entonces cuando salgamos y cerramos esto aquí mismo, y solo necesito un código corto Así que este de aquí es el abrigo corto. De acuerdo, tan corto código. Entonces sigamos adelante ahora y vamos a nuestra primera. En realidad, cambiemos la dirección de correo electrónico que tenemos en el archivo. Por lo que la dirección de correo electrónico a la que va esto necesitamos realmente arreglar eso. Por lo que queremos asegurarnos de que esté en los derechos. Se va al correo electrónico correcto. Por lo que necesitamos ir a un WordPress nuestra sección de usuarios, y cambiar eso. Vamos a bajar a nuestra configuración e ir a general y de nuevo asegurarnos de que este correo electrónico sea el que va, también. Entonces voy a seguir adelante, ponerlo para éste aquí mismo, y básicamente las formas ninja le corresponderán. Y enviará correos electrónicos basados en lo que sea que tengas aquí. De acuerdo, así que recuerda esto aquí mismo es lo que necesitas. De acuerdo, Así que sigamos adelante y volvamos a nuestra página cuando vayamos a todas las páginas y yo voy a la página de contacto y vamos a ver. Está bien. Y ahora ustedes van a ver que el video va a probar? Hermosa. Eso es precioso. Tengo que ser honesto. Ahora bien, esta sección superior es probablemente no es de buen aspecto. Entonces tal vez quieras encontrar una buena imagen? No, porque estos son sólo para dos propósitos contados. Por lo tanto, no construyas el mismo sitio web exacto. Imágenes habituales goto y splash dot com y todo. Entonces voy a ir a entrar a eso. Entonces aquí mismo en agarrar este rumbo, vamos a colocarlo ahí mismo. Yo quiero liderar en estas cosas. Adelante y pega esto y ve al centro de línea. Ahora soy un va a ahorrar, está bien, y voy a seguir adelante y voy a ver la página y voila. Contamos con un hermoso formulario de contacto con este hermoso tipo de video. Simplemente simplemente entra, ¿verdad? Al igual, eso se ve increíble, ¿verdad? Ese es un hermoso formulario de contacto. Entonces aquí lo hacemos, como Darrell Wilson, luego, uh, correo electrónico. Yo sólo voy a hacer como, capaz dot com. Y eso sería como, Cómo haces No, esto podría venir este color porque ese es el color que usamos. Ahora podrías cambiarlo en el negro o podrías cambiar la cursiva. Pero no puedo garantizarles si eso va a cambiar realmente la corriente peleada y todo porque nunca lo he probado. Entonces realmente no sé si eso va a funcionar. No sé si son mucho de Paige Miller en realidad cambiará las fuentes por otro plug in. Eso sería realmente genial. Eso sería increíble. Para que ustedes puedan ver aquí mismo. Um, ya sabes, y también la persona que envió el email obtendrá una confirmación para su. OK, entonces, uh, se les notifican, y también te notifican. Entonces sigamos adelante ahora y revisemos mi correo electrónico. Por lo que estoy haciendo clic en mi correo electrónico y voila. Entonces ves ahí mismo nuevos mensajes de Darrell Wilson. Howdy. Y eso es de la Eso es de mi sitio web aquí mismo. Está bien. Entonces recuerda, si también a veces en casos raros, irá al spam. Si sí va al spam, contacta con tu empresa de hosting y averigua por qué muchas de las veces es porque cuando la gente envía estos formularios de contacto, podrían simplemente enviar algo realmente rápido. Ya sabes, podrían simplemente terminar como un mensaje y el enchufe y lo reconoce como spam. Entonces se acabó mi tiempo, como Darrell. Y luego, ya sabes, a veces cuando los mensajes han sido demasiado rápidos y como es algo así a veces en raros casos irá al spam. Entonces si eso vuelve a suceder, asegúrate de revisar tu charla para escribir empresas de hosting. ¿ Qué, vas a arreglar eso? Pero mucho de eso probablemente tenga que ver con el plug in. Vayamos a comprobarlo. Y sí puedo ver ahora no aparece porque acaba de venir de un correo realmente bizarro y, ya sabes, ver sí se presentó su fan para éste porque quien me escribe. Ella es como, Oh, ya sabes, nadie hace eso. Entonces si sí obtienes un resultado como si estuviéramos orina contra Bam, él debería haber comprobado. OK, chicos. Por lo que este es el final de la página Contáctanos. Muy fácil, muy autoexplicativo. De nuevo, recomiendo conseguir la sección pro real, ya sabes, en realidad, realmente, muy rápido. Vámonos. Nos vamos en una misión ahora mismo. Vayamos y averigüemos si esto realmente llevará el color y el forinto. Vayamos a averiguarlo. Ya sabes, yo no quiero dejar eso. Yo soy un perfecto Es un poco gracioso. Al igual que estoy haciendo ese tutorial como cómo hacer esto. Y yo soy como, ¿Cómo hicimos esto? Pero nunca lo he probado. Nunca he visto. Si no importa, page Builder realmente puede alcanzar las fuentes para otra página o para otro plug in, vamos a averiguarlo ahora mismo. Entonces hice esto y hagámoslo más delgado. Se está haciendo un poco más delgado para averiguarlo. Ahí vamos. Ahora lo averiguaremos. O podría simplemente cambiar el momento de color de la verdad. Vayamos a averiguarlo. Y no lo hace. Por lo que sólo cambia al tipo de color. Entonces si quieres que el color cambie, cambia el color, pero no va a cambiar la fuente. Todo lo demás, está bien, pero sigue siendo un formulario de contacto increíble. Muy bonito, muy profesional. De acuerdo, entonces de eso se trata para esta sección de contactos. Adelante y pasemos a la siguiente sección 19. Importar y exportar parte: Oigan, chicos. Entonces en esta sección rápida, pequeña, les voy a mostrar a todos cómo pueden exportar. Diseña cómo puedes importar Diseña cómo puedes guardar las secciones de búsqueda y puedes ponerlas en dos partes diferentes de tu sitio web. A lo mejor como que quieres mantener tu sitio web similar y quieres guardar algo de trabajo y exportarlo a una página diferente. Te voy a mostrar cómo hacer todo eso ahora mismo, Así que primero voy a empezar agregando unas plantillas. Ahora, estas son todas las plantillas que vienen con L. Un mentor. Ahora hay algunos pro, y tendrás que conseguir la versión pro Teoh recibir esos. Ahora el enlace para la versión pro también está en la descripción. Pero voy a seguir adelante y dar clic en este bufete de abogados aquí mismo como página principal. Ahora, aquí mismo, voy a cambiar este título aquí mismo por Darrell Wilson, darrell wilson dot com. Ahora hay algunas otras características de las que quiero hablar, así que digamos, por ejemplo, solo quieres esta sección aquí mismo. Solo quieres esta gran sección am justo aquí. Entonces, para hacer eso todo lo que hay que hacer es dar clic en este icono de guardar aquí mismo y poner algo así como la sección de imagen de encabezado e ir a salvo. Ahora puedes seguir adelante y exportar eso a otros sitios web. Puedes darle una bofetada a una parte diferente de otra parte de tu sitio web o lo que sea. Ahora, digamos que quieres seguir adelante y decir toda tu página. Por lo que te he mostrado cómo guardar secciones aquí mismo. Ahora mismo voy a mostrar cómo puedes guardar toda la página. Entonces justo aquí en la parte inferior izquierda, ¿Ves esta carpeta de aquí? Haga clic en eso y vaya a guardar Plantilla. Ahora, voy a poner página Darrell Wilson Law y no haga clic en seguro. De acuerdo, así que tengo estos dos segundos aquí mismo. Ahora, aquí mismo. Ves nuestros dice, exportación. Ahora digamos que quieres seguir adelante y tomar esta misma página exacta y exportarla a tal vez un sitio web diferente. Entonces aquí mismo y haga clic en exportaciones y haga clic en salir. Y ahora se puede ver eso aquí mismo en la parte inferior izquierda. Tengo un expediente de punto Jason. De acuerdo, así que básicamente todas esas cosas que acabo de poner están en ese archivo aquí mismo. Así que no sigas adelante y te muestres todo cómo puedes cargarlo en diferentes sitios web o lo que sea. Además, mira, tenemos la sección de imagen de encabezado, que es la sección superior. Tengo toda la página y entonces realmente tengo un diseño. Entonces tengo tres plantillas diferentes aquí mismo, y te voy a mostrar cómo puedes ponértelo a diferentes partes de tu página web. Entonces se va a hacer una nueva página, entonces esto es Ve adelante, haz toda una página nueva. Entonces aquí vamos a mi tablero de instrumentos. No voy a decir esto ahora ve a plus nuevo y ve a Page. Entonces aquí mismo en el do layouts y sigo adelante y pongo esta sección aquí mismo, así que 100% lleno con defecto desactivado de nuevo. Tienes que seguirme hasta aquí. Simplemente básicamente te estoy mostrando todo cómo puedes exportar e importar diseños. Entonces aquí mismo, click en editar con L. Un mentor. Entonces primero les voy a mostrar a todos cómo pueden usar los que guardamos en la biblioteca y les voy a mostrar todo este abajo izquierdo uno justo aquí en cómo realmente pueden importar eso a otro dominio de sitio web o diferentes partes de su sitio web. Por lo que aquí, haga clic en una plantilla. Ahora estamos aquí bajo mis plantillas. ¡ Vas a ver Encabezado imagen de sección inserción y voila! Ahora tenemos darrell wilson dot com. Adivina y ve que acaba de tomar la parte de cabecera justo ahí. Entonces no hay razón por la que quieras volver a hacer todo el trabajo duro. Entonces eso es ah, muy buen atajo Camino a seguir. Entonces voy a seguir adelante y cancelar esto. Y ahora voy a seguir adelante y salir de plantillas, mis plantillas y dar clic en Darrell Wilson Law Page y dar clic en Insertar. Entonces ahora ves joe wilson dot com y en su lugar trae a toda la página chicos, Así que no tienes que sentarte ahí y, ya sabes, diseñar todos los sitios web de nuevo desde cero. Puedes seguir adelante y usar el sistema de maquetación, que es increíble. decir, Esdecir,es tan increíble lo rápido que puedes hacer sitios web y lo fácil que es. Ahora se va a hablar de éste aquí mismo en el que exportamos escribe. A lo mejor quieres tomar eso y ponerlo en un dominio diferente o quieres poner en un sitio web diferente , ¿ verdad? Se puede especie de, como, hacer sitios web pre hechos. Y en realidad, las empresas en realidad tienen estructuras de negocio a tiempo completo donde simplemente hacen diseños y los venden a los desarrolladores. Y esas personas las usan en los sitios web de los clientes. Por lo que da click en X ray aquí y ve al tablero. Ahora, por aquí bajo Elemental. O ve a mi biblioteca ahora mismo aquí en la parte superior, ve a importar plantillas. A continuación, haga clic en navegar aquí mismo. Y todo lo que tienes que hacer es encontrar la plantilla. Entonces fue el expediente de punto Jason. Entonces voy a atracar a Jason. Y ahí está. Entonces creo que fue éste. Es uno de los dos. Creo que es, uh solo toma un juego de azar. ¿ Este es justo aquí? Tan bueno. Abre y ve a importar ahora Y Walla Ahora tenemos la página justo aquí para que puedas ver publicada aquí mismo. Estos otros son igual que duplicados una vez que hice así que te muestra toda tu biblioteca. Pero estos tienen los mismos títulos porque eso es básicamente lo que importamos y exportamos en nuestra página web. De acuerdo, entonces esta es la que tenemos aquí mismo. Ahora, nuevo, puedes exportarlo. Puedes hacer lo que quieras, puedes. Y con elemental o así todo lo que hay que hacer es seguir adelante. Haciendo una página. Y Daryl no era la página de Ley aquí mismo se hizo hace un minuto, así que puedes seguir adelante e importar eso. Por lo que aquí mismo páginas en Nueva LA Page. Y luego otra vez, va a seguir adelante y cambiar algunas de estas secciones aquí mismo. Por lo que 100% lleno con fallas, cabecera, bla, bla, bla. Todo este mumbo jumbo. Lo mismo, ¿de acuerdo? Publicada y ella con L. Un mentor. Estaban aquí fuera de plantillas. Si voy a mis plantillas aquí mismo, puedes ver que tengo que hacerlo. Entonces este es el correcto aquí mismo. Éste es el más reciente. Y si voy a insertar, va a aparecer aquí mismo en mi página web. Voila. Entonces recuerda, así es como lo puedes exportar aquí y luego lo importarías a la biblioteca en otro dominio que tiene l Un mentor. Y luego puedes seguir adelante y simplemente usar eso en cualquier dominio o en cualquier otro sitio web. De acuerdo, entonces eso es básicamente un rápido descenso de las plantillas. Es increíble lo que esta página lo hará Ercan. Te ahorra tanto tiempo, y recomiendo encarecidamente conseguir la versión pro porque entonces puedes aprovechar todos sus despidos pre hechos que han creado. De acuerdo, así que eso es todo. Chicos para esta sección, con los diseños pre hechos y todo lo demás estarán seguros de revisar, anunciar y recordar, chicos, chicos, todo se trata de trabajar, no trabajar más duro trabajando de manera más inteligente. 20. Parte 20 El final: Muy bien, chicos. Bueno, felicitaciones. Ustedes lo han hecho hasta el final de este tutorial. Yo quiero ir a decir felicitaciones. Ustedes han aprendido una habilidad increíblemente valiosa la cual es tendencia y nunca va a conseguir realmente un poco, ya saben. Ahora quiero darles en realidad chicos más Resource is y cosas diferentes que ustedes pueden usar para avanzar en su carrera o conocimiento con WordPress y haciendo sitios web. Ahora, mis chicos de canal de YouTube proporcionan mucha información gratuita y valiosa como quieres usar, ya sabes, programas de membresía que quieres vender en línea o quieres vender en Facebook. ¿ Quieres aprender marketing en Facebook? Doy todos estos cursos gratuitos en mi canal de YouTube, por ejemplo. Aquí mismo. Reviso algunas empresas de hospedaje web aquí mismo y hablo de cualquier sitio web de comercio y aquí mismo, hablo de un sitio web inmobiliario con WordPress. Entonces hablo de todo, chicos. Entonces si ustedes tienen preguntas, vamos cosas también como, ya saben hacer un foro. ¿ Cómo fue el email marketing como el mejor que sabes, comercio electrónico gratis temas de WordPress o el tema de TV o todas estas cosas? Comercio, chicos, todo el recurso es nuestro aquí, Así que asegúrate de revisar mi canal. Hay mucho conocimiento que ustedes pueden conseguir con esto porque repaso todo lo que saben, YouTube, publicidad, publicidad, Google analytics, cualquier cosa que puedan pensar. Hablo de mi canal. Por lo que soy un gran promotor de WordPress. A mí me gusta promocionar todas las cosas con WordPress porque es increíble. Es Es Es el mayor avance de la tecnología que probablemente hayamos tenido en la historia. Entonces quiero seguir adelante y compartirlos chicos con todos estos videos. Asegúrese de que ustedes chicos puedan avanzar sus habilidades aprendidas s CEO, aprender Diseño Web. Sea lo que sea que quieras aprender, deberías revisar mi canal. También asegúrate de revisar mi sitio web aquí mismo. Ve con mi rubia. También tengo algunos poste de bloque. Ustedes también pueden suscribirse a mi newsletter. Regalo un montón de cosas gratis como enchufes. Regalé un montón de diseños, un montón de cosas realmente cool, para asegurarme de revisar mi bloque y también por ustedes para ser cursos, chicos. lo que este curso en realidad se impartirá sobre ti también a mí. Y otra vez. Yo quiero hacerles saber que mis chicos muy honestos, mi contenido es muy. Es de muy alta calidad. Ya sabes, todas mis clases aquí mismo son 4.5 estrellas o mejor, porque quiero ser muy minuciosa. Yo quiero saber que no quiero que la gente vea mis videos y sienta que no aprendieron nada porque yo estaba ahí donde veía videos y ser como, Ya sabes, vi este video, pero aprendí algo. Ya sabes, hay mucha gente ahí afuera que hace eso, y esa no soy yo. Eso no es lo que soy. Yo quiero ayudar a mis televidentes. Yo quiero ayudarlos chicos a triunfar en sus carreras o lo que sea que estén tratando de aprender. Además, mi página de Facebook Siéntase libre de ir a mi página de Facebook. Chicos adelante y como, me va a dar un comentario calificado para hacerme saber lo que ustedes pensaron sobre esto. Porque conoces tus comentarios. De verdad me ayuda. Porque fuera su pagan millones de dólares por retroalimentación y les estoy pidiendo chicos que lo proporcionen de forma gratuita. Entonces otra vez adivina y ve a mi página de Facebook. Envíame un mensaje y trato de obtener todos mis mensajes. Yo puedo, pero, ya sabes, es realmente difícil llegar a todos los mensajes. Ya sabes, recibo, como, 5200 correos electrónicos al día y solo responder a todos esos es que es mucho. Es mucho para, uh es mucho para hacer eso, ya sabes, realmente lo es. Entonces, ¿estás aquí para chequear en mi canal? Chicos, asegúrate también de revisar mis cursos de YouTube. También soy una cuota de habilidad Y adelante a verme en Facebook con un chico. Por lo que felicidades por sus sitios web. ¿ En serio? Si lo hicieras tan lejos por ti mismo en la espalda, mayoría de la gente no tendría mucha gente no quiere invertir el tiempo para aprender un robo tan valioso Me vuelve loco Y como, Amigo, te estoy enseñando cómo promocionar para iniciar su propio negocio en cuestión de tres horas, sino más bien sentarse ahí y pasar horas en foros o algo así, tratando de aprender algo que se te pueda enseñar aquí mismo de forma gratuita. Ok, entonces otra vez, chicos, felicidades por sus sitios web. Asegúrate de suscribirte a mi canal de YouTube y los veré a todos en el siguiente tutorial.