Cómo crear un sitio web de Wordpress 2016 a 2017 (NUEVO tema Divi)

1. INTRO principal: Bienvenida. Bienvenidos, todo el mundo. Mi nombre es Darrell y todo el instructor hoy a ti a mí. Entonces en este curso les voy a mostrar a todos cómo construir un increíble sitio web de WordPress paso a paso usando el tema divvy. Y he ayudado a miles de principiantes como tú, crear sitios web de aspecto increíble que se veían así. Y la razón por la que mi conferencia destaca más que otras es porque no sólo vamos a aprender a hacer un sitio web increíble, sino que vamos a hacer que se vea increíble y hermosa con las tendencias actuales de hoy en día . Entonces si quieres hacer un sitio web súper profesional y súper hermoso, este curso sería para ti porque nunca enseñaría a alguien a hacer una página web fea . No hay razón para que alguien haga eso, porque recuerden a la gente realmente por el sitio web, tienen unos lindos sitios web, se quedarán por ahí. Y en esta conferencia, les voy a mostrar a todos cómo tener realmente geniales y elegantes, ya saben, diseños que los nuevos diseñadores web están empezando a hacer. Entonces si ves esta conferencia, vas a estar por delante del juego. Vas a estar haciendo lo que están haciendo los nuevos diseñadores web directamente fuera del mercado . Entonces vamos a poder emparejar con nuestros competidores porque confía en mí, hay un montón de otros contenidos que he visto que la gente usa diseños antiguos. Utilizan sitios web realmente antiguos, y simplemente no hay razón para que alguien haga un sitio web que se vea feo. Entonces en este curso, vamos a aprender a hacer sitios web increíbles que se vean así y podrías ser un principiante completo. No tienes ningún tipo de experiencia. Como dije, he ayudado a miles de personas a crear sitios web increíbles, y todos pensaron, Oh Dios mío, nunca pensé que esto fuera posible Dice que es así de fácil. ¿ Eso es fácil? De acuerdo, entonces y este curso les voy a mostrar a todos cómo construir sitios web que se vean así ahora un poco sobre mí. Por lo que he destacado en todo el mundo. Ya sabes, recibí más de cuatro millones de visitas. Tengo alrededor de 15 millones de minutos vistos, y estoy destacado en alrededor de 180 países, y este es mi Lincoln y mucha gente me contactan para asesoría o servicios de diseño Web respecto al tema divvy porque hago mucho diseño Web, pero tiendo a especializarme en el tema de Davy. Por lo que realmente sé mucho de ello. Y esta es mi, ya sabes, analítica. Por lo que recibo alrededor de 21,642 páginas cada mes. Y siempre que alguien piensa que el trabajo no se puede hacer, vienen a mí y lo hago porque sé lo que estoy haciendo. Y te pasaré toda mi información. Por lo que podrás crear sitios web increíbles que se vean así Porque, recuerda, aunque sepas hacer un sitio web, realmente no es tan importante si es feo, cierto, Así que vas a consigue como, un trato de dos por uno aquí. Te voy a enseñar a hacer un sitio web, y también vamos a usar el tema divvy el cual te permitirá hacer hermosos sitios web que se vean así. Y también vamos a estar usando tecnología que CNN eBay usó mejor comprar Todas estas empresas usan WordPress. Entonces si te marca un wordpress y realmente quieres hacer un sitio web, esta sería tu solución definitiva, porque te voy a enseñar a hacer hermosos sitios web que luzcan, elegancia que parezcan profesionales. Y todos estos fueron creados por mí. Entonces soy como dije, sólo les voy a dar mis conocimientos chicos. Y este tema te permite hacer muchas características. Ya sabes, no podemos cuatro videos de K. Podemos sumar todo tipo de cosas realmente geniales. Entonces si ustedes chicos quieren aprender a hacer un increíble sitio web wordpress paso a paso, adelante y dar click en la matriculación y los veré en el curso. 2. Introducción: por lo que te voy a dar una visión rápida de lo que vamos a hablar. ¿ Y sabes qué? Vamos a aprender en este curso tan rápido. Este es el constructor visual para divvy, por lo que en realidad puedes hacer cambios justo en el sitio web. Ya sabes, como yo puedo poner aquí, tú a mí. Y así es ahora como funciona el Theme Davy con los sitios web. Por lo que es muy sencillo de usar. Y vamos a cubrir el constructor visual en esto, ya sabes, como, por ejemplo, por ejemplo, tiene un constructor de página de gota de dragón, lo que hace que sea muy fácil de usar. Entonces, por ejemplo, esto es que quieren arrastrar esto por aquí y arrastrar esto por aquí. Ahora, nunca conseguirás esto con otro tema. Entonces es por eso que el tema divvy es tan popular. Es por eso que es tan famoso es por la tecnología que entra en ella. Ahora también vamos a usar el dorso y editor. Entonces, como dije, si quieres tal vez intercambiar esto por ahí, vamos a, como, ya sabes, ya sabes, empujar a thes por ahí. Lo que sea. Te voy a mostrar cómo usar cada módulo individual en este curso vamos a empezar primero con el completo con módulos. Entonces aquí mismo, vamos a dar click en la sección de especialidad. Lo siento, la sección más completa y voy a cubrir primero todos los módulos. Por lo que en la parte de atrás, aprendimos todo sobre el completo con módulos. Entonces voy a ir en detalle en cada módulo que hay justo ahí siguiente. Después de eso, vamos a aprender sobre los módulos de texto regulares. Entonces voy a repasar cada módulo de aquí. Para que sepas exactamente qué hacer con el tema televisivo. Les voy a dar cuestionarios chicos. Te voy a mostrar sitios web. Al igual que, por ejemplo, te mostraré estos sitios web, y voy a decir ¿qué módulos utilizo? ¿ Cómo creo esto? Entonces te voy a dar un poco de experiencia primero, y luego voy a empezar a, como, como, tal vez tensar un poco tu cerebro, así que voy a tratar de hacerte entender de verdad. Ya sabes qué modelos usamos cómo perfeccionar el que conoces, el sitio web. Para que puedas mirar un sitio web y luego crearlo. Ahora, también te voy a mostrar a todos como a ti a los diseños pre hechos. Te voy a mostrar a todos cómo usar cómo realmente encontrar imágenes de otros sitios web y usar eso. Entonces voy a cubrir mucho en este curso. Y la razón por la que estoy haciendo eso es porque quiero que entiendas plenamente. Y ya sabes usar el tema devi. Porque no quiero que te vayas de este curso preguntándote, ya sabes, ¿qué más es eso? ¿ Qué es esto? ¿ Qué es esto? Nunca querría enseñar a nadie así. No es así como enseño. Enseño muy bien. Quiero asegurarme de que tu tal vez incluso más informado quiero mostrarte demasiado en lugar de demasiado poco. ¿ Verdad? Entonces en este curso, vas a obtener una visión general de todo lo que Davey tiene para ofrecer. En realidad voy a, como dije, darte cuestionarios y mostrarte otros sitios web. Y voy a decir, ¿Cómo hago esa página web? ¿ Me lo dices? Porque después de un tiempo, esperaré que aprendas y que sepas ciertas cosas. Entonces quiero una especie de probarte. Entonces eso es lo que proporcionará el curso. Ustedes chicos Y como dije, después de ver este curso, tal vez quieran iniciar su propio negocio. A lo mejor quieres crear un sitio web para tu, ya sabes, para tu propio, Ya sabes, un sitio web solo para ti. lo que quieras usarlo. Um, te ayudaré a llegar allí, ya sabes, solo pasa el tiempopara ver las conferencias, pasar el tiempo para realmente, ya sabes, estudiarlo y y realmente aprender, porque ah, mucha otra gente. El motivo por el que no tienen éxito es porque como que acaban de ver mi contenido. Y luego se detuvieron a mitad de camino. Y esa es ella haciéndome preguntas. Yo digo, no, necesitas ver todo el asunto y luego hacerme preguntas. Entonces si ustedes tienen alguna pregunta sobre alguna de las conferencias, siéntanse libres de preguntarme porque estoy aquí para ayudar. Yo puedo. Ya sabes, puedo hacer cualquier cosa con este tema. Puedo crear cualquier tipo de sitio web que posiblemente se te ocurra. De hecho, todos estos sitios web que actualmente hice nuestros imics de otros sitios web, y te mostraré en una conferencia posterior sobre cómo hacer eso. De acuerdo, así que básicamente te daré la capacidad de gustarte, mirar un sitio web y saber qué hacer. Saber qué agregar y saber cómo crearlo. De acuerdo, entonces espero que ustedes disfruten de mi conferencia. Ahora, sigamos adelante y sumémonos y empecemos a la siguiente conferencia, así que los veré a todos ahí. 3. Material extra: cómo d d d v diseñadores. Entonces ahora mismo, chicos, nos vamos a embarcar en un viaje. Ustedes chicos, vamos a crear sus propios sitios web. Pero hay muchas herramientas que tengo para ustedes chicos. Muchos de ellos son gratuitos y te ayudará a salir en el camino. Ahora, muchos de estos aire, incluyendo, como, como, diseño pre hecho. Por lo que este video en la descripción ustedes chicos van a conseguir enlaces a ciertos sitios web como el mío, donde van a obtener acceso a diseños gratuitos. Vas a obtener acceso al plan de hosting. Vas a tener acceso a algo con respecto a los gráficos en movimiento como deslizadores de video gratis y material de archivo gratis para una especie de ayuda chicos en el camino mientras creas tus sitios web porque hay un montón de sitios web diferentes y realmente difícil de empezar. Por lo que en realidad he incluido fuentes realmente confiables sobre dónde puedes obtener tus diseños. Puedes conseguir todo tipo de cosas realmente geniales, como las páginas de aterrizaje realmente increíbles. Entonces estos son solo algún recurso es para que ustedes chicos les ayuden en el camino para asegurarse de que ustedes están preparados y que ustedes tengan las herramientas que necesitan para hacer su sitio web. Y también estoy incluido mi Dropbox, cual tengo ah, muchas otras imágenes e imágenes y en realidad voy a requerir que ustedes bajen este tipo de enseñarles chicos a lo largo de las veladas. Yo quiero que ustedes lo obtengan desde mi perspectiva, para mostrarles cómo construir el sitio web. Y además, si ustedes necesitan un logotipo, voy a referir a otra página web. Hablaremos más del logo y más en detalle puede llegar hasta allí. Y también para comprar el tema, incluiré un enlace que les dará un pequeño descuento chicos. Además, una vez que lleguemos a la sección CSS personalizada, te proporcionaré esta página aquí mismo. Y esto realmente te dará la capacidad de copiar y pegar el código y tener efectos realmente geniales en tus sitios web. Y no te abrumes. Es muy sencillo de usar. Y una vez que lleguemos a esa sección, ustedes serán profesionales de Devi. De acuerdo, lo garantizo. Como dije, he ayudado a miles de principiantes al igual que tú a crear sitios web increíbles. Y en realidad uso uno de estos aquí mismo. Yo uso esto realmente cool. Como dije, diseño de arte aquí mismo. Lo uso en muchos sitios web. Entonces si ustedes necesitan ayuda o si hablo en las conferencias y quiero que se remitan de nuevo a la página donde les doy enlaces chicos o ustedes necesitan material? Este sería el recurso es Page. Entonces aparte de eso, chicos, espero que ustedes realmente disfruten este curso, y espero que les ayude. Y los veré a todos en la próxima conferencia. 4. Hosting y dominio: Muy bien, chicos, chicos, bienvenidos de nuevo. Entonces lo primero que necesitamos hacer es conseguir hosting y obtener un dominio, y recomiendo una empresa llamada TMD hosting dot com. Ahora, la razón por la que recomiendo TMD hosting dot com es porque no solo para obtener un dominio gratuito, sino que obtienes tu sitio web alojado en lo que llamamos es un servidor de unidad de estado sólido. Ahora, apuesto a que has escuchado ese término antes de SSDI. Y apuesto a que te preguntas, ya sabes, ¿qué es eso? ¿ Qué es SSD? Te educaremos un poco en hosting SSDI así como en unidades SSD. Por lo que SST es una tecnología relativamente más reciente y no implica piezas móviles en el disco duro. En consecuencia, es mucho más rápido que una unidad de CD. De hecho, la computadora Amman ahora mismo hablando con usted no tengo SST en ella. No en una unidad de CD. Utilizo siete una unidad de CD, pero actualizé. Ahora todas esas otras empresas como van Daddy y Blue Host. Solo ofrecen una unidad STD, por lo que como resultado, vas a obtener un rendimiento mucho más lento. Y el hosting de TMB en realidad es más barato que ir Daddy y sus otras compañías así que es una especie de victoria aquí. Entonces como se puede ver aquí mismo, la unidad SSD supera claramente a la velocidad de conducción de los ochenta. El I. O P. S, que es el rendimiento, también supera claramente a la unidad A C y al difunto INSEE. Esto en realidad se llama retraso. Por lo que cuatro líos en realidad se retrasaron. Y no quieres retraso, ¿verdad? O sea, cuanto más retraso tengas lo peor es así que menor es mejor. Entonces, como resultado, vamos a conseguir que nuestro sitio web esté alojado en el servidor más rápido posible porque no queremos perder clientes porque nuestro sitio web se carga demasiado lentamente. Eso no estaría bien, ¿verdad? Eso sería terrible. Entonces volvamos al hosting de TMD y también incluimos ah vinculado a esto y la descripción de la conferencia . Eso se puede comprobar. Entonces por ahora, voy a dar click en empezar. Y ahora tenemos tres planes. Aquí tenemos el plan de inicio, el plan de negocios y el plan profesional para ustedes chicos. Te recomiendo el plan de negocios porque con el plan de negocios, obtienes dominios ilimitados en lugar de solo un dominio. Esa es una diferencia bastante grande. De acuerdo, entonces voy a dar click, inscribirme todos los derechos, y también obtenemos un dominio gratis. Entonces eso también es un gran bono Woo dominio libre. A todos les encantan las cosas gratis, ¿verdad? Sí. Entonces voy a poner me encanta kylo ren así y dar click en. Proceder. Así que adelante y llena la dirección que quieras. Entonces si no estás familiarizado con un nombre de dominio es que es, ya sabes, tu dirección web. Entonces, ya sabes, apple dot com o tu sitio web es cool dot com. Muy bien, así que a continuación tenemos nuestra información de contacto, Así que adelante y llena tu información de contacto. Tu nombre, Tu apellido. Tu dirección de correo electrónico. Tu número de teléfono, etcétera. Um, pones tu contraseña, adelante y la pones de nuevo. Ya sabes, asegúrate de que sea correcto y en realidad tenemos la opción papal. Por lo que si quieres pagar con PayPal, puedes pagar con PayPal. Si no lo haces, puedes seguir adelante y simplemente llenar tu tarjeta de crédito. Ponlo justo ahí. Y después de que termines con toda esta información Ah, sé que estaría yendo un poco rápido, así que siéntete libre solo para pausar el video e ir a buscar tu tarjeta de crédito. Porque sé cuando estoy comprando por internet. Nunca podré encontrar mi billetera cuando estoy de compras, ¿sabes? Y yo soy como, ¿Dónde está eso? Lo dejé en mi auto o algo así. Ya sabes lo que pasan las cosas. Por lo que a continuación tenemos nuestro registro de dominio. Entonces, ¿qué? Esto es justo aquí. Permanecer protección de la privacidad. Esto básicamente oculta tu información pública a personas que intentaron registrarte. Entonces si quieres tener eso, puedes tener eso revisado. De no ser así, puedes dejarlo sin control. Ahora. En realidad tienes la opción de hacer, punto. Entonces aquí mismo, en realidad puedes hacer un servicio de mes a mes. Puedes hacer 12 meses o puedes hacer 24 meses. Ahora. Personalmente recomiendo hacerlo por 12 meses porque vas a pagar un poco menos, y te voy a proporcionar un código de cupón, que te dará un descuento. Por lo que tal vez quieras descontar en algo que estás pagando mawr, porque es un descuento por ciento y muchas de estas otras opciones puedes elegir tener estas sin embargo, integración de Google Analytics. Ya sabes, realmente no recomendaría la mayoría de estos cerradura lateral porque ya sabes, mucha gente me pregunta por los extras, pero te digo que podrías mirar, si alguien robó tu información y se metió a tu página web ¿qué van a conseguir? Sabes que van a conseguir un sitio web vacío. No va a ser rentable para nadie tratar de cotizar, hackear tu sitio web. Correcto. Por lo que probablemente recomendaría la protección de privacidad del dominio. De eso se trata. Está bien. A continuación tienes tu código promocional, así que te daré un código promocional, que te ahorrará un 5% adicional. Por lo que si ingresas el código Darryl 626 y haces clic en postular, recibirás otro 5% de descuento. Ahora que los precios bastante buenos. Por lo que estás recibiendo hosting o en realidad, puedes conseguir aún más barato. Puedes conseguir, ya sabes, un 70 gastado $78 obtener tu hosting durante todo el año. Ahora mismo, estoy atascado en un plan reventando $16 al mes, y desearía poder salir de él. Pero tengo tantos clientes en ese servidor, como que tengo que quedarme con ellos, así que Ah, en realidad tengo equipo el hosting. Ya sabes, tengo una contabilidad separada ser hosting porque son muy rápidos. Entonces, una vez que hayas terminado con toda esta información, adelante y haz click en. Estoy de acuerdo. Y dar click en check outs. Está bien. Y luego trajimos a otra página donde te va a pedir algo. Ya sabes, como, quieres registrarte para esto, solo sal y pon No, y va a llevar algún tiempo. Y podrías esperar un minuto o dos. Entonces después de eso, te traerán a esta página, así que seguiré adelante y pesas, tal vez 10 segundos. Esperemos el tuyo, porque, um, um, debería saber que sí toma un poco de tiempo para ah, sube tu panel de asiento y toda esa información, así que OK, genial. Está bien. De todos modos, terminamos. Enfriar. Está bien, Así que te traerán a esta página. Y esta es la zona de tu cliente. Entonces en realidad tenemos nuestro dominio y tenemos nuestro hosting ahora. Entonces lo siguiente que tenemos que hacer es instalar WordPress. Entonces lo haremos en la próxima conferencia, chicos. Entonces los veré a todos ahí. Enhorabuena por tu dominio. Enhorabuena por su hosting SSD. Puedes decirle a todos tus amigos que estás diciendo Oye, ya sabes lo que alojaron mis servidores en SSDI. Ya sabes que ya no uso un CD. Se puede presumir de ello a eso. Correcto. Entonces nos vemos en la próxima conferencia. 5. Instagramada: Muy bien, chicos, chicos, bienvenidos de nuevo. Por lo que ahora vamos a instalar WordPress en nuestra página web. Pero antes de que les diga cómo hacer eso, quiero darles Ah, visión rápida del área de clientes. Entonces este es tu sabes, tus servicios, tu dominio, donde puedes registrar más dominios, puedes pedir diferentes hosting. Y este sería tu portal de facturación y también tu apoyo. Entonces el ver tienes un problema con tu con tu sitio web de WordPress. Y la razón por la que me gusta el hosting del equipo D es porque podrías enviar un boleto aquí mismo y cualquier problema que tengas, ellos responderán, y te solucionarán el problema. No tienes que, ya sabes, hacerlo por teléfono e intentar averiguar qué está pasando. Descubrirán qué está mal y lo arreglarán. Entonces si tienes una pregunta técnica, tu sitio web está abajo. Cualquier otra cosa con la que tengas problemas, solo tienes que seguir adelante y enviar un boleto, y ellos responderán y también solucionarán tu problema por ti. Entonces es otra victoria ganadora, ¿verdad? Entonces volvamos a casa. Y ahora vamos a instalar WordPress. Así que adelante y desplácese hacia abajo, y aquí mismo tendrá su panel C iniciar sesión. Simplemente sigue adelante y haz clic en tu plan de hosting y haz clic en iniciar sesión. Está bien. Y te traerán a esta página aquí mismo. Entonces vamos a seguir adelante y desplazarnos hacia abajo justo aquí. Desplácese hacia abajo. Basta con seguir desplazando. Simplemente sigue creciendo. Y ahí tienes. Entonces vamos a ir al suave delicioso instalador de aplicaciones, y vamos a instalar WordPress así como así. Así que haga clic en WordPress. De acuerdo, así que ahora vamos a ir a esta página aquí mismo, y somos Glendon Haga clic en instalar ahora, Así que adelante y solo haga clic en instalar ahora y justo aquí, va a tener su, um, tu verdad, protocolo, todas estas cosas aquí mismo. Adelante y selecciona el dominio. Ese eres tú, um, que estás actualmente que compraste. Entonces compro uno llamado I Flower Power y justo aquí, y dice en directorio, asegúrate de que no haya nada ahí. Está bien. Asegúrate de que no haya nada ahí en el directorio en. Déjalo en blanco. Está bien. Siguiente. Esta es la configuración de tu sitio. Podemos convertirnos en wordpress. Entonces no es gran cosa. siguiente tienes tu Adam y tu nombre de usuario y tu contraseña. Así que adelante y cambia tu nombre de usuario a algo. Entonces pondré a mi perro, que es Patty wack. Y luego cambiaré mi contraseña. Teoh Patty trabajo. Ver Patty wack 03 Y aquí mismo, adelante y pon tu correo personal para que puedas poner algo así como,ya sabes, lo que sea en ya sabes, Yahoo o lo que sea en Gmail y en realidad tener una sección de idiomas, cual es realmente genial porque muchas otras empresas costeras no tienen eso. Entonces voy a seleccionar La mía es inglesa y me voy a desplazar hacia abajo. Está bien. Y lo que has hecho. Adelante e ignorar. Todos estos ajustes no iban a usar ninguno de estos otros temas porque vamos a usar el tema de venta número uno en los planetas, que es el tema divvy va a hacer clic en instalar así como así. Está bien, así que ahora está instalando WordPress. Dice que tardará de 3 a 4 minutos, pero normalmente lo hace mucho más rápido que eso. Por lo que ya está hecho. Entonces aquí mismo está nuestro login for ah son nuestros sitios web y también este es nuestro sitio web Ahora, si le das click y realmente no funciona, adelante y solo dale como, un minuto o dos. O a veces tardará 30 minutos. Yo lo sé. Para empresas como el anfitrión Gator, puede tardar en cualquier lugar entre instantáneo y cinco horas. Recuerdo que estaba haciendo estaba enseñando Ah ah webinar para ah, gator anfitrión. Y tardó seis horas en el Día del ST Patrick. Así que adelante y basta con dar click en el conde administrativo, y te llevaré a tu página web. Está bien, así que ahí tienes. Ya estamos logueados. Eso es todo. Hemos instalado WordPress en nuestro dominio. Y si quieres visitar tu sitio web, puedes hacer click aquí arriba y dar click en visitar sitios. Y ahí tienes. Por lo que este es nuestro sitio web. Es en vivo. Es oficial. Y sé que se ve realmente terrible en este momento. No te preocupes. Arreglaremos todo lo hará que se vea increíble. Así que realmente rápido. Adelante y ve a tu tablero de instrumentos. Y quiero un cambio de ustedes cosas. Entonces lo primero que queremos cambiar son nuestros enlaces Perma. Así que baja aquí a ajustes y ve a permitir enlaces y te explicaré por qué ahora mismo quieres ponértelo. Publica me La razón por la que quieres ponerlo en nombre del puesto es porque digamos que hacemos un contacto con nosotros la paz o en sobre la página de EU aquí mismo va a decir tu guión de página web, Contáctanos tu guión web sobre nosotros, ¿ verdad? En realidad es mejor para propósitos Seo, pero si tienes algo que se ve así aquí mismo, donde es signo de interrogación P. 123 Se ve realmente extraño cuando van a tu página sobre Estados Unidos, y simplemente no es la forma en que la gente hace los sitios web en la actualidad. Así que adelante y déjalo en Nombre del Post y haz clic en guardar cambios. A continuación, vamos a ir a nuestra configuración de usuario y simplemente haga clic en los usuarios ahí mismo y adelante y haga clic en su nombre de usuario, está bien. Y a continuación quieres asegurarte de que si alguna vez quieres cambiar tu contraseña o si quieres cambiar tu email, aquí es donde lo vas a hacer. Por lo que vas a cambiar tu email aquí mismo, y si quieres cambiar tu contraseña, puedes hacer click en generar contraseña, poner una nueva contraseña y dar clic en actualizar perfil. Por lo que aquí es donde cambiarías tu contraseña y también cambiarías tu dirección de correo electrónico. De acuerdo, entonces eso es bastante importante, porque he tenido que los clientes se queden fuera de su vista y no saben en qué correo electrónico entraron . Y soy un poco como lo que quieres que haga, Ya sabes, es Z tipo de que he sido una especie de mal lugar, ¿sabes? Entonces y además, puedes cambiar el color admin, ya sabes, podrías hacer que se vea azul. Ya sabes, creo que cuál debería usarse para este tutorial? Ahí vamos. dejaremos como medianoche. Entonces para este tutorial, va a ser como medianoche, ¿de acuerdo? Y voy a dar click en, um ahi soy un lo cambiado a mi otro email. ¿ Ella es? Ah, Orden PC. Está bien. Y luego voy a dar clic en actualizar así como así. ¿ Todo bien? Por lo que se guarda. Todo está hecho. Podemos volver a nuestra página web, hacer clic o visitar sitios. Muy bien, chicos. Entonces eso es todo. Hemos instalado wordpress. Enhorabuena. Estamos haciendo un trabajo increíble Hasta ahora. Contamos con nuestro dominio. Tenemos hosting y en realidad se está hospedando en servidores SSDI, que son los servidores más rápidos en este momento del planeta. Por lo que felicitaciones. Os veré a todos en la próxima conferencia donde instalaremos el tema divvy. Te veré ahí. 6. INSTALL el THEME DIVI: Entonces lo siguiente que tenemos que hacer es que realmente necesitamos comprar el tema Devi y realmente tener un enlace en la descripción. Y también recibirás otro pequeño descuento por eso. Entonces, ¿cuál es tu ahí? Creo que es Ah, ustedes pueden hacer clic en el enlace en la descripción que les llevará a, ah, temas elegantes, temas elegantes, pero traídos a una pantalla diferente. Ya sabes, en realidad te ahorrará un 10%. Por lo que realmente recomiendo pasar por mis enlaces. Por lo que les ahorrará más dinero chicos y los traerán a algo que se parece a esto aquí mismo. Y por supuesto, será más barato que esto. Ustedes pueden hacer clic en registrarse hoy mismo y seguir adelante e introduciendo su nombre de usuario y su contraseña. Y como la gran parte de los temas de Logan es que cuentan con soporte técnico. Por lo que si alguna vez tienes problemas con tu página web, estos chicos te ayudarán. Es tan increíble, ya sabes, tienen ah, foro completo que les dará chicos. Si tienes un problema con él, te ayudarán a todos en cada paso del camino. Y también, ya sabes, cuando me dejan comentarios, ¿sabes? Ah ah. Muchos de estos problemas pueden ser arreglados por sus foros de apoyo. Entonces si ustedes chicos quieren que les brinde un guión o codificación sería más beneficioso solo contactarlos y pedirles por ello porque, ya saben que les están dando, ah, ah, año completo de atención al cliente con el plan. Además de eso, también obtendrás el bloom plug in y el bloom plug in es un formulario de correo Upton, que en realidad tengo otro sartorial. Entonces tal vez después de este video, ustedes pueden checar eso, y viene con el tema y es el correo electrónico calificado número uno Opt in. Entonces ah, adelante e ingresando tu nombre de usuario, tu contraseña. Confirma tu contraseña, etcétera, y toda esta información y después de ti. Ya sabes, envías tu pago e inicias sesión para ser llevado a tu panel de control, así que seguiré adelante y solo conectaré aquí mismo. X, tengo a cuenta con estos tipos. Creo que esa es mi contraseña, ¿verdad? Sí. OK, así que trajiste a tu tablero. Ahora esta es su área de miembros. Entonces a partir de aquí, si puedes descargar el tema así que vamos justo aquí, Teoh, Teoh, Desplázate hacia abajo justo aquí bajo temas. Ahora, aquí mismo. Mencioné el enchufe de floración. Entonces recuerda, tengo otro tutorial sobre cómo puedes usar el plug de boom. Es un bonito plug in. Es realmente increíble. De hecho, puedes previsualizarlo muy rápido y, ya sabes, de vuelta, vas a ver a este pequeño pop up. Sube aquí mismo. Deberían subir. Ver aquí. Entonces alguien se desplaza hacia abajo. Ahí está. Entonces esta cosita de aquí es el enchufe de floración. Por lo tanto, al hacer esto en tu sitio web, asegúrate de revisar mi otro tutorial sobre eso. Totalmente viene con el tema. Entonces estoy seguro de que ustedes han visto esto en un montón de sitios web diferentes que bastante famosos enchufan . Entonces, uh, ya sabes, volviendo al tablero, vamos a desplazarnos hacia abajo justo aquí, y vamos a descargar el tema número uno que tema Davy. Vaya y haga clic en descargar y haga clic en un paquete temático. Después verás que tu archivo se ha descargado. Ahora simplemente también hay que hacer es volver a su sitio web y vamos a ir a nuestro panel de control Muy bien. Entonces desde aquí, vamos a bajar a la aparición, y vas a ver la sección llamada Temas. Ahora, básicamente, un tema es como la estructura de tu sitio web. Por lo que hay un montón de temas por ahí. La gente hace las cosas todo el tiempo, pero el equipo de Davy es con mucho el mejor equipo porque su constructor de páginas visuales. Por lo que aquí arriba vamos a dar click en añadir nuevo y vamos a dar click en subir Tema. Ahora vamos a dar clic en Elegir archivo, y en realidad vamos a encontrar la carpeta en la que descargamos. Entonces el mío estuvo aquí bajo descargas, y va a estar bajo Davey siete. Descárgalo bastante y voy a dar click en abrir y luego dar click en Instalar ahora. Por lo que ahora el tema se está instalando en nuestros sitios web, y a partir de aquí, nos dará la capacidad de empezar a usar el constructor de páginas visuales. Empezará a darnos todas estas características realmente geniales. Sí toma algo de tiempo instalarlo. Depende. A , ya sabes, si estás usando otro servidor, podría tomarme, ya sabes, como no sé, como, 34 minutos. Este servicio que probablemente instalaste tal vez en un minuto. Cierra esto justo aquí. Muy bien, así que el tema se ha instalado con éxito. Ahora todo lo que necesitamos hacer aquí mismo es dar click en Activar. Muy bien, así que estamos activando el tema Si ustedes tienen estos raros Http, nuestro aquí arriba depende de su servidor. Sé para como un adolescente para, ah, anfitrión azul. Te da estos errores aleatorios de encabezado PHP. Simplemente adelante e ignóralo. Sucede en algunos servidores. Entonces por aquí, vamos a seguir adelante y dar clic en visitar sitios, y ahí tienes. Por lo que se instala el tema. Enhorabuena, chicos. Acariciate en la espalda. Nosotros, ya sabes, lo hemos hecho realmente lejos. Tenemos hosting. Tenemos que dominio. Tenemos el tema divvy. Hemos instalado WordPress, y ahora vamos a crear nuestro increíble sitio web, paso a paso, así que voy a cerrar es justo aquí, y vamos a seguir adelante ahora y empezar. Está bien, Adelante ahora y empecemos. 7. CREar páginas y menú.: Oigan chicos, bienvenidos de nuevo. Entonces sigamos adelante ahora y creamos algunas páginas y también hagamos algunas cosas con el menú. A lo mejor quieres cambiar este menú aquí arriba también. Vamos a presentarles a todos el personalizador de temas. Ahora hay dos formas diferentes de crear páginas. Ahora les mostraré a los dos. Entonces, por ejemplo, podríamos subir aquí debajo de esta pequeña sección más nueva y dar clic en la página justo ahí, y esto realmente nos llevará a una sección donde ahora podemos crear una nueva página. Ahora tal vez quieras crear nuestra página principal, ¿verdad? Así que adelante aquí mismo y haga clic en casa. Es así y basta con dar click en Publicar por ahora. No te preocupes por meter nada. Llegaremos a eso en un poquito. Y tal vez quieras en sobre nosotros página, ¿verdad? Por lo que estando por aquí debajo, agregue nuevo y tal vez escriba sobre nosotros y haga clic en Publicar. Ahora hay otra forma de crear páginas. Por lo que por aquí debajo de las páginas, puedes hacer click en todas las páginas donde dice agregar nuevo aquí mismo, o agregar nuevo aquí mismo. Podemos crear una nueva página de esa manera así que fuera tipo in son un click en Ah Nuevo y pondremos nuestros servicios y luego pincharemos en Publicar. Y luego volveré a ir por aquí y crearemos la última página, que es la página Contáctanos y luego dar click en Publicar. Ahora podemos volver aquí a todas las páginas. Entonces si quieres ver las páginas que has creado, click en esta todas las páginas aquí mismo y puedes verlas aquí mismo. Por lo que tenemos el sobre nosotros, el contacto, el hogar, los nuestros servicios y la página de muestra. Ahora quería dejar la página de muestra porque esto solo viene estándar con WordPress, así que realmente no lo necesito. Entonces voy a estropear esto ahora. Y ahí tienes. Entonces ahora tenemos cuatro páginas. Pero si vuelves a nuestro sitio web por aquí y haces clic en visitar sitio, vas a ver que realmente no está configurado correctamente. Ya sabes, tenemos estas categorías. Realmente no se ve bien, así que te muestro cómo puedes personalizar tu sitio web. Lo siento, su menú, y hay algunas formas de hacerlo. Hay un personalizador de temas, pero también el tablero, así que les mostraré a ambos. Por lo que por aquí puedes hacer clic en tablero, bajar a la apariencia e ir a los menús. Muy bien, Ahora necesitamos crear nuestro primer menú, así que voy a llamarlo Menú Uno y dar clic en Crear Menú. Muy bien, entonces ahora tenemos nuestra más reciente, y en realidad ver también, estas son nuestras páginas actuales en este momento. Y la razón por la que tenemos dos páginas es porque una de éstas es un enlace personalizado, cual te diré qué es eso en tan solo un poquito, pero por ahora, solo tienes que seguir adelante y añadir cada una de ellas y dar click en agregar al menú. Ahora, ya ves cuál tiene enlace personalizado justo aquí. Entonces un enlace personalizado es básicamente, um, es un tu pozo, eso te lleva a cierto que eres. Oh, lo siento. Es un Texas te lleva a cierta chica. Entonces aquí mismo. ¿ Ves lo que dice enlaces personalizados? Se puede especie de crear cualquiera. También eres www dot en yahoo dot com o cualquier sitio web y poner el texto vinculado. Entonces tal vez quieras decir como, yahoo, y luego puedes llevarlos a yahoo dot com Ahora, mayoría de la gente realmente no hace esto. No usan enlaces personalizados. Algunos temas realmente lo requieren. Pero, Devi, no necesitas hacer eso. Entonces solo te estoy informando lo que es un enlace personalizado. Entonces aquí mismo dice enlace personalizado. Adelante y haz click en esto y solo tienes que dar click en eliminar. Realmente no necesitamos eso. Muy bien, entonces tenemos el ah, el hogar, el sobre el contacto en nuestros servicios. Ahora, tal vez quieras reorganizar esto así que queremos que la parte superior esté en casa y que el contacto con nosotros sea último. Y quieres hacer de este un menú primario y dar click en guardar menú. De acuerdo, entonces ahora este es nuestro menú actual, y en realidad podemos ir a ver. Está en nuestra página web. Entonces ahora sigamos adelante y echemos un vistazo aquí. Haga clic en visitar sitio y ahí va. Por lo que tenemos el hogar sobre nosotros, nuestros servicios y la página de contacto con nosotros. Pero hay algunas cosas que necesitamos cambiar. Ahora. Tenemos que cambiar esto a una página estática porque ahora mismo dice I flower power dot com dash home. Ahora tenemos que hacerlo así Simplemente dice yo flower power dot com ¿verdad? Entonces por aquí, ve a tu personalizador de temas y el tema que los clientes son en realidad tiene muchas opciones, pero personalmente no recomiendo usar el personalizador de temas porque básicamente quieres editar módulos de forma independiente, y llegaré a eso en sólo un poquito. Pero por ahora, bien, aquí es una estática de página. Sólo tienes que seguir adelante y dar click en esto. Haga clic en una página estática y verá lo que dice una portada. Adelante y solo teclea en casa justo ahí están selecto home y haga clic en guardar y publicar. Y ahí tienes. Entonces ahora nuestra página principal, esta página que creamos ahora es nuestra página principal. Ya no tiene ese guión a casa. Entonces vamos a presentarles a todos el personalizador de temas. Por lo que el personalizador de temas es otra forma en que puedes personalizar tu sitio web y hacer que se vea diferente. Pero voy a tener que estar en desacuerdo y no recomendar ninguno de estos porque cuando estás diseñando sitios web, estos aquí mismo, bueno, bueno, en realidad diseñan a granel. Pero si estás haciendo tu sitio web, es posible que quieras, ya sabes, que las cosas se vean diferentes no quieres que todo se vea igual. Quieres el mismo texto en todas partes, ¿verdad? No quieres lo mismo. Um, ya sabes, todo en cursiva. Entonces primero, vamos a la configuración general. Y esta es tu identidad de sitio. Entonces aquí mismo podemos poner algo como, ya sabes, tu sitio web dot com y luego poner en un lema. Entonces pondré en, um, um, poder de la flor de la flor. Y luego aquí mismo, vendemos flores frescas, vendemos flores frescas. Y esto es importante porque digamos que alguien comparte este sitio web en Facebook. Este título y lema va a aparecer, y también eres icono lateral voluntad. Entonces también es importante que tengas, um sabes que tienes algo ahí. Ahora puedes tener un ícono del sitio también. Entonces déjame mostrarte qué es eso. Si vas por aquí y haces clic en seleccionar Imagen, sigamos adelante ahora. Y al igual que alguna imagen aleatoria, voy a ir a subir archivos, seleccionar archivos, y voy a ir por aquí y ah, tal vez seleccionar este pequeño, uh, ya sabes, esta cajita justo aquí solo para fines de guitarra. Está bien, así que ahí está mi imagen. Voy a dar click en Seleccionar. Ahora ya ves cómo Aquí lo dice como icono de navegador. ¿ Alguna vez te has dado cuenta cuando vas a esos sitios web donde conoces, miras la parte superior de tu navegador y tienes un pequeño icono genial? Entonces eso es lo que este escenario es cuatro. Entonces voy a poner imagen de cultivo. Y ahora, si visitas este sitio web, va a quedar así ahí mismo. También tiene ese pequeño ícono fresco. Ya sabes, si vas a muchos sitios web de hosting para tener su logotipo ahí mismo, así que tal vez querrías poner tu logo ahí. Así que volvamos atrás y la configuración de diseño ahora en realidad puedes tener tu cuadro de ajustes de diseño, como, ya sabes, algunas personas todavía les gustan los diseños de cajas, que es así aquí mismo. O puedes tenerlo lleno con pero lleno con el tipo de lo nuevo. Ahora mismo. Ya sabes, mucha gente útil con usted puede realmente agregar patillas personalizadas, pero vamos a obtener las patillas un poco más adelante en este tutorial. Um, voy a volver aquí mismo y topografía. Ves, por eso digo que realmente no necesitas hacer esto porque podemos editar toda esta información con el constructor visual. no necesitamos usar este, uh, Yano necesitamos usar este, uh, este personalizador, pero quizá quieras cambiar tu menú, pero llegaremos al menú un poco más tarde. Entonces, por ahora, voy a saltarme la mayoría de estas secciones. Vosotros chicos realmente podéis pasar por estos y mirarlos. Pero no recomiendo cambiar nada en estos ajustes porque una vez que empecemos a hacer nuestro sitio web, empezarás a entender por qué no querrías usar el personalizador de temas. Ahora hay razones para usarlo, pero son muy raras, Así que voy a tener que decir, Ah, bueno, bueno, usamos un poco más tarde, pero en realidad vamos a usar Thea Header navegación porque necesitamos esto aquí mismo para personalizar nuestro menú. Y hay muchas maneras diferentes en las que podemos personalizar el menú. Pero una vez que tengamos algún contenido, podríamos querer cambiarlo. Entonces, ya sabes, acuerdo a lo que estamos tratando de lograr ahora, muy rápido por aquí, él está aquí. Dice, menús. Esta es otra forma en la que puedes ordenar de editar tu menú. Entonces si hago click justo aquí bajo el menú uno. ¿ Ves cómo tenemos ese menú creado ahí mismo? Voy a dar click en esto aquí mismo, y luego tenemos nuestras páginas. Ahora quiero mostrarte cómo hacer un menú desplegable. Entonces, ¿alguna vez has estado en esos sitios web en los que se cierne sobre él? Y tiene, como, como, tres o cuatro páginas que tipo de arrastrado por debajo de ella. Si tomas estos justo aquí y solo tienes que seguir adelante y ponerlo justo debajo de casa. Ahora ya ves, el sobre nosotros está debajo de la página principal, y puedes tener esto para los nuestros servicios y el contacto también con nosotros. Por lo que ahora tenemos la página principal. Tenemos el sobre nosotros como un sub menú, y luego tenemos estas dos páginas como un sub menú para el sub menú. Entonces sigamos adelante, echemos un vistazo. Genial. Entonces está bien, ahí tenemos eso. Y entonces ahora tenemos los nuestros servicios y contáctanos. Entonces si estás buscando un drop ellos y tú así es como creas uno, simplemente lo arrastras hacia abajo, acuerdo? Pero voy a cambiar todo esto ahora mismo. Voy a empujar todo esto hacia atrás, ¿de acuerdo? Y además, esto sí tiene un menú secundario y también un pie o menú para que en realidad puedas tener otro menú aquí arriba. Pero cuando editemos el menú, repasaré esto con más detalle. Entonces, a partir de ahora, no voy a meterme demasiado en ello. Pero solo te digo, esa es otra forma de agregar en un menú secundario. En realidad se puede agregar en otro menú llamado el completo con módulo de cabecera. Y llegaremos a eso en la próxima conferencia. De acuerdo, entonces, um, aparte de eso Ah, eso es todo para crear las páginas en el menú. Por lo que ahora hemos creado nuestro menú. Tenemos, Ya sabes, te he mostrado un poco sobre el tema personalizador. Entonces pasemos a la siguiente conferencia, que nos vamos a centrar más en los módulos o te daremos una visión rápida de todos los tipos de módulos y diferentes formas de estilo fin de semana y personalizar nuestra página web. Entonces te veré allí 8. Ancho completo parte 1: Oigan, chicos, bienvenidos de nuevo. Entonces permítanme darles a todos una pequeña introducción sobre cómo funciona el tema Devi y un poco introducción a todos los diferentes tipos de lo que llamamos son módulos. Entonces aquí mismo, voy a habilitar al constructor visual. Y este es el front end. Por lo que la mayoría de la gente hoy en día, usan el constructor frontal y visual ahora porque es mucho más fácil. Pero sigo usando el back end cuando me encuentro con pequeños errores y quiero ver exactamente lo que me perdí. Entonces este es el editor aquí. Y si hacemos click en este pequeño ícono azul, esto nos hará empezar. Por lo que tenemos tres tipos de módulos. Contamos con un módulo regular, una especialidad y un completo con tan lleno con básicamente cubre la página. Una especialidad es un poco diferente. Entonces si hago clic en eso, este es el espaciado. Entonces tal vez quiero, como, una foto aquí mismo. Y luego aquí mismo, ves el contenido, tal vez quieras fotos por debajo de eso. ¿ Verdad? Entonces voy a llevar a X ray aquí, y los otros módulos es sólo el módulo regular. Y hay diferentes formas en que podemos personalizar nuestro sitio web, así que por ejemplo, esta de aquí es una fila completa. Esto de aquí es tal vez podríamos tener dos fotos o podemos tener tres o cuatro fotos. Hay muchas variaciones diferentes en diferentes formas. Debilita el estilo, nuestra página web. Pero por ahora, vamos a usar el full with module porque ah, muchos de los principiantes les encanta lo completo con módulos. Ellos realmente, realmente lo hacen más tarde por el camino. Una vez que te familiarices un poco más con el tema de Davy, podrías empezar a alejarte de los cuartos módulos porque sí limita algo lo que puedes hacer en cuanto a mover texto alrededor. Pero es muy sencillo y cualquiera puede hacerlo. Entonces aquí mismo, voy a dar click en. Bueno, primer lugar, voy a hacer clic en X ray aquí, y en realidad tengo estas dos filas. Tengo este camino azul que creé, y éste de aquí. Por lo que realmente voy a hacer dejar ambos ahora para eliminarlos, solo tienes que hacer clic en eliminar selección y eliminar selección. Entonces ahora no tenemos nada. Entonces lo primero que quiero hacer es que en realidad voy a cerrar esto aquí mismo. Voy a dar click en este azul de aquí. Haga click en completo con. Y hay diferentes tipos de cuartos modelos. Debilitar Haz ahora el ah, el deslizador más completo es básicamente un deslizador de página completa que se deslizará. Tenemos el título del puesto. Tenemos el deslizador de postes. Tenemos el encabezado, el encabezado, el completo con imagen. A lo mejor sólo quieres un panorama grande. A lo mejor tu fotógrafo, ¿verdad? Pero para esta pequeña sección, probablemente vamos a usar el, um podemos usar el slider más completo. Está bien, entonces, um, esta es nuestra cajita de aquí. Y así es básicamente como vamos a diseñar el completo con slider. Entonces aquí mismo solo voy a dar click, añadir un nuevo ítem y dar tu título de nombre por lo que pondremos Bienvenido al tutorial. Bienvenido a dar la bienvenida al tutorial. Y luego las colillas en texto, que estarán en contacto con nosotros. O tal vez podríamos hacer algo así como, um, bienvenido. Y las colillas en tu oral. Por ahora, sólo tienes que seguir adelante y ponerlo como ese pequeño botón ahí mismo o este pequeño signo numérico que simplemente crea básicamente el botón. Pero realmente no enlaza a ninguna parte, porque tal vez no queremos, sabes, vincularlo a cualquier parte en este momento. Ahora, para la imagen de fondo, podemos seleccionar una imagen de fondo para esto. Entonces para hacer eso, puedes dar click en subir aquí mismo, así como así. Ups, Perdón. Entonces volveré aquí mismo, y daré click en ah, subido aquí y ahora tenemos los, um, los archivos que queremos seleccionar. Ahora, apuesto a que te preguntas ¿dónde puedes conseguir algunas imágenes de fondo realmente bonitas? Bueno, en realidad podrías ir a unspool ash dot com justo ahí, y puedes conseguir todo tipo de cuatro imágenes K. Por lo que muchas de estas imágenes son realmente únicas. Son hermosas. Y si quieres teclear lo que eres nichos, digamos que te gusta la comida para que podamos escribir alimentos ahí mismo. Y podemos, ya sabes, quizá poner una imagen de comida. Sea lo que sea que te guste, Splash tiene mucho. Y también en realidad puedes ir al stock grafico dot com e inscribirte. Ahora. Yo sí tengo enlaces en la, um, la sección de material bonus y esos enlaces son enlaces de afiliados, pero sí te dan un descuento mayor. Entonces, por ejemplo, si quieres poner puesta de sol aquí mismo, te dará algunas imágenes de puestas de sol, y podrás conseguir todas estas. Creo que esto son 100 dólares para el año, así que eso vale la pena. Ya sabes, ese es un precio bastante bueno el que estás pagando. Probablemente alrededor, ya sabes, 78 dólares al mes. Así que volvamos aquí a poseer Splash, y probablemente agarraremos uno que sí. Esto es cielo nocturno deuce. Entonces cielo nocturno. Está bien. Y sólo voy a seguir adelante y agarrar uno aquí mismo, y voy a dar clic en descargar, y voy a guardar esto en mi computadora. Y muchos de estos sigue. Los chicos son muy grandes, así que también te daré algunos consejos. Um, Cielo nocturno. Te daré algunos consejos sobre cómo reducir el tamaño de tus imágenes porque, ah, muchos principiantes. Tienden a poner estas bellas imágenes ahí. Pero el problema es, es que probablemente sean 12 Meggs. Ya sabes, puede haber ocho imágenes K. En consecuencia, tu sitio web se cargará más despacio, así que te daré una alternativa Teoh arreglando esos. Entonces por aquí, voy a hacer clic en archivos selectos, y voy a ir a escritorios y voy a desplazarme aquí mismo y vamos a encontrar esto fue en el cielo nocturno. Entonces va a estar en algún lugar por aquí, Cielo nocturno. Ahora bien, este es un gran ejemplo. Entonces hice clic en la imagen, pero ahora mismo dice 32.6 megabytes. Ese es un archivo monstruosamente grande. Y debemos reducir ese tamaño porque, um, um, eso dará como resultado un tiempo de carga más largo. Ahora, con el fin de cambiar esto, vamos a ir a otro sitio web llamado pic monkey dot com así como eso. Y vamos a ir por aquí y podemos editar nuestras fotos de forma gratuita. Y queremos dar click en editar. Entonces vamos a seguir adelante y encuentra Ahora son nuestra foto. Por lo que el cielo nocturno y haga clic en abrir. Está bien, así es. Ahora, um, está subiendo nuestra falta y 32 hace chicos es un sitio muy, muy, muy grande o lo siento. Yo grande ah, tamaño. Entonces en este momento ya está un poco reducido. El tamaño para US 3000 está bien. Una imagen de tres K y por dos K. Así que vamos a seguir adelante y solo dar click en aplicar, y luego solo vamos a dar click en seguro Así que ya ves ahora cómo es el tamaño es de 2.3 megs de 32? Esa es una diferencia drásticamente grande. Entonces, uhm, lo voy a guardar tan solo como una imagen perforada. Pero también puedes guardarlo como un ah, se llama un archivo Sean o una calidad Sean, que es como super bueno, pero sin embargo el podemos usar Pierce, ya sabes, y asegurarnos de J cerdo. Entonces ahora lo hemos reducido a un 2.3 meg, que es mucho mejor que un 30 para hacer tamaño, porque eso es un poco demasiado grande para un sitio web. Entonces volvamos aquí ahora, y vamos a dar click en archivos selectos y vamos a encontrar esa imagen. Entonces el cielo nocturno Jay, Peg éste de aquí. Entonces recuerda, es ah, éste. Por lo que 2.4 megabytes y voy a dar click en abrir. Muy bien, entonces ahora el archivo se va a subir a nuestro servidor, y luego lo vamos a poner como fondo para nuestro slider más completo. Está bien, casi se está subiendo. Ya está hecho, así que voy a dar click en subir una imagen. Está bien, así que está funcionando. Se va si haces eso una vez más, Tal vez, Tal vez, uh tal vez algo pasó. Entonces haz click en subir y haz click aquí y haz click en, sube una imagen. Ahí vamos. Entonces ahora tenemos nuestra imagen ahí y podemos desplazarnos hacia abajo justo aquí, y en realidad podemos cambiar la posición de la imagen por defecto. A lo mejor quieres hacerlo como centrado. O podríamos hacer un top left o en un top center, etcétera. Pero por ahora, estoy así que déjalo como predeterminado y me desplazaré aquí hasta el tamaño de la imagen, y podemos tenerlo cubierto. Puedes cambiarlo, encajar, o puedes tener un cambio al tamaño real. Pero por ahora, probablemente lo dejaremos como predeterminado, así que puedo seguir desplazándome aquí mismo, y también podemos poner una imagen de diapositiva. Entonces, ¿quieres poner otra imagen sobre esto? Esta imagen, podemos hacer eso también. En realidad podemos agregar una superposición de fondo. Ya ves cómo es una especie de color y se ve un poco diferente. Entonces eso es con las superposiciones de fondo. Y en realidad podemos colorear la espalda sobre la superposición. Entonces aquí mismo puedo poner ah background overlay y especie de tal vez usted diga que quiero amarillo y tal vez sólo reducir la transparencia. Por lo que esta barra de aquí mismo, controla la fuerza del color. Esta barra aquí , controla la transparencia del color. ¿ Ves eso? Está bien. Ahora también podemos usar una superposición de texto. Entonces lo que es una superposición de texto es es una Es un, um, um, como un tono que va por encima de este cuadro de texto aquí mismo. Entonces voy a seguir adelante y decir, uh, sí, sí, seguro usar una superposición de texto. Y ahora tenemos esto aquí mismo, y esto es bueno por muchas otras razones. Ya sabes, en realidad puedes colorear esa superposición de texto, así que tal vez quieras hacerlo verde, ya sabes, tal vez podamos reducirla a verde. Pero por ahora, probablemente incluso tan negro así como así, y podemos desplazarnos hacia abajo y también podemos tener un deslizador de video. Chicos, ya sabes, podemos agregar mucho en videos de diapositivas. Y muchos de estos aquí el texto alternativo de imagen que es para propósitos SDO. Entonces eso básicamente es decirle a Google cómo se llama la imagen. Ya sabes, es solo informar a los cirujanos sobre ello alguna vez. Algo aquí mismo. No va a aparecer nada. Entonces recuerda, uh, las etiquetas todas son por razones seo. ¿ De acuerdo? Y también puedes agregar en un video, ya ves, aquí mismo dice video de fondo, MP cuatro. Por lo que también podemos agregar en un deslizador de video en segundo plano también. Entonces, um, un buen lugar para ir a conseguir videos en realidad es video dot nets y ustedes chicos pueden seguir adelante y echar un vistazo. Tienen muchos videos gratis. Si no quieres gastar dinero,ya sabes, ya sabes, podemos ponerlo como un cielo nocturno, igual que eso está bien. Entonces muchos de estos nuestros videos de cielo nocturno, ya sabes, um, pero algunos de estos aire de choque obturador así que no queremos Te estremeces. Shock Parece un anuncio. Entonces esto de aquí es redes de puntos de video. Y estos son videos que podemos usar para nuestros sitios web. Entonces siéntete libre de pasar por algunas de estas ahora. Estúmete. El shock es en realidad un servicio de pago, pero sí tienen algunos videos realmente bonitos. Ustedes en realidad pueden ir a los bloques de video. Hecho eso, Nets. Siento los bloques de video dot com y los bloques de video dot com es otro sitio web donde en realidad puedes conseguir, ya sabes, realmente cool. Videos realmente geniales. Yo personalmente he usado bloques de video, así que sé que tienen algunas cosas realmente geniales. Entonces, um, como, este de aquí es probablemente mis favoritos. En realidad tengo este aquí mismo, que es la tinta morada. Entonces volvamos a nuestro sitio web ahora mismo para que podamos actuar videos si quieres, um, um, seguir desplazándote por el fondo del video. No me preocuparía demasiado por eso, pero si quieres informar al tema sobre el dentro de la altura entraría eso en. Si no, solo puedes dejarlo en blanco, pues generalmente el video optimizado perfectamente para el tamaño de sidra. Entonces voy a seguir desplazándome hacia abajo ahora. Y ahora tenemos este cuadro de texto. Entonces tal vez quieras agregar en algún contenido, ya sabes, como, como, bienvenido al sitio web más increíble de la historia. Y si quieres espaciar esto unos pedacitos así como eso y tal vez quiero sumar , ya sabes, una imagen puedes agregar una inmediata justo aquí. Entonces, por ejemplo, vamos a hacer clic en agregar medios y sólo vamos a seguir adelante y añadir en una de estas casitas aquí mismo en esta pequeña imagen así como así. Entonces ahora tenemos esta imagen se ve bastante cool, y si quieres espaciarla, puedes espaciarla. Entonces esa es otra forma en que puedes, Um , ya sabes, um ya sabes, personalizar esto ahora también podemos cambiar este texto, como, aquí mismo. Ya sabes, podemos teclear lo que queramos. Al igual que, así como así, puedes cambiar la fuente. Entonces digamos, por ejemplo, podemos flotar sobre todo esto. Da click en el pequeño A's justo aquí, y podemos cambiar la fuente para que él quiera sea capaz o tal vez quiera armar Oh, un Revo. Ah, lo que quieras. Puedes cambiarlo como es y también puedes hacer de esto un texto de encabezado y entraré texto de encabezado un poco más tarde sobre cuando hablemos de optimización móvil, pero cabecera Texas Muy importante porque, um, dependiendo de qué tan grande Texas, se verá extraño en el dispositivo móvil si no está correctamente optimizado. Pero no te preocupes, cubriré una optimización móvil un poco más tarde. Hay mucho que cubrir con este tema. Entonces vamos a ir a comprar peldaños de bebé. Está bien, así que a continuación voy a cerrar eso, y 9. Fulldiwth parte 2: un poco más tarde. Hay mucho que cubrir con este tema. Entonces vamos a ir a comprar peldaños de bebé. Muy bien, Así que a continuación voy a cerrar eso, y supongo que dijo que hay otras opciones. Se puede cursiva. Se puede subrayar, etcétera. Entonces solo voy a seguir adelante y dejarlo así ahora, bajo el diseño por aquí y dar clic en diseño. Y hay muchas características. Pero la buena parte de estos chicos es que una vez que sabes como, ah, diseñar un módulo. Como que sabes diseñar todos los módulos porque, ah, ah, muchos de estos módulos son muy similares entre sí. Entonces sé que parece mucho en este momento, pero solo recuerda que en realidad puedes, um, ya sabes, llevar esta información al siguiente módulo. Entonces me voy a desplazar hacia arriba aquí mismo y discutir cuáles son estos Así que el color personalizado de la flecha. Entonces si decidiste agregar una fila de color personalizado, lo siento. Una flecha. Aparecería en la parte inferior justo aquí. Y también podemos tener el color de navegación personalizado de puntos, que serían los puntos de la parte inferior. Ahora la superposición de texto bordea el radio de borde. En realidad podemos seguir adelante y una especie de lío con esto un poco. Entonces algo que parece que ahora mismo ves cómo el radio fronterizo empieza a volverse un poco circular. Por lo que quieres un círculo completo. Básicamente comenzarías a meterte un poco más con él. Entonces eso es lo que hace el ah sobre el radio fronterizo. ¿ Es eso? Una especie de dar arcos al, um, al radio de la superposición. Muy bien, a tu lado, ten tus fuentes de encabezado. Entonces esta de aquí es nuestra fuente de encabezado. Entonces, por ejemplo, ¿quieres cambiarlo a Arvo? Ya sabes, ¿quieres hacerlo más grande? Entonces ahora tengo que querer hacerlo más pequeño. Y también este pequeño ícono aquí estoy a un click. Refresca este pequeño ícono telefónico aquí mismo. No, voy a dar click en esto y dar click en smartphone. Entonces así es como se ve nuestra página web en un smartphone y es muy importante establecer el texto para dispositivos móviles Ahora, muchos temas no tienen esto. Muchas cosas, solo, solo, ya sabes, no funciona para el móvil no funciona para el móvil. Pero podemos cambiar cómo queremos que se vea en el dispositivo móvil. Entonces, por ejemplo, voy a seguir adelante y decir que quiero que esto sea un poco más pequeño. Algo así. Ahí vas. Perfecto. Ahora para el dispositivo tablet. A lo mejor queremos hacer lo mismo. Puedo seguir adelante y hacerlo un poco más pequeño. Igual que eso. Perfecto. Entonces ahora así es como se ve. Nuestras tabletas son teléfono pequeño y luego nuestro escritorio. Por lo que está empezando a juntarse. Se ve bastante bien ahora el color del texto del encabezado. Por lo que esta sección de aquí mismo controla el color de la cabeza o del texto. A lo mejor quieres cambiar el color del texto. A lo mejor lo quieres negro así. A lo mejor quieres un morado. De acuerdo, Entonces así es como cambiarías el color del texto del encabezado. A continuación, tienes tu espaciado de letras de encabezado, que controlará el espaciado entre estos y en realidad puedes cambiarlo para móvil Y también, uh, la tableta también. Entonces si tal vez, si quieres agregar en Ah, base de texto más grande como esa, puedes hacer eso. Pero claro, tal vez quieras dejarlo a algo que se parezca un poco más a esto, cierto, Porque se veía bastante feo antes, Así que sólo voy a seguir adelante ahora y volver al escritorio. Ahora, las alturas de la línea de encabezado, puedes ajustar la altura de la línea de encabezado para que se vea algo así. Ahora, generalmente, probablemente quieras dejar su estándar, pero hay ciertas razones por las que tal vez quieras que parezca más grande ahora, la fuente del cuerpo. Por lo que esta sección de aquí es la granja de cuerpos. Pero recuerda, podemos cambiarlo aquí mismo. Entonces, por ejemplo, hacemos click en el A. Contiene una granja corporal justo aquí. O puedes cambiarlo aquí mismo. De verdad depende de ti. Hay dos formas de hacerlo. Entonces, sea cual sea la forma en que te sientes cómodo haciendo, puedes hacerlo. Ahora el tamaño de la fuente del cuerpo. Ahora bien, esto es lo que quiero recalcar más. Um, yo sí. Yo enseño esto a mucha gente, pero, um, a veces me dejo fuera, y es mi error. Entonces el tamaño de la fuente del cuerpo cuando haces esto más grande, digamos que lo haces así de grande, ¿ verdad? Necesitas optimizarlo para móviles. Si no lo optimizas para el móvil, se va a ver raro en el dispositivo móvil. Entonces permítanme darles un ejemplo. Voy a dar click en este teléfono y dar click en Smartphone. Ahora, ya ves cómo se ve así. No se ve bien. Y eso es porque hice el texto demasiado grande, y como resultado, se ve extraño en los dispositivos móviles. Entonces necesitas una especie de asegurarte de optimizar todo desde el móvil porque si no lo haces , va a parecer un poco extraño. Y, um, ya sabes, así es como sabes, los sitios web funcionan hoy. Por lo que hay más personas en dispositivos móviles que en PC. Por lo que hay que recordar que tan optimizarse y promocionar para móviles es que debe ser lo más importante en tu mente cuando estás creando un sitio web. ¿ No es el móvil sensible? De acuerdo, así que junto a tener tu cuerpo texto color Y recuerda, también puedes editar este color aquí mismo. Entonces si repaso esto y lo paso por alto, puedo dar click en este pequeño icono de dolor. Y ahora puedo cambiar el color de esto aquí mismo. Tan contagioso al verde puedo cambiarlo a amarillo, lo que quiera. Entonces esa es otra forma. Puedes cambiar el color o puedes cambiarlo aquí mismo. El cuerpo letras frente ¿La recuerdas antes? Cómo estábamos haciendo realmente el espaciado para el encabezado. Entonces es lo mismo. Solo lo estamos haciendo por el cuerpo, por el cuerpo. Por lo que sólo vamos a hacer que se vea más grande o hacer que se vea más pequeño. De acuerdo, Entonces, como dije, una vez que empiezas a aprender un módulo, como que pasa al siguiente. Entonces no te quedan en la oscuridad, ¿sabes? No sabes que no te gusta Oh, ¿qué hago? ¿ Qué hago? Ya sabes, uh, estamos aprendiendo. Ah, bastante lento. Pero, ya sabes, es justo la forma en que es. Entonces body line haIF Ahora lo que esto hace es que crea esa línea al igual que hicimos con el texto del encabezado. De acuerdo, entonces es el mismo módulo exacto, excepto que está en Lee refiriéndose al cuerpo. El texto del cuerpo justo aquí. A continuación, vamos a desplazarnos hacia abajo ahora, esta parte escuela. Entonces tomamos este botón aquí mismo, y apuesto a que quieres personalizarlo. Estás diciendo, Ya sabes, no quiero que se vea así. Yo quiero lucir más único. Debilitará estilo las colillas en Así que por aquí bajo encargo vende para botón. Haga clic en. Sí. Ahora, chicos, esto es en realidad universal. Entonces, para cualquier botón que crees en el futuro, así es como cambiarías los botones para todos los botones en el tema de TV. Entonces, como dije, una vez que la dejas por una, cartas por todos. De acuerdo, entonces el tamaño del texto del botón. ¿ De qué talla quieres? Este texto de botón. Ya sabes, puedes cambiar su Podrías hacer que se vea más pequeño. Más grande, lo que sea que estés tratando de lograr. Entonces lo voy a dejar ahí como, um, no ahí. Pero lo voy a dejar como tal vez no sé qué es Lo que es un buen tamaño 30 30 pixels. De esa forma, podemos cambiar el tamaño del texto del botón. Podríamos hacer más grande el tamaño del texto. Podemos cambiar el color del texto del botón. A lo mejor quieres que solo el texto sea de color diferente. Entonces si me desplazo hacia abajo aquí mismo, haremos click en verde. Ahora, recuerden, también podemos controlar la transparencia igual que teníamos antes de las otras opciones. Podemos controlar la transparencia de esto también, pero probablemente la dejaré como blanca. Ahora en realidad podemos tener un color de fondo de botón. A lo mejor querías tener un color de fondo azul. Entonces eso se ve así. ¿ Ves eso? Ya ves cómo empieza a entrar el azul. Se ve bastante bien. Entonces seguiré adelante y lo dejaré como azul por ahora. No, las colillas y la frontera con así aquí mismo Podemos cambiar la frontera con ahora. Puedes tenerlo así o puedes tenerlo, ya sabes como, ah, ah, algo un poco más pequeño. O simplemente podemos dejarlo como el ah, ya sabes, los ajustes. Pero, um, ya sabes, esa es otra forma. Está aquí arriba, así que sabes, es realmente depende de ti. Si quieres controlar el libro, la frontera con tu sabes, puedes hacerlo más pequeño. Puedes hacerlo más grande, etcétera. Ahora el color del borde del botón. Entonces, ¿ves esta frontera aquí mismo? En realidad podemos cambiar el color de eso. A lo mejor quieres cambiarlo por algo parecido al amarillo. Ve cómo es amarillo en los bordes, así como así Y podemos hacer púrpura debilitar Dio que podemos hacer negro lo que quieras para tu página web. Entonces me voy a desplazar aquí mismo y seguir adelante Ahora el pero las colillas y el espaciado de letras . Entonces el espaciado entre las letras, igual que hicimos aquí arriba, es sólo decir que quieres hacer esto por el botón? Voy a poner No. Entonces solo voy a seguir adelante y hacer pero espaciado entre letras. A lo mejor yo sólo quería, como como como, un píxel así. Mira, Standard se ve bien ahora, agregando un icono de botón. Entonces, ¿quieres un botón? Entonces si lo haces, podrías poner sí o, ya sabes, o tienen todas estas listas de botones aquí mismo puedes seleccionar. Entonces podríamos ir justo aquí y tal vez seleccionar, ya sabes, a cualquiera y nos gustaría Así que aquí mismo podemos poner los pulgares pequeños arriba. Entonces ahora si me cierro sobre él, los pulgares arriba vienen ahora. También lo podemos tener donde lo ponemos como, um um ya sabes, ponemos no Así podemos ponerlo como no. Um, como dije, solo sigue adelante y pasa por eso. Ya sabes, eso está sentado ahí mismo Si quieres agregar en un, uh, ¿ a dónde ir? Ahí. ¿ Se fue? De acuerdo, me perdí, ¿eh? Ups. OK, entonces me perdí un poco. Su perdón. Debería estar justo aquí. De acuerdo, entonces pondré Sí. Ahora, recuerda, puedes agregar en el, ya sabes, las colillas en lo que quieras agregar. Entonces solo recuerda, um, ya sabes, quieres irte. Eso lo agregó. Ahora la fuente de botón. También puedes cambiar la fuente bustin aquí mismo. Entonces, por ejemplo, podemos cambiar para poder cambiarlo a otras fuentes geniales. Y cuando tus fuentes comerciales recuerden una especie de pegarse con una fuente, no quieres ir por todas partes. Ya sabes, no quieres tener diferentes fuentes por todas partes en tu sitio Web va a parecer un poco clase, y va a parecer un poco extraño, va a verse un poco diferente, ¿ verdad? Entonces vamos a seguir adelante y simplemente dejarlo como eso Ahora podemos realmente cambiar el color del icono del botón para que podamos cambiar el pero puedo llamar a tal vez púrpura. Entonces ya ves cómo es morado así como así. Y la gran parte de lo hicieron chicos es que se puede ver el ah, ya saben, los cambios que estaban haciendo mientras lo cambiamos, lo cual es bastante guay. Ahora las colillas una colocación de icono. Puedes tenerlo a la derecha, o puedes tenerlo a la izquierda. Muy bien, ahora muestra icono al pasar el cursor por botón. Entonces en este momento, si nosotros si pasamos el cursor sobre él, se mostrará el icono en el hover para el botón en Lee por mostrar para el botón. De acuerdo, entonces podemos dejar eso como sí, creemos que sí. No. De acuerdo, entonces ahora se puede ver que aparece el botón, o vamos a creerlo como sí. Por lo que el botón sólo se mostrará en el hover. ¿ Entiendes? Entonces, ¿tienes alguna duda al respecto? Siéntase libre de hacerme saber el botón hover cubierta de texto. Entonces si alguien se cierne sobre él, ¿quieres que cambie de color? Entonces, por ejemplo, pondré amarillo justo aquí, y luego lo pasaré por encima. Y ahora ves el amarillo de Texas. Entonces recuerda cuando dice botón de desplazamiento, eso significa cuando me desplaza sobre él. Va a cambiar de color. Entonces permítanme darles otro ejemplo. Haré las colillas y colocaré el color de fondo como blanco. Entonces no un hover sobre él. Va a ser blanco y amarillo. ¿ Ves eso? Igual que eso. De acuerdo, ahora las colillas y sobre el color de la frontera. Por lo que hasta la frontera alguien se cierne sobre su podemos cambiar el color del borde también. De acuerdo, así que la mayoría de estas otras opciones son las mismas otras de las que hablamos antes. Entonces voy a dar click en general ahora mismo y dar click en cheque. Entonces este es nuestro deslizador. Voy a eliminar la sección aquí mismo. Entonces este es ahora nuestro slider actual, así que eso es más o menos para los chicos del slider. Además, si quieres escoger ocho esta fila, das click en el pequeño módulo duplicado. Para eso es esto. Y ahora tenemos otra, y se acaba de duplicar. También esta otra sentada aquí mismo si quieres arrastrarla. Pero esto realmente no es para estos deslizadores. Es más para blurbs y muchos de los otros módulos pequeños, que hablaremos un poco más tarde. También, esta sección aquí mismo. Hablaré de esto también un poco más tarde. Yo No, estoy diciendo mucho eso. Pero sólo hay tanto que cubrir. Hay tantas características increíbles que podemos tener. Básicamente, puedes guardar este dedo del pie una biblioteca y luego subirlo a otra página. Entonces esa es una característica realmente genial que tiene Davey y muchos pero los temas no tienen eso. De hecho, otras cosas tienen lo que llamamos es migración. Pero el tema de Davy. En realidad puedes simplemente guardar toda esta página y luego simplemente subirla a otra página. Simple hecho. Todo está, sabes, todo ya está hecho. Entonces eso es todo para los chicos del slider. Hablaremos más de lleno con módulos en el siguiente apartado, por lo que los veré a todos ahí. 10. encabezado de ancho completo: Muy bien, chicos, chicos, bienvenidos de nuevo. Así que sigamos adelante ahora y discutamos algunos de los otros llenos con módulos y diferentes formas de utilizarlos . Ahora, voy a ir por aquí y dar clic en este pequeño ícono morado. Esto es para agregar un nuevo módulo, y voy a tomar al completo con, y vamos a desplazarse hacia abajo justo aquí hasta que veamos el, um bueno, en realidad tenemos este otro aquí mismo que quieren hablar de lo completo con código . Entonces, ¿qué? Esto si estás en algún tipo de diseño Web y quieres agregar algún tipo de código CSS o un código AdSense de Google o cosas así, y quieres estar lleno con esto es donde lo ingresarías. No obstante, la mayoría de ustedes viendo esto probablemente no sepan sobre CSS o recubrimiento, por lo que podría no ser para ustedes, y probablemente no recomendaría este módulo, así que voy a dar clic en la ropa. Pero si eres fluido con el código, entonces puedes ingresar tu contenido ahí mismo. De acuerdo, entonces ahora voy a cerrar eso y dar click en cerrado. Cierra eso. Ahora. Voy a abrir esto de nuevo, aquí mismo e ir a lleno con. Y en realidad vamos a hacer el completo con módulo de cabecera, que es muy similar al slider más completo. Excepto que no se deslice. Entonces esto aquí mismo creamos Ah, Page. Pero el completo con cabecera en realidad tiene un poco más de personalización. Es un poco aún limitado, pero es un poco más personalizable que el completo con módulo slider. Entonces, por ejemplo, ponga um bienvenido a los mejores sitios web. Ustedes lo pueden ver aquí mismo. Entonces esto de aquí es un módulo completo con cabecera. De acuerdo, entonces, um gracias por mirar. Ahora en realidad podemos cambiar el color del texto, ya sabes, Pero por ahora, quiero dejarlo como oscuro, el texto y la orientación local. Yo quiero dejarlo en el centro así como así, y seguiré desplazándome aquí mismo. Y ves esta opción o dice hacer pantalla completa. Voy a dar click en eso. Por lo que ahora tenemos esta imagen de pantalla completa y esto es muy ideal para principiantes que quieren esas realmente grandes paginas de aterrizaje porque se centran todo para ti. Hace todo el trabajo duro por ti. Siguiente. Tenemos nuestro botón de desplazamiento hacia abajo. Por lo que hago click en Sí. Y aquí abajo, vamos a tener un botón de desplazamiento hacia abajo. Entonces, por ejemplo, puedo cambiarlo así. Pero la razón por la que no lo puedes ver es porque el blanco de Texas, pero por aquí mismo, lo haremos. Ah, pero en texto así pero en un texto, entonces lo que quería decir tal vez. Ah, contáctanos ahora. ¿ Cuál es la URL? ¿ A dónde quieres que te lleve eso? Entonces si hago click en esto, ¿a dónde quieres llevarte? ¿ Entonces entrarías eso ahí mismo? Pondré en mi página web www dot darrell wilson dot com, Y puedes tener un segundo botón para esta característica para que pueda agregar como, uh, ya estás sobre nosotros, sobre nosotros, y luego me desplazaré aquí abajo, y eso pondrá el pequeño símbolo ahí mismo. Entonces ahora ustedes pueden ver que tenemos esta llena con foto o esta llena con fondo. Y tenemos los dos iconos con el texto justo ahí, por lo que sigue creciendo hacia abajo. Ahora, digamos que quieres agregar en una imagen de fondo. A lo mejor quieres agregar en un fondo grande, hermoso. Por lo que voy a dar clic en subir y sólo vamos a seguir adelante y seleccionar esta imagen, la que utilizamos previamente y dar click en subir una imagen. Entonces ahí lo tienes. Se sube. Y también, chicos, si quieren cambiar este personalizador, pueden dar click en esto aquí mismo, que lo cambiará así. O puedes dejarlo así aquí mismo. Pero, um, ya sabes, probablemente querría hacerlo un poco más pequeño. Ya sabes, no me gusta realmente, realmente grande, realmente grande, así que volveré a hacer clic en eso para dejarlo así. Entonces ahora tenemos el, um el, um usted sabe que están llenos de cabecera aquí mismo. Se ve bastante bien. Um, hay muchas maneras diferentes en las que puedes personalizar esto Ahora, ¿ recuerdas cómo antes teníamos todos esos mismos ajustes de texto? Bueno, ¿ adivina qué? Es todo lo mismo. Entonces recuerda, texto de la fuente del título, el espaciado, la fuente del título, la letra haIF todo aquí mismo es lo mismo que el deslizador anterior. De modo que dicho eso para esta parte y el resto del tutorial, no quiero repasar realmente cada ajuste todo otra vez porque en ese momento sólo es repetitivo. Y todas las opciones son iguales. Por ejemplo, si me desplazo hacia abajo aquí, ya ves, dice usar ventas personalizadas para pero en una, eso es exactamente lo que hicimos aquí antes. De acuerdo, Así que solo te estoy recordando que puedes personalizar ambos botones y todas las opciones son exactamente las mismas que el que el módulo de deslizador. Está bien, así que dicho eso, no quiero que Thio vaya demasiado, ya sabes, este módulo y todos los cambios que podemos hacer porque es todo esto diciendo, OK, entonces podríamos volver por aquí. Ahora, hay algunas otras cosas. Al igual que para una URL de imagen de logotipo realmente podemos entrar en una imagen aquí mismo. Entonces aquí mismo, voy a dar click en subir, click en este pequeño ícono y simplemente dar click en subir una imagen así. Déjame hacer eso una vez más, subir una imagen. De acuerdo, Entonces si eso alguna vez les pasa a ustedes, si el tema alguna vez se vuelve insensible, solo sigan adelante y hagan clic en seguro así como así y salgan del constructor visual y luego solo, ya saben, ábrelo otra vez. Me alegro de que eso sucediera. Porque a veces el tema será un poco raro, y simplemente no responderá. Y podría encontrarse con ese caso porque esta es una actualización totalmente nueva. Entonces intentémoslo una vez más. Te apuesto que esta vez va a funcionar. Tan significativos ajustes del módulo ahí mismo. Desplácese hacia abajo hasta la, um la, uh, imagen de fondo Jor El y haga clic en eso. Yo lo sé. Lo siento. Esta es la imagen de fondo. Nosotros queremos dejar eso igual. Yo quiero hacer la imagen del logo oral. Por lo que voy a dar clic en subir, clic en eso y luego dar clic en subir una imagen. Entonces ahí lo tienes. Entonces ahora es receptivo. Funciona esta imagen, ya sabes, está un poco pixelada, pero eso se debe a que la imagen es muy grande. Entonces, por ejemplo, otra buena forma de darle estilo a esto. Déjame mostrarte un buen ejemplo Serían mis otros sitios web de prueba, los que hice sitios web antes. Entonces aquí mismo voy a ir a Teoh Darryl ahora. Esto fue realmente creado con el módulo de cabecera completo. Entonces este de aquí es exactamente el mismo módulo que este. Sé que se ven muy diferentes, pero eso es solo porque he personalizado de manera diferente. Ya sabes, agregué en un fondo grande, este es mi logo. Este es el texto, y este es mi botón. Entonces este es el mismo módulo exacto que el módulo de cabecera completo. Y me gusta la imagen del logo oral, porque esto lo pone por encima del texto. Ahora, hay otra sección donde realmente se puede agregar en la imagen del encabezado oral, pero esto entrará a continuación. Entonces permítanme darles un ejemplo. Daré click en subir y entraré en la misma imagen. Y ahí tienes. Entonces ahora tengo esto aquí abajo, así que realmente no se ve que ahí, Pero, um, ya sabes, si quieres agregar ese efecto en, puedes agregar eso en. Pero en realidad voy a sacar eso ahora y dejarlo así y también por el contenido. Entonces recuerda aquí mismo cómo no podemos contentarnos. Entonces este es un tutorial realmente, realmente genial esto así y en realidad podemos, ya sabes, hacer click en él igual que antes de que podamos, ya sabes, podemos alinearnos. Es que podemos ponerlo en negrita. subrayado. Esto de aquí es insertar enlace. Realmente no hablo demasiado de eso, así que bien podría repasar eso. Si haces click en esto aquí mismo, se va a poner a una chica. Entonces esto básicamente dirá si alguien hace clic en este texto aquí mismo, se lo llevará a esa chica. Pero realmente no hay necesidad de hacer eso porque ya tienes un llamado a la acción aquí mismo . Y ya tienes otro llamado a la acción aquí mismo. Entonces no me voy. Teoh recomiendo meter a tus chicas. Pero si quieres, puedes hacerlo. De acuerdo, así que volviendo, podemos volver a nuestro diseño. Y como dije, podemos cambiar el color de la fuente del título. Podemos cambiar el color de fuente del sub encabezado y también el color del fondo de contenido. Entonces esto de aquí son los teléfonos de título. Entonces cambiaré eso a blancos. Esta de aquí es la fuente del sub encabezado. Y entonces este de aquí es el color del contenido así como ese. Ahora, esta sección aquí mismo quiero hablar de que se llama la prueba Max con, Así que déjame darte un buen ejemplo de lo que es eso solo para asegurarte de que entiendes. Entonces voy a poner, um ya sabes, este es un tutorial realmente genial, bla bla. Simplemente voy a seguir adelante y seguir escribiendo. Ahora bien, ¿ves cómo el texto tiene ciertos límites aquí mismo? ¿ Cómo se detiene? En cierto momento, podemos controlar eso. Entonces aquí mismo bajo el texto, el ah, el texto matemático con podemos poner tal vez como, 100 píxeles o podemos poner tal vez 1000 píxeles. Y eso básicamente es determinar cuándo se va a detener el texto y cuándo va a terminar . Entonces, sólo vamos a entrar en 500. Entonces ya ves que el texto va justo aquí, Va a empezar justo aquí, y terminará en 500 píxeles. Entonces eso es lo que es este escenario. Cuatro. Y hay muchas buenas razones por las que deberías tener eso. Porque digamos que tienes mucho texto, ¿ verdad? A lo mejor querrías espaciarlo más. Pero como aquí mismo, este es un buen ejemplo. Es un poco menos así que tal vez quieras simplemente mantenerlo algo un poco menos básico , ya sabes, esto es Es menos texto. Por lo que se ve bien así. Ya sabes, se ve bien. Entonces quiero probablemente dejarlo en eso. Y todos estos otros ajustes son igual. Entonces los teléfonos de sub cabecera ¿quieres una negrita cursiva, etcétera? El ah, el sub, el color del subtexto, Que es esto de aquí. Entonces recuerda, um, estos son todos iguales, uh, módulos. Es todo de la misma configuración. Todo es así mismo. De acuerdo, entonces, um, también otro futuro del que quiero hablar es, um desactivar en. Hablaremos más de deshabilitar el encendido y la razón por la que lo necesitas para los deslizadores de video. Pero hablaremos de eso un poco más tarde. ¿ De acuerdo? Pero por ahora, digamos que quieres desactivar esta sección en el escritorio. Si hago click en esto, ves cómo está todo genial ahí mismo. Ahora bien, esta sección no aparecerá en el escritorio. Ahora bien, si desafío un checo y hago clic en teléfono y tablet, esta sección ya no aparecerá en ningún dispositivo de teléfono o tableta. En cambio, esta sección lo hará Así que esa es otra técnica que puedes utilizar para especie de obtener más control del sitio web. Ahora, hablaré de por qué se requiere esto si entras en proveedores de video. Pero hablaremos de deslizadores de video un poco más tarde. Um, ahora mismo no quiero repasarlo demasiado. Entonces, por ahora, sólo voy a dejar esos sin control y basta con hacer clic en el, ya sabes, el icono de aquí. Ahora, sigamos adelante y pasemos a los cuatro siguientes con módulo de cabecera, que en realidad es la imagen. Entonces voy a ampliar estos aquí mismo y dar clic en esto aquí mismo. Haga click en full con iremos al completo con imagen. Ahora, la cuarta imagen. Es un poco extraño, pero algunas personas lo usan. Entonces permítanme darles un ejemplo. Si hago clic justo aquí debajo de imagen, estás bien, y yo iba a entrar en esta misma imagen. Sube una imagen, la completa, las cuartas imágenes. Tan sólo una gran imagen. Eso es todo. Eso es todo lo que es. Entonces si quieres tener eso, puedes tener eso en tus sitios web. Um , no incluye ningún texto. En realidad no se puede, um, hacerle nada. Es sólo básicamente una Ah, gran pieza de esta imagen aquí mismo. Pero recuerda la animación Podríamos tener un ir de derecha a izquierda Podemos tener un ir de arriba a abajo. Podemos tener un ir de, ya sabes, abajo a arriba o podemos hacer que se desvanezca así como eso o no podemos tener ninguna animación en absoluto. Por lo que eso significa que esta sección solo aparecerá justo cuando vayas a la página web. Y recuerda, también podemos deshabilitar esto en la tableta telefónica o en el escritorio. ¿ De acuerdo? También vincula a Yaro. Entonces si alguien ve esta imagen y quiere llevarla a otros sitios web, puedes hacerlo entrando. A lo mejor www dot Darryl pruebas dot com. Y si hago clic en esta imagen ahora, ahora es un enlace. Me llevará a Darryl testing dot com. De acuerdo, entonces ese es el completo con imagen. Hay algunas razones para hacer esto o para usarlo, pero por ahora, no voy a usar esto, pero voy a seguir adelante y cerrar esto ahora quiero presentarles a todos al completo con menú. Entonces, ¿qué? Eso son cinco por aquí y da click en este pequeño ícono y ve a lleno con y ve al completo con menú justo aquí. Ahora vas a ver este menú. Ven aquí mismo. Por lo que ahora tenemos otro menú debajo de esta página aquí mismo. Entonces esa es una característica bastante cool que podemos agregar en otro menú. A lo mejor quiere tenerlo centrado. Ya sabes, tal vez quieras, ya sabes, agregar en un color de fondo diferente a esto, podemos agregar en un color de fondo diferente. Hay muchas razones diferentes por las que quieres hacer esto. En realidad lo tengo en mi página web diseño web dot com. Entonces esto es Es un sitio web de prueba. Dice que dice con fines ficticios, Pero déjame darte un ejemplo de por qué tal vez quieras usar eso. Entonces aquí mismo en realidad tengo el ah, el completo con muchos del menú justo aquí tan alto. Hagamos que tus sitios web sean la próxima historia de éxito comienza contigo. Todo esto se hizo con el completo con el módulo slider, y esto de aquí es un completo con menú. Está bien. Y hay, um ya sabes, muchas otras razones por las que te gustaría ser útil con, como dije, es sólo preferencia. A lo mejor quiero el menú en la parte inferior. Ya sabes, se ve un poco guay. Um, así que ese es el menú completo en pocas palabras. Entonces si quieres, como dije, estas estas opciones, Como dije, el diseño Ah, muchas de estas son muy, muy auto explicativas. Al igual que, ya sabes, el ah, el color de línea ese color de fondo del menú, el enlace activo. Entonces, por ejemplo, si alguien hace clic en él, ¿de qué color quieres que sea ese vinculado? Ya sabes, simplemente te dan mucha animación para darte mucha accesibilidad. Faras estos módulos van ahora, las fuentes de menú. Se pueden cambiar las fuentes del menú. Se puede cambiar el tamaño de la fuente. Se puede cambiar el color del texto del menú. Entonces tal vez yo quería ser tal vez azul, ya sabes, Ver cómo cambia a azul así como así. Y se puede cambiar el espaciado. Y también se puede cambiar el HaIf. Y recuerda, los cubrimos en el apartado anterior. Por lo que un miembro del espaciado solo controla el espaciado del mismo. Y el, um, ya sabes, la altura de la línea controlará la línea. Hola. Está bien. Para que pudieras hacerlo más grande. Podrás hacerte más pequeño, etcétera. OK, así que voy a cerrar esto aquí mismo. Ahora quiero una especie de dominar lejos de lo pleno con chicos modulares. Ustedes tipo de entender cuál es el principio de lleno con módulos. De acuerdo, entonces, um, eso es todo para este tutorial. Chicos, ¿tienen alguna pregunta? Siéntase libre de avisarme. adelante y pasemos a la siguiente sección o hablaremos de deslizadores de post y un poco de bloguear, así que los veré a todos ahí. 11. ¡Proyectos de ancho completo!: Oigan, chicos, bienvenidos de nuevo. Entonces vamos a repasar algo más de lo completo con características de módulo. Entonces a continuación vamos a dar clic en este pequeño ícono de aquí, y en realidad vamos a hablar de la, um, la completa con cartera. Entonces aquí mismo tienes los cuatro. Con portafolio. Podemos hacer click en eso, y nos va a dar su título de portafolio para que podamos poner bienvenida a nuestro portafolio, así como eso es Eso es para eso, ¿no? Área completa Leo. Ve. Está bien. Y tenemos diferentes diseños. Podríamos tener el carrusel. Tenemos la grilla. Pero antes de hacer esto, en realidad necesitamos sumar algunos proyectos, ¿no? No tenemos ningún proyecto, así que sigamos adelante y hagamos eso. En realidad voy a dar click en esto aquí mismo, clic aquí y dar click en seguro. Y ahora necesitamos sumar algunos proyectos para nuestros cuatro con portafolio. Y esto es bueno. Esto es decir, por ejemplo, que tienes cosas que quieres exhibir. Tienes trabajo. Tienes testimonios. Sea lo que sea que quieras presumir, este sería el módulo para ti. Entonces aquí arriba, bajo plus new, podemos hacer click en proyecto, y solo voy a agregar en un producto de prueba. Entonces tal vez solo prueba uno, y puedes elegir usar un constructor de TV o no. Pero para este, sólo voy a, ya sabes, sólo escribir algo fácil. Este es nuestro trabajo. Y por aquí queremos establecer una imagen destacada. Eso es muy importante. Dijiste una imagen destacada. Entonces voy a cocinar en set de imagen destacada y tal vez agregando este ícono de Devi aquí mismo, y voy a dar clic en eso. Entonces tenemos el Devi vengo justo ahí y luego, uh, en una categoría, y pondremos probando uno así. Entonces lo que quieras escribir sobre tu trabajo, ya sabes, aquí es donde lo harías. Voy a seguir adelante y dar click en Publicar. Está bien. Y ahora voy a dar clic en PD los cambios que esto realmente nos llevará al puesto real . Entonces aquí mismo Dice que este es nuestro trabajo. Se puede ver que ahí está la imagen destacada que ponemos. Entonces lo que quieras ponerlo aquí, recuerda, aquí es donde lo harías si él quiere hablar de algún tipo de trabajo que hayas hecho . Esta sería la selección para ti. Ahora. Creo que pongo bajo categorías. Poner pruebas. Uno agregó un contador. Ahí vamos. Busca la actualización. Yo estaba no me dijeron eso. OK, ahí va. Muy bien, Así que ahora vamos en realidad a nuestra página. Entonces voy a dar clic en la página principal ahora, y voy a desplazarme hacia abajo, y ahí está. Entonces si voy por aquí y hago clic en esto, realidad me va a llevar a esa página. Ahora bien, esta era probablemente la imagen equivocada de usar. Déjame darte otro ejemplo de usar, uh, uh, tal vez quieras agregarla como una mejor imagen que esa. No quieres una imagen PNG. Probablemente querrías un J picks. Y se ve así aquí mismo. Ya sabes, pon eso como imagen destacada y lo actualizaré y verás que se ve un poco más bonito que antes. Entonces, um, ya sabes, esta es ah, realmente buena foto. Voy a dar click en la casa y ahí tienes. Y recuerda, puedo sumar un montón de estos y como resultado, se verá como una cuadrícula. Entonces sigamos adelante y sumamos y tal vez tres más. Entonces voy a ir a un chapoteo aquí mismo, y esto consigue algunas o imágenes en las que estoy. Entra a un cielo nocturno y voy a seguir adelante y ah, ya sabes, también como este de aquí. Voy a decir esto. Yo también le diré esto a mi escritorio chico simpático . Y entonces seguiré adelante y volveré aquí, y probablemente ahorraré en este de aquí. No tienes que hacer esto. Solo quiero que veas visualmente lo que pueden hacer estos módulos. Porque lo es. Sí se ve muy bien. Y algunas personas no saben usar el módulo. Ah, mucha gente tiende a hacer publicaciones. Cuando dije no solo usaste el cuarto módulo y son como, ¿Qué es eso? Ya sabes, no sé qué es eso, ¿sabes? Entonces solo te estoy dando un ejemplo rápido de cómo puedes hacer que se vea realmente bonito. Está bien, así que ahora voy a volver a mi página web, y en realidad voy a seguir más nuevo, así que voy a añadir otro proyecto y sólo voy a hacer lo mismo. Yo solo haré pruebas también. Y aquí mismo, puedes agregarlo, algún contenido al respecto, y luego haré establecer imagen destacada. Y en realidad voy a subir todas esas imágenes que subí o que descargué para que pudiera tomar algún tiempo. Entonces voy a ir a mi escritorio aquí mismo, y tengo al tipo simpático. Por lo que cielo nocturno, un tipo agradable para dar click en abrir. Está bien, entonces la imagen se está subiendo y voy a establecer. Esta es imagen destacada, y quiero está bajo mi categoría bajo pruebas de un animal click en publicar. Está bien. Ahora, voy a hacer lo mismo a más veces solo para darte una buena idea visual de lo que este módulo puede hacer. Por lo tanto, agrega nuevo. Voy a probar tres. Hola. ¿ Cómo estás? Y voy a dar clic en la categoría de producto ah y establecer imagen destacada. Y voy a seleccionar otra imagen. Y esto es como dije, los chicos son realmente buenos para las cosas que quieres exhibir. Puede que lo haya hecho. A lo mejor eres un artista del tatuaje, ¿verdad? A lo mejor quieres mostrarle a la gente Eres tatuajes diferentes, ya sabes, como, este es parte del trabajo que he hecho o de lo que puedes hablar. ¿ Sabes algo más? A lo mejor tu constructora. Y quieres exhibir a la gente diferentes techos. A lo mejor eres un peluquero de perros. Ya sabes, cuando quieres mostrarle a la gente diferentes perros, este sería el mejor módulo para eso. Porque es como dije, exhibe tu trabajo. Le dice a la gente de qué se trata, y se ve realmente bien. Entonces voy a dar click en publicar. Ahora, sólo hagamos una más. Agrega nuevas pruebas cuatro y hola. Hola ahí. Y voy a dar click en probar uno. En las categorías de productos se establece una imagen destacada y vamos a hacer la última aquí mismo. Cielo nocturno para eso es bastante rápido. Muy bien, Así establecer imagen destacada y dar click en Publicar. Está bien, así que ahora sigamos adelante y volvamos a nuestros sitios web, y vamos a seguir adelante y ver los cambios ahora, Así que voy a visitar sitios web y voy a Ah, desplácese hacia abajo justo aquí. Y ya ves como tiene esta fresca una grilla regular como esa. Entonces eso es lo que puedes hacer con la, um, ya sabes, la configuración del módulo Así que tuvimos otra aquí mismo. Se vería bastante guay. Ya sabes, todas las fotos. Nuestro Ah, ya sabes, se alinea realmente bien. Y hay diferentes maneras. Teoh, para controlar esto. En realidad podemos tener una cuadrícula de estilo diferente. Entonces voy a habilitar el constructor visual vamos a desplazarnos hacia abajo y debajo del ajuste justo aquí. En realidad podemos cambiar esto a la grilla, Leo. Para que podamos tener el carrusel o la grilla y el cuidado. Por lo que básicamente, si tienes más que esto, va a moverse continuamente. Por lo que seguirá moviéndose. Por lo que agrega en ese efecto en movimiento, pero la cuadrícula simplemente agregará básicamente en los bloques. Entonces, por ejemplo, digamos que tenemos tal vez ocho más. Simplemente las pondrá debajo de estas imágenes, por lo que sí se ve bien, y hay mucho que puedes hacer con él. Um, siguiente, probablemente quiero hacer algo así como, um, tal vez agregando el ah, no, el número del puesto probablemente no quiera hacer eso. Um, en realidad puedes cambiar el ah, ya sabes, la bienvenida a nuestro portafolio y número en el diseño. Se puede cambiar todo. Entonces el zoom, el color del icono de zoom. ¿ Ves ese pequeño azul? ¿ Cómo le gustaría eso? Podemos cambiar el color. Podemos cambiar la imagen de su También podemos cambiar las fuentes del título aquí mismo. Entonces recuerda, igual que antes, el título forma el título del tamaño de fuente, el color, el espaciado, la altura, etcétera. Todo son los mismos chicos. Entonces solo quiero recalcar Eso es que la mayoría de estos ajustes son los mismos. Este es uno nuevo aquí mismo. Una imagen de fondo que realmente puedes agregar en una pequeña imagen de fondo. Ups. Yo lo moví ahí arriba. Perdón por eso. Por lo que en realidad puedes agregar en un Déjame mover eso ahí atrás. Eso fue un poco raro. Entonces seguiré adelante y solo arrastraré esto hasta aquí así. De acuerdo, Entonces lo siento por eso. Por lo que puedes agregar en una imagen de fondo a esto, pero es posible que no quieras hacer eso. Ahora, ya que lo he hecho por accidente, quiero mostrarles básicamente cuál es ese módulo. Entonces ven aquí como Esto es un completo con módulo y este es un completo con módulo. A lo mejor quiero mover esto, como allá arriba así. En realidad, esto de aquí está bloqueado. Entonces necesitamos desbloquear eso. Ahí vamos. Entonces tal vez quiero poner esto, ya sabes, debajo de esto, ya sabes, quiero arrastrarlo y soltarlo así. Entonces ese es el propósito completo de este ícono aquí mismo. Básicamente te permite, um, um, arrastrarlo hacia abajo y, um, ya sabes, gota de dragón y todo. Ahora nos pondremos un poco más en detalle con Dragon drop una vez que hablemos de módulos de texto y módulos de desenfoque. Pero para este tutorial, estamos hablando en Li de lo completo con módulos. Entonces este es un módulo realmente genial, Guys. Se ve realmente limpio. Se ve hermoso. Entonces hay mucho que puedes hacer con esto. De acuerdo, entonces no hago clic en X ray aquí, y ah, eso es todo para esta lección. Chicos. Pasemos a la siguiente sección, que hablaremos de los dos últimos completos con módulos, Así que los veré a todos ahí. 12. Post de Post Slider y Mapas: Chicos, bienvenidos de nuevo. Entonces en esta conferencia, vamos a hablar del módulo de deslizador de post y esto es en lo que respecta básicamente a los blogs y también a hacer posts. Por lo que si quieres liberar información sobre tu sitio web, bloguear y publicar sería tu camino a seguir, y este módulo realmente te ayudará a hacerlo. Entonces la primera Inglaterra te hizo en realidad es que necesitamos crear algunos posts. Entonces hay dos formas en que podemos hacer eso. Podemos subir aquí abajo más nuevo e ir a post. O podemos ir aquí a nuestro panel de control y podemos ir a posts. Y si quieres ver todas tus publicaciones, puedes dar click en todas las publicaciones. Pero por ahora, vamos a hacer agregar nuevo porque no tenemos ningún post en este momento. Podría tener uno que diga hola mundo. Ya sabes, es como un estándar cuando eso viene. Entonces esto es como un post blawg. Ahora, el tipo de Davy Builder te permite realmente tener más control sobre tus postes de bloque. Por lo tanto, permítanme darles ejemplo. Voy a poner la prueba uno aquí mismo, pero la cosa es que en realidad podemos usar el constructor de divvy aquí para que podamos usar el constructor de divvy para una especie de decorar nuestros posts y hacer un look realmente genial. Por lo que es virtualmente ilimitado en lo que puedes hacer ahora, solo voy a dar clic en insertar columna. Vamos a hacer clic en sólo ah, una fila de columna sólo por ahora, y voy a entrar una columna de texto. Entonces voy a hacer clic en eso, y sólo voy a insertar un texto uno, y esto es una especie de presentarles a todos los módulos para el siguiente capítulo. Entonces por eso decidí hacer esto. Ahora, um, podemos decorar esto, ¿sabes? Por lo que aquí mismo podemos poner en tu título de publicación de bloque. Entonces tal vez quieras ponerte como, Hola. Este es mi primer puesto de bloque justo ahí. Y también podemos centrar este texto aquí mismo, y también podemos hacerlo,ya sabes, ya sabes, un color más claro o un color más oscuro. Y también podemos agregar medios. A lo mejor quieres agregar una imagen a esta publicación. Entonces tal vez quieras hacer click en agregar medios y tal vez podamos agregar en uno de estos iconos aquí mismo , y voy a entrar esto en post así como así y dar clic en guardar Salir. Ahora, quieres agregar una imagen destacada por aquí. Entonces por aquí, estas son tus imágenes destacadas, Básicamente, ya sabes, cuando vas a gustar, un post y ves un cuadro grande, y luego haces clic en él y lees el post, eso es lo que hace la imagen destacada. Así que adelante y haga clic en la imagen destacada y adelante y solo tal vez seleccione una, um, ya sabes, una imagen. Y si quieres subir uno, ya sabes, siéntete libre de navegar y tomarte el tiempo. Entonces voy a seguir adelante y tal vez sólo agarrar este de aquí y poner esto como set imagen destacada . Ahora voy a hacer en realidad una nueva categoría. Entonces voy a poner puestos blogueados blawg post por aquí bajo nueva categoría y, ah, añadir eso a la categoría. Y ahí tienes. Por lo que ahora da click en Publicar. Está bien. Y ahí tienes. Por lo que en realidad hemos hecho un post. Ahora vamos a volver a nuestra página, y vamos a usar el módulo Thea para especie de introducido nuestro post porque si nos fijamos en nuestra página ahora mismo, no hay post derecho. Por lo que necesitamos agregar el módulo en que permita a la gente ver el post. Por lo que voy a dar clic en habilitar Visual builder. Está bien. Y ahora vamos a desplazarnos aquí mismo y debajo de esta pequeña barra morada, vamos a añadir una nueva sección. Entonces en este pequeño icono más, click en ese click en full with, y sigue adelante y desplázate hacia abajo hasta que veas el, um hay dos de ellos, así que tenemos el completo con título de post en el lleno de slider de post. Entonces uno de ellos es un slider, y uno de ellos es solo un post de título. Entonces aquí mismo, seguiré adelante y pondré el completo con deslizador de postes y seguiré adelante y pinché en eso, y ya vas a ver que esta sección suba ahora. Ahora, ¿recuerdas, ves esto de vuelta? Este fondo aquí mismo. Esta es nuestra imagen destacada. Entonces, um, básicamente es sumar en las imágenes destacadas y queremos incluir las categorías. Entonces aquí mismo hemos incluido la categoría. Entonces si tienes ah montón de categorías diferentes, continuamente va a astuzar nuevos posts blawg, y ustedes en realidad pueden decorar esto. Ya sabes, podemos ir al diseño y tal vez quiera decorar el top hatting. Entonces, ¿qué es palmaditas es el espacio? Entonces permítanme darles un ejemplo de lo que es la palmadita. Si hago 100 pixeles así es que vas a ver, esa es la página fue empujada así. Pero también podemos hacer en la parte inferior justo aquí también. Para que podamos ir. A , ya sabes, 200 píxeles igual que eso y ves todo tipo de estiramiento. Ahora bien, creo que este módulo en realidad tiene otra forma en la que nos congestionamos. Ah, no, no hace eso, pero para los otros módulos sí. Pero para el pleno con, hay que realmente lo dijo manualmente. Entonces si voy por aquí y vuelvo a hacer clic en él y voy al diseño, tal vez quiero hacer de este 1000 pixeles algo así. Entonces ahora se puede ver que el poste de bloque es realmente, realmente grande. Probablemente no tan grande, ¿verdad? Entonces tal vez sólo rodear. Por ahora lo dejaré un estándar. Y, um, en realidad se puede mostrar el móvil en imagen. Se puede ocultar el contenido en el móvil. A lo mejor no quieres que se vea este post y en realidad puedes añadir como un radio de frontera . Y recuerda, estas son muchas las mismas opciones. A los chicos les gusta el encabezado Fonz. Ustedes probablemente han visto muchas de estas porque, recuerden, Ah, muchas de estas modelos funcionan igual. Entonces, um, ya sabes, puedes cambiar tus teléfonos, puedes cambiar el tamaño del texto del encabezado. Puedes reducirlo en móvil, puedes reducir el en las tabletas y este es nuestro trabajo. Se ve ahora mismo. Y quiero decir, el sitio web ya se ve bastante bien a excepción de este gran título, porque aún no hemos optimizado para el móvil, pero llegaremos ahí. Y como dije, esto sería ah, block post. Por lo que se ve realmente limpio. Ya sabes, este post de aquí se ve realmente limpio. Por lo que este es un ejemplo del módulo de deslizador de postes. Y como dije, hay todas estas formas diferentes que puedes decorar. Incluso puedes decorar como el que conoces, Sears dice block posts. Y por Patty wack, en realidad puedes decorar esos textos específicos. Por lo que tienes una personalización completa sobre él, y también puedes personalizar el estilo del botón también. Entonces, igual que nosotros a medida resolvemos el botón aquí arriba. Puedes vender a medida el botón ahí abajo. De acuerdo, así que esa es básicamente la visión general de la completa con ajustes de deslizador de post. Y yo sólo voy a seguir adelante y sólo dar click en cheque. Ahora, sigamos adelante e introduzcamos al otro. El otro tipo. Y, ya sabes, estoy un poco confundido sobre por qué salieron de este módulo en tipo de creo que es un poco anticuado, pero voy a mostrarte lo que hace de todas formas. Entonces voy a dar click en guardar aquí mismo, y en realidad vamos a ir a dar click en esto aquí mismo. Dice, lee más. En realidad vamos a ver nuestro post, Así que voy a dar click en Leer más. No, realidad voy a dar clic en editar post aquí mismo, y vamos a usar el reverso y entrar para este módulo. Entonces aquí mismo, voy a escribir en nuestro enter lleno de módulo de inserción de sección, y aquí mismo vamos a hacer el completo con título de post, así como eso. Y puedes optar por que conozcas tu título. Tu meta, tu autor, el Tú conoces el show, los conteos comunes, etcétera. Se puede mostrar la imagen destacada. Lo que sea. Ya sabes, te gustaría aquí mismo, centro de Aussie, los medios de texto ¿Quieres un fondo? Extrasamente. Y pondré el color de fondo del texto como algo como tú, tal vez blanco, ya sabes, ahí mismo. Y Ah, voy a seguir adelante. Simplemente guarde y salga. Y vamos a arrastrar esto hasta aquí igual que esa gota Dragon y voy a dar click en actualizar. Entonces recuerda, esto en realidad es editar. El post en sí estaba decorando realmente el post, no la página. De acuerdo, entonces voy a asumir los cambios de vista previa. Y como se puede ver aquí es el ah, el poste de bloque. Aquí mismo. Como dije, yo realmente no estoy, ya sabes, acuerdo con ello todo el tiempo. Ya sabes, creo que en realidad podemos agregar otros módulos para una especie de, um, ya sabes, ya sabes, hacer que esto se vea un poco de diferencia. Pero si quieres usar este módulo, eso es exactamente lo que hace. De acuerdo, así que dije, ahí está toda tu información, tu publicación en bloque, tus comentarios, etcétera. De acuerdo, así que esa es la visión general del otro módulo. Pero recuerda, en realidad puedes teclear, ya sabes, o poner otros módulos, pero llegaremos a esos módulos un poco más tarde. Ahora mismo, sólo estamos, ya sabes, pasos de bebé. Nos estamos enfocando solo en el completo con post aquí mismo. Está bien, pero ustedes están consiguiendo un pequeño concepto, ¿saben? Ahora podemos, ya sabes, mantequilla de dragón ahí mismo. Podemos arrastrarlo por ahí, etcétera. Entonces solo voy a dar clic en actualizar, y vamos a volver a nuestra página principal, acuerdo? Y el último que quiero mostrarles a todos es el mapa. Entonces el mapa, en realidad, en realidad tenía, um y muchos clientes me llaman y porque en realidad Google introdujeron una clave P I como característica obligatoria. Ahora bien, no siempre fue así. Por lo que te mostraré cómo conseguir una llave A P I para tus mapas. Entonces ahora sigamos adelante y sumamos al completo con módulo de mapa, que es muy bueno para las páginas de contacto con nosotros. It's It da una ubicación de donde se encuentra tu negocio. Entonces en este momento, lo primero que tenemos que hacer en realidad es conseguir lo que llamamos es un Google. A p I key ahora, hace mucho tiempo no requirió uno. Ahora requieren uno. Entonces sigamos adelante y obtengamos eso primero antes de crear el módulo. Ahora, por aquí, sólo ve y ve a Google y acaba de poner como Google maps a p I key igual que eso y voy a dar click en el 1er 1 Así que es desarrolladores dot google dot com Dash maps, documentación de dash, JavaScript, etcétera. Por lo que tendrás dedo del pie tener cuentas de Gmail para llegar aquí. Si no tienes una cuenta de Gmail, no te traerán a esta página. Te solicitará crear una cuenta de Gmail. Así que tómate el tiempo ahora mismo para crear uno. Y una vez que hayas terminado aquí mismo, dice, consigue una llave consiguiendo un pastel, solo patea, consigue una llave, sigue adelante y haz crear proyecto. Podría tener uno para simplemente agregar nuevo. Tengo un montón de ellos. Así que adelante y haz click en, crea un nuevo proyecto, dale un nombre a tu proyecto. Entonces tal vez quieras hacer como mi negocio y justo aquí va dar click en crear y habilitar una clave P I. Está bien. Es uno de locos. Ustedes escuchan roncar es mi perro. Por lo que tengo un King Charles Cocker spaniel. Entonces ella está roncando, pero creo que yo hablando es despertarla. Por lo que se detuvo. Entonces ustedes escuchan esas disculpas. Ya sabes, yo solo estoy, uh ella está justo a mi lado justo en el sofá, así que Ah, sí. Eso si escuchas eso es lo que es. De acuerdo, entonces estás todo listo. Así que adelante y sólo toma esto una llave p I y sólo copiarlo. ¿ Todo bien? Ahora vamos a volver a nuestro sitio web, y vamos a ir por aquí bajo nuestro tablero, y vamos a bajar a divvy e ir a opciones temáticas. Ahora bien, esta es una pequeña introducción para las opciones Demi Thieve, pero cubriré una mayoría de todas estas más adelante en el capítulo. Pero por ahora, correcto, dice Google, una clave P I. Simplemente sigue adelante y solo pega a ese chico malo ahí así como así y desplázate hacia abajo y haz clic en guardar cambios. Está bien, así que sepan a dónde volver a nuestra página web. Hemos agregado en la clave a P I. Por lo que ahora realmente podemos salir de los mapas. Pero para hacer eso, ya sabes, el constructor visual sí tiene algunos problemas con el completo con el módulo Matt Así que vamos a usar el reverso y editor para esto. Así que adelante y da click en editar página y justo aquí, solo tienes que seguir adelante y dar click en el completo con sección insertar módulo y vas a ver el ah , completo con mapa. Está bien, Así que discute un p I él ya está contestado por nosotros. Por lo que la dirección del centro del mapa. Entonces, ¿dónde quieres que vean cuando primero naveguen por el mapa, tal vez quieras ver a Simon entrar en, uh, Pasadena, California, e ir a buscar. Por lo que ahora puedes ver que el mapa en este momento es como si estuviera apuntando hacia Pasadena, California. Ahora, digamos que alguien se desplaza por encima de él y en realidad pueden controlarlo. Puedes desactivar eso aquí mismo haciendo clic en el zoom de la rueda del ratón. Ahora, gente no podrá acercarlo. Estará bloqueado. De acuerdo, entonces eso es lo que es esa opción. Entonces, um, voy a seguir adelante y simplemente dejarlo así. Ahora necesitamos realmente poner un alfiler. Entonces por aquí, ve a agregar un nuevo pin y pon un título. Entonces, como nuestro negocio. Y adelante y pon en tu dirección. puso en Pasadena, California, y yo quería encontrarlo, así que encontró la dirección ahí mismo. Está bien, Ahora, tal vez si le dan click en lo que querías decir? Ya sabes, podemos poner nuestra información ahí arriba como abierto 9 a 5 mi día hasta el viernes, así como así, Y dar click en seguro, y vamos a dar click en guardar salidas. Y aquí mismo daremos click en actualización. Por lo que esta es una buena razón para usar el dorso y editor. Ahora, sigamos adelante y pinchemos en los cambios de vista previa aquí mismo. ¿ Todo bien? Y nos vamos a desplazar hacia abajo, y ahí tienes. Entonces ahí está nuestro mapa y ¿hay ese nuestro negocio? Abierto de lunes a viernes. Ahí lo tienes. Entonces así es como se crea un mapa con el, uh, con el completo con módulo. Entonces creo que esa es la mayoría del cuarto módulo, Chicos, um, ahora en realidad vamos a entrar en más detalles. Entonces vamos a trabajar en la página sobre nosotros, y te voy a mostrar muchas técnicas diferentes sobre cómo manipular el tema Devi y usar módulos aunque ahí con el propósito equivocado. Entonces los veré a todos ahí 13. Opciones de menú + logotipo: Oigan, bienvenidos de nuevo, chicos. Entonces en esta conferencia, vamos a aprender todo sobre el, um los estilos de menú y todas las diferentes formas en que puedes decorar tu menú, el texto que puedes tener el color que puedes tener. Entonces, empecemos. Entonces lo primero que quieres hacer es subir aquí e ir al personalizador de temas. ¿ Todo bien? Y hay muchas maneras diferentes en las que puedes diseñar esto. Entonces lo primero que quiero hacer es ir a la navegación de encabezados y aquí mismo haces click en formato de encabezado y este es el estilo de encabezado. Entonces, ¿cómo quieres este dedo? Busca ahora mi otro sitio web aquí mismo. Este es un sitio web que creé, y utilicé la barra de menús vertical y puse mi logo justo aquí. Y ustedes pueden ver que tengo el enlace. El color es azul, y tengo el, um ya sabes, el ah, el texto es negro. Por lo que este es el color de enlace activo. Entonces esto básicamente le permite a la gente saber en qué página están. Entonces llegaré a eso en solo un poquito. Entonces de vuelta por aquí, el estilo de cabecera para que podamos tenerlo centrado donde tengas tu logo justo aquí y el texto. O puedes tenerlo como centro alineado con logo. O puedes hacer que se deslice, o puedes tenerlo tipo de pantalla completa donde hagan clic en él. Será este menú de pantalla completa, que se ve bastante cool. Entonces volvamos aquí. Y yo sólo voy a seguir adelante y dejarlo como predeterminado por ahora, y vamos a volver ahora para decorar esto, vamos a realmente, um uh oh, uh, uh, uh, a la barra de menú primaria justo ahí. Y digamos, por ejemplo, quiero hacer esto lleno con. Entonces esto aquí mismo lo va a hacer lleno con Realmente podemos esconder el logo ahí mismo . Entonces tal vez quiero simplemente mantenerlo así, Tal vez ponga mi logo ahora el menú haIF para que pueda ajustar el menú. Alta amenaza. Aquí hay sí, puedo ver. Hazlo grande. Podría hacerlo pequeño, así que sólo lo voy a dejar así. En realidad podemos ajustar el logotipo. Altura máxima. Entonces la altura del logo que querías ser ahora el tamaño del texto así que aquí mismo, podemos cambiar el tamaño del texto. Entonces tal vez querías ser un poco más grande? No, realmente grande. Probablemente mantenerlo alrededor de 15. Y el espaciado entre letras al igual que los modelos anteriores. Chicos, esto es muy parecido a cómo se puede decorar. Entonces aquí mismo con ustedes quieren el espaciado de letras un poco más grande. Creo que eso es bueno. Un píxel sería bastante bueno. Y la fuente Así que, ya sabes, tienen toneladas de diversión. Para que ustedes puedan pasar por las paredes de Oz. Tienen, ya sabes, Pacific Oh, que es como tú para, como, un sitio web de arte, ya sabes, Pero probablemente sólo voy a hacer tal vez abrir sin luz. ¿ Estás abierto? Eso es luz. Y en realidad puedo bolos para echarle un vistazo un poco mejor. Y también se puede cursiva. Se puede hacer todo gorras. Se puede hacer subrayado también. Ahora para el color del texto. Probablemente quiero dejarlo como tal vez, um, um, ya sabes, un negro y en realidad se puede aumentar la transparencia de los yates de texto desapareciendo. Pero si subo aquí mismo, lo va a hacer realmente oscuro así como así. Entonces Es muy fácil en los ojos. Es fácil de ver y el color de enlace activo. Recuerda antes cómo hablamos del color de enlace activo. Entonces eso es lo que el color de enlace activo es ahora el color de fondo. Entonces aquí hay un truco genial. Puedes hacerlo si quieres, igual que una imagen grande en lugar de eso y no quieres el menú. Hay algunas formas en que puedes hacer esto. En realidad puedes ir al color de fondo aquí mismo y simplemente básicamente tomar esto y reducir la transparencia del mismo así como así. Entonces ahora realmente no tienes ah barra de menús y puedes cambiar el texto o dos. A lo mejor blanco así. Ahora, otra forma de hacerlo es volviendo aquí e yendo al formato de encabezado y simplemente cambiando esto para tal vez deslizarse. Entonces ahora tu sitio web me tiene eso que se ve así, o puedes tenerlo como pantalla completa. Entonces si hago clic en él, ese es ahora tu menú. Entonces esa es otra forma de cómo puedes ordenar el diseño de tu menú. Ya sabes, esto se ve realmente limpio. Simplemente se ve, verdad, um ya sabes, tal vez el lleno de menú aquí mismo sería bastante bueno tenerlo, porque simplemente se ve bien. Ya sabes, solo me llama la atención cuando visito este sitio web. Entonces voy a volver aquí e ir a la barra de menú principal, y, um, también podemos realmente dejarme volver atrás porque la pantalla completa en realidad sí quita algunas opciones. Entonces quiero explicar todas las opciones antes de hacer eso, voy a Teoh. Además, si quieres tener ese look vertical, sabes que puedes entrar en la navegación vertical, por lo que tu barra de menús se verá algo así, y tu logo irá aquí. Y la razón por la que no hay texto aquí mismo. Recuerda mi blanco de Texas. Y en realidad puedes decir que necesitas todo esto del lado derecho. Vas a tener tu barra de menús más del lado derecho si quieres. Pero por ahora, probablemente sólo lo voy a dejar en el lado izquierdo y probablemente vaya a sacar hermosa navegación vertical porque quiero repasar todas las opciones y voy a volver por aquí y la barra de menú primaria. Entonces estábamos en el color de fondo. Ahora el color de fondo del menú desplegable. Entonces recuerda que inmediatamente Ah, dejarlos dentro de ti antes. Entonces, ¿de qué color quieres? El color de fondo que será para el menú desplegable. Ya sabes, si quieres un blanco, lo dejarías blanco. Ahora, estos son todos para el desplegable. Entonces si tienes un desplegable, estas tres opciones son para eso. Entonces este es el color de la línea, el texto y el fondo. Entonces eso es para específicamente para el ah, el menú desplegable, porque si lo cambio aquí mismo, no va a mostrar nada, sabes, porque recuerda, es sobre Lee solicitando a menús desplegables donde se pasa el cursor sobre él y cae el menú. Correcto. Entonces sigamos adelante y volvamos ahora, e iremos a la barra de menús secundaria. Entonces la barra de menú secundaria, um, en realidad podemos hacerlo lleno con, ya sabes, podemos, um uh déjame darte otro ejemplo de la cuarta barra de menús. Entonces ve aquí a arreglar las navegaciones. Lo siento, Teoh. Elementos de cabecera. Y, ya sabes, podemos agregar como, un número telefónico aquí mismo. de 18 años. Y luego pondremos algunos de iconos sociales y tal vez una dirección de correo electrónico en gmail dot com, y vamos a seguir adelante y dar click en guardar y publicar. Está bien, así que en realidad vamos a salir de esto y abrirlo de nuevo para que eso se muestre. Entonces voy a cerrar esto aquí mismo. Y ahora ya ves, tengo este menú secundario aquí arriba. ¿ Ves esto justo aquí? Entonces este es un menú, y tengo ya sabes, puedo crear un segundo menú, Así que volviendo aquí a tema personalizador. Muy bien, vamos a pasar por la navegación más pesada, y vamos a ir a la barra de menús secundaria y lo mismo. Chicos, se puede controlar el color de fondo del mismo. Puedes tener diferentes fuentes. Ya sabes, si quieres cambiar tu fuente, puedes tener los iconos sociales que puedes tener El, um puedes cambiar el tamaño de la misma así, o puedes reducirla. Entonces es ah, ya sabes, no lleno con lo que quieras cambiar a la barra de menús secundaria. Entonces aquí mismo probablemente les van a lavar propaganda. Eliminarlo más tarde. Porque no me gustan las barras nuevas de Secretario pero algunas personas lo usan porque no tienen el número telefónico. Tienen la dirección de correo electrónico y los iconos sociales ahí mismo. Por lo que es fácil de ver. ¿ Verdad? Entonces también, tenemos nuestra configuración fija de navegación, así que cuando se desplazan hacia abajo, básicamente a eso se está aplicando esto. Entonces lo llaman aquí mismo. Um, mira, en realidad podemos ocultar la imagen del logotipo. Entonces ya ves como yo, um ves cómo está el logo ahí mismo? Pero si me desplaza hacia abajo pero como ocultar imagen local, desaparece. Por lo que la configuración de navegación fija se aplica a básicamente cuando el usuario se desplaza hacia abajo. Entonces si me desplaza hacia abajo ahora, esta sección controla la sección de menú para que podamos cambiar. A lo mejor quieres que el menú se vea un poco más pequeño. Tenía un cliente. Yo quería que pareciera transparente. Puedes hacer que el,ya sabes,el ya sabes, tamaño del texto sea más grande. Justo así. Ahora, recuerda, ves cómo se hace más pequeño y aquí mismo me desplaza hacia abajo, se hace más grande. Eso se debe a que aumento el tamaño del texto para que parezca más grande. Entonces si quieres tener un menú muy personalizable, esto aquí mismo controla el efecto de desplazamiento hacia abajo. Pero por ahora, sólo voy a quitarme esto y quitarme eso. Y esa es una rápida visión general de la configuración de navegación fija. Ahora también, elementos de cabecera. Hablamos de eso antes. Este tipo de crea menú secundario. Por lo que necesitas poner tu información aquí para que aparezca el segundo menú. Está bien, pero tal vez no quiero esto. Ya sabes, voy a seguir adelante y simplemente borrar todo ahí mismo. Realmente no quiero la barra de menús secundaria, así que solo voy a ir y hacer clic en guardar y publicar. Y esa es una buena visión general. Chicos del menú, ya sabes, en realidad puedes, ya sabes, habilitar vertical lo que quieras. Entonces si tienes alguna pregunta sobre el menú, es bastante sencillo. Es bastante estándar. Um 01 última cosa, el logo. Entonces voy a trabajar en el ahorro publicado aquí mismo y ahora voy a dar click en esta X. Y si no tienes logo y quieres uno? Ah, mucha gente recomienda este sitio web llamado fabricante de logotipos, pero no lo voy a recomendar porque vas a conseguir un flujo realmente feo un aburrido ir de ahí. Y es simplemente realmente malo. Ya sabes, si gastaste el dinero para comprar el tema DB, bien podrías ir premium. También podrías conseguir lo mejor de lo mejor de lo mejor, ¿ verdad? Por lo que en realidad puedes ir a Fiverr dot com y fiber dot com es un sitio web donde básicamente puedes comprar cualquier cosa por cinco dólares. Y si vas por aquí y escribes logo, estas personas trabajan crearán una cosa de logo realmente agradable. Se ve así por tan sólo 5 dólares. Ahora tu local es muy importante. Entonces por eso no recomiendo ir al logo Maker, donde obtienes un logo gratis y simplemente se ve muy mal. Ya sabes, es es un sistema haciéndolo. Es realmente asqueroso. Entonces recomendaría, ya sabes, solo contactar a uno de estos vendedores y decir: Oye, Oye, ¿ puedes hacerme un logo? Yo quería lucir realmente bien, y, ya sabes, ellos lo van Mi logo fue hecho en este sitio web, así que mi logo era de $5 me crearon logo y se veían bastante bien, así que te mostraré cómo realmente inserta el logo ahora para hacer eso, ve aquí a personalizadores de temas. Lo siento, mi tablero de instrumentos. No. Perdón. Entonces dashboard. Y vamos a ir Teoh divvy, y vamos a ir a opciones temáticas. Entonces aquí mismo está tu sección de logotipos. Entonces aquí mismo, solo vas a seguir adelante y dar click en subir, y luego vas a querer subir tu logo. Entonces ahí mismo pero dijo su logo y adelante y simplemente desplácese hacia abajo. Basta con seguir desplazando. Basta con seguir desplazando e ir a guardar los cambios. Y ahora tu logo debería estar ahí. Por lo que voy a visitar sitios. Ahí vas. Entonces mi logo está ahí, Recuerda, podemos controlar la altura de este temprano. Recuerda, tenemos las opciones de altura local para que de manera, si quieres ampliar el logo y hacer que se vea más grande, OK, así que eso es panorama chicos del menú, porque he sido alguno de sus preguntas, Um, respecto al menú, Siéntete libre de hacerme saber ahora vamos a cabra a la siguiente conferencia, Así que los veré a todos ahí 14. Creación de página de aterrizaje: Bienvenida. Bienvenidos, chicos. Por lo que felicitaciones por llegar hasta aquí. Este punto, vamos a empezar a hablar de módulos que no están llenos con así que sólo módulos estándar básicos y chicos. Esta es una conferencia muy importante porque una mayoría de los sitios web que creo se utilizan con solo módulos básicos. Y realmente no uso mucho del completo con modelos excepto aquí mismo. Ustedes pueden ver o aquí mismo. Pero muchos de estos otros módulos son solo con módulos básicos. Entonces en esta conferencia, les voy a mostrar cómo utilizar esos módulos. Vamos a crear una página de aterrizaje desde cero utilizando sólo los módulos básicos. Entonces lo primero que voy a hacer es ir aquí a esta página y vamos a habilitar al constructor visual. Por lo que vamos a empezar a crear un sitio web. De hecho, vamos a crear Déjame mostrarte lo que vamos a hacer. Vamos a hacer algo muy parecido. Simplemente mira algo como esto aquí mismo, así como esto. Por lo que vamos a crear Lining Page. Se ve así. Vamos a poner un módulo de texto, un módulo de texto, un módulo de texto y Ah, un botón. Es así de fácil. Realmente no tienes que, ya sabes, ponerlo en muchos otros módulos diferentes. Básicamente es muy estándar. Lo que ves es lo que obtienes. Entonces, uh, vamos a seguir adelante y sumergirnos en esto. Entonces lo primero que hay que hacer es ir por aquí. Ups. Por aquí. Y en realidad vamos a Teoh. Ya sabes, vamos a añadir una nueva sección, y sólo vamos a poner, como, como, una sección regular, y sólo vamos a poner, como, una sección básica justo aquí y justo al bate, chicos, quiero que ustedes chicos a todos, um vamos a descargar algunas imágenes. Yo sí tengo una caja de gota, y está en la sección de material bonus. Entonces lo que esta sección es es es un montón de imágenes, y te ayudará a empezar y también te ayudará a caerte junto a mí. Entonces el que voy a usar es este fondo de pantalla de Robert Downey Jr. Entonces si vas por aquí, solo podemos ir a no lo sé, vas a cualquier parte que sepas , en realidad, realidad, ve por aquí primero este ícono azul, o borra este, este ícono azul da click en el engranaje icono, dar click en imagen de fondo y subir. Y ahora quiero que ustedes suban todas estas imágenes. Así que tómate el tiempo para ir por aquí y los subes. Entonces voy a posicionar realmente video, dejarles que hagan eso, y los veré a todos en solo un poco, pero mis imágenes subieron. Ahora voy a subir este fondo de pantalla que tengo justo aquí, y el tamaño es de 25 60 por 1600. Entonces tu lado , probablemente será el mismo. Voy a dar click en subir una imagen. De acuerdo, entonces la imagen, uh, cargada con éxito. Ahí vas. Y en realidad voy a Ah, no me veo extraño ahora mismo, pero a medida que agregamos módulos y agregamos, Texan va a empujar la página hacia abajo. Ahora, hay otra forma en que puedes hacer esto simplemente arrastrándome así. Si hago clic en la casilla de verificación pequeña, solo puedo arrastrarla así. Pero no quiero hacer eso todavía porque en realidad quiero, um, um, poner módulos en que en realidad empujará manualmente la página hacia abajo en su lugar. Está bien. Entonces lo que en realidad voy a hacer aquí es, um en realidad voy a ir, um, por aquí. Bueno, en realidad voy a eliminar esto ahora mismo, así que no tenemos módulos. Ahora, Ahora quiero agregar en un módulo, así como pueden ver aquí mismo, tenemos modelos por aquí, pero no hay módulos tenemos otro módulo por aquí, pero no hay nada puesto por ahí. ¿ Ves eso? Entonces esto es como una fila de dos columnas, Así que quiero que una especie de entender la lógica detrás del tema divvy. Yo quiero que ustedes, um quiero que ustedes básicamente al final de este tutorial, miren otros sitios web y sepan qué poner y cómo ponerlo. Entonces este es un módulo de dos aquí mismo. Y sólo por mirar esto ahora, este de aquí es un pequeño truco que quiero mostrarles chicos. Entonces esto de aquí es en realidad una foto, ¿verdad? Pero en realidad uso un módulo de texto para eso. Y apuesto a que te preguntas ¿por qué usa un módulo de texto? Bueno, te mostraré ahora mismo, así que voy a desplazarme hacia abajo y entrar en un módulo de texto y ves en el monitor de texto aquí mismo dice agregar medios así que en realidad voy a agregar una imagen ahí dentro. Y la razón por la que quiero agregar una imagen ahí dentro es porque puedo controlar el tamaño. Pero si uso un módulo de imagen, no puedo controlar el tamaño. Entonces aquí mismo puedo entrar, um, texto. ¿ Van a ver el texto ahí mismo? Pero sólo quiero poner en una imagen algunos click en agregar medios, y voy a entrar en esa foto de Darrell Wilson aquí mismo y dar click en seleccionar. Y ahí tienes. Pero ahora, si quiero hacer esto más grande, solo puedo hacer clic en él y estirarlo. Como pueden ver, también lo estira ahí afuera. Entonces esa es otra técnica de cuándo se agregan en imágenes. A lo mejor quieres controlar el tamaño de la misma. Esa es una buena idea, ¿verdad? Ya basta de eso. Voy a dar click en cerrar ahora, volviendo por aquí. Tenemos otro módulo de texto, así que sólo voy a seguir adelante y, uh, a añadir un nuevo módulo. Tendrás que Teoh haga clic en el pequeño signo más, y luego por aquí, solo sigue adelante y desplázate hacia abajo al módulo de texto. Está bien, ahora voy a poner, como, como, bienvenido. Bienvenido al Davy Bean. Es el mejor tema wordpress de la historia. Um, aprende por qué, Ok. Y entonces seguiré adelante y cerraré esto. En realidad, no, voy a cerrar esto, pero, um no, quiero que este sea mi texto de cabecera. Y qué es un texto de cabecera. Es básicamente el título primario como este. ¿ Todo bien? Y otra razón por la que querrías ponerlo en el texto del encabezado es porque se optimiza para el móvil Better. Pero hablaremos de eso y un poco más tarde lección. Entonces, por ahora, sólo tienes que seguir adelante y resaltar todo esto. Haga clic aquí y ponga el encabezamiento uno. Entonces ahora es un texto de encabezado. ¿ De acuerdo? Y digamos que quiero cambiar el estilo o cambiar la fuente. Haga clic en el diseño ahora. Fuente de encabezado. Entonces la fuente del encabezado controla esta sección justo aquí? No, sólo voy a seguir adelante y poner Tal vez, um, vamos a poner ferrocarril. Puedes poner cualquier extranjero que quieras, Así que estamos lejos y podemos controlar el tamaño. Por lo que el encabezado para explotar se puede ver que se está haciendo más grande. Y la razón por la que está atascada así y estas dos columnas Rose. Porque, recuerda, tenemos estas dos columnas Rose igual que esta para que el texto no supere esa caja. Simplemente se quedará dentro de esa caja. Entonces lo voy a hacer más pequeño. Estamos en 40. Y recuerden, también podemos hacer esto audaz. Podemos hacerla en cursiva. Podríamos hacerlo todo gorras y podemos hacerlo subyacente así como así. Está bien, pero voy a sacar eso, así que lo he hecho ahí mismo. Ahora voy a cerrar realmente esta caja ahora. Apuesto a que te estás preguntando, ya sabes, es una especie de interfiriendo que Texas es más difícil de ver. Ah, esta de aquí, esta línea gris. Este es un CSS personalizado, y vamos a repasar esto al final de esta conferencia. Entonces ustedes entenderán qué es CSS personalizado, pero no quiero presentarlo aún, Así que por ahora, vamos a llevarnos toda la caja. Ahora veo este icono de engranaje. Este icono de engranaje controla esta caja de acero. Esta caja azul controla esta pequeña sección de píldora azul justo aquí. Entonces esa es la diferencia entre los dos. Ahora voy a ir por aquí, click en este icono de engranaje y nos da algunas opciones. Ahora podemos hacer tonto a esta fila con podemos Podemos hacerla una costumbre con Podemos añadir una canaleta con o no podemos acostumbrar a Patty. Ahora, si hago este rifle con ustedes, ver cómo expande la página ahora, Mi caja azulada ustedes pueden ver que está lleno con su excediendo toda la página. Ahora solo digamos que realmente quiero ir más allá. Yo quiero que aumente aún más. Nos vemos o cómo la caja ahí mismo. Yo como que lo quiero todo el camino hasta el final. Doy click en Ajustes de Roe puedo usar la canaleta con y ajustando la canaleta con ahora se puede ver que realmente lo he puesto en el borde. Entonces eso es lo que hace la canaleta con. En realidad es bueno para las fotos, pero por ahora no vamos a usar la canaleta con Now. Digamos que quieres, um, cambiar el relleno, el relleno, tal vez quiera mover esta dirección a algún lado, moverlo a algún lugar diferente. Entonces aquí mismo bajo el relleno Mentor, tal vez 5%. Ya ves cómo el relleno justo ahí Cambia cómo crea espacio Así que el relleno es el espacio. Ahora solo digamos que quiero moverlo a la derecha 5% ahora. El motivo por el que no se mueve a la derecha es porque, recuerden, está en una fila de dos columnas y realmente no tiene a dónde ir. Pero si lo hacemos por el fondo, se va. En realidad se va a mover. ¿ Ves eso? Entonces está creando espacio ahí mismo. Está bien. Y, um, mantén la colmilla. Mantén el relleno personalizado en el móvil que básicamente se quedó cualquier cosa que guardaste aquí mismo . Se lo guardará en el dispositivo móvil, por lo que es bastante bueno de usar. Ahora vamos al ajuste de diseño. Por lo que el ajuste de diseño es el margen. Entonces, ¿qué margen quieres que sea esto? Entonces si entro 10% vas a ver que crea un margen de 10%. Si quiero hacer eso a los derechos de ser 5% no se va a mover demasiado, porque recuerden, está en una, um está en una caja ah ah, así que es difícil moverse, pero sigamos adelante ahora y retrocedamos por aquí a nuestra configuración general, y en realidad sólo vamos a Teoh Vamos a cerrar esto ahora. Yo quiero volver aquí a este módulo de texto. Entonces voy a dar clic en el icono de engranaje para el módulo de texto y voy a ir por aquí y a ir a Max con. Entonces, ¿qué? El máximo con do es que básicamente dice es que dice el máximo con el texto irá. Entonces, por ejemplo, si hago 1000 píxeles, este texto llegará hasta los 1000 píxeles. Pero si hago 300 pixeles así, ya ves cómo es mucho más pequeño. Porque recuerden, esto de aquí es de 300 píxeles. Yo quiero hacer un poco más grande. Podría decir tal vez ir 500 píxeles o 600. Por lo que 600 pixeles. Ustedes pueden ver eso. Ahora, esto. Ahora el Onley de Texas subiendo a 600. Pero si voy al 700 va a seguir adelante y así sucesivamente y así sucesivamente. Entonces lo voy a dejar en 700 píxeles y para la orientación del texto. Yo quiero dejarlo como centrado. ¿ De acuerdo? Y también para esta sección aquí mismo, este otro modelo de texto, puedes hacer lo mismo. Puedes hacerlo centrado. Eso voy a seguir adelante y hacer eso. Doy click en este módulo y ya ves como tengo mi foto aquí mismo. Simplemente iré orientación de texto e iré al centro. Y ahí tienes. Ahora va a seguir adelante. Entonces por aquí, tenemos más texto, y ustedes pueden ver que eso es sólo otro módulo de texto. Así que basta con hacer click en este pequeño ícono aquí mismo. Desplázate hacia abajo hasta que lleguemos al texto, así es Queremos hacerlo centrado. Y además, sigamos adelante y saquemos algunos textos ficticios. Entonces, textos ficticios así. Sólo voy a agarrar algo de este texto aquí mismo. ¿ Todo bien? Voy a ir a copiar. Eso sin aburrirse ahí. Y simplemente van adelante y pagan algo de ese texto ahí dentro. Está bien, así que ahí tienes. Para que ustedes vean que tengo el texto ficticio. Y recuerda, para los ajustes de diseño. Si nos desplazamos por aquí, esta de aquí es la fuente de texto. Entonces si quieres cambiar la fuente de este texto, aquí es donde lo harías. Puedes cambiar el tamaño de fuente del texto, y este pequeño ícono del teléfono indica cómo lo cambiarás en el smartphone o en las tabletas. Por lo que voy a repasar esto en un poco más adelante en otra conferencia sobre optimización para móviles . Entonces es seguir desplazándose hacia abajo. Se puede cambiar el texto, color del texto. Puedes cambiar el espaciado igual que antes, cómo cambiamos esos otros modelos en la configuración más completa. Estas son estas mismas configuraciones exactas. Entonces, como dije, una vez que aprendes el ajuste del módulo para uno, como que lo aprendes para todos ellos. Entonces las alturas de línea de texto saben a qué altura querrías hacer esto? Ve cómo está indicando espacio ahí mismo, un color de fondo. Nunca usé color de fondo para el texto porque simplemente se ve realmente feo. Ya sabes, podría haber algunas razones por las que harías eso. Simplemente personalmente no me gusta, Así que realmente sólo confío en la imagen de fondo ahora, una imagen de fondo. ¿ Quieres una imagen de fondo sobre este apartado? Probablemente no. Pero sabes que puedes hacer eso. Puedes agregar un borde puedes agregar como ves como tengo un borde ahí mismo. Esta sección ahora mismo, las otras secciones blancas, por lo que no lo puedes ver. Pero puedes agregar un borde ah alrededor de esta sección y puedes cambiar como si estuviera punteado o duplicado. O como quieras agregar en tu frontera. También puedes cambiar el color. Entonces si quiero leer, tienes ahí la frontera sobre el texto. Entonces eso es lo que hace la sección fronteriza y el margen personalizado. Lo mismo. Podemos moverlo a la parte superior a los derechos y también al acolchado personalizado también. Entonces estos son más. Uh, es básicamente lo mismo que ustedes todos aquí arriba. Es solo para diferentes configuraciones de módulos. De acuerdo, entonces después de que terminamos con eso vamos a seguir adelante y dar click en cheque ahora, volviendo atrás. Por aquí, tenemos el botón de inicio. Ahora ya hemos hablado del botón de inicio anteriormente, pero la razón por la que me gusta empezar, pero Atmore en el ajuste de texto es porque podemos duplicar esto. Recuerda, podrías duplicar cada sección, así que digamos que tienes diferentes botones en tu página. Después puedes duplicarlo y llevarlo a cualquier parte de tu página web, por lo que te ahorra mucho trabajo. No tienes que volver a copiarlo. Lo siento. No tengo que rehacer su Se puede simplemente duplicar y simplemente arrastrarlo a algún lugar. Entonces aquí mismo, voy a dio hacer pero alineación al centro y ah, aquí mismo. El botón que eres. Ah, entonces si alguien hace clic en este botón, ¿a dónde quieres que vayan? El euro se abre en la misma ventana o en una nueva pestaña. Probablemente una nueva pestaña, tal vez. Correcto. Entonces, ¿qué quieres que diga esto? Conoce más o ponte en contacto con nosotros. Está bien. Ahora la alineación de botones está en el centro. El color del texto también es, um ya sabes, no te preocupes demasiado por esto, porque recuerda, podemos cambiar esto en el corte en la siguiente sección, así que en realidad voy a ir al diseño y por esto, el establo encendido. Como dije, no te preocupes. Hablaremos de por qué esto es muy importante. Posteriormente en la conferencia, hay una razón muy grande para usar esto, sobre todo cuando se usan videos, luchadores. Entonces en el diseño aquí mismo, solo adelante y di que sí. Ahora, recuerda, esto es para el mismo módulo exacto que usamos para el encabezado. Entonces si quieres? Cambia las colillas y el texto. Se puede cambiar el texto. Se puede cambiar el color del texto del botón simplemente yendo a Tal vez quiero como rojo, pero por ahora, Pero es negro, las colillas y el color de fondo en realidad se puede cambiar a tal vez algunos mi verde o lo que cambia azul. Por ahora sabes qué? Lo haremos azul Ahora las colillas en la frontera con ustedes pueden cambiar el ancho de Eso es así. Se puede cambiar el radio ahora el radio Esa especie de como cambiar, ya sabes, se ve cómo se convierte en más de un colillas circulares en cuanto más lo cambias algo así se ven mejor. Entonces esa es otra forma en que puedes cambiar su. También puedes cambiar el espaciado entre letras así para que se vea así. Se puede degustar la fuente de botón. Vamos a cambiar. Ahora es un ferrocarril, así que cámbialo por ferrocarril. Igual que eso. Puedes agregar un icono de botón justo aquí y también el cursor sobre el color del texto. Entonces sólo cuando pasas por alto Querías cambiar. Querías cambiar el texto. A lo mejor quieres un texto en blanco. Entonces ahora si me cierro sobre él. El blanco de Texas. Entonces esa es otra opción que puedes tener. Por lo que te he mostrado la mayoría de estas opciones antes y el otro entorno. Pero quiero mostrarles por qué prefiero usar esta sección en lugar de la completa con. Porque esta sección lo puedo duplicar. Puedo arrastrarlo, puedo arrastrarlo hasta aquí. Ahora ya ves cómo lo estoy arrastrando. Y eso es lo que hace esta sección aquí mismo. Por lo que esta sección te permitirá especie de arrastrarlo a cualquier lugar que quieras y duplicado. Aquí no hay dragón. Ponlo debajo de esto igual que ese tipo. Por lo que tienes mucho más control usando los módulos regulares más que el completo con módulos. supuesto, los cuartos módulos son mucho más fáciles de usar. Pero una vez que te vuelvas más fluido con el tema divvy, podrías empezar a tender lejos de la, ya sabes, de la sección más completa. Porque esto es tanto que tienes más control sobre él. Entonces como puedes ver nuestras páginas básicamente lo mismo todo lo que necesitarías hacer en este momento es esto. Vete por aquí ahora. Asegúrate de que las flechas estén como ahí, ahí arriba y abajo solo tienes que hacer clic en él y simplemente arrastrarlo hacia abajo, al igual que las grasas. Y más o menos nuestra página web es muy similar a ésta de aquí. Entonces, quiero decir, en realidad podríamos poner un divisor aquí arriba. Adelante y hagamos eso. Permítanme presentarles a todos la última sección, que es la sección divisoria. Entonces, um, subir aquí en realidad yendo aquí abajo, voy a dar click en plus, y vamos a sumar en lo que llamamos es un divisor. Y el divisor es una sección que te permite realmente hacer espacio, y también da algo de color a corte de tu sitio. Entonces voy a mostrar la visibilidad y poner esto es negro. Entonces ahora tenemos esta barra negra justo aquí. Pero lo que esto hace que en realidad empuja las cosas hacia abajo y te permite especie de manipular un poco más tu sitio. De acuerdo, así que voy a dar click en esto aquí mismo, y voy a esperar. Perdón. Una equivocada. Entonces voy a, um, um, a ver donde puedo encontrar mi modelo de texto. ¿ Eso es justo ahí? El culo y el ajuste, Ya sabes, es un poco difícil encontrar el ah el divisor. Siempre me he topado con ese problema. Entonces lo que realmente podemos hacer es ir por aquí, click en guardar, porque alguna vez tienes este problema donde simplemente no puedes encontrar los aspectos más destacados? No te preocupes. Lo consigo todo el tiempo. Es bastante común, en realidad. Entonces voy a salir del constructor visual e ir a editar página. Muy bien, Ahora vamos a usar la espalda y muy rápido. Entonces, ¿ves lo dividido aquí mismo? Voy a arrastrar esto hasta arriba y dar clic en estas tres flechas pequeñas. Ahora bien, estas son las mismas opciones exactas que teníamos antes en la otra página, por lo que es relativamente fácil. Es fácil de usar. Entonces voy a poner lo vital aquí arriba y justo aquí la altura. Entonces, ¿cuántas alturas quieres empujar la página hacia abajo? Voy a decir, tal vez 250 píxeles, lo cual es algo así. No tanto. 280 píxeles dan clic en guardar salidas y dan clic en actualizaciones. Muy bien, entonces mi internet es un poco lento ahora mismo, chicos. Entonces mis disculpas, y voy a dar clic en los cambios de vista previa, Así como vimos antes de ver cómo todo este texto ahora está siendo empujado hacia abajo. Eso es lo que hace el divisor. Crea más espacio. Entonces en realidad voy a ah, editar el constructor de páginas visuales y te mostraré cómo podemos hacer cambios, verdad? Está bien. Entonces ustedes básicamente pueden ver que es en lugar de usar el back-end. Pero siempre que tengas problemas con eso Ah, módulo no puedes ver aquí. No lo puedes encontrar. Apuntar el back end. Te mostrará Word es exactamente así aquí mismo. Voy a dar click en este divisor de aquí. ¿ Ves? ¿ Cuál es su altura? Voy a poner 100 esta vez. Vean eso. ¿ Ves cómo está creando espacio y está empujando todo hacia abajo? A lo mejor quería 20 pixeles así. A lo mejor no quieres que se muestren los divisores, así que solo pon no mostrar y luego voy a dar clic en esta flecha. Entonces así fue como usó el divisor. Es decir, básicamente hemos creado con éxito soy un arrastrarnos un poco hacia arriba y tal vez solo empujarlo hacia abajo solo un poco, así como eso. Entonces usamos el divisor. Hemos usado mucho de los otros módulos. Entonces eso es todo para los chicos de la página de aterrizaje, Hablaremos del CSS personalizado un poco más tarde. Pero por ahora cubrimos algunos modelos de texto. Te mostramos cómo moverte como tipo de moverte. El tipo de relleno te muestra cómo agregar botones y tal vez, ya sabes, arrastrar y soltar cosas así. Entonces vayamos a la siguiente sección. Hablaremos de blurbs, así que los veo a todos ahí. 15. Blurbs: ya. Chicos, bienvenidos de nuevo. Entonces ahora sigamos adelante y hagamos la siguiente sección, que es esta sección aquí mismo. Ahora, con sólo mirar esta sección, espero que puedan decir qué modelos utilizamos. Este es un texto, este es un divisor. Y este es otro texto. Eso es todo. Y es una fila de una columna. Entonces vamos por aquí a practicar un poco y también te enseñamos cómo conseguimos estos colores fríos en el costado y te mostraré cómo agregar en estos blurbs. Es muy sencillo. Es muy fácil. De hecho, puedes arrastrarlos hasta aquí. Se puede, ya sabes, volver a ponerlo por ahí. Lo que sea que te quisieras. Entonces sigamos adelante ahora y empecemos. Entonces por aquí, voy a dar clic en el pequeño icono más aquí abajo, Haga clic en regular, y vamos a hacer esta sola fila así. Muy bien, Ahora, por aquí, voy a agregar un módulo de texto, así que simplemente baja por aquí y coge un módulo de texto y vamos a centrar este texto y voy a seguir adelante y poner algo como, um, bienvenido al tema más cool de los planetas. Debbie tema. Muy bien, ahora voy a hacer de este un texto de encabezado así. Y si quieres cambiar esto, recuerda, en la conferencia anterior, vas al diseño, vas a los teléfonos encabezados, los cambios a Arvo cambian el tamaño de la fuente. Puedes cambiar el color, lo que quieras para tu tema. De acuerdo, Ahora, sigamos adelante ahora y sumamos el divisor. Por lo que en realidad voy a dar click en esto aquí mismo. Haga clic en divisor, igual que eso es. Y yo sólo voy a los cambios a Negro. Y, um, ya sabes, me voy a desplazar hacia abajo y quiero dividirlo para mostrar así. Ustedes pueden ver que estamos una especie de creación de un diseño. Ahora estamos creando un diseño. Eso bonito Eso se ve realmente genial. Entonces, um, ya sabes, al hacer esto, no solo estás creando el espacio, sino que estás agregando a la corte a tu sitio al mismo tiempo. Entonces esta es otra razón por la que podrías empezar a usar otros módulos para especie de, ya sabes, introducir otras cosas. Ahora, sigamos adelante y agreguemos el módulo de texto debajo de eso. Entonces aquí mismo voy a dar clic en este icono más y bajar al módulo de texto, y sólo vamos a seguir adelante y entrar en algún texto. Pero para hacer eso, voy a mandar este texto. Voy a agarrar algo de este texto ficticio aquí mismo, y sólo voy a Oops. Perdón. Y en realidad voy a copiar y pegar esto ahí dentro así como así. Sí. Se puede ver el Texas allá, y vamos a dar clic en casilla de verificación. Ahora, el divisor está en el espacio equivocado, por lo que necesitamos realmente tomar el divisor y ponerlo en otro lugar. Tenemos que, um, ponerlo en el ah, se llamaba? Tenemos que poner en el medio ahí mismo. Correcto. Entonces hay, como, algo extraño que realmente no puedo agarrar. Significa que puedo tirar de esto hacia abajo y agarrarlo. ¿ Ver? Aquí. Este es el módulo de texto. Sí. Entonces recuerda, si tienes este problema, recuerda, solo para ir al back end para que podamos ir al back end justo aquí. De hecho voy a dar click en esto ahora mismo y guardarlo. Y luego a partir de aquí, sólo voy a ir a Really, voy a refrescar esta página. Y este es en realidad el back end justo aquí, y sólo tomaremos este divisor, y lo pondremos entre los dos modelos de texto justo ahí. Entonces eso básicamente nos dará esa mirada de, ya sabes, tener este tipo de look aquí mismo. De acuerdo, así que aquí mismo, este es el back end. Ahora toma el divisor y solo arrástrelo hacia arriba y actualízalo. Ahí vas. Se guardan los cambios. Entonces voy a refrescar en realidad esta página ahora porque hice ese cambio. Entonces esa es otra razón por la que ustedes chicos querrían usar el back end. A veces un constructor visual es difícil de agarrar cosas. Ya sabes, si la noche es, es para acumular juntos. Entonces, ya sabes, eso es, ya sabes, una razón por la que probablemente querrías usar la espalda. Y a veces te da el control total de todos los módulos. De acuerdo, así que ahí tienes. Se puede ver que el modelo de texto ahora está ahí. Ahora, sigamos adelante ahora y tal vez añadamos estos blurbs. Entonces, ¿cómo hacemos eso? Bueno, realidad vamos a introducir una nueva sección. Entonces aquí mismo, ¿ves? ¿ Dónde tiene esta, uh, esta sección de acero? Adelante y haz click en eso, o podemos dar click en esto. Pero por ahora, ya sabes, en realidad podemos usar todo este módulo. Ya sabes, voy a ir por aquí, click en esta fila más nueva, y queremos sumar estas cuatro barras. Entonces ahora ves que tenemos estos cuatro bares. Ahora, solo podemos crear un blurb aquí mismo. Está bien, Así que voy a añadir un blurb uno el título. ¿ Qué quieres decir? Ya sabes, uh, podemos conseguirte más ventas. Y si querías llevarlos a algún lado, solo pones la dirección, así www dot darrell wilson dot com Ahora, para el ícono, podemos decir que sí. Quiero usar un ícono que quiero usar. A lo mejor, um, esto Ver justo aquí. Esta Esta señal aquí mismo. Para que ustedes puedan ver que el icono está llegando allá arriba, y en realidad se puede cambiar el color del icono. A lo mejor querías ser azul si querías ser verde. Ya sabes, puedes cambiar la transparencia del color, todas estas opciones. Ya sabes, realmente puedes agregar lo que quieras a tus sitios. A lo mejor. Ya sabes, estamos probando algo con azulado. Lo que sea. Por lo que un ícono de círculo. Ahora digamos que quieres algo alrededor que puedas hacer clic en el icono del círculo. También puedes cambiar ese color. Parece que ahí mismo. Ver cómo agregué eso en? Porque controlo el color de fondo. Ahora el círculo, el círculo, color. Ya sabes, también podemos agregar en ah, frontera alrededor de la ah, el desenfoque ahí mismo. En realidad se puede cambiar eso. A lo mejor querías ser, ya sabes, naranja, rojo, ya sabes, lo que sea que estés tratando de ir, así que simplemente seguiría adelante y lo dejaría como azul. Y también puedes cambiar la colocación de la imagen. Entonces en lugar de tener en la parte superior, podemos tener a la izquierda. Y si tienes la izquierda derecha ahí, se va un poco más pequeño. Pero, um, ya sabes, es que hay una razón por la que quieres hacer eso. De hecho, más adelante, nos vamos a desplazar aquí mismo. Esta sección es la misma configuración, excepto que la usamos en el lado izquierdo. Entonces esa es otra razón por la que querrías poner los blurbs en el lado izquierdo. Pero por ahora, lo vamos a dejar en la parte superior. Entonces me voy a imagenar. Colócame en la parte superior ahora la animación de icono de imagen. Para que puedas cambiar cómo entra el blurb. Por lo que dejó sus derechos de derecha a izquierda. O podría no tener automatización en absoluto. De acuerdo, el color del texto. Ya sabes, yo preferentemente no nos metemos nunca con el color del texto porque recuerda, puedes cambiarlo en el diseño y puedes conseguir mucho más y sordo. Ya sabes, puedes cambiar el texto. Se puede cambiar el tamaño y el espaciado de las alturas, etcétera. OK, entonces esto es más bien como un atajo. ¿ Al igual que quieres mentir? Sí, seguro. ¿ Quieres un oscuro? Seguro. Ya sabes, es más bien un atajo. Y recuerda, puedes agregar más contenido aquí mismo. Puedes agregar en una imagen,ya sabes, ya sabes, debajo de esa otra vez. Así que en realidad voy a agarrar algo de texto de Demi aquí y simplemente seguir adelante y volver aquí y simplemente pegarlo ahí así como así. Y ahí tienes. Entonces ahora tenemos algunos textos ficticio y podemos ir a la configuración de diseño. Se pueden cambiar las fuentes de encabezado. Se puede cambiar el ah, conoce el color del texto de la fuente del encabezado, el espaciado del encabezado y las alturas de la línea. Ahora las fuentes del cuerpo. Esto aplica a esta sección, Entonces este es básicamente el texto para los otros modelos. Entonces toda esta sección aquí mismo, el espaciado del cuerpo controlaría esta sección aquí mismo. Y recuerda, estas opciones son relativamente todas iguales. Ya sabes, la frontera, el margen personalizado, etcétera. Entonces, como dije, una vez que lo aprendas, tienes que hacer por todos los módulos que aprendiste a hacer por todos ellos. Ahora, sí quiero mostrarles un atajo. Entonces en lugar de crearlo todo de nuevo, en realidad puedes simplemente duplicar esta fila sin pequeño símbolo. Y va a crear éste. Y solo puedes arrastrarlo ahí arriba así. Puedes hacerlo de nuevo y simplemente arrastrarlo hasta ahí de esa manera. Puedes volver a hacer eso y simplemente arrastrarlo hasta ahí de esa manera. Ahora, digamos que quieres estirar esta cuerda para que podamos ir aquí a este ajuste de fila, y ya sea puedes usar una costumbre con la que básicamente la hará. Por lo que quieras Ah, ya sabes, el tamaño de la fila. Se ajustará a algo así. Entonces eso es bastante guay. O puedes poner No. Y tú solo dices que quiero este rifle con así, ¿de acuerdo? Se puede controlar el relleno en esta fila. Entonces, por ejemplo, 10%. Se puede ver que ahora está creando ese espacio de 10%. Puedes agregarla, ya sabes, abajo. Ya sabes, puedes agregar, um, um, ya sabes, un espacio inferior ahora para el lado derecho e izquierdo. Probablemente no habrá ningún espacio porque nosotros ocupamos la mayor parte del espacio en este momento. También puedes demandar diseño, pero te recomiendo nunca usar los ajustes de asado como color o imagen en la sección azulada. Pero por el margen personalizado. Sí, pero para la sección de fondo en el color de fondo causa, como, si te gusta esto, solo se está aplicando a una sección. Pero si quisieras aplicar la fila de llanta, tendrías que golpear el icono azul, que sería esta sección. Por lo que esta sección justo aquí vas al color de fondo. Se puede cambiar el color de toda la mancha ahí mismo. ¿ Ves eso? Entonces esa es la razón por la que también puedes agregar una imagen de fondo. Entonces tal vez quieras agregar en una imagen de fondo a toda esta sección. Por lo que haciendo click en subir, podemos hacer click en esto, subir una imagen. Ahora, esta imagen de fondo se aplicará a toda esta sección. Mi Internet es un poco lento, chicos. Entonces mis disculpas. Probablemente está cargando. Y ahí va. Esto es lo que pasa. Se obtiene Internet inalámbrico, se ve así. Entonces, um, si quieres tener una imagen de fondo, parece que aquí es donde lo harías. Y como dije, hay muchas maneras diferentes. Y si también quieres agregar en un slider de video, también puedes hacerlo. Entonces esto de aquí es una imagen. Se puede ver. Mi Internet es terrible, pero digamos que quieres agregar en un video de fondo. Por lo que de nuevo en video MP cuatro, voy a dar click en subir, y creo que tenemos algunos. Todavía no tengo ningún video, pero, uh, uh, déjame ver donde voy a dar click en Slick fall. Creo que tengo un video en mi caída en alguna parte. Sí, sí lo hago. Es este morado en Great. Aquí hay un archivo muy grande, por lo que podría tardar algún tiempo en cargarse. Creo que son alrededor de 45 megs, que es bastante grande. Por lo que volviendo al sitio web aquí mismo, mira la espera a que esto se cargue, y luego volveremos a los otros ajustes. De acuerdo, así que terminé. Subiendo. Ahora voy a subir el video ahora, en realidad para matar esta imagen de fondo aquí mismo. Entonces necesito sacar eso y voy a seguir adelante y salvarlo y ustedes vayan a ver que va a salir esta sidra de video. Entonces si ustedes quieren que el lado del video se estaría reproduciendo en segundo plano así, hay que agregar eso en. Por lo que el deslizador de video se está cargando. Como dije, chicos, es un poco lento. Mis disculpas de Internet. Entonces así es como agregarías en un deslizador de video. Así que volviendo a eso, um, si ustedes realmente quieren cambiar más ajustes, um, en realidad podemos hacer de esto un Ah, podemos copiar este camino. Entonces, por ejemplo, esto es decir, quieres copiar toda esta fila, haces click en esta sección azul y otros sección azul justo aquí duplicarían esta carretera entera aquí mismo. Ahora voy a estropear esto, y digamos que se quiere sumar en este camino aquí mismo. Apenas indicamos podemos duplicar esa fila para que ustedes puedan ver. Eso es, um ya sabes, está duplicando toda esta fila para nosotros, así que nos ahorra mucho trabajo. No tenemos que volver atrás y cambiar así. Está bien. Y otra cosa que quiero mostrarles chicos para conseguir esos efectos realmente geniales que tuvimos en esta página aquí mismo. De hecho podemos volver aquí, y voy a matar su video. Parece que se congeló en mí, pero en realidad voy a matar este fondo de video aquí mismo. Y en realidad les di esas imágenes de fondo. Por lo que va a subir. Ves estas estas imágenes blancas justo aquí. Por lo que en realidad voy a hacer click en este de aquí y dar click en subir una imagen. Ahora voy a cambiar el color de fondo. Entonces por aquí, el color de fondo, voy a cambiarlo. Ya ves como tengo Esos son diseños clave. El motivo por el que tengo los diseños del arca es porque ese fondo es una tienda de fotos de básicamente, um, esta sección blanca y el diseñador del May fue Gino de Monterey Premier. Creó estos. Por lo que el crédito se le sale. Entonces si quieres tener este diseño de arco, ya sabes, y hay otros que puedes tener, ya sabes, yo puedo ir a subir. A lo mejor no me gusta esto. Y ya ves como tengo que están diseñados. Entonces al cambiar el color de fondo, es sólo se está aplicando a esa sección porque estos fueron Photoshopped, Así que solo esta sección es blanca. De acuerdo, ustedes entienden que saben de la lógica ahí, así que en realidad voy a volver a mis cambios de imagen de fondo a tal vez algo. Parece que esto subir una imagen. Y ahí tienes. Entonces ahora tengo este efecto de arquía realmente cool. De acuerdo, Ahora, sigamos adelante y pasemos a la siguiente sección, que es esta sección aquí mismo, y estaremos usando el módulo de imagen. Entonces volviendo por aquí, voy a dar click en cheque. Vamos a dar click en esta sección aquí mismo, una sección regular. Y con sólo mirar esta sección, espero que ustedes sepan lo que es esto. Se trata de una imagen, un divisor de módulo de texto, un módulo de texto, un módulo de texto y un contáctanos. Y lo siento, un icono de botón. Entonces sigamos adelante y creemos eso. Por lo que parece una fila de dos columnas así como así. Y esta sección aquí mismo será nuestra imagen. Entonces, adelante y encuentra el módulo de imagen, ¿verdad? Creo que lo paso. Yo lo paso. Creo que pasé el módulo de imagen. Sí, imagen para imagen. Y voy a subir la imagen. Y voy a usar este iPhone blanco aquí mismo. Y recuerda, tengo esto en la sección de bonos. Entonces si ustedes chicos quieren descargar todas estas fotos para una especie de ayuda, ahí es donde lo descargarían. Entonces da click en subir una imagen, y ahí tienes. Entonces, ¿nuestras imágenes ahí mismo? No, voy a realmente Ah, guarde esto los cambios. Y ahora digamos que quiero conseguir este efecto cool donde parece que se está mezclando así. Entonces si quiero conseguir ese efecto, solo necesito cambiar su color de fondo a negro. Por lo que aquí debajo de la configuración de sección cambiará la configuración de fondo. Simplemente negro así como así. Ahí vas. Ahora, por aquí, podemos agregar en texto y bien y el texto. Entonces es blanco, por lo que es más fácil de ver en los ojos. ¿ Verdad? Entonces, ¿ves cómo el Texas White ahora? Por lo que por aquí vamos a seguir adelante, click en esto. Nos desplazaremos hacia abajo hasta agregar un módulo de texto. Lo pondremos en el centro y pondremos conseguir un iPhone gratis, conseguir un iPhone gratis. Ahora podemos cambiar la configuración pasando por el diseño, y lo siento. En primer lugar, queremos hacer de este un texto de encabezado así. Ir al diseño y debilitar va a, ya sabes, cambiar nuestras fuentes de encabezado. Pero esto es decir, que quieres cambiar en el color del texto, así que solo baja a los blancos y ahí tienes y podemos seguir adelante y dar click en cheque. Ahora así es como usar el divisor. Entonces, como dije, solo agregas un divisor y solo lo haces blanco. Y sigamos adelante y sumamos algunos más tecnicos con modelos. Entonces por aquí, haga clic en este desplazamiento hacia abajo. Thio eran los módulos de texto ahí mismo. Bueno, céntralo y voy a añadir en algún contenido ficticio. Es como si eso fuera rápido en el ritmo. Ahí vas. Ahora, tal vez quiero seguir adelante y volver a diseñar. Ahora bien, esto es sólo texto regular. Entonces para cambiar eso, solo tienes que seguir adelante y bajar a la fuente de texto. Por lo que esta sección aquí mismo controla esta sección porque esto es sólo un texto básico. Por lo que por aquí en el color del texto, podemos seguir adelante y dar click en esto, hacerlo blanco. También podemos controlar el tamaño de la fuente. Ya sabes, controlamos el control, la fuente de la misma así. Esa es una tipografías realmente feas, por cierto. Pero sólo lo cambiaremos por algo como Laura. Entonces ahí lo tienes. Ahora tenemos un botón aquí mismo. Podemos poner ahora en lugar de realmente crear un módulo de botón. Sólo vamos a copiar este. Esta es copiar este y luego dar click en esto y simplemente arrástrelo aquí mismo. Ah, así no. Pero lo arrastraremos hacia abajo así, y ahí tienes. Entonces esa es otra forma. En realidad puedes usar los modelos para una especie de copiarlos y simplemente traerlos a algún lado porque es mucho más fácil hacer eso que simplemente crearlo todo de nuevo. Y además, este botón coincide con este botón. Es como que quieres que todos los botones parezcan en tu página web, ¿ verdad? Entonces esa es otra razón por la que querrías usar, uh, independiente pero módulo porque puedes copiarlo. Entonces eso es todo para esta lección. Chicos, sigamos adelante y hablemos del Efecto Parallax en la próxima conferencia, así que ya veré. 16. Efecto de Parallax: Bienvenida. Bienvenidos de nuevo, chicos. Por lo que en esta sección vamos a hablar todo sobre el efecto Parallax. Ahora a mucha gente le gusta el Efecto Parallax porque realmente tiene Ah, cool, aspecto único y un montón de sitios web tienden a hacerlo. De hecho, en este otro sitio web tengo el realmente en incorporado el Efecto Parallax. Por lo que en la parte de atrás, voy a mostrar este otro sitio web que tengo justo aquí. Mi internet está cayendo un poco lento hoy. Hoy se está cargando con lentitud. Entonces aquí mismo puedes ver que el que conoces la imagen sigue el pergamino así. Por lo que ya sabes, esta es una buena característica del hecho de Parallax. La imagen empieza a especie de desaparecer. Entonces eso es lo que llamamos es el verdadero efecto de paralaje. Y también está el efecto de paralaje CSS. Entonces me voy Teoh,Ya sabes, Ya sabes, asegúrate de que esto sea incapaz de escuchar la verdad, Parallax. ¿ De acuerdo? Y como dije, adelante y mira la imagen. Ahora se puede ver la imagen. Es una especie de empieza a, ya sabes, seguir o arrastrar fuera de la página. Ahora solo sigamos adelante y deshabilitemos que te muestren la diferencia. Entonces en este momento solo lo voy a deshabilitar y se puede ver que simplemente no lo mueve todo. Al igual que esta imagen no se mueve en absoluto. Entonces si nos desplazamos hacia abajo, la imagen va a seguir siendo la misma Ahora, también les voy a presentar a todos el paralaje CSS y los usos para mucha gente lo confunde porque no entienden cómo usarlo correctamente. Entonces estamos fuera de la parte de atrás. Digamos que vengo a este sitio web justo aquí, correcto, correcto, y empiezo a desplazarme hacia abajo, y mientras me estoy desplazando, vemos que tus dichos sean originales, y luego empiezas a saltarte el desplazamiento y ves que pagó empezar a tipo de bajar con él. Pero si vuelvo a subir, aparece la página ¿quién ve eso? Entonces ese es un efecto realmente genial. Y mucha gente tiende a usar, como quizá placas cayendo o cascadas para una especie de ayuda a transitar el efecto, porque hay muchos usos realmente geniales para el efecto de paralaje CSS y ustedes pueden simplemente google, ya sabes, ejemplos de CSS de Parallax para especie de darles ideas chicos sobre cómo pueden usar el efecto de paralaje CSS . Entonces en pocas palabras, chicos, esas son básicamente las dos opciones para el verdadero paralaje y el efecto paralaje. Entonces, como dije, este es un buen ejemplo del efecto de paralaje sobre cómo lo usé. Entonces si quieres usar es en tus sitios web, es una tendencia creciente. Por lo que mucha gente tiende a usar un efecto de paralaje porque ah, mucha otra gente lo está usando porque se ve un poco genial. De acuerdo, así que eso es todo , chicos, para la sección de Parallax, los veré a todos en la próxima conferencia. 17. Preguntas 1: Oigan, chicos. Bienvenido. Entonces este va a ser nuestro primer quiz. Ahora, al mirar este sitio, se ve bastante impresionante, ¿ verdad? Eres como, Wow, esto se ve bastante guay. Se ve organizativo se ve limpio. Ahora, esto se hizo con el equipo de debate, Lo creas o no. Ahora mucha gente está diciendo, Hombre, Hombre, eso se ve bastante guay. ¿ Cómo hiciste esto? ¿ Verdad? Bueno, vamos a tener una visión rápida de cómo hizo este sitio web. Entonces aquí mismo, presenté una página de aterrizaje. Ahora en realidad voy Teoh, abre una segunda página y voy a dar clic en Editar página y te mostraré aquí los módulos. Y para aquellos de ustedes que están interesados, ustedes en realidad pueden comprar este diseño. Por lo que hablaremos de la disposición predefinida un poco más tarde. Pero, um Entonces, por ejemplo, aquí mismo tengo mi página creativa ahora mismo. Aquí mismo. Tengo un completo con slider. Entonces este es mi lleno con slider Ahora, justo debajo de eso, ¿ves estos tres pequeños iconos? Entonces a la derecha de la parte de atrás, agregué un blurb, y agregué un botón debajo de eso. Entonces puse un blurb aquí mismo con un texto y me puse un botón. Y luego para el color de fondo pongo azul. Y luego tenía una sección de tres columnas de residuos, y lo que hice fue reducir el relleno por todas partes. Por lo que no hay espacio. Tenía dice 00 Y luego puse 24 fotos en la parte inferior y me fui por cero. Entonces básicamente lo estoy haciendo, así que ahora no hay espacio en ninguna parte. El motivo por el que agregó 24 relleno fue porque quiero algo de espacio entre el botón y esta barra. Entonces por eso básicamente decidí poner algo de empanada. Ahora el siguiente apartado es muy sencillo. Es un texto, un texto que no tenemos imagen. Y agregué el derecho de acuerdo, Aquí está recordar temprano estamos hablando de usos para el acordeón. Bueno, esta es una buena razón de por qué querrías sumar en el acordeón. Correcto. Por lo que a continuación tenemos esta sección aquí mismo. Entonces vamos a ir por aquí. Vamos a desplazarnos hacia abajo ahora. Todos estos tipos es un llamado a la acción. Ahora es un llamado a la acción, pero simplemente no incluí el botón. Entonces donde dice inter, pero en texto. Yo no puse nada. Yo sólo quería el hecho de que pueda agregar en un título con algún contenido y fuera en una imagen de fondo , porque la acción llamada te da la opción de una imagen de fondo. Entonces eso es todo lo que hice. Y por aquí pongo tres blurbs y solo puedo ver justo aquí debajo del blurb Seguiremos adelante y nos desplazaremos hacia abajo y podrás ver el ah, ya sabes, el texto aquí mismo. Todo lo demás bajo la configuración de diseño avanzado. Como dije, acabo de cambiar los colores y agregué algunos acolchados personalizados también. Entonces viendo esto aquí mismo también para el para la fila azulada, realmente no agregué ningún relleno personalizado. Pero reduje la canaleta con lo hice uno. Por lo que todo es realmente agradable y apretado y ceñido. ¿ Ves eso? Entonces a continuación tenemos nuestro um si voy por aquí, voy a cerrar esto. Tenemos nuestros contadores de números, Así que esto es simplemente un contador de números. Eso es todo. Y aquí mismo tenemos nuestros planes de precios. Así que acabo de crear, um, tres tablas de precios, y yo sólo ya sabes, puse un llamado a la acción, ¿ verdad? aquí. Por lo que esta sección aquí mismo es un llamado a la acción. Pero recuerda, simplemente no decidí usar el texto del botón. Simplemente no quiero no quiero botón. Yo sólo quería el encabezado y el texto del cuerpo. Eso es todo. Y el siguiente apartado que tenemos aquí es el, um es otro llamado a la acción y luego tenemos un completo con mapa. Pero esto es lo que realmente quería mostrarles chicos. lo que hablaré de bastante finalmente fuera en la última sección, cual les daré una copia de esta pequeña sección aquí mismo. Pero lo que es esta sección en lugar de usar el pie de página divvy, en realidad acabo de crear el mío propio. Por lo que esta sección de aquí es de tres texto redes sociales seguir texto, texto en texto. Por lo que las redes sociales siguen texto, texto, texto, texto, entonces aquí mismo tienen tres capas de texto. Entonces he creado una especie de ilusión de que esto en realidad es un pie de página y es un pie de página, excepto que lo creé con módulos de texto. Realmente no quería usar el día porque esto de aquí abajo es en realidad el divvy, um, um, el pie de página divvy. Entonces, ¿ves lo que estoy viendo aquí mismo. No tienes que usar el pie de página de acciones con Davey. Puedes usar las tuyas propias. Puedes especie de crear las tuyas propias. A continuación vamos a nuestra página sobre nosotros. Entonces volviendo por aquí, sólo voy a Teoh, vuelve a la página web y vamos a seguir la página sobre nosotros. ¿ Todo bien? Y soy un click en editar página. Está bien, así que aquí tenemos nuestro ah, ya sabes, esto es un lleno con cabecera. Por lo que esta sección de aquí es una completa con cabecera. Si me desplaza hacia abajo, tenemos estas barras. Y como dije, es sólo un mostrador de bar, y es sólo un llamado a la acción. Entonces aquí mismo, llama a la acción. Y tenemos un, uh, unos mostradores de barras debajo de esto. Te tenemos con solo mirarlo. Tenemos tres blurbs. Entonces un blurb de fila de tres columnas, blurb, blurb, blurb, blurb, blurb Al igual que eso. Y agregamos un color de fondo, una imagen de fondo a eso. Por lo que a continuación se puede ver que tenemos son nuestro llamado a la acción con nuestra imagen aquí mismo. Por lo que llama a la acción con una imagen. Pero recuerda, por la llamada acción. Simplemente no decidimos poner ningún tipo de, um simplemente no pusimos ninguno. Ah, cualquier botón ahí mismo. Entonces eso es básicamente todo. Ahora, la razón por la que esto es un botón es porque en realidad creó un texto, y acabo de poner un enlace en él, Así que no usé el módulo de botones. No quiero hacer un botón y sentarme. No hay mas allá adentro. Entonces siguiente. Aquí mismo tenemos nuestro dedicado equipo de apoyo, para que ustedes vean que es un llamado a la acción. Y por debajo de eso, tenemos nuestros cuatro contadores numéricos y en realidad acabo de poner en el pie de página otra vez. De acuerdo, entonces a continuación vamos a nuestros servicios ahora. No voy a ir a la otra página. Ustedes ya pueden saber qué es esto. Este es un completo con cabecera. Esto de aquí son tres blurbs así. Se agregó una imagen de fondo. Este de aquí es el módulo de tabulador. Entonces esta justo aquí tiene diferentes pestañas. Y hablamos de eso. Este de aquí es otro llamado a la acción. Pero acabo de poner en un fondo este aquí mismo es otro llamado a la acción con una imagen, y yo solo reduzco el relleno. No tengo espacio, y acabo de poner un color de fondo y esta de aquí es básicamente tres imágenes así que imagen, imagen, imagen, imagen, imagen, imagen. Y ves que afectado ha tenido esta imagen para ir a la izquierda. Este viene a la derecha y éste viene de arriba a abajo. Entonces eso es lo que tiene ese efecto fresco. Ahora, déjame dártelo una vez más, así que voy a refrescar esta página y vamos a desplazarnos hacia abajo y tener cuidado con eso. ¿ Ves ese efecto ahí mismo? Yo hago una vez más. ¿ Ves eso? Entonces los he alineado perfectamente para hacerlos, como, ya sabes, parece que se están acercando. Y entonces esto de aquí es sólo un llamado básico a la acción. Y nuestra última sección es nuestra contactanos melocotón. Por lo que una página de contacto con nosotros es un blurb, blurb. Tenemos tres capas de texto justo aquí, y tenemos nuestro contacto configurando nuestro melocotón de contacto, y básicamente es un módulo de contacto, y agregué algunos, ya sabes, cambiar el diseño del mismo y también correcto aquí este es el completo con módulo de mapa. Entonces, con sólo mirar eso, ustedes pueden crear algo que posiblemente se pueda pensar con el tema de Davy. De hecho, este tema lo siento, este layout es en realidad un imitador de otro layout. Entonces lo que suelo hacer chicos, es que en realidad solo voy a Google, y solo escribo algo como diseños realmente geniales, ya sabes, como, vamos a ir a, como, Plantilla Monstruo. Algunos así. Nunca compraría nada del sitio. Los chicos nunca compran nada. Los constructores de páginas eran realmente, realmente malos. Pero puedes conseguir ideas. Entonces yendo por aquí a temas de WordPress. Y, ya sabes, se puede una especie de mirar sus plantillas y especie de simplemente conseguir ideas. Y puedes usar estas ideas para construir las tuyas propias sobre el tema divvy porque estos temas son muy limitados. Ah, muchos de ellos. Su factura de página. Ahí está chupar. Tienes que averiguar qué hacer. Y son muy yo nunca compraría uno. Pero aun así se puede, ya sabes, por lo general diseñar así aquí mismo. Este de aquí es un llamado a la acción con sólo cuatro blurbs debajo de él. Eso es todo. Entonces no hay razón por la que debas alguna vez, nunca por otro tema, el tema de David es literalmente todo lo que necesitas. Entonces con solo mirar esto, puedes saber en qué parte de atrás que no estás comprando unas plantillas. Estás comprando como todo el paquete. Ya sabes, estás comprando un arma que puede crear cualquier cosa que puedas pensar. De acuerdo, así que esos son mis chicos naturales. Espero que este quiz te haya ayudado, espero. Simplemente una especie de, ya sabes, conseguir más ideas sobre cómo puedes ser un poco más creativo con el tema de la televisión. Y voy a tener unos cuantos más en camino, así que los veo a todos después. 18. Varios módulos y técnicas: chicos, bienvenidos de nuevo. Entonces ahora sigamos adelante y repasemos algunas más de las características del módulo para presentarte. Además, voy a dar clic en este ícono más, ir a regular y vamos a añadir este ícono de tres capas justo aquí. Entonces vamos a agregar en un audio algo así aquí mismo. Y lo que esto hace es que te permite especie de crear música. Entonces todo lo que necesitas hacer es subir tu archivo de audio aquí mismo. Por lo que preferentemente un expediente MP cuatro. Haga clic en subir. Ni siquiera tengo en los archivos de audio mi computadora, así que creo que voy a encontrar uno. Pero sí tengo uno. Creo que es como Tobu o algo así. Uh, vamos a ver aquí. No lo es. Es, um no. Muy bien, aquí. El Ok, Entonces este es el expediente MP tres. Entonces si tienes algo de música que quieres especie de show case o tal vez crear algún tipo de sitios web artísticos, Um, este es un ah gran módulo para ti porque en realidad puedes introducir el, sabes, el autor, el título de la canción, y puede reproducir la canción justo en el sitio web. Entonces hay muchas razones por las que querrías usar el archivo de audio en lugar de vincularlos a algunos otros sitios web porque esa es la peor idea es vincularlos al sitio web porque una vez estemos fuera de tus sitios web, podrían empezar a hacer otras cosas que podrían olvidarse de tu sitio, ¿verdad? Entonces no estoy click en subir un archivo de audio, y me pondré Darrell Wilson y pondré ah, ¿cuál es el nombre del artista o el título? Entonces esto se llama en realidad ah put loco artista llamado Darrell Wilson si tienes un nombre de álbum , así que esto sería como un patty wack y, um, um, imagen de arte de portada o de lo contrario. Entonces, ¿qué cubre nuestra imagen que quieres ahí? Entonces voy a poner tal vez este aquí mismo. Ahora, el color del texto. En realidad podemos tenerlo iluminado u oscuro, pero recuerda, realidad puedes cambiar eso en los ajustes de diseño. Entonces aquí mismo, probablemente pondré como quiero un color azul. Y ya sabes, puedes cambiar esta fuente Heidel ahí mismo. Se puede cambiar la, um ah, la fuente del título y también la fuente del álbum. Por lo que hay mucha personalización que puedes hacerlo. Recuerda, esta es la misma configuración exacta que las otras. Entonces una vez que lo aprendes para todos ellos, como dije, cartas para cada módulo individual. Entonces no quiero pasar por todos estos ajustes porque todos son iguales. Ya sabes, el título, el espaciado entre letras, etcétera, el color, etcétera. Así que sólo voy a dejarlo encendido, general y solo dar clic en cerrar ahora, realidad puedo reproducir estos en vivo en la página web para que puedas escuchar esa música así como así. Ahí va. De acuerdo, perdón por eso. Yo abro eso. Entonces si quieres agregar en ese módulo así, eso es algo que puedes hacer Y recuerda, puedes duplicarlo. Ahora, realidad voy a desbloquear esto. No sé por qué hace eso. A veces no sirve para protegerte, pero, um, um, ya sabes, recuerdo que en realidad puedes duplicar esto. Se puede, ya sabes, arrastrando por aquí. Si tienes múltiples artistas, puedes tener en unos pocos, ya sabes, como dije, si tienes un grupo de artistas que quieres exhibir, recuerda, puedes realmente extender esta fila hacia fuera. Recuerda, ajustes de fila hacen de este rifle con. Ahí vas. Para que puedas tenerlo. Algo así es pero eso parece un poco demasiado estirado. Podría dejarlos así. De acuerdo, entonces eso es por el audio. A continuación, en realidad vamos a añadir una nueva sección que vamos a añadir en este pequeño ícono aquí mismo , y vamos a sumar en el acordeón. Por lo que el acordeón es básicamente esa característica que permite exhibir diferentes artículos en un solo bloque. Entonces permítanme darles un ejemplo, pero bienvenido. Bienvenido a nuestro portafolio. Y podemos poner algo así como, uh, echa un vistazo a este texto realmente genial y puedes diseñar esto. Como dije, se puede cambiar el ah, el color del texto de palanca. Puedes cambiar el color de fondo para esto. El icono colorea el toggle. Fond, el tamaño de fuente Uh, etcétera el espaciado entre esto aquí mismo. Entonces, como dije, estos son todos estos mismos ajustes ahora para la fuente del cuerpo. Si hago clic en esto aquí mismo, se va a bajar este texto aquí mismo. Por lo que esta fuente de cuerpo se aplica a cuando se hace clic en el icono. De acuerdo, entonces todo este ajuste. Como dije, es relativamente lo mismo la altura de la línea. ¿ Quieres tener una imagen de fondo dentro de esto? Eso se puede agregar. Entonces es por eso que querrías sumar en el acordeón. Se puede agregar. Puede ser como, ya sabes, realidad he visto esto en muchos sitios web. Al igual, por ejemplo. Te daré un buen ejemplo de ello. Iremos a este sitio web llamado pastel host dot com, y vamos a ir. Teoh es el diseño wordpress, o es de los tutoriales. Sí, tutoriales. Entonces, ¿ves esto aquí mismo? Esto se hizo con el acordeón. Entonces todo lo que necesitas hacer, solo hacemos clic en él y desciende esta cosa realmente genial. Ahí puedes tener video de YouTube. Puedes tener todo tipo de cosas geniales. Entonces si necesitas Si quieres tener algo así, um ya sabes, eso es lo que habías entrado. Recuerda, esto es sólo un texto. A divisor, divisor, acordeón, según acordeón. Entonces espero que ya estés empezando a enterarte de cuando veas algunos sitios web que se ven así . Podrás entenderlos un poco más. De acuerdo, entonces vamos a crear una nueva sección, así que eso es básicamente un resumen rápido del acordeón. A continuación, en realidad vamos a introducir una nueva sección tan regular lo haremos como una con sección ahí mismo y haremos los mostradores de barras. Los mostradores de barras son muy autoexplicativos, y son muy simples. Por lo que en realidad voy a añadir un nuevo artículo. Simplemente se pondrá como nuestras ventas. Pondremos qué diseño? Entonces, ¿ves este pequeño mostrador de bar justo aquí? Así que digamos, um, ya sabes, quiero cambiar eso. A lo mejor alrededor como el 99 ¿De acuerdo? Y, um, yo sólo podría, ya sabes, podría hacer más de ellos. Puedo duplicarlo para que muchos de ellos vean eso. Entonces tal vez quieras poner aquí un módulo de texto que diga como nuestros servicios. Y luego puedes agregar en estos módulos de texto que se vean así. Recuerda, puedes cambiar el color del texto de estas luces del dedo del pie. Estado de Oregon es la oscuridad. Recuerda, eso es como una característica rápida. Se puede cambiar el color de fondo o el color de la barra, o bien se puede quitar porcentajes. Ya sabes, podrías poner un número en su lugar. Mira algo como esto. Pero la mayoría de la gente podría querer los porcentajes. Ahora, para los ajustes de diseño, puedes cambiar el pateo de la barra superior Así que por ejemplo, ya sabes, 10%. Sí. Y mira, ahí está bastante los bares se ven mucho más grandes ahora. Y tú contiene el fondo, el relleno inferior también, Así que probablemente lo dejaría, ya sabes, alrededor de cero. Esto se ve bien. Si haces demasiado el relleno, las barras son realmente, realmente grandes. Puedes cambiar el radio de la barra, por lo que si lo deseas más circular, puedes tenerlo más circular. Y puedes cambiar las fuentes del título, el tamaño del título, los textos, el espacio, etcétera. Ahora, para las fuentes por ciento, esas serían estas fuentes aquí mismo. Se puede cambiar eso por algo que te gustaría cambiarlo como tal vez un Arvo. ¿ Ves eso? O puedes cambiar el color del texto a tal vez negro, ya sabes, para que realmente puedas ser personalizable y averiguar cómo te gustaría cambiar ese texto ahí mismo . Entonces esa es una visión general del mostrador de barras. Ahora, digamos que quieres, como, como, tenerlo bajo unas cuantas filas. Sabes que puedes hacer algo como esto, así, así, o puedes tenerlo,ya sabes, ya sabes, tal vez aún más pequeño. Ya sabes, recuerda, puedes duplicar esta fila así, Solo tienes que arrastrar y soltar a la vez, Arrastrando dibujado. Recuerda, Realmente solo depende de que sepas cómo quieres mostrar tus sitios web. Y una vez que empieces a aprender a usar los módulos, serás un genio. Recuerda, puedes agregar un color de fondo a esto, por lo que esta sección azul controla el color de fondo. Entonces si quiero fuera de color de fondo, ya sabes, podemos agregar algo. Se ve así aquí mismo. No, se ve bastante guay, ¿sabes? Entonces tal vez querrías que se viera así. Y aquí arriba, puedes agregar en un modelo de texto que diga, como, nuestros servicios, ya sabes, Y aquí puedes enumerar un montón de tus logros. Um, ya sabes, algo? Parece que eso es así que eso es un resumen rápido del audio, el acordeón y el, um ya sabes, el, uh ¿cómo se llama? El ajuste de diseño. Entonces déjame darte otro ejemplo de ese ajuste para mostrarte cómo se ve en otras webs. Entonces me voy, Teoh. ¿ Ver? Aquí mismo. Esta no. Aquí mismo. Déjalo es ver aquí. Uh, servicios, ¿eso es correcto? Sí. Entonces digamos, por ejemplo, que quieres volver a hacer eso. Entonces debo bajar, ver cómo hace las barras de su Así aquí mismo. Tengo algo de texto, tengo más texto, y sólo tengo las barras. Entonces esa es otra forma en que puedes especie de implementar las barras para que se vea bien en tu página web al tener tal vez un texto de este lado y luego, ya sabes, texto de ese lado, etcétera. Entonces, um, pasemos a la siguiente sección donde hablaremos de estoy seguro de que muchos de los módulos, pero hablaremos de cómo hacer relleno personalizado y no hacer espacio entre las imágenes, así que los veré todos ahí. Oigan, chicos. Por lo que quiero darles algunas estrategias más sobre cómo se puede especie de usar el tema para hacer algunas imágenes realmente geniales. Entonces aquí mismo tienes este, como, diseño cuadrado, y tienes esta imagen, este texto con un llamado a la acción. Eso es slider de video con una llamada a la acción y otra imagen. Entonces muéstrale cómo podemos hacer eso. Y hay varias maneras. Entonces por aquí voy a dar clic en este ícono más, vamos a dar click en Regular, y vamos a hacer una fila de dos columnas. Por lo que tenemos dos columnas. De acuerdo, Ahora, por aquí, voy a sumar sólo una carrera, una imagen básica. Entonces voy a ir a desplazarme aquí mismo y eso en una imagen, y voy a seguir adelante y subir una imagen como, um, parece que sé esto aquí mismo. Todos los derechos, cualquier imagen ahí. Y en realidad voy a cerrar esto ahora, por aquí, por aquí, voy a añadir en una llamada a la acción, y luego voy a poner como, uh, uh, aprender todo sobre el tema de la televisión y luego poner un montón en tu l y entonces, uh, aprende más. Y, por supuesto, podemos cambiar el color de fondo, pero realmente no quiero un color de fondo. Entonces vamos a sacar eso y vamos a hacer que el texto, uh, ligero. Y también desde aquí puedes agregar más texto, así que tal vez vivir en algún texto ficticio. Cierro mi sitio web Demi texto. Voy a abrir esto y seguir adelante y copiar. Eso es y volveremos aquí y solo Adam algún texto ficticio básico. Entonces se ve así, ya sabes, y quizá queramos a Teoh. No, hace que este aspecto se vea un poco más oscuro para que podamos cambiar todos los ajustes. ¿ Verdad? Aquí tienes que recordar, esto es para la fuente de encabezado. Se trata de un fondo regular. Entonces tal vez quiero cambiar este oscuro. Ese tal vez negro. Parece que es un poco más oscuro. Nosotros cambiamos. Se explotó. Entonces déjalo así ahora mismo. ¿ De acuerdo? Ahora, para obtener ese efecto fresco que tenemos antes, necesitamos realmente cambiar el relleno para todo esto. Entonces necesitamos dos, básicamente, eliminar todo el relleno, así que te mostraré que tienes que hacer eso ahora mismo. Por lo que aquí en este icono de engranaje, haremos clic en eso. Quieres realmente hacer esta fila llena con y quieres una realidad Ah, reducir toda la canaleta personalizada. Entonces queremos No queremos ningún espacio. Eso es lo que hace la canaleta. Básicamente lo pone todo junto. Ahora en realidad queremos eliminar todo el relleno justo aquí, así que seguiré adelante y solo llevaré todo el relleno justo ahí. Entonces ahora no hay espacio entre los módulos nosotros y ver eso. Y tal vez quieras esto para el ah, para el móvil también. Entonces en este momento no tenemos espacio. Pero hay algo de espacio aquí arriba, y hay algo de espacio aquí abajo, así que en realidad necesitamos ir a este módulo aquí mismo y eliminar el relleno también. Recuerda, el relleno es el espacio. Entonces les estoy diciendo que no quiero ningún espacio en ninguna parte, así que pondré 000 y cero. Está bien, así que haga clic en cheques. Entonces ahora tenemos la imagen que está reservada juntos Ahora, en esta sección de aquí, tal vez necesitemos una especie de, ya sabes, empujarla un poco porque, um, sabes, el modelo no se ve bien así, Ya sabes, es un poco, um es un poco acurrucado, ¿sabes? No le gusta, ya sabes, no parece que se supone que lo haga, así que podemos agregar un margen. Entonces por aquí, dentro del margen, podemos agregar, tal vez, como un margen de 10% o 30% para especie de empujar, empujar nuestro texto hacia abajo, así que no lo queremos ahí. Entonces ahí mismo. Entonces ahora ustedes pueden ver que tenemos este efecto realmente genial de que la imagen es grande y el Texas allá. Ahora, digamos que quiero sumar otro, pero quiero cambiarlo, Recuerda, Recuerda, estamos usando la cosa divvy. Podríamos hacer cualquier cosa con esta cosa. Entonces solo vamos a duplicar esta fila así como así, y en realidad voy a agarrar toda esta sección. Entonces agarra esto. Ponlo por aquí. Es un poco desordenado, pero no te preocupes. Y luego vamos a tomar esta sección, y vamos a ponerla justo aquí. ¿ Justo así? No, así como esto Primero un poco. Por lo general, debes hacerlo. Entonces ya ves, como un icono azul. A ver si puedo volver a hacer eso. Ahí va justo ahí. De acuerdo, entonces ahora lo tenemos así. Entonces esa es otra forma de tenerla. Y recuerda, podemos agregar en una imagen de fondo a esto. Podemos agregar en un video de fondo. Podemos agregar un video de fondo por aquí, así que tal vez quiero agregar en un video de fondo por aquí. Entonces voy a dar click en esta sección, en realidad, Sí. Daré click en la sección azul, la sección azul, y en realidad pondremos un video MP cuatro de la tinta morada y lo subiremos. Ahora bien, la razón por la que lo pongo en el fondo justo ahí es porque se lo va a aplicar a todo el fondo. ¿ Ves eso? Entonces eso se ve bastante cool, porque quiero agregar ese efecto. se puede hacer. Recuerda, De este lado, no se mostrará. De acuerdo, porque esta imagen no es transparente. De acuerdo, Entonces sólo se mostrará de este lado. Entonces así es como obtienes ese efecto del video que se reproduce en Lee en un solo fondo. De acuerdo, entonces espero que eso te ayude a saber, por tus diseños. Porque este es un diseño bastante genial que puedes agregar a muchos otros sitios web. Entonces voy a realmente, um, um, probablemente sacar el video ahora y después son así que solo guárdalo, solo lo guardaré. Y luego a partir de aquí, pasaremos a la siguiente conferencia. En realidad, sí, la siguiente conferencia, que son las imágenes. Entonces los veré a todos ahí. Oigan, chicos, bienvenidos de nuevo. Entonces en esta conferencia, vamos a sumar algunas imágenes, y vamos a tener este efecto genial de que no tengan espacio. Ahora, déjame mostrarte. Para que ustedes puedan entender. Esta es otra técnica que ustedes podrían querer hacer para su sitio web. Por lo que voy a dar click en añadido una nueva sección aquí mismo. Voy a dar click en regular, y voy a añadir cuatro barras aquí mismo. Entonces tengo cuatro aquí y ahora abajo aquí. Simplemente voy a sumar imágenes para todos ellos. Entonces voy a añadir una imagen, subir una imagen como ésta. Ahí vas. Entonces tengo mi imagen ahí ahora. En realidad solo voy a seguir adelante y duplicar este. Entonces sólo voy a copiar esto tal vez tres o cuatro veces, y sólo voy a arrastrarlo hasta aquí para que se vea así. Parecen así y lucen así. Entonces tal vez quieras realmente hacer lo que hicimos aquí arriba excepto con estas cuatro imágenes. Entonces para hacer eso, haríamos exactamente lo mismo. Ahora sólo tenemos que sumar, en lugar de sumar a modelos sin y cuatro. Entonces si voy por aquí a este ajuste de módulo pero hago esta fila llena con, vamos a añadir en el canalón personalizado. Bueno, no hice sólo una. Y ahora solo voy a reducir el relleno en todas estas imágenes aquí mismo. Por lo que bajo el relleno personalizado hará 0000 lo que reducirá el relleno entre las imágenes y Alice. Sólo di que quiero borrar el relleno aquí arriba. Lo mismo. Icono aquí arriba. Desplázate hacia abajo hasta estofado 0000 Y ahí tienes. Entonces ahora tenemos estas cuatro imágenes, ¿verdad? Recuerdan que puedes duplicar la fila y hacer que se vea realmente genial. Por lo que esta es otra forma de cómo se puede ordenar de estilo y diseño de su sitio web. Entonces básicamente, acabo de crear estas imágenes y simplemente no hice espacio entre ellas. Entonces si buscas este tipo de efectos, esa es otra forma de acercarte a él. OK, así que esa fue una conferencia bastante rápida, pero solo quería mostrarte, ya sabes, algunas características personalizables diferentes. Por lo que en la próxima conferencia, hablaremos más de otros módulos. De acuerdo, entonces los veré a todos ahí 19. Divi y módulos de video de Divi: Oigan, chicos, bienvenidos de nuevo. Entonces en esta conferencia, vamos a hablar del deslizador de video, del módulo de video y también del propio deslizador Devi. Ahora realmente rápido, vamos a hacer un breve resumen rápido. Um, justo aquí. Esto es un tonto con deslizadores. Sí, puedo ver está lleno con. Y ah, ya sabes, puedes agregar en tu texto agregamos un fondo de video. Esta siguiente sección aquí es de cuatro blurbs. Entonces esto son cuatro blurbs y lo hicimos básicamente lleno con, Así que tiene ese efecto más grande. Estos son los contadores de barras y este es un módulo de texto. Entonces, con sólo mirarlo, espero que ustedes puedan entender la lógica detrás de ella. Por lo que esta es probablemente una fila de dos columnas. Ya sabes, hay dos columnas. Se trata de cuatro y esto es sólo un completo con módulo. Ahora repasemos los videos luchadores. Y luego, por último, el deslizador, que es, um, podría ser uno de los que más se usan. Entonces por aquí bajo agregar nueva sección, voy a hacer regular y voy a sumar en la dos sección aquí mismo. Ahora voy a desplazarme hacia abajo Teoh, puedes hacer video aquí mismo, y digamos que tienes, ah video de YouTube o tienes tu propio video. Pero dependiendo de tu servidor, sea cual sea el hosting que estés usando algunos servidores. Max es como 64 megabytes, 1 28 megabytes. Sé que Blue Host es de sólo 32 megabytes. Eso es bastante pequeño. Entonces si tienes un servidor pequeño, te dan un espacio muy pequeño. Podrías simplemente usar la URL. Entonces solo voy a pasar ese ritmo a Europa para ese video de ahí dentro. Y ahí tienes. Entonces ahí está mi video. Entonces si estás buscando algo así, um, ya sabes, puedes entrar en eso. Recuerda, este es un dos con módulo, por lo que puedes hacerlo lleno con solo crear, ya sabes, una fila de una columna y luego reducir el relleno por todas partes, como hablamos solo en el anterior conferencia. Entonces eso es básicamente ah, muy básico sobre ver la configuración de video y no hay realmente lo que puedas diseñarlo, ya sabes, solo está arriba. Es solo un video, ¿verdad? Entonces voy a cerrar esto ahora, y voy a Teoh a basura esto y vamos a usar el otro módulo, que era el módulo deslizante de video, y realmente va a ser muy similar al anterior. Así que justo de la parte de atrás, en realidad vamos a pasos. Pero la única diferencia entre este módulo y el que teníamos antes es el hecho de que en realidad también se pueden crear múltiples videos. Entonces por aquí, voy a t o ver aquí mismo. Voy a seguir adelante y crear. A lo mejor, ya sabes, unos pocos estos aquí mismo y haz click en seguro para que mi video no se esté mostrando. Debería estar mostrando. Déjame seguir adelante y hacer eso una vez más. A veces si eso alguna vez pasa, chicos, pasan cosas raras. Simplemente adelante y simplemente elimínalos así, ¿de acuerdo? Y volveremos a añadir un nuevo artículo. Y como dije, vamos a seguir adelante y simplemente pegarlo ahí y vamos a seguir adelante y dejar que se cargue el constructor visual . Y ahí tienes. Entonces recuerda, si eso sucede alguna vez, chicos solo, ya sabes, lo hacemos. Ya sabes, a veces solo consigues errores aleatorios así. Confía en mí, gente es como nunca obtienes errores, Darrell en cualquiera de tus tutoriales y yo voy, Sí, sí lo consigo todo el tiempo. Ya sabes, Así que recuerda, si quieres duplicar esto ahora, tenemos múltiples versiones del video, y si alguien quiere, puedes hacer click en esto y se deslizará al siguiente video. Ahora, todos estos son los mismos videos, así que por eso se ve así. Entonces si estás buscando algo como esto donde quieres que la gente se deslice continuamente , tal vez los videos que tienes este módulo de araña de video serían tu principal solución. Y también puedes agregarle en una portada. Entonces, ya sabes, como en otros canales como YouTube o algo donde tienen así, ese color en miniatura. Entonces si vas por aquí, puedes agregar en una imagen sobre el euro, Así que básicamente la imagen que te gustaría cubrir en su lugar. Está bien. Entonces voy a cerrar esto aquí mismo, y voy a eliminar este módulo, y a continuación, vamos a hablar del módulo deslizante, que era cuál sería uno más común. Así que en realidad me voy a desplazar hacia abajo aquí para ir al Módulo de sidra, y hay algunas características geniales al respecto. Pero hay mucho que recomiendo hacerlo a mi manera porque, um, um, dependiendo de tus necesidades, puedes perderte un poco con el deslizador. Entonces déjame discutir con eso de lo que estoy hablando Así que el rubro que voy a poner bienvenido a lo de Debbie y el texto de botón puesto. Contáctanos el que eres. Bueno, sólo voy por algo en blanco. Ahora para la imagen de fondo puedes agregar en cualquier tipo de imagen que quieras. Entonces si haces click en subir, voy a seleccionar esta foto de este cielo nocturno aquí mismo. Y ahí tienes. Para que puedas tener este deslizador fresco, y recuerda, puedes hacerlo lleno con puedes hacer que se estire por toda la página. Esta es solo la configuración estándar básica. Entonces, um, ya sabes la posición de la imagen de fondo que yo haría. Tengo un montón de, como, ya sabes, sentimientos encontrados al respecto porque puedes posicionarte para preocuparte donde quieras que esté, pero simplemente me iré. Es por defecto. Ya sabes, creo que el default es probablemente el más estándar. Pero recuerda, puedes hacer como el centro inferior. Ya sabes, realmente puedes ponerte en profundidad en donde quieres que el tema vea ahora el tamaño de la imagen de fondo puedes cambiarlo, Teoh Cover real y y Ah, encaja. Pero yo sólo lo dejaría como predeterminado. De verdad me limitaría a dejar los impagos. Tengo sentimientos encontrados con la configuración del deslizador, así que vamos a dejarlo así. En realidad puedes tener un color de fondo. Pero eso es solo si no seleccionaste la imagen de fondo. Um, para una imagen de diapositiva puedes agregar, Um, puedes agregar como un pequeño ícono aquí mismo. Entonces, por ejemplo, te mostrará si hacemos click en esta subida, podemos agregar algo como, Ah, ver mucho este pequeño ícono del tema divvy Y ahí tienes. Entonces vas a tener algo que se parece a esto. Y recuerda, podríamos hacer esto, uh, esta cosa llena de. Entonces, um, ya sabes, esa es otra razón por la que. Y también puedes tener la imagen de diapositiva, alineación vertical. Ahora, la razón por la que podrías tenerla en la parte inferior es porque algunas de esas personas tienen, como, esos sitios web donde tienen, como el teléfono que sobresale como la mitad inferior. Entonces si quieres ese efecto, puedes tenerlo para que se vea algo así como poner la imagen en la parte inferior para que la imagen quede pegada a la parte inferior. De acuerdo, pero para este, sólo vamos a dejarlo un centro. Y el resto de esto básicamente es decir, ya sabes, el color del texto. Recuerda, también podemos tener un slider de video, así que voy a dar click en MP cuatro aquí mismo, click en subir y seguir adelante y agregarle un video de fondo para que puedas tener algunos que se vean así aquí mismo. Ahora, realmente rápido. Puedes Adán o contenido aquí mismo. Entonces aquí mismo puedes poner como, voy a agarrar este texto ficticio aquí mismo. Se ve así, y yo sólo voy a seguir adelante y, um, voy a seguir adelante ahora y ritmo dentro de esto son slider. Entonces el fondo, recuerda, puedes sumar, Ya sabes, puedes agregar en como, ya sabes, Ah, Ah, texto a un medio. Se puede agregar en más fotos. Puedes agregar todo tipo de cosas a tu deslizador. No hay limitaciones en lo que se puede hacer. Por lo que al siguiente que tengas tu diseño, que tienes como el radio de borde de superposición de texto, puedes agregar una nueva superposición a tu texto. Entonces, por ejemplo, volveremos a nuestra configuración general aquí mismo, y vamos a desplazarnos hacia arriba, y hay algo llamado la superposición de texto. Por lo tanto, antes que nada, usa la superposición de fondo. Si hago clic en sí, y sigo adelante y me desplazo por algunas de estas, vas a conseguir esta superposición, pero sólo se aplica a las imágenes. Entonces déjame quitarme el video para mostrarte de lo que estoy hablando. Entonces ahora mismo, voy a volver aquí a la superposición fronteriza. Recuerda, el color de superposición de borde solo aplica a las imágenes y ah, no a las imágenes. Entonces si bajo así, vas a ver que la, uh, la imagen empieza a entrar lentamente. También pueden tener un texto. Extrasamente. Entonces algunos. Se ve así aquí mismo donde se puede tener la superposición del texto justo aquí. Entonces esa es otra forma en que puedes ordenar de diseñar tus sitios web. Ahora, voy a deshacerme de la imagen de diapositiva aquí mismo, y en realidad voy a añadir en el slider de video así como así, y voy a dar clic en seguro. Por lo que ahora tenemos la imagen de nuestro ya sabes nuestro slider. Tenemos una diapositiva de video. Recuerda, puedes agregar inm o, ya sabes, puedes agregarla tantas arañas como quieras, y luego si hacen clic en él, serán llevados al siguiente deslizador. Por lo que esto te puede dar múltiples efectos de deslizador. Ahora, si básicamente quieres decir, ya sabes, yo como que quiero a este tonto con, ya sabes, es es un poco pequeño, ¿ verdad? Simple. Sólo tenemos que ir en los ajustes de carretera hacer que esto esté lleno con y hacer que la canaleta personalizada con probablemente alrededor de uno así. Está bien, así que voy a dar clic en Guardar, y sí se agota así a veces. Entonces lo hace. Mira, a veces estamos usando el constructor visual, pero, ya sabes, la mitad de atrás, ya sabes, puedes diseñar tu lado así. Y si quieres deshacerte de las palmaditas aquí mismo en la parte inferior, recuerda, vas a ir a tu fila azul y reducir el relleno en todas partes. Por lo que acabas de poner 0000 en cuanto a esa palmadita de ahí. Y recuerda, puedes duplicar esta fila. Puedes, ya sabes, puedes tener como otro slider justo debajo de su Que se ve así aquí mismo. Entonces, como dije, hay muchas maneras de personalizar el deslizador Thea Davey. Entonces, en pocas palabras, chicos, chicos, probablemente eso sea todo para el slider. Puedes agregar todo tipo de contenido cool que puedes agregar en deslizadores de video. Puedes agregar todo tipo de cosas realmente geniales. Y si quieres ese efecto grande, como dije, solo tienes que ir al azul y al icono de Thiel y simplemente hacer cero relleno para todo. Y se volverá como un ceñido. Estará muy apretado. No habrá espacios en blanco en ninguna parte. De acuerdo, así que déjame darte un ejemplo más rápido, como por aquí, y voy a seguir adelante y sólo hacer cero en el fondo. Ustedes en los derechos que ustedes pueden ver ahí mismo. El relleno se había ido. Por lo que el relleno se ha ido aquí arriba. Seguiré adelante y solo eliminaré éste, y vamos a seguir adelante y lo apretaré así. Está bien, Así que ahí tienes. En pocas palabras. Es así como se reduce todo el relleno. Por lo que en realidad podríamos querer conseguir ese fondo ahí mismo. Veamos aquí, ve a la configuración. Por lo que tengo los antecedentes todavía ahí. Podría tenerlo. Sí, sí, el cuarto trasero. Pero probablemente debería borrar eso. Por lo que esa imagen no se cargará porque ustedes vieron la carga de la imagen ahí mismo. Por lo que eso despegará la forma en que carga. Y también en este, también. Asegúrate de tener un fondo de video. Los chicos no tienen imagen de fondo. Wells te va a dar esos efectos. Entonces, ¿así es como diseñarías el deslizador Devi? Es muy sencillo de usar. Es muy fácil, y realmente consigue que su trabajo se haga bastante bien. Y también puedes personalizar el botón como hablamos antes. Por ahora, ustedes probablemente sepan personalizar el módulo but. Entonces esos son ustedes chicos para los deslizadores y los deslizadores de video. Um, en la siguiente sección, vamos a cubrir un poco más de módulos. Bueno, me quedan quizá alrededor de siete u ocho módulos, y luego hablaremos de, um, um, algunas más de las características y un límite más de las características avanzadas para el tema de Davy. Está bien, así que los veré a todos ahí 20. Perfil: Oigan, chicos, bienvenidos de nuevo. Entonces en esta conferencia, vamos a repasar algunos módulos más y también cómo se pueden utilizar correctamente los módulos. Ahora bien, hay una discrepancia entre dos de estos módulos, que este es el perfil y también la sección testimonial, y voy a repasar ambos y darles el ejemplo de cómo ambos se diferencian entre sí. Entonces primero, voy a dar clic en esto aquí mismo y crear una nueva fila. Voy a hacer esto regular, y voy a poner tres aquí mismo. Voy a desplazarme hacia abajo, y vamos a ir a la sección testimonial aquí mismo. Muy bien, Así que el nombre del autor. Voy a poner Darrell Wilson nombre de empresa diseñador WordPress. Simplemente pondré, um, Diseño web, que era mi otra de mis empresas. Y entonces estás bien, que yoro es como tu página web. Entonces, www dot darrell wilson dot com Eso es un tu l. Así que entrarías en tu página web justo ahí. Y tienes la opción de abrir el Si haces click en su abrir eso y una nueva página o simplemente redirigir. Por lo que probablemente quiero un nuevo tat ahora mismo para la imagen de retrato o de lo contrario voy a subir esto. Y solo voy a poner una imagen de ah, este tipo de aquí, en realidad conoce a este tipo de aquí y da click en subir una imagen para que ustedes puedan ver que la imagen es ah, ahí mismo. Y desde aquí, podemos hacer. Ah, quieres que el icono de la cotización sea visible u oculto. Entonces, por ejemplo, ves cómo tengo ese ícono ahí mismo. Podemos cambiarlo para que sea visible u oculto. Se puede agregar en un color de fondo. Entonces en este momento no tenemos color de fondo, y puedes tener el texto puede ser oscuro, o en realidad puedes tenerlo donde está. Ah, oscuro como si fueras, ah, un color de fondo. Se puede cambiar el color de fondo. Entonces tal vez quieras verde. Quieres azul, ¿verdad? A lo mejor un azul claro. Algo así por ahora. Y se puede tener la orientación del texto en el centro. Puedes tenerlo a la derecha o justificado y justo aquí puedes dar una breve descripción de la persona, ya sabes, como, uh, no Darryl. A ver, aquí mismo. Por lo que ha trabajado. Yo sólo en realidad tal vez hacer algo ficticio textualmente rápido que siempre funciona. A mí me gusta el texto ficticio. Y la mayoría de la gente usa el impuesto ficticio porque solo crea estructura sin poner me gusta pensar en palabras. Es solo que, ya sabes, Lauren ipsum todo esto al azar, ¿ verdad? Yo soy un mensaje que tenemos Así que voy a ir en realidad sólo adelante y sólo darle una bofetada a ese chico malo ahí dentro . Entonces ahora tenemos texto ahí mismo. Eso dirá, Ya sabes, esta empresa es increíble, etcétera, y hablarán de la empresa. Entonces esa es una forma en que puedes saber tener un testimonio. Ahora, vamos a la configuración de diseño. Entonces el color del icono de la cotización aquí, la parte superior justo aquí. En realidad puedes cambiar este color aquí mismo. Ahora, tal vez quieras que sea verde o leído o algo así. A continuación, tienes tu borde de radio de retrato para que realmente puedas cambiar el radio del borde. Puedes hacerlo más redondo o círculo. Ahora mismo, es como una plaza. Podrías hacerlo más circular. También se puede cambiar la altura del retrato. Por lo que parece que así son así que realmente depende de que sepas a qué vas. Y como dije, sé que esto se ve raro, pero chicos, siempre hay una razón para algo. Confía en mí. He trabajado en tantos sitios web hasta para los módulos más extraños. Luce increíble. Tan solo dependiendo de cómo lo encuentres en tu página web. Y aquí mismo ustedes chicos contiene las fuentes del cuerpo, el color del texto del cuerpo y también el espaciado de letras. Entonces, como dije, los modelos son bastante redundantes en este punto. Ustedes chicos, estamos empezando a aprender más sobre los módulos, y pueden agregar en una imagen de fondo a esta sección si lo desean, pero preferiblemente no. Puedes agregar en un borde, y puedes tener, como, como, un color de borde alrededor de esto Si quieres, mira cómo hay un borde. Ahora, puedes tener esto sobre tu, um, sobre tu perfil, y puedes tener la frontera con podrías hacerlo grande, o podrías hacerlo pequeño. No obstante lo que quieras diseñarlo, puedes cambiar también el estilo de borde. A lo mejor quieres duplicar o lo quieres, ya sabes, arrasada. O bien, sabes que puedes tenerlo sólido o incluso punteado. Sí, Ahora es como, punteado así. Por lo que también puedes cambiar el margen personalizado por ejemplo, 10%. Ustedes pueden ver que está empezando a empujar hacia abajo. O puedes hacer, ya sabes, 10% a este lado, que sería así. Para que ustedes puedan entender como Teoh, ya saben, usar el margen y usar el signo de porcentaje. O puedes usar píxeles para que puedas usar píxeles o puedes usar por ciento. A mí me gusta por ciento más porque es un poco más poderoso y en contra de la idea a través. Entonces esta de aquí es la configuración testimonial. Y como dije, esa es básicamente la visión general de los envios testimoniales. Ahora, hay otro que se parece muy a esto, que es éste de aquí. Pero este es en realidad el perfil. Entonces esto sería algo donde estás mostrando a los miembros de tu equipo. Ahora, permítanme darles un ejemplo. Entonces por aquí en esta fila de columnas, solo voy a seguir adelante y tal vez fuera de una más. Y sólo voy a añadir otro aquí mismo. Entonces yendo por aquí. Entonces este es el módulo de perfil. Está bien. El módulo de la persona, la persona. Entonces haré lo mismo. Darrell Wilson, diseñador de WordPress. La imagen que eres l lo haré, adelante. Basta con subir una imagen usará. A lo mejor este tipo de aquí otra vez. Está bien, entonces aquí mismo puedes tener una animación. Entonces si quieres que esta imagen se desvanezca o vaya de izquierda a derecha o de derecha a izquierda, puedes hacerlo ahí mismo. Puedes cambiar el que conoces, el color del texto. Y digamos que tienes un perfil de Facebook. Acabas de poner a la chica ahí. Pero por ahora, voy a usar este pequeño símbolo, un perfil de Twitter, lo mismo. Entonces la URL, que es la dirección Web de tu cuenta de Twitter. Pones eso ahí dentro. Lo mismo con Google plus y lo mismo con el ah vinculado en perfil. Y aquí mismo puedes agregar un poco más de texto. Vamos a pagar algo ahí dentro que se vea así. Y recuerda, puedes agregar en medios de comunicación miembros dice admitido. Eso significa que puedes agregar imágenes. Por lo que si quieres agregar más imágenes o quieres agregar cualquier cosa en este cuadro, puedes hacerlo. Siguiente. Vamos a nuestra configuración de diseño y puedes cambiar el color del icono. Entonces tal vez quieras este azul Así que verás, los iconos ahora son azules Puedes cambiar el flotar sobre el color Así que digamos que ahora mismo son azules, ¿ verdad? Pero digamos que quiero un negro cuando cierre sobre ellos. Ellos ven como ahora son negros Para aquellos de ustedes que son daltónicos lo siento, pero sí tenía un cliente era daltónico. Él es como, no veo que podría Bueno, lo estoy haciendo. Está ahí. Y aquí mismo. Cambiaste la fuente del encabezado. Entonces aquí mismo está la fuente del encabezado. Y, um ya sabes, puedes cambiar la altura de la letra, el espaciado, y aquí mismo cambiarías la fuente del cuerpo. Por lo que toda esta información está aquí mismo para cambiar las fuentes del cuerpo. Puedes agregar en un color de fondo a este en un color de fondo a eso, O puedes agregar en una imagen de fondo. Um, ya sabes, Pero si estás en la imagen de fondo, probablemente necesitarías, como un Really? No lo sé, pequeña, ¿verdad? Simplemente no veo. Probablemente lo agregaría en la sección azul justo aquí. Realmente no añadiría el, uh ya sabes, no lo añadiría en este, pero te dan la opción de hacer eso sin embargo, Así que sí propósito de servicio. Entonces, um, eso es todo. Ahora vamos a dar click en cheque. Entonces esa es una visión general de cómo se puede agregar esto en. Y recuerda, digamos que quieres, como, como, duplicar este camino. A lo mejor tienes 18 miembros. Puedes simplemente básicamente, ya sabes, uh, ya sabes, sólo sacar la foto, poner una descripción diferente dentro, y digamos que quieres darle otra mirada a esto, Digamos que queremos hacer esto lleno. Por lo que hago click en esto y lo hago lleno con y ahí tienes. Entonces este look creo que se ve un poco mejor, ya sabes, Y recuerda, puedes agregar en una imagen de fondo o ah, color para que puedas seguir adelante aquí en el icono azul y tal vez añadido en un color de fondo . Parece que ahora sí tengo estas cosas blancas ahí mismo, así que probablemente quieras mezclarlas así para que se vea así. ¿ Verdad? Por lo que esa es una visión general de las personas y el módulo de perfil. A continuación, vamos a usar el módulo de toggle, que es, uh, voy a seguir adelante y dejar esto. Ahora ustedes tienen la idea, ¿verdad? Está bien. Entonces en realidad voy a hacer el módulo de toggle ahora. Entonces voy a sumar en tu sección sección sección regular. Voy a dar clic en este de aquí y desplazarme hacia abajo hasta el módulo de toggle, que está justo aquí. Y esto es muy similar al dedo del pie del módulo del acordeón. Entonces aquí, voy a poner, por ejemplo, ese es un buen título. ¿ Quieres saber más sobre nuestra empresa? Y puedes tener esto cerca o abierto ahora, tal vez el ejemplo de cerrado. Por lo que entré en texto ahí mismo. Pero probablemente no lo puedas ver porque tenemos el dedo abierto esto. Entonces si hago click en esto ahora, va a mostrar ese texto. Y este sitio web es otra gran idea del acordeón. Lo siento, el módulo de toggle. Entonces es así. Y como dije, puedes insertar videos. Puedes insertar todo tipo de cosas geniales ahí dentro. En realidad se puede poner en imágenes. Puedes agregar lo que quieras en este módulo aquí mismo. A lo mejor quieres hablar de como, nuestro trabajo previo. Todo se trata de ser creativo. Chicos De eso se trata mayormente el tema televisivo. Porque otros temas son más como plantillas. Realmente no se puede hacer mucho. Pero este tema solo te permite, ya sabes, usar tu imaginación. El cielo es el límite aquí, ya sabes, lo que sea que puedas pensar. Y más adelante, tendré otro tutorial sobre una conferencia más avanzada. Básicamente te voy a mostrar un sitio web, y quiero que me digas qué módulos que vamos a ponerlo. De acuerdo, entonces va a ser bastante divertido. Entonces por aquí, nos vamos. Teoh. Es decir, esto es básicamente, supongo, dijo que es un módulo bastante, bastante autoexplicativo. Ya sabes, en realidad puedes cambiar el fondo, ya sabes, puedes usar diseño, puedes abrir el color de fondo de toggle. Entonces, por ejemplo, digamos que quiero este azul. Ahora, si abro esto, va a ver, como, sólo mira, se verá así. Para que conozcas el color de texto de toggle abierto. Ahora, estas opciones chicos son muy autoexplicativos. Ya sabes, el color del icono. Este aquí mismo sería el ícono. El título financia el tamaño de fuente del título, el título para el color del texto , el espaciado , la altura, toda esta información es bastante obvia, así que realmente no quiero repasarlo ahora. El cuerpo, tamaños extraños, esta información aquí mismo. Por lo que desea cambiar esta información que se consideraría la fuente del cuerpo. Está bien. Y digamos que te metes con él. Nada cambia. Simplemente cierra el constructor visual y vuelve a abrirlo. A veces se fastidia y las cosas pasan. De acuerdo, entonces, um, eso es básicamente una visión general de los chicos del módulo de toggle. Y como dije, este es un buen ejemplo. Pie host es un gran ejemplo de usar el módulo toggle. Porque esto es con el tema de Davy, como, ya sabes, ¿tomas tarjetas de crédito? Ya sabes, haz click en él. Sí. Está bien. Enfriar. Se llevan una visa. MasterCard. Impresionante. Entonces esa es otra razón, ya sabes, es buena para tu página de fax. Ya sabes, esto es ah, gran página de fax, y esa es una gran idea de cómo usar el Targamadze porque mucha gente me pregunta No, como mientras. Pero yo uso eso Dice hermano, confía en mí, siempre hay una razón para usar uno de estos módulos. Acabas de llegar a pensar en ello. Ya sabes, hay formas. Entonces siguiente sigamos adelante y, um, atropellamos un ícono más. Entonces vamos a ir a, ERM iniciar un módulo más, voy a añadir nueva sección regular, pero en una fila, y vamos a repasar la, um, la um, sección de tabuladores. Por lo que es un poco similar a la sección de toggle. Ahora la sección de tabuladores un poco diferente. Por lo que esto de aquí se considera la sección de tabuladores. Entonces tal vez tienes cierto trabajo que quieres presumir o quieres contarle algo a la gente . Aquí es donde lo harías. Entonces así como así, vamos a volver aquí, y vamos a añadir un nuevo artículo. Entonces vamos a poner como, uh, tal vez nuestros servicios y luego aquí mismo, podemos poner algunos textos así. Ahora ya ves cómo es un poco similar a éste excepto aquí mismo, hay una pestaña para que en realidad podamos seleccionar algo. Ahora, hay otra forma de usar esto. A lo mejor te gustaría agregar una foto por aquí y luego poner tu, ah, tu ah, servicio de tabuladores por aquí. Ya sabes, todo se trata de ser creativo, ya sabes, realidad todo se trata de pensar lo que posiblemente puedas hacer, Y puedes agregar una imagen aquí mismo. Por lo que agregaremos una imagen inmediata, igual que las que vimos anteriormente. Es mucho en este teléfono. Voy a dar click en Seleccionar. Ahora, ya ves que nuestros servicios están justo ahí. Entonces, uh, el pequeño Texas roto justo ahí. Entonces tal vez necesitamos tal vez cambiar eso. Sin centro, quizá dos veces. Y entonces probablemente lo pongamos ahí mismo, así como así. De acuerdo, Ahora, digamos que quieres agregar otro. Podemos agregar en otro, poner en, um, um, nuestra página web y luego una vez más, toda imagen multimedia añadida. Y tal vez esta vez voy a seguir adelante y añadir algo como, uh, no sé qué es bueno con un montón de buenas fotos aquí, ¿eh? Imagínate a esta chica. Esa es una imagen realmente grande, en realidad. Entonces tal vez algo así como, uh, esto de aquí mucho en este, y puedo seleccionar y luego seguiré adelante y presionaré sobre que entre dos veces. Ups. Yo lo borré. Perdón. Perdón, chicos. Entonces voy a volver a poner eso ahora. En realidad voy a presionar enter dos veces, y luego añadí algo de texto aquí mismo. Pasa eso por chico adentro y da click en cerrar. Está bien, así que ahora tengo dos pestañas. Entonces veamos cómo se ve ahora. Entonces aquí mismo dice nuestro sitio web o nuestro servicio y luego justo aquí tenemos nuestro sitio web así como así. Entonces aparece la imagen, tenemos algo de texto sobre ella ahora. También puedes cambiar el color de todo lo que conoces. Se puede cambiar el color de cada característica individual. Por lo que en el diseño puedes tener el color de fondo de pestaña activo, que es el activo en el que están actualmente. Si lo quieres, sabes amarillo, ya sabes, ve cómo está activo ahora mismo. Por lo que hacen clic en él. Ellos conocen su clicado en nuestra página web y tú tienes el color de pestaña inactivo. Entonces tal vez a los que no están activos, ya sabes, como éste de aquí. No está activo y se puede cambiar la fuente de la pestaña. Se puede cambiar el tamaño de la fuente, el color del texto y el espaciado y la altura de la línea, etcétera. Entonces esto es básicamente una visión general de todas las opciones ahí dentro. Pero también se puede cambiar en otras opciones un sfar como dentro del módulo. Entonces nosotros más diseñamos aquí mismo. Hacemos clic en este ícono ahora cocinamos en diseño. Podemos cambiar lo que hay dentro de esta sección aquí mismo. Para que lo sepas, podemos agregar Puede ser como un color de fondo. O puedes agregar en una imagen que puedes agregar en una imagen de fondo. Toda esa información que probablemente puedas añadir en una imagen de fondo. A lo mejor veremos cómo se ve esto. Mi mirada pegajosa. Ya veremos. Eso no está tan mal. Ahora esta imagen chicos es demasiado grande para esto, así que probablemente tengas que cambiar el tamaño de algo un poco más pequeño. Ya sabes, tal vez agregar algo como, um, como este podría caber. Ya sabes, éste es así, ya sabes, excepto que está al cuadrado. Pero creo que el color probablemente sería tus mejores apuestas. Ya sabes, agregando un color de fondo como algunos como este aquí mismo. Ya sabes, como fuera de la luz el color de Pete. Entonces creo que eso se vería un poco mejor, así que eso es básicamente una visión general del módulo tabulador. Como dije, probablemente hay otra forma de que podamos hacer que esto se vea bien. Entonces tal vez querías tener, como, ya sabes, como una foto aquí. A lo mejor. Y luego tus pestañas de servicios aquí mismo para hablar de tu servicio y tal vez algo aquí . Y probablemente puedas hacerlo lleno con y reducir la canaleta personalizada con para una especie de obtener un mejor punto a través. Entonces ahora probablemente tendrías algo justo aquí diciendo, como, ya sabes, ya sabes, echa un vistazo por qué nuestros servicios son increíbles. Y entonces tendrías esta sección donde puedes hacer clic en el acorde y navegar a través de algunas de las características realmente geniales. De acuerdo, entonces ese es un resumen rápido. Chicos de algunos de los módulos. ¿ Tienen alguna pregunta al respecto? Siéntase libre de avisarme. Um, pasemos a la siguiente sección donde hablaremos de, ah, más módulos. Y pronto se terminará con la mayoría de los módulos y entraremos en más de la sección avanzada . Entonces los veo a todos ahí 21. Preguntas 2 2: Oigan, chicos, bienvenidos de nuevo. Y este va a ser otro quiz. Entonces quiero que ustedes entiendan una especie de lógica del tema de Davy. Por lo que este sitio web justo aquí se hizo con el tema divvy. Cree que no lo son. Todo se hizo con Debbie. Cualquier cosa es posible con el tema televisivo. Entonces repasemos algunos de los modelos que solía ver si ustedes pueden entender cómo usarlo. Entonces aquí mismo usé un slider lleno. Se puede ver un deslizador de lista completa. Siguiente. Tenemos nuestra otra sección, así que solo tengo un llamado a la acción, que simplemente no incluí el botón. Me gusta usar las acciones llamadas porque supongo que es solo un texto de encabezado y solo un texto básico . Y aquí mismo tengo tres contadores numéricos y lo que hice fue simplemente ponerles una frontera a su alrededor . Eso es todo lo que hice. Siguiente. Tienes un ah, justo aquí. Tienes un divisor. Entonces ya ves como tengo el divisor negro tipo de dar como una mirada a él justo aquí. Se agregó otro llamado a la acción. Y tengo galería, así que tengo cuatro galerías, y reduje el relleno en todas ellas. Entonces se ve, ya sabes, como, realmente, ya sabes, crujido juntos. Y como dije, simplemente se ve realmente Se ve muy bien, ¿sabes? Al igual que la forma en que se ve. Para que puedas seguir adelante y pasar por algunas de las fotos así aquí mismo. Tenemos conocer al equipo, y aquí mismo acabo de ingresar un llamado a la acción. Pongo tres fotos de persona, así que módulos de tres personas y acabo de reducir el relleno. Entonces todos están uno contra el otro. Eso se ve así. Entonces a continuación vamos a ir a nuestra página sobre nosotros. Entonces voy aquí a la página ah, la sobre nosotros, y vamos a ver lo que hice aquí mismo. Entonces por aquí, voy a ir a mi, uh, uh, página de edición. Entonces aquí mismo. Usé un, um un ah lleno con pantalla aquí mismo. Para que puedas ir a revisar el completo con cabecera. Y todo lo que hicieron fue una línea de texto a los derechos y nos desplazamos hacia abajo y ustedes pueden ver el llamado a la acción con el texto. Entonces la llamada acción, recuerda, tienes que usar el botón. Ya sabes, me gusta la forma en que se ve ahí mismo. Entonces aquí mismo. Añadí en un módulo de texto. Y, um, ya sabes, justo encima de eso, pongo un botón. Entonces agregué un texto de botón justo aquí, y puse más de la ah, los módulos de galería justo ahí. Entonces hay que ver los modelos de galera y ellos encadenados por sí mismos porque lo tengo bajo un determinado segundo. Entonces eso se ve realmente limpio aquí mismo. Eso obviamente es un llamado a la acción en contra del bar. Un llamado a la acción con el módulo de texto módulo de texto, modelo de texto, módulo de texto. Entonces ustedes verán justo aquí tenía razón. Es un blurb. Entonces un blurb, blurb, blurb, blurb y yo usé una sección de especialidad. Ahora, en lugar de los chicos de blurb, simplemente no me he decidido a poner una Nikon, recuerda, Puedes especie de uso usar estos de cualquier manera que se te ocurra. Entonces lo puse en los módulos de desenfoque, pero simplemente no puse una Nikon. Entonces a continuación tenemos nuestros servicios, y ya no quiero decirles lo que uso. Yo quiero que ustedes piensen críticamente y entiendan lo que usé. Entonces aquí mismo usé un completo con cabecera y alineé el texto. la izquierda aquí abajo usé, um, usé de los blurbs otra vez, Así que puse un blurb blurb, y simplemente no puse el ícono aquí mismo. Usé una imagen de fondo, y acabo de poner, um, pongo en el Ah, esto es ah, módulo de deslizador. Así que básicamente pongo en este fondo blanco justo aquí. El texto y yo cambiamos las colillas y el logo a continuación. Aquí mismo. Añadí en un llamado a la acción con a módulos de texto. Este es un botón con cuatro modelos de galería ahí mismo. Está bien. A continuación, vamos a ir a nuestros precios. Esto también es un completo con cabecera donde alineo el texto a la izquierda. Acabo de poner una imagen de fondo. Esto de aquí es un módulo ah, llamada a la acción. Aquí mismo. Se trata de un módulo completo con llamada a la acción. Estas son las tres tablas de precios que puede parecer bastante cool. Y esto de aquí otra vez son los blurbs. Esto de aquí es un um es un divisor ah. Y añadí el deslizador ah justo aquí. Entonces ustedes pueden ver que parece una sección de testimonios, pero básicamente es solo un deslizador, así que eso es bastante genial. Y luego aquí mismo, agregamos en nuestros testimonios. Por lo que estos son iconos testimoniales. Este es un botón, y esta es de nuevo la galería. Por último, tenemos nuestra página de contacto, que es una ah, es un mapa. Pero eso es sólo el módulo regular, no el completo con tenemos un llamado a la acción. Un llamado a la acción. Un texto aquí. Yo inserté los iconos de las redes sociales, el contacto con nosotros para mi aquí y luego aquí mismo tenemos las cuatro galerías, que reduzco todo el relleno y otro botón. De acuerdo, entonces espero que eso les ayude a entender la lógica de Didi. Y tal vez ustedes chicos puedan crear Web similar. Se ha visto así de manera muy sencilla, muy fácil. De acuerdo, así que eso es todo para mi prueba. Chicos. Pasemos a las próximas conferencias. Te veo a todos ahí 22. Íconos sociales y pricing de precios: ¿ Cómo os dan la bienvenida de nuevo? Entonces vamos a cubrir algunos módulos más ahora Vamos a venir a cubrir algunos de los módulos de redes sociales. Vamos a cubrir el módulo de barra de búsqueda y tal vez uno o dos más. Entonces en realidad voy a presentarte a los iconos sociales, que son realmente, realmente geniales. Ahora, hay muchas formas de agregar en los iconos sociales. Por ejemplo, esta página de aquí, tal vez tengas artistas o algo así, y quieres agregar en iconos sociales debajo de su nombre. Entonces permítanme mostrarles cómo podemos sumar estos en. Es muy sencillo. Es muy fácil de usar. Entonces voy a empezar en realidad en tu sección. En realidad, en realidad voy a Siria aquí. Yo soy como, en realidad solo agregando uno debajo de estos tipos y simplemente adelante y desplácese hacia abajo. Ahora voy a buscar los iconos de las redes sociales, y estos son muy buenos en las redes sociales siguen iconos. Son realmente amables. Entonces aquí mismo, haga clic en un nuevo elemento ahora. Glad seleccionar una red. Por lo que tienen una mayoría de estas redes sociales en internet. Entonces yo era algo en Facebook, y justo aquí entrando tu Facebook, tu Facebook, tu l y en realidad puedes cambiar el color del icono para que puedas ver justo aquí en esta sección justo aquí que en realidad podemos cambiarlo a lo que nos guste. Entonces me iré. Probablemente sea azul. Ahora, lo que también podemos hacer es agregar en otro módulo que básicamente nos permite seguirlo. Entonces ahora mismo solo ves el ícono, ¿verdad? Pero tal vez quieras crear algo que sepas que tiene compromiso. Por lo que si haces click en el botón de seguir ahora ves donde dice seguir. Por lo que hacen clic en esto ahí mismo. Serán llevados al, um, um, a los sitios web o a tu página de redes sociales, y podrás hacer tus aperturas en la misma ventana o en una nueva pestaña. Y siempre recomiendo nueva pestaña porque la pestaña tú realmente mantendrá el sitio abierto y abrirá otro porque como que quieres mantenerlos en tu sitio web el mayor tiempo posible . Ahora mismo, también puedes cambiar la, um, um, la forma del enlace. Entonces si quieres un círculo ahora, un círculo o puedes tenerlo como rectángulo Así que recuerda, por aquí, puedes agregar en varios, ya sabes, puedes agregar en toneladas de ellos. Y digamos que quieres añadir otra, pero tal vez una red diferente. Entonces, ¿recuerdas esta cosa? Este módulo cuenta con la mayoría de todas las redes, Um, ya sabes, para una red social. Entonces aquí mismo, voy a ir a añadir un nuevo artículo y probablemente poner en YouTube. Y ahí tienes. Entonces recién estabas entrando a tu canal de YouTube, y ahora puedes, ya sabes, poner tu tu tu canal ahí mismo. Y si hacen clic en, éste, será llevado a su canal a tu canal. Por lo que esa es una visión básica de las redes sociales siguientes configuraciones. Y como dije, hay muchas maneras en las que puedes agregarlas. A lo mejor puedes eliminar estos aquí mismo, estos iconos aburridos y poner el's justo debajo de él. Eso también se puede hacer. Supongo que por aquí. Yo los agregué en. Entonces aquí mismo. Se pueden ver todos los diversos iconos debajo de estas personas. Entonces tal vez, ya sabes que quieres anunciar a estos artistas. Entonces vamos a la Tierra a la barra de búsqueda a continuación, y te diré cómo puedes usarlo. Así que iba a crear uno nuevo aquí mismo, y sólo voy a hacer un ajuste regular y voy a dar clic en este módulo y voy a seguir adelante y desplazarme hacia abajo a nuestra barra de búsqueda así como así. Ahora bien, esto es principalmente para el blawg, pero también hace un directorio de toda tu página web. Por lo que en primer lugar puedes tener el color del texto oscuro o puedes tenerlo. Luces. Se puede tener la orientación del texto a los derechos o al centro o a la izquierda algo. Parece que ahora la razón por la que son expectativas es ir al centro es porque las páginas ya llenas con. Por lo que también, en realidad se pueden excluir páginas. A lo mejor no quieres páginas de cirujano, ya sabes, incluidas tal vez, por ejemplo, solo quieres que la gente busque en el blawg. Entonces si excluyes páginas sobre Lee, el blawg aparecerá en la búsqueda. Ahora, tal vez no quieras que tu bloque se muestre, así que solo tienes que hacer clic en excluir publicaciones y en realidad puedes ocultar el botón. Ah, pero ya sabes dónde no recomendarían hacer eso. Y También puedes excluir categorías, por lo que hablaremos un poco más sobre las categorías de blogging en un poco más adelante sección. Pero es muy importante categorizar tus publicaciones en bloque, porque entonces puedes estar navegando de forma segura más fácil. Um, juega el texto de las partes interesadas para que puedas tener algo que sabes, ahí mismo. Pase el cursor sobre. Es como la búsqueda. Ahora tal vez, y supongo que puedes desactivar esto en el teléfono con la tableta, etcétera, y también puedes cambiar el diseño para que puedas tener el máximo con eso algo así como 300 píxeles, ya sabes que sería muy, muy pequeño. Entonces sí, es muy, muy pequeño, o puedes tenerlo más grande. Entonces tal vez 500 píxeles como ese y también puedes cambiar el color del borde y del fondo. Entonces si quieres cambiar el color, puedes hacerlo así. Se puede introducir un fondo de color de campo, que estaría ahí mismo, o el color de la marca de posición, y en realidad se pueden tener las fuentes A diferentes. Entonces, igual que antes de cambiar nuestros teléfonos, puedes cambiar el tamaño de la fuente. Se puede cambiar el color del texto de eso o la fuente del botón, que es ésta aquí mismo. Entonces tal vez quería cambiarlo a blanco. A lo mejor porque tenemos un Ah, ya sabes, un fondo más oscuro. Para que veas que es una búsqueda. Entonces en realidad sólo voy a seguir adelante ahora y cerrar esto porque esa es la mayoría de las opciones. Entonces solo voy a seguir adelante, click en cerrar. Ahora, en realidad busquemos algo, y en realidad voy a abrir esto, guardarlo, y luego vamos a usar la barra de búsqueda en vivo en nuestro sitio web. Entonces voy a dar click en salida visual builder, y vamos a desplazarnos hacia abajo justo aquí hasta que veamos la búsqueda. Ahora. Entonces voy a lapicar para poner algo como yo. Y esto es búsqueda ahí mismo. Entonces ahora nos va a dar cada página o algo que tiene que lidiar con main on en estos posts aquí mismo. Por lo que esta sería una mejor manera de navegar por el sitio Web si quieres que la gente encuentre buscando algo más fácil. Entonces digamos que OK, son página de fitness de servicios. Está bien, genial. Esto es lo que buscaba y esto sería en los sitios web. Entonces si eres si los quieres, Teoh ya sabes, ve a algún lado. Um, eso sería ideal para poner en la barra de búsqueda. Si no quieres agregar en la barra de búsqueda, no tienes que hacerlo. Y más tarde, chicos, lo haré. En realidad, ¿ves todo este diseño? Discutiré cómo importar este layout, y en realidad se lo daré a ustedes chicos de forma gratuita por ver este tutorial porque ustedes fueron increíbles. De acuerdo, entonces eso sería en una conferencia posterior que cuando hablemos de diseños pre hechos, Así que en realidad voy a seguir adelante y volver ahora a mi, um a mi página principal por aquí. Y en realidad vamos a, uh, insertar otro módulo. Entonces pasamos por encima de los iconos de las redes sociales. Pasamos por la barra de búsqueda. Creo que había una más que quería repasar en esto en esta conferencia. Entonces voy a entrar al grande aquí mismo, y voy a seguir adelante y desplazarme hacia abajo. Um, déjame ver aquí. Entonces, chicos, para este tutorial, no voy a estar hablando del módulo de tienda. Pero la razón es que los chicos del módulo tiro, es un ballpark mucho más grande porque tendremos que instalar lo que llamamos es más comercio plug in y tendremos que crear productos. Y puede ser como otros nueve. Nuestro tutorial en realidad tienen plática sobre el comercio de Luke, y me lleva unas cuatro o cinco horas, pero les daré un código que les dará un descuento chicos. Está bien, en realidad podría dárselo de gratis. Todavía no estoy seguro de mi futuro a Tora, porque mucha gente me ha estado preguntando sobre tú sabes usar el módulo de disparo. ¿ Cómo se hace el sitio web de comercio e? Y yo digo que es un poco diferente a solo usar. Um, ya sabes, wordpress, ya sabes, como si estuviéramos usando Implica mucho más detalle, pero es muy sencillo. No es difícil. Simplemente toma tiempo aprenderlo. Entonces a continuación vamos a repasar las tablas de precios aquí mismo, así que haremos clic en las tablas de precios, y los chicos de prensa y mesa son muy fáciles de usar. Y, um, te daré un ejemplo de cómo podemos hacer unos realmente geniales. Por lo que pinchando en añadir nuevos elementos ahora, justo aquí. Vamos a seguir adelante y poner algo así como, ya sabes, paquete básico Subtitle Aprende más ahora como eso son en realidad, um, para empezar, la moneda puesta como dólar y por mes, tal vez un cargo por mes. El precio. Entonces, ¿cuánto cuesta esto? A lo mejor alrededor de 99 dólares al mes. Los traseros en tu URL. Entonces vamos a seguir adelante y poner en un Eres un botón. ¿ Y qué traseros y texto quieres que esto diga? Entonces por ahora, tal vez ahora mismo, por aquí, al contenido, puedes agregarlo. Algo así como, ya sabes, Ah, un mes s CEO. Entrar. Um, ya sabes, página de 500 artículos. Podemos poner algo así como, um, no sé, tres presentaciones de directorios, tres presentaciones de directorios, 500 sitios web de redes sociales. Uh, perfil de redes sociales. Esto es más esto, como para S e O. Pero solo te estoy dando ejemplo de cómo podemos usar esto. Ahora voy a realmente sólo hacer clic en guardar cambios. Ahora, en lugar de volver a hacer todo esto, solo puedes duplicar aquí la rosa. Por lo que este símbolo indica que se convirtió en la carretera. Entonces sigamos adelante ahora y quizá creemos dos más así, ¿ verdad? Entonces Ahora tenemos esta mesa completa justo aquí y ahora realmente podemos ir a este editor aquí mismo , tal vez simplemente cambiarla a algo como, uh, uh, paquete básico de arranque. Y entonces aquí mismo sería como un paquete de oro y luego platino. Y podríamos hacer cambios justo en la página web. Chicos Platz en así. A lo mejor aquí estar 1 99 al 99 3 99 Eso es todo, chicos. Es decir, es así de fácil. Pero ahora solo digamos que quieres diseñar estas mesas. Queremos que se vea diferente. Ahora, primer lugar, esto tiene un lo que llamamos es una tabla de características. Entonces si voy por aquí y hago clic en este ícono, podríamos hacer uno de estos destacados. Entonces, ¿te dan un ejemplo de eso? Si hago clic en tal vez el paquete de oro aquí, dice, hacer este capaz destacado. Si hago click en esto aquí mismo, lo va a resaltar. A lo mejor quieres animar a la gente a que compre más éste. Ahora mismo, en realidad podemos ir adelante e ir a otro como el arrancador. Y recuerda el diseño. Se puede cambiar todo el diseño se puede cambiar la fuente, el color que se le nombre. Entonces ya sabes, color del elemento excluido Si contiene la fuente, la fuente del encabezado. A lo mejor quieres que el ex de cabecera aquí sea diferente y puedes cambiar el color para eso y el espaciado. También puedes cambiar la, um ya sabes, la fuente del sub encabezado, que sería este teléfono aquí mismo. Podemos cambiarlo por otra cosa, como amargo o, ya sabes, cubierto por Tu Gracia. Se puede ver que cambia. Y creo que el más importante chicos es el de la moneda. Entonces la moneda, en realidad hace toda una moneda diferente. Perdón, éste no. Esto es por el signo mensual y el dólar ahí mismo. Entonces mi error. Entonces ahí mismo. Estás cambiando esa. Y también puedes hacerlo más grande, etcétera. Y también puedes ver cómo se ve en el teléfono y la tableta. No olvides eso ahora. ¿ Este es justo aquí? El No, no es eso. Entonces el que quería mostrarles a todos era el precio de éste es probablemente el más importante. Y esto le da el signo del dólar o los números que le da una corriente, ya sabes. Ah, aspecto fresco cae así. Y lo que esto hace es que básicamente va a representar tus miras, el núcleo. Entonces, cualquiera que sea el enfoque que vayas por, así es como uno lindo, ¿sabes? O quieres algo un poco más profesional, que se vería así, Uh, Uh, te animo mucho a meterte con el precio. Quieres lo más Porque sí se suma al núcleo. Y sí agrega,ya sabes, ya sabes, siente a tu página web ahora el color del texto del precio. Entonces, como dije, puedes cambiar el precio de esto aquí mismo. Algunos de ustedes quieren este morado, pueden cambiar la letra especiando las alturas de la línea de precio. Recuerda, este es el precio aquí mismo. Por lo que esto alentaría o esto está indicando para esto aquí mismo, junto a desplazarse hacia abajo. Entonces este es el fondo del cuerpo. Para que podamos cambiar las fuentes del cuerpo, algo así. Contiene las alturas. También puedes cambiar el color de fondo. Se ve así. Ya sabes, lo mejor quiere cambiarlos a todos. Al igual que un diferentes tonos de azul. Ahora bien, un buen ejemplo de eso sería algo. Parece esto aquí mismo. Entonces esto aquí mismo. ¿ Ves como tengo estos tonos de luz azul? Más oscuro, oscuro, oscuro. Puedes hacer lo mismo para especie de,ya sabes, ya sabes, darle a tu sitio web, ya sabes, un poco mejor sentir y colorear a ella. Entonces, ya sabes, también puedes cambiar el botón. Y desafortunadamente para el autobús y los chicos, um , bueno, una forma de hacerlo sería sólo Teoh, ya sabes, cambiar el botón, hacer que se vea como quieres. Y luego simplemente duplicar esta fila en lugar de rediseñar cada botón de forma independiente. ¿ Entiendes lo que digo? Entonces permítanme darles un ejemplo. A lo mejor quieres cambiar su botón, caer en operaciones negras, y, ah, así y vamos a añadir un color de texto. Eso es para el pase por encima de las opciones. De acuerdo, de todos modos, así que digamos que tienes esta mesa así. Y en lugar de solo rediseñar este botón y todo lo demás, ¿por qué no solo duplicas esta cuerda específica? Entonces, ¿el paquete de iniciación? No. Ahí mismo. Podemos seguir adelante y simplemente cerrar este paquete básico y luego simplemente duplicar el paquete de inicio así como así. Entonces de esta manera es mucho más fácil. Porque, recuerda, tus ajustes están todos guardados. Ya sabes, todo ya está guardado, así que solo tienes que hacerlo por uno. No lo rediseñes para cada uno de ellos. Porque eso tardaría mucho tiempo. Y en la tabla de diseño, realidad se puede diseñar el fondo de la tabla de características. Ya conoces el color del encabezado de la tabla. Deberíamos ser de este color aquí arriba. O puedes tener el color del texto del encabezado destacado. Ya sabes, puedes cambiar todo tipo de ajustes, pero muchos de estos puedes cambiarlos de forma independiente. Pero esto es más una característica grupal. Para que conozcas los colores de mesa destacados. Recuerda esto aquí mismo es la tabla de características, la que más sobresale. Entonces como pueden ver, ustedes también pueden cambiar el color de la bala. Entonces ahora mismo están todos azules. Pero puedes cambiar el color de la bala a algo como, ya sabes, era amarillo? ¿ Ves cómo están todas amarillas ahora? Por lo que sólo tienes que seguir adelante y pasar por estas opciones. La mayoría de estos son muy autoexplicativos. Ya conoces el encabezado Fonds Um recuerda, también puedes cambiar estos dentro del real el propio módulo para cada uno. Entonces si voy al paquete de oro y voy al diseño. Ahora por el paquete de oro, Vamos a estrictamente sobre Lee cambiar el paquete de oro. Pero si vas con el general, les va a cambiar a todos. Entiendes cómo funciona eso. Entonces esa es una visión general básica de la, um las tablas de precios. Y otra característica es que tal vez quieras hacer esto más grande, hacerlo lleno con Tal vez realmente quieras extenderlo a través de la página. Entonces abres la canaleta con y simplemente lo arrastras a una, y ahí tienes. Entonces los botones, ya sabes, van por encima y puedes agregar en texto en la parte superior justo aquí. A lo mejor un modelo de texto que diga, ya sabes en realidad te dé un ejemplo de las tablas de precios en mi página web. Entonces van a tienda aquí mismo, y vamos a ir a la campaña S e o. Esto de aquí es un ejemplo básico de cómo puedes saber, ya sabes, pongo un título, pongo las tablas de precios por ahora ya eso es todo. Entonces ese es un ejemplo. Y tengo el acorde aquí mismo, así que el invitado puede ver que hay muchas razones por las que quieres usar cada módulo individual posible porque realmente ofrece mucho. ¿ Verdad? Entonces eso es todo, chicos, para esta conferencia, la siguiente conferencia de la que íbamos a hablar, Maura, sobre el, um los puestos de bloque y los títulos de bloque y todo tipo de otras geniales cosas. Está bien, así que los veré a todos ahí. 23. module de blog de Divi: ¿ Cómo os dan la bienvenida de nuevo? Entonces en esta conferencia, vamos a hablar del blawg y todas las demás características que puedes usar para el bloque. Ahora el equipo de debate es extremadamente diverso con el blog, Así que hay toneladas en toneladas de diferentes maneras. Puedes darle estilo a tu blawg. Ah, muchos otros temas solo ofrecen, ya sabes, una plantillas, pero el tema de Davy es Es ilimitado, y te daré un ejemplo de cómo puedes crear tu sangre. Pero primero, sigamos adelante ahora y te mostraremos cómo crear un post. Entonces digamos, por ejemplo, eres blogger o quieres hacer una publicación de bloque. Todo lo que necesitas hacer es subir aquí a plus nuevo e ir a post. Muy bien ahora, por lo general todo lo demás para WordPress lo tienen fuera ya sabes, que acaba de entrar a su puesto aquí su información, ya sabes, y su correo postal. Eso es todo. Excepto por el tema divvy, en realidad puedes usar el constructor de divvy. Entonces en lugar de solo hacer un texto aleatorio, puedes agregar gadgets y widgets y módulos y deslizadores y todo tipo de cosas realmente geniales a tu publicación de vlog. Entonces aquí mismo, voy a poner en una entrada de registro una y toda la columna de Internet, y sólo voy a insertar una en blanco, y sólo vamos a contestar texto. A , Ya sabes, solo haremos algo que solo haremos texto por ahora. Lo mantendremos básico, y pondremos Hola. Esta es una prueba Blawg Post. Esto es tan guay. Y entonces yo sólo, ya sabe, senador, el texto. A lo mejor voy a añadir una imagen inmediata a continuación. Eso es algo, ¿verdad? Uh, ya sabes esto en realidad, este ícono , en realidad, no sé cuál. Entonces agrego, uh, voy a agregar, Tal vez sólo vamos a sumar en ese. Ya sabes, yo siempre hago eso. Simplemente pierdo tanto tiempo. Por lo que ahorraré en salida ahora muy rápido. Por lo que siempre que hagas una publicación en bloque, es posible que quieras agregar categorías. Entonces la razón por la que querrías hacer una categorías porque digamos que tienes cierta cantidad de post blawg hablando sobre Lee sobre, uh, marketing. Entonces este lo vamos a decir, Vale, Vale, éste es un bloque post Onley que trata de marketing. Y por aquí están tus etiquetas. Entonces digamos que tú, por ejemplo, tienes tu sitio web, y éste sin duda se trata de eslogan de marketing, pero marketing, ya sabes, sitios web, tienda online como esa . Entonces se mantiene, ah relación con con lo que estás hablando. Ahora, la imagen destacada. Entonces esto es muy importante. Entonces eres imágenes destacadas básicamente va a ser esa imagen que aparece aquí mismo. Entonces, ¿ves cómo hay esta imagen aquí mismo? Básicamente da la publicación de tu blog en la imagen, y básicamente dejó a la gente adentro. Por lo que siempre querrías establecer una imagen destacada. Entonces, por ejemplo, voy a poner a este tipo simpático aquí mismo, realidad, todo metido en este de aquí. Ver aquí. Um, sí, ese de ahí. Y dije eso como mi imagen destacada. Ahora bien, esta imagen es muy, muy grande. Entonces, cuando estableces una publicación de bloque, posible que quieras establecer una imagen que sea un poco menos grande. Es decir, ese, era, ya sabes, cinco megabytes. Siempre quieres mantener tu talla, Paul, Paul, estar alrededor de un megabytes o menos. De acuerdo, así que hice el poste de bloque. Ahora bien, ¿ cómo veo realmente el post? Porque si vuelvo a la página no vas a ver nada Aparecen. Ya sabes, no hay que vaya a ser ningún post blawg. No va a haber nada sobre el Post, así que necesitamos realmente crear el módulo para ello. Entonces por aquí, en realidad voy a crear una nueva página ahora, y esta va a ser la página de bloque, y aquí mismo, voy a usar el Davy Builder. Ahora, por aquí está su columna de respuestas. En realidad podemos poner tal vez alrededor. No lo sé. Simplemente pondremos este aquí mismo e insertaremos módulo, y aquí mismo vas a ver a Blawg para que podamos contestar el módulo de bloque ahí mismo. Y podemos tener la salida completa con el diseño, o podemos tenerlo en la cuadrícula. Ya puedes hablar de los números de los puestos, ¿ recuerdas cómo antes teníamos las categorías? Entonces si selecciono marketing en Lee, mostrarán los puestos de bloque que están en la categoría de mercadotecnia. aparecerá nada más. Entonces eso es lo que hacen las categorías. Y para los contenidos, puedes tener mostrar todo el contenido o simplemente mostrar como un extracto, que es, ya sabes, cuando te vas a gustar esos block post y ves, como las primeras 20 palabras y luego te ya no lo leas. Eso es lo que hace el extra. Ahora el botón leer más. Si quieres un botón leer más, ya sabes, como leer más Bob Loblaw. Creo que el botón más es bueno porque es algo así como un llamado a la acción. Invita a alguien a leer MAWR, así que preferentemente recomiendo la lectura más colillas en Y puedes tener ya sabes, eres puedes mostrar la fecha el autor, la paginación, todas estas otras cosas. Um, ya sabes, si quisieras tener esto en, uh, uh, ya sabes, puedes tener eso en tal vez no en las categorías. Ya sabes, a la gente realmente no le importan tus categorías, ya sabes, es que no es realmente relevancia para ellas. Probablemente no les importa. Ahora, bajo la configuración de diseño avanzada, chicos también pueden cambiar el encabezado Fonz, La metáfora en tamaño como el extracto, las fuentes también. Ah, puedes cambiar todo lo que el cuerpo aficiona al de la blawg. Por lo que estos son básicamente los mismos ajustes que has visto antes. Entonces recuerda que Header controlaría el título. Meta controlaría el extracto, y entonces esto controlaría el contenido. De acuerdo, entonces no soy nada sobre salvar salida. Y sólo vamos a publicar esta página y vamos a,ya sabes, ya sabes, usar a los constructores visuales para que ustedes puedan ver visualmente lo que está pasando en lugar de que yo sólo hable de ello. Entonces ahora voy a usar el constructor visual. Está bien, así que va para arriba y ahí tienes. Por lo que esto está en la página real. Por lo que ahora mismo, esta fue nuestra imagen destacada. Este de aquí es nuestro encabezado. Fonz. Este es el extracto ahora. Más fácil dice leer Mawr. Recuerda cómo hiciste que lea Más contenido con. Por lo que hacen click en, lee más aquí mismo. En realidad nos va a llevar a la otra página. Por lo que esta es la imagen destacada. Este es el contenido. Y esta era esa otra imagen que puse dentro de la publicación, y la gente puede comentarla como cosas demasiado cool. Y esta de aquí es nuestra barra lateral, Y voy a hablar de la barra lateral última porque vamos a empezar a hablar de enchufes y widgets. Pero no quiero llegar todavía porque quiero que entiendas completamente cómo usar los módulos . No quiero sumergirme en enchufes, enchufes. Hay muchos enchufes. Hay mucha pierna ahí fuera. Entonces así es como se crea una publicación de bloque. Entonces, como dije, tienes tu título de publicación de bloque. Tienes tu descripción, y tienes tu icono de leer más. De acuerdo, entonces, um, eso es básicamente una cáscara de nuez sobre cómo puedes hacerlo. Recuerda, en realidad puedes, ya sabes, hacer esto más pequeño. Entonces tal vez quieras ponerlo así y puedes tener una foto aquí mismo. Se puede hacer esto lleno con así como eso. Sea lo que sea que intentes ir. Ya sabes, hay muchas maneras diferentes en las que puedes tener tu,ya sabes, ya sabes, agregar el núcleo y, ah, ah, ya sabes, mirar a tu sitio web. Por lo que este es el bloque poste. Esta es la página en blanco. Por lo que hemos creado el bloque post, pero hay otros módulos que tienen diferentes estilos del post de bloque y más adelante en la conferencia más avanzada, todos te muestran cómo ustedes chicos pueden ponerse realmente, realmente cool. Déjame ver aquí. Creo que éste sería uno. Sí. Entonces ves esto es un post de bloque y ves cómo lo he diseñado, Cómo simplemente se ve realmente elegante. Y se ve realmente genial. Y, ya sabes, hay comentarios por aquí. Te mostraré cómo puedes crear esto, porque en realidad se trata de unas plantillas pre hechas que Debbie ha hecho que acabo de subir. Y la gente lo está comentando y todo esto. Pero hablaremos de diseños pre hechos en la última conferencia porque no quiero que ustedes chicos a ustedes gritando en voz alta hasta que entiendan cómo usar el tema divvy. Está bien, así que ah, volvamos por aquí. Ahora. Te he mostrado cómo hacer el poste de bloque. Ahora mismo. Vamos a seguir adelante y hacer otro post de bloque, pero usaremos los otros módulos. Entonces voy a ir por aquí, click en este ícono, click en regular y dar click en este pequeñito de aquí. Está bien. Ahora, me voy a desplazar aquí mismo hasta que veamos el, um el, uh ¿Qué es? El título del puesto. Entonces este es el título del post, y como que soy muy escéptico sobre el título del post, ¿sabes? No sé por qué la mayoría de la gente usaría esto, pero, um, esto sería una referencia a la página del bloque. Entonces si quieres que la gente vaya a la página del bloque desde aquí, este es el módulo. El ajustes del título de la publicación sería el lugar donde entrarías algo en Así puedes hacer que le muestre al autor que meta um, la imagen destacada, etcétera toda esta información que pondrías en la configuración del título de la publicación. Entonces tal vez quieras la irritación del texto al centro. Ya sabes todo eso, pero nunca usé la configuración del título del post. Chicos, tengo que ser honestos, como si fuera casi fuera un módulo sin valor , ya sabes , es simplemente realmente ah, realmente no tiene sentido usarlo demasiado. Pero seguiré adelante y te daré un ejemplo de ello de todos modos, así que mostraré al autor mostrará toda esta información. Entonces voy a seguir adelante y dar clic en eso y dar clic en Seguro, y te voy a mostrar lo que hace el título Post Now. El slider de post es un módulo mucho mejor, pero éste, no sé si me va a odiar por decir que eso es pero es como, OK, OK, página tan bloqueada Así que este es el bloque post Ahora, si haces click en eso, va a llevar al puesto del pantano. Eso es todo. Eso es todo lo que realmente hace. Entonces eso es básicamente una cáscara de nuez del título Post the Post. Te llevaría al poste de bloque y también a la página de bloque. Entonces, um, ya sabes, si quieres tener eso en tus sitios Web, ya sabes, puedes agregar eso en. Podría haber una razón por la que solo quieres tener, como, página blawg. A lo mejor puedes tener, ya sabes, puedes agregar y como, ya sabes, no lo sé. De verdad no lo sé. Ahí hay un uso para su yo simplemente no lo uso. Prefiero que solo uso, ya sabes, el ajuste del blog porque haces clic en esto. Se lo lleva a la página del bloque de inmediato. No, eso está hecho. Pero éste los llevaría a la página real con todos los blogs en ella. Por lo que haces click en él. Tengo una publicación de bloque aquí, y tengo otra publicación de bloque aquí, que es hola mundo. Por lo que los está llevando a la página o todas las publicaciones de bloque son Así que quieres tener esa característica. Puedes agregar eso a tus sitios web. Ese es el título del puesto. Pero sigamos adelante ahora y sumérjase en los otros módulos ya. Así que en realidad voy a dar clic aquí y hacer clic en este plus y añadir en completo o regular y moldeado en dos iconos, y vamos a seguir adelante y desplazarnos hacia abajo hasta que veamos el deslizador de postes. De acuerdo, entonces ahora tenemos el post más ligero, y esto fue bastante genial, ya sabes, porque lo que hace es que si tienes varios tipos de post, va a realmente, puedes en realidad navegar a través de todas las publicaciones. Entonces déjame crear un mawr para darte una mejor idea de cómo podemos usar esto. Por lo que en realidad voy a guardar mis cambios. Y te voy a mostrar cómo puedes usar el deslizador de postes. Ya sabes, para realmente hacer que tu sitio web se vea un poco cool. A mí me gusta la sidra post. Entonces por aquí, voy a hacer un nuevo post, y esto sólo va a ser como una prueba de pertenecer, y voy a poner un aullido allá. A lo mejor voy a crear una nueva categoría que diga, como, uh, cosas cool y añadir esa categoría de todo bien. Ahora, realmente deberías establecer una imagen destacada todo el tiempo. Ya sabes, gente compra fotos y compra, ya sabes, imágenes hermosas que el contenido real. Está comprobado, Ya sabes, si vas a una página web y hay una imagen realmente hermosa, probablemente vas a hacer clic en ella. No, pero si solo es mucho texto, como montañas de texto, No, pero probablemente vaya a darle click ahí mismo. Sólo voy a decir, Ah, olvídalo. Ya sabes, este sitio web se ve raro, así que voy a poner esto aquí mismo es mi imagen destacada, y estoy a un click en publicar. Está bien, así que ahí tienes. Hice esas páginas. Ahora volvamos de nuevo. Y también, chicos, si quieren hacer un post en lugar de subir aquí dos más nuevos, pueden ir a su tablero de instrumentos, así que volveré aquí solo para educarlos un poco. Puedes ir por aquí a tu tablero y justo aquí donde dice posts. Puedes hacer click en, agregar nuevo o hacer click en todas las publicaciones y luego vas a todos agregar nuevo ahí otra vez Así que esa es solo otra forma de cómo puedes crear un post. Entonces por aquí, voy a volver a todas las páginas muy rápido, y vamos a volver a la página del pantano. Entonces esta fue la página de bloques que creamos. Yo lo sé. Tengo toneladas de páginas. De verdad, verdad tengo mucho, ya sabes, así que corriendo de vuelta por aquí. Pero, ya sabes, en realidad, iré a otra página. Voy a ir a otra página para darles a todos una mejor Ah, experiencia visual sobre cómo se puede decorar, porque eso realmente no es Realmente no se ve bien. Entonces vamos por aquí. Voy a ir por aquí a Darrell uno. Muy bien, Así que vamos a esta página, y vamos a mesa visual builder, y voy a poner la página de bloque o el deslizador de post en esta página. Entonces aquí mismo, voy a dar clic en este ícono en una sección regular. Simplemente agrega el grande y vamos a ir a la sección de deslizador de postes. Ah, hay poste encendedor ahora. Ustedes pueden ver que el bloque de prueba está ahí, y yo puedo desplazarse por él. Y ya ves ahora cómo empiezan a aparecer todas las publicaciones del bloque. Entonces esta es una manera realmente genial si eres blogger, cómo puedes tenerlo, Pero esto es un poco más personalizable que esto, Ya sabes, realidad no se ve bien así, ¿sabes? Es decir, solo soy muy exigente, así que tal vez quiero que sea un poco más grande para que pudiéramos hacer esto lleno con y hacer la fila personalizada y estirada por toda la página así. Por lo que ahora tenemos nuestro post blawg así. Y si alguien quiere leer nuestros posts, solo pueden hacer click en eso y eso los llevará al post que creamos. Y recuerda, en realidad podemos mover esto alrededor, debilitarlo, arrastrarlo alrededor. Podemos hacer que se vea realmente genial. Entonces, por ejemplo, digamos, quería aquí arriba en su lugar, así como así. Y recuerda, si quieres deshacerte de este relleno, espero que sepas que esto por ahora es ir por aquí y solo hacer el relleno personalizado en el top 20 Y entonces podemos hacer cero como eso es y eso es básicamente todo. Ahora, a veces hay blanco, pero eso es sólo por la página Builder. Entonces grupo, Ahí tienes. Entonces ahí lo tienes. Y voy a seguir adelante y decir esto ahora y visitaremos estos puestos de bloque. Y no se preocupen, chicos. Les daré plantillas chicos de ah, realmente, realmente profesionales. Al igual que estoy hablando como Washington post style blawg posts que puedes echar un vistazo. Y ahí tienes. Entonces está la cuadra. La gente puede comentar etcétera. Entonces, como dije, hablaremos de diseño pre hecho porque tal vez no seas bueno con el diseño. Es muy duro, ¿sabes? Es súper duro. De hecho, um, ya sabes, realmente no tengo ningún post aquí. Cualquier disposición pre hecha en este sitio web lo hago en éste, pero no quiero iniciar sesión en él. Soy un poco perezoso. Por lo que lo harás. En realidad, en realidad les voy a dar louts pre hechos donde se pueden hacer postes realmente cool como este y se verán profesionales. Se ven bien y no te cuestan nada. Están libres. Por lo que hablaremos de eso más adelante en la sección de maquetación pre hecha. Y, um, solo quiero asegurarme de que entiendas cómo usar el módulo de bloque y también para el módulo de bloque . Chicos, yo no repasé esto, pero para el otro módulo de bloque, también se puede diseñar misionero. Entonces tuvimos un estilo bajo grilla, ¿recuerdas? Así. Por lo que creo el poste de bloque justo aquí. Tenemos el layout lleno con, que es algo. Se parece a esto aquí mismo. Entonces todos tus posts se mostrarán Ahora, en realidad puedo tenerlo debajo de la grilla, que se vería algo así aquí mismo. Entonces así es como lo tengo en mi página web. Entonces hay dos formas en que puedes hacerlo, ¿sabes? Por lo que sí te da mucha accesibilidad, y puedes mostrar el contenido se ve así donde ahora muestra el contenido en la página. Se puede mostrar al autor de las fechas, ya sabes, pero siempre me quitaría al autor y alguna de esta otra descripción como categorías porque simplemente se ve desordenado. Ya sabes, simplemente no hay razón para tener ese tipo de información en el poste de bloque. A la gente no le importa. Simplemente quieren leer tu contenido. Pero en realidad no me importa ya sabes en qué categorías se pone? Ya sabes, como si yo no se si les importa eso o no. Entonces esa es otra razón por la que puedes usar eso. Como dije, puedes agregar colores de superposición en todo tipo de cosas geniales a las de este tipo. Entonces, ya sabes, es sólo otra idea. Ustedes quieren agregar eso en. Entonces aparte de eso, chicos, chicos, creo que eso cubre mayormente la configuración del módulo de bloque. Um, ya sabes, todos estos otros son más o menos estándar el color del texto del encabezado, los encabezados frente a la metáfora quiere. Entonces si quieres diseñar esto aquí mismo en, como, como, tu página de bloque Así que yo tonta, por ejemplo. Por lo que las fuentes de encabezado. Ya saben, ustedes básicamente pueden entender totalmente a estas alturas. Ya sabes, James adelanta nuestra granja por ello. Entonces ya sabes, no quiero pasar por cada opción porque estoy bastante seguro de que sabes qué hacer en este punto. Así lo dice, uh, eso es todo, chicos para los módulos de bloque. Pero uno último del que vamos a hablar es otro módulo realmente genial, pero está un poco menos usado, pero me gusta. Entonces en realidad se llama el, um Ah. ¿ Cómo se llama de nuevo? Sólo vamos a mostrarte. Entonces por aquí en un regular. Voy a poner este pequeño aquí, y vamos a desplazarnos aquí mismo. Y esto es un B se llama el post Navegación. Muy bien, así que post navegación. Entonces el post navigation, todo lo que realmente hace, chicos, es que solo crea un separado, uh, uh, como una dirección hacia adelante para llevar a la gente. Entonces, por ejemplo, voy a tomar esto aquí mismo y arrastrarlo aquí mismo. Entonces no funcionó así. Entonces fue realmente lo hace chicos es dirige a la gente sobre dónde ir. Por lo que la siguiente página es Darryl Services. La última página fue contactarnos fitness. Entonces es más un directorio sobre ah, donde puedes decirle a la gente que vaya. Puedes editarlo para agregar más información. Ya sabes, puedes esconderte en el siguiente enlace post Oregon, ya sabes, desactivarlo. Entonces es un cool. Es un gadget genial para una especie de ayuda a la gente a hacerse más dirigida en tu sitio web. Entonces hay razones para usar esto, ya sabes, como por ejemplo, pones en la parte superior de la página, ya sabes, y sé que mucha gente usa este módulo para la parte superior. Y al decir que la siguiente página es la página Contáctanos. La página anterior fue la página sobre nosotros. Entonces esa es la barra de ajustes de navegación de post. Es bastante básico. Y como dije, es sólo que dirija a la gente a dónde ir si quiere. Ya sabes, pon en la parte superior de la página y agrega algunos diseñados a ella en un color de fondo. Podría recordar, en este módulo azul, siempre se puede agregar en colores de fondo y todo tipo de cosas geniales. De acuerdo, así que eso es todo, chicos, para los módulos blogueados y la post navegación. ¿ Tienes alguna duda sobre el Post o la configuración del blog? Por favor házmelo saber, Pero hablaremos de cómo puedes, ya sabes, um, usar los layouts pre made y conseguir un poco más avanzado en la sección más avanzada que estaré hablando después Hablo de los módulos. De acuerdo, entonces, um, eso es todo, chicos, por ahora. Entonces los veré a todos en la próxima conferencia, así los veré a todos ahí. 24. Sub de correo electrónico y timer de Countdown: ¿ Cómo os dan la bienvenida de nuevo? ¿ Cómo está todo el mundo ahora? Apuesto a que estás una especie de, ya sabes, empezando a aprender el tema de Davy y te estás poniendo un poco más cómodo. Entonces repasemos algunos módulos más, y éste en realidad va a tener que lidiar con el formulario de suscriptor de correo electrónico, que es realmente genial. Hay muchas maneras diferentes en las que puedes personalizarlo también, así que en realidad voy a crear un nuevo módulo aquí mismo, y estoy dando click en este icono más. Soy un click en regular y hago click en este aquí mismo, y voy a ir desplazarme hacia abajo a la, um el email opt en forma por lo que el email a menudo se forma y los informadores de la mafia realmente cool, pero proveedor de servicios. Entonces digamos que tienes un Weber o quemador de alimentación o chimpancé de correo. En realidad conseguirías tu llave A p I y la pondrías, y te mostraré cómo hacer eso ahora mismo. Pero lo primero que quiero que hagas es en realidad ir al correo chimp dot com y hacer cuenta. Entonces la razón por la que prefiero chimpancé masculino es porque es gratis para los 1er 1000 suscriptores. Cualquier cosa después de eso, vas a tener que empezar a pagar. Pero empresas como, sin embargo solo te dan realmente, Um ah, prueba gratuita de 30 días. Entonces realmente no creo que vayas a conseguir alrededor de 2000 suscriptores y 30 días. ¿ Verdad? Por lo que creo que el envío de correo sería tu mejor solución. Y puedes ir por aquí y registrarte gratis. Y una vez que hayas creado una cuenta será llevada a tu panel de control. Se ve algo así aquí mismo. ¿ Sabes dónde tienes así? Sí, así. Se ve así. Este es tu tablero básico. De acuerdo, Ahora, volviendo a esto aquí mismo. Primero decoremos esto. Por lo que aquí, puedes agregar en un título, como, ya sabes, suscribirte. Ahora puedes agregar en un botón de texto de suscripción. Entonces aquí mismo suscríbete. Se puede agregar en un color de fondo. Si quieres cambiar el color de fondo ahí mismo. Puedes agregar el que conoces, el color del texto a oscuro si quieres, o puedes tener como luz. Y también lo podemos tener en el centro. Quiere ver quieres agregar algo de texto aquí mismo. Puedes seguir adelante y entrar como, Sí, Sí, inscribirte en esta empresa. Es increíble. Somos la mejor empresa del mundo, ya sabes, Justo aquí. Entonces, ya sabes, ustedes consiguen los puntos. Voy a realmente perezoso ahora, no recibiendo el texto ficticio. ¿ Verdad? Por lo que el diseño también, se puede cambiar la forma, color de fondo. Se puede cambiar el color del texto del campo y, al igual que el color del sexo del foco, todo tipo de cosas realmente geniales, chicos. Entonces recuerda, este es el encabezado, y esta es la fuente del cuerpo. Entonces siempre que diga Heady are header, puedes cambiar ese teléfono ahí mismo. Y también la granja de cuerpos que sería eso enfocada más en esa sección ahí mismo. Entonces, como dije, hay, ya sabes, estas son todas las, ya sabes, las características o ah, bastante básicas. En realidad puedes personalizar el botón igual que lo hemos hecho anteriormente. Al seleccionar la aduana para colillas dentro, podrías hacerla más grande. Puedes hacerlo más pequeño, etcétera. Entonces ustedes chicos consiguen todo el punto de cómo se puede decorar. Ahora, digamos que quieres conectar tus cuentas de correo a, um chimpancé Mel. Entonces, adelante. y haciendo cuenta para chimpancé masculino. Y una vez que no estés haciendo una cuenta, estarás justo a esta página. Ahora necesitarás crear primero una lista, y la lista sí. Es básicamente un, um es un ah, es como una base de datos donde guardas los suscriptores. Entonces vas a conectar a ese suscriptor al chimpancé de correo y luego del chimpancé masculino. Puedes enviar campaña a tus suscriptores. Podrías hacerles comprar cosas o hacerles dar, ya sabes, cupones, lo que sea que estés buscando. Entonces voy a ir aquí a crear lista y sólo voy a crear una lista. Y puedes dar tu lista nombre, correo electrónico, dirección, Ya sabes, Ya sabes, de quien da un breve recordatorio de las personas por qué se han suscrito a tu lista y luego solo tienes que dar click en seguro y en lo que haces click en seguro . Ya tengo uno, así que realmente no quiero crear otro. Ah, una vez que ya tengas eso, o una vez que tengas una lista, conseguirás algo. Se ve así aquí mismo. Por lo que querrías usar esta lista, y creo que hay diferentes tipos de listas que ves aquí, Um, ve tus listas de campañas. De acuerdo, entonces por mi cuenta. En realidad no enumera. Yo lo sé. Hay algunos otros para los que quieres establecer la lista, Like, Like, los formularios de suscriptor,ya sabes, ya sabes, para básicamente conseguir que los clientes se inscriban en tu página web. No sé dónde está. A lo mejor. Vamos a ver aquí. Tengo una lista aquí mismo. Sí, no hay manera de que pueda verlo. Perdón, chicos. Por lo que vas a tener que seleccionar el correcto para el para las listas. De acuerdo, Entonces una vez que hayas creado tus listas, en realidad vas a ir por aquí a tu perfil y te vas a ir. Teoh, necesitas conseguir tu llave A P I. Entonces eso es lo que necesitas conseguir es tu llave A p I? Entonces para hacer eso, vamos a ir aquí a tu perfil. El perfil com. Ahora, por aquí, donde dice extras. Vas a ver unas llaves P I. Esta de aquí es tu llave a p I. De acuerdo, así que vas a seguir adelante y copiar esto y vas a volver. Podemos salvar esto ahora mismo porque hemos creado esto. Vamos a hacer clic en esto y guardarlo, y necesitamos realmente entrar en las opciones devi y pegar el, um, el código ahí dentro. Entonces si voy por aquí al dashboard, me desplaza hacia abajo hasta divvy, voy a opciones de tema. Ahora, si me desplaza hacia abajo, vas a ver el chimpancé de correo A p I key. Así que adelante y simplemente pegarlo ahí así como así. Y luego cuando seguir adelante y bajar, puedes dar click en Guardar. Y ahora los suscriptores que vienen a ese sitio web, en realidad serán llevados a esa forma. Y en cualquier momento que alguien se inscriba, se ahorrará aquí mismo en tu cuenta de chip de correo. Entonces aún está por ver mi cuenta aquí mismo. Tengo alrededor de 284 suscriptores, así que saben, todos se guardarán ahí dentro. Entonces permítanme darles un ejemplo de cómo podríamos volver a esa página y comprobarla. Está bien, así que ahí está mi formulario de suscripción. Mi cosa desapareció. Por lo que probablemente tenga que entrar en algo ahí. Por lo que soy incapaz de visual builder otra vez. Ah, no seleccioné la lista. Por eso Así que cuando hacen estas lista aquí mismo, chicos, como dije, mi se llama descuentos de Darryl. Entonces los descuentos de Darryl. Es necesario seleccionar uno. Si no seleccionas ninguna, no va a aparecer. Entonces yendo por aquí donde dice Mel, estas cuentas mías son los descuentos de Darrell. Entonces si hago clic en esto ahora, se va a ahorrar, porque ahora le estoy diciendo el formulario a cualquiera que se apunte aquí mismo, quiero que se pasen. Quiero que guarden su base de datos bajo mi lista y chimpancé de correo. Entonces en realidad voy a habilitar el constructor visual, y vas a ver que el formulario ahora tiene el primer y último correo electrónico y cualquiera puede suscribirse. Es un módulo muy, muy, muy bueno, muy, muy bueno, útil. Por lo que recomiendo encarecidamente usar este, y recomiendo usar chimpancé de correo porque, recuerda, es gratis para el primero. Creo que dice 2000 suscriptores. Eso es mucho, ya sabes, como eso es mucho s. así que podría ser para los 1er 2000 suscriptores. Entonces esa es otra razón por la que querrías elegir chimpancé de correo. De acuerdo, así que esa es la visión general del correo electrónico a menudo forma. Vamos a seguir adelante ahora y presentarte algunas otras características realmente geniales. Está bien. Entonces a continuación vamos a añadir en realidad otro módulo. Voy a ir a regular y sólo elegir uno justo aquí, y en realidad vamos a desplazarnos hacia abajo a los contadores de círculos. Entonces estos son chicos bastante básicos. En realidad son extremadamente básicos. Ahora bien, sí tengo un ejemplo de estos. So divvy El layout de TV one dot com de Darryl Déjame darte un buen ejemplo de por qué querrías usar estos. De acuerdo, así que volviendo por aquí, voy a contestar el círculo masculino. Entonces esto es básicamente lo que estás viendo ahora voy a mi sitio web aquí mismo y sigo adelante y me desplaza hacia abajo. Vas a ver que estas son todas las cosas que aparecen así. Entonces eso es lo que el Tú sabes que eso es así que hay mucha manera diferente. Entonces, ¿un pequeño quiz ahora mismo? Entonces, con sólo mirar esto, ¿ pueden ustedes decir qué es esto? ¿ Esto? Es un módulo de texto. Este es un divisor. Se trata de cuatro de esos iconos. Son cuatro de esos módulos, un icono de texto, un divisor y un icono de texto. Eso es todo. Eso es todo lo que es. Y la razón por la que parece que hicimos eso antes, recuerdas? Nosotros usamos esos formularios de fondo y, ya sabes, para que ustedes puedan ver que hay mucho uso para ello. Se ve genial, se ve profesional. Y he personalizado para lucir realmente increíble y lucir realmente genial. Entonces esa es otra razón por la que querrías hacer eso. Por lo que volviendo aquí, como dije, se puede agregar en el signo de porcentaje que se podría poner como nuestras ventas. Pusiste un número tal vez como 50 y también puedes hacerlo un por ciento. Entonces si lo quieres por ciento, o tal vez tienes, como, 1000 8000 clientes, sabes algo así, ve cómo cambia y puedes tener el color del texto demasiado oscuro o incluso tener una luz de remolque. Pero siempre podemos cambiar eso. Posteriormente, en los ajustes más avanzados, puedes tener el color del fondo de la barra cambia bien, así que tal vez quieras que eso sea negro y puedas desactivarlo, claro, pero hablaremos de deshabilitar más adelante en el más avanzado Por supuesto. Ahora para el diseño, podrías tener el color del círculo. Quieres cambiar el que conoces, color del círculo también La opacidad del color del círculo. Por lo que en realidad se puede cambiar la opacidad del color del círculo. Entonces esa es otra característica genial sobre eso. Ahora, para la fuente del título, puedes cambiar el título Caer en nuestros vos. Sí, cambiando ahí mismo. Puedes cambiarnos a quien quieras El espaciado de línea del título, etcétera Ahora también el número Por ahora, el número encuentra muy importante al igual que las tablas, las tablas de precios Esta justo aquí puedes cambiar el tipo de cualquier tipo de fuente y ella depende de qué tipo de tema del sitio web de la naturaleza. No, si es muy profesional, tal vez quieras una fuente de aspecto realmente profesional. Es más RC puede estar cubierto por tu gracia es como un tipo más artsy Look, ya sabes, para que se vea así para que también puedas hacer el no número de tamaño de fuente también. Si lo haces más grande, puedes hacerlo más pequeño así Puedes cambiar el color del texto numérico igual que eso está haciendo un azul También puedes hacer el espaciado numérico Podrías hacerlo enrollar. Es demasiado grande, ¿verdad? Así. De acuerdo, ahora hemos hecho esto aquí mismo, así que tal vez en realidad quieras duplicar esta fila. Ya sabes, creo que es una buena idea hacer. A lo mejor cuatro de estos, ya sabes, ponen estos, uh, en realidad saben lo que probablemente necesites para hacer el módulo así. Esta es una bonita como estándar donde la gente hace esto para, ya sabes , tienen como cuatro barras, y lo hacen lleno con ella. Parece que eso es y podemos hacerlo lleno con. Solo estoy demostrando que lo tenías básicamente, ya sabes, diseñarlo, ya sabes, para que se vea realmente genial y único. Y puedes poner en texto debajo de esto igual que lo hice aquí. Se puede ver acabo de poner un, um pongo un contador de barras debajo de su y pongo algunos textos debajo de él. Entonces, ya sabes, ese es un uso básico de cómo puedes usar estos módulos. Y como dije, hay una manera diferente en la que puedes personalizar su. Hay muchas maneras diferentes en las que puedes usar thes. Solo tienes que ser creativo, y hablaré más de cómo encontrar mejores ejemplos más adelante en el curso avanzado. Cuando hablamos de, um, ¿qué diseñó para cosas así? Entonces eso es más o menos chicos para los contadores de círculo, Es bastante básico. Sigamos adelante y pasemos a otro módulo. Entonces voy a dar click por aquí e ir a regular. Vamos a poner el grande, y creo que el siguiente del que vamos a hablar es el módulo de código. Ahora, si no eres desarrollador, si no lo eres, um ya sabes, um, si no eres desarrollador, no lo usaría. Simplemente no lo usaría entonces. No voy a recomendar esto realmente, porque si ustedes chicos están viendo esto y probablemente no sean un desarrollador, Pero si lo son, esto básicamente sería donde se puede ingresar en su CSS personalizado o en su codificación si quieres tener algún tipo de característica extra, aquí es donde entrarías. Y como dijiste, podrías entrar ahí dentro y se mostrará según sea necesario. Pero no voy a introducir este módulo porque la mayoría de las personas no son desarrolladores de código, y este no es un curso de codificación. Por lo que realmente no voy a hablar demasiado del módulo de codificación. De acuerdo, así que a continuación vamos a hacer agregar nueva selección, pero Si ustedes chicos tienen alguna pregunta sobre la codificación o así, hay otros cursos en los que ustedes pueden aprender sobre la codificación, tal vez inserten código personalizado ahí dentro. A lo mejor quieres cierta forma o algo ahí dentro que solo Devi no ofrece. Esa no es una solución sobre por qué probablemente querrías usar la sección de codificación. Ahora, hablemos también del temporizador Thea Countdown. Ahora, los chicos del temporizador de cuenta regresiva son bastante similares. Teoh esto aquí mismo. Excepto que básicamente da una cuenta regresiva. Y esto es bueno para, como, contáctanos páginas o próximamente páginas o algo ¿Dónde quieres introducir algo? Entonces ahora mismo voy a decir esta cuenta regresiva hasta el 31. Ahí vas. ¿ Ya sabe qué fecha es? ¿ Sabes qué hora es? Y puedes, ya sabes, poner, um, um, cuenta regresiva para mi cumpleaños. Que así como así. Y en realidad puedes cambiar el fondo, el color, etcétera. Ya sabes, puedes cambiar la hora por fuentes. Um, lo que quieras básicamente cambiar para que en realidad puedas alterar esto también. Se puede agregar en unas horas agregadas en unos minutos, por lo que el color del texto que se puede tener. Se trata de luces que puedes agregar en un color de fondo. Si no, ya veremos. Ahora todo es blanco. Entonces tal vez necesitamos el color de fondo. ¿ Verdad? Por lo que probablemente lo pondremos como una negra. Ya sabes, algo parece negro. Y como dije, hay muchas características diferentes son formas en que puedes usar esto. Ahora también puedes cambiar la fuente del encabezado. Ya sabes, contar con mi cumpleaños, etcétera. Se pueden cambiar los espaciados numéricos. ¿ Algo sobre estos números? Um, estos tamaño de fuente en absoluto para los números aquí mismo. los teléfonos de etiqueta, por lo que puedes cambiar las fuentes de etiqueta si te gusta personalmente aquí mismo. Por lo que esta caída en la parte inferior se aplica a los fonds de etiqueta. Está bien. Y recuerda, um, digamos que te gusta no lo quiero así. ¿ Conoces los módulos? No. Bien. Recuerda, esta fila controla este módulo, así que si quieres hacerlo más grande, ya sabes, puedes hacerlo de forma sencilla. Puedes hacer que se vea como cualquier cosa que quieras, así que esto se ve realmente genial. Entonces hay muchas maneras diferentes en las que puedes especie de introducir estos módulos y como dije ,tendré ah tengo un quiz para vosotros más tarde. , Te mostraré un sitio web y me gusta ¿Cómo hago esto? Puedes saber cómo hacerlo. Ya sabes usar los módulos de Davy. Simplemente Es solo requiere de pensamiento crítico en un momento dado. Está bien, así que eso es un sobre ustedes chicos del módulo del condado. A continuación, sigamos adelante y repasemos un último módulo en este curso, que es el módulo de comentarios. Entonces en realidad voy a guardar esto aquí mismo. En nuestra última conferencia, hablamos de publicaciones en bloque. Yo creo que sí. Fue el último módulo, pero digamos que quieres introducir una sección común. Entonces voy a ir por aquí debajo de mi tablero y vamos a ir a mi página de correos para que todos los posts y voy a probar log a, y voy a habilitar el constructor visual así como así. Entonces esta funciona cuando estás en una publicación, y es útil para muchas otras características si quieres que la gente hable de comentarios como ese. Entonces si quieres agregar en un adicional como enviar tus comentarios tal vez, ya sabes, en la parte inferior de esas páginas, Como cuando vas al Washington Post, donde dice el camino abajo, como, presentar sus comentarios. A lo mejor quieres tener, como, tu propia forma ahí. ¿ Verdad? Entonces déjame mostrarte cómo hacer eso. Entonces voy a seguir adelante y, um, ya sabes, solo voy a eliminar este de aquí en, um, voy a hacer click en esto en un nuevo módulo y entraremos al módulo de comentarios. Por lo que el módulo de comentarios básicamente te permite tener una sección común adicional, y puedes agregarnos en cualquier lugar. Chicos, puedes tener esto en tu Puedes agregar esto en tu página principal, lo que quieras, para que puedas diseñarlo. También puedes cambiar los colores de fondo del campo. Entonces esto es para que tengas una publicación de bloque sobre algo y quieres, como, algo en el camino, camino al final de la página para hablar de tus comentarios, ya sabes, Y entonces alguien puede comentarlo, y, ya sabes, sería todos tus cambios ahí habría en vivo. Entonces, um, ya sabes, es solo otra característica que Devi ha agregado. Si quieres agregar más comentarios o quieres tener una sección de comentarios específica en algún lugar, y la gente puede responderle, ya sabes, pueden involucrarse en ello y todo tipo de cosas realmente geniales para que mucha diferentes formas en las que puedes usar, ya sabes, usar este módulo. Por lo que lo recomiendo. Entonces es un módulo genial. Realmente lo es. Esto tiene mucho trabajo, y puedes personalizar el pero en el color de fondo en todos esos ajustes, chicos. De acuerdo, entonces de eso se trata para esta conferencia, chicos, En la próxima conferencia, hablaremos del módulo de inicio de sesión, así que los veré a todos ahí. 25. Module de imagen y galería: ¿ Cómo os dan la bienvenida de nuevo? Por lo que en esta conferencia, esto va a tener la última visión general de los módulos restantes. Por lo que felicitaciones por llegar hasta aquí. Hemos cubierto un poco de módulos, pero a estas alturas te estás convirtiendo en un experto en devi. Así que sigamos ahora y solo sumérgete en esto y empecemos. Entonces voy a dar clic en este pequeño ícono azul, y vamos a abrir los otros módulos, que serían el módulo de galería así que desplazándonos aquí abajo, vamos a dar click en el módulo de la galería. Y lo que hace el módulo del dólar es que exhibe tu trabajo. Y recuerda, en realidad puedes cambiar el, ya sabes, el espaciado, las letras, las fuentes, todo así. Cualquier cosa que puedas pensar, ya sabes, para cambiar. Ya sabes, el fondo del título, puedes hacerlo más grande. Podrías hacerlo más pequeño. Todo tipo de cosas geniales. Por lo que volviendo aquí ahora, necesitamos realmente crear primero una galería. Porque en este momento sólo nos está dando los estándares por defecto. Por lo que por aquí, ve a la galería de actualización. Ahora, adelante y solo tal vez agregue algunas imágenes, y también puede mantener pulsado el botón de control así. Y se agarrará a estos cuatro. Entonces tengo estas cuatro imágenes. Soy un click en anuncios, una galería click en Actualizar galería. Entonces ahora tenemos estas cuatro imágenes que aparecen y se muestra en unos chicos de tamaño normal, por lo que podrían no ser perfectos. Entonces, um, ya sabes, esa es solo una forma en que Teoh suba estos ahora. Digamos que quieres cambiar el diseño. En realidad puedes tener un lado de deslizador en su lugar. Entonces digamos que ya sabes, quieres que esto sea como un slider básico. La gente sólo podría, ya sabes , pasar por las imágenes y ver lo que es genial para la fotografía, ya sabes, sí tiene sus propósitos, y abrió una caja de luz ahí mismo para que puedas especie de ver ella Ahora. Digamos que quieres tener nuestra animación automática, Así que básicamente cada 2000 cada dos segundos, el deslizador va a cambiar por sí mismo. No va a requerir que nadie haga clic, o puedes tenerlo como tal vez cada segundo. Entonces todos segundos. Esto va a cambiar por sí mismo. Entonces eso es lo que hace la animación automática, uh, . Así que voy a ponerlo tal vez 7000 segundos, porque eso es un poco largo, uh, es un poco demasiado parpadeante, ya sabes, va a gustar, ya sabes, molesto eran ojos. También es el diseño de cuadrícula. Entonces lo que hace el diseño de cuadrícula es que le da el texto debajo de ella. Entonces digamos que solo quieres tener,ya sabes, ya sabes, cambiar tu impuesto de diseño o cualquiera de este otro texto. Podrías ponerlo debajo de todas las gorras o lo que quieras agregarla. Entonces aquí es básicamente donde harías, ya sabes, cambiar tu cambio de fuente o los colores de texto frente a etcétera en esta sección. Entonces hay muchos propósitos para el de este tipo. Ya sabes, si tienes, como, un si eres fotógrafo, quieres mostrar muchas de tus cosas. Esta es una buena idea. Y recuerda, puedes hacer esto lleno con, y también puedes reducir la canaleta personalizada también y hacer que se vea algo así. Entonces tal vez puedas tener una gran arquía. Ya sabes, nuestro diseño clave. Ya sabes que puedes saber, tener un montón de fotos se agrupan, pero especie de partido al mismo tiempo. Hay muchas razones por las que querrías usar este módulo. Ya sabes, sí se ve realmente bien y elegante, así que esto es básicamente una visión general del módulo de galería. Entonces a continuación se pasa al siguiente módulo, que hablaremos del módulo de mapa. Por lo que los chicos del módulo de mapa es idéntico al completo con módulo de mapa. Es lo mismo. Entonces si hago click en mapa justo aquí, vas a tener que conseguir un ap de Google. Yo guardo Ahora si no lo han visto antes, quiero que ustedes regresen y vean el completo con galería de mapas porque es lo mismo una llave p I . No hay diferencia. Entonces vayamos a decir que quiero ser Ah,ya sabes, ya sabes, dirección de mi centro del mapa está en Pasadena. Yo quiero que encuentren a Pasadena, California. Está bien, genial. Por lo que ahora se encuentra Pasadena, California. Aquí mismo. Pero necesito una especie de poner una marca, Ya sabes, necesito poner un poco i d Mark. Entonces para hacer eso, vamos a dar clic en agregar nuevo artículo y, como, poner nuestro negocio justo aquí. Y luego aquí mismo, vamos a poner en Pasadena, California. Da clic en la casilla de verificación, y ahí tienes. Entonces el, um ya sabes, a veces chicos, el mapa no aparece así. Entonces en realidad voy a averiguar por qué el pin no lo hace A veces es realmente raro . Ya sabes, a veces funciona. A veces no lo hace. Entonces voy a dar clic en buscar de nuevo, y es que tú eres esta. Ah, ya sabes, ya lo encerré, así que tengo que volver. Entonces déjame hacer eso una vez más. Entonces voy a volver aquí a Pasadena, California. Pero, ya sabes, me entero de que este módulo tiene muchos problemas. A veces cuando no está en el editor visual, cuando no estás usando el editor visual y usas el reverso, y normalmente funciona más. Pero he tenido algunos problemas con su módulo, así que parece que está actuando arriba, así que voy a poner Pasadena, California estaban ahí, así que sé por qué no me encontré con monedero no presioné hallazgo, Por eso. Está bien, Así que presioné encontrar, y ya ves como no vienen los alfileres. Entonces si esto alguna vez sucede, no pones nuestro negocio. Esto alguna vez les pasa a ustedes chicos. Basta con usar el dorso y editor porque parece que aquí mismo hemos entrado incorrectamente. Simplemente no está apareciendo en este pequeño mapa justo aquí. Por lo que voy a dar click en cheque y dar click en seguro. Y si el pin no aparece en la parte posterior y lo siento en el editor visual, entonces solo usa el reverso y editor. Entonces voy a x constructor individual. Ahora me voy a desplazar hacia abajo, y funciona. Entonces parece que justo en el, uh, desde la perspectiva visual, tal vez tienen que hacer unas pequeñas actualizaciones donde el puntero no aparece o no. Pero, ya sabes, ten la seguridad, aparecerá. Sí funciona. Estás aplicando un tema roto, ya sabes, como si no fuera así. Así que solo, ya sabes, en realidad el constructor visual y mira, ahí está ahora, Así que está bien, ya sabes, eso es un pequeño problema, pero recuerda, también puedes hacer esto lleno con, ya sabes, solo tienes que dar click en esta completa con y hacer el dedo de canaleta personalizado uno al número uno. Así como así Y ahí tienes. Por lo que ahora tienes una sección completa con. Entonces es básicamente lo mismo que el completo con módulo, excepto que acaban de agregar en la canaleta personalizada para tus cosas así. Entonces si quieres mostrar tu portafolio donde estás ahora, en realidad ten un ejemplo de este módulo. Entonces esta es mi una de mis webs hermanas la he creado. No sé qué hacer con ello. Yo sólo lo hice por hallazgo podría venderlo. Entonces aquí mismo, ustedes pueden ver que agregué en el pleno con el módulo Matt. Por lo que este es un ejemplo perfecto de cómo puedes usar el completo con el módulo Matt. De acuerdo, entonces a continuación, sigamos adelante y entramos en la otra sección donde hablaremos del contenido para el registro en forma. Por lo que para el log informar, tendrías que tener algún tipo de, um, um, iniciar sesión en tu sitio web. Ya sabes, como tal vez la gente pueda iniciar sesión en tu sitio web para, ya sabes, como lo sé para vendedores de mu commerce, gente puede subir productos a tus sitios o para un foro. Si tienes un foro. Aquí es donde tendrías un formulario de registro. Pero si no, sabes que no tienes que usarlo. Es sólo por, ya sabes, por mucho tiempo. Pero hay muchas formas geniales que puedes ajustar, y en realidad recomiendo usarlo en la sección de widgets. Pero hablaremos de eso, en realidad en el siguiente apartado. Entonces voy a bajar por aquí. Teoh al, uh ¿cómo se llama? Ese CTR. Ellos inician sesión en forma aquí mismo. Por lo que este es el log Informar. Ahora voy a dar click en eso y tal vez, ya sabes, iniciar sesión, iniciar sesión en la página. Ahora bien, si quieres que sean redirigidos a una página, puedes dar click en redirigir Teoh redirigió la página actual. O en realidad puedes estar a otra página ahora para el color de fondo. Si puedes cambiar el color de fondo de la misma aquí mismo. Por lo que ustedes pueden ver esta es la página de inicio de sesión y actualmente estoy ingresado como howdy porque estoy diseñando el sitio web. Por lo que realmente estoy logueada ahora mismo. Pero si tienes otras personas que iniciando sesión en tus sitios web, puedes usar este contacto. Estoy probando esta página de inicio de sesión. Entonces, por ejemplo, alguien tiene una forma. Puedes usar esta página de inicio de sesión para tu foro. Ahora, también puedes hacer como puedes ingresar en texto. Ya sabes, uh, ya sabes, entra aquí, amigo. Entonces se ve así, y puedes desactivar su, pero hablaremos de eso un poco más en las secciones de inventar, el ajuste de diseño Para que puedas cambiar el fondo del campo de formulario. El motivo por el que no aparece es porque ya estoy conectado actualmente. Y si cierre la sesión, realmente no puedo mostrarles esto. Por lo que sería difícil para mí mostrarte. En realidad, te puedo mostrar en mi safari uno. Entonces voy a básicamente, ya sabes, esto es básicamente, ya sabes, para estos ajustes aquí mismo, así que realmente no puedo mostrarles chicos, pero les mostraré cómo se ve desde otro punto de vista. Entonces, um, voy a dar click en esto. Soy un click en caja fuerte, y en realidad vamos a abrir mi página de safari y en realidad voy a Teoh, ve, Teoh, abre safari aquí mismo y vamos a Teoh, ¿ ves? ¿ Vas a refrescar esta página? A ver Aquí Es ésta la página correcta. Sí. Por lo que la página de inicio de sesión. Ahí vas. Entonces aquí mismo, se puede ver que tiene un nombre de usuario y un login. Y si tienes usuarios que inician sesión en tu sitio web, por cualquier motivo, aquí es donde pueden ingresar el nombre de usuario y contraseña, y podrán Teoh iniciar sesión en su sitio web. Entonces en este momento, actualmente, no tengo ningún usuario que inicie sesión en esta contraseña. Lo siento en este sitio web, así que realmente no necesito eso. No obstante, en mi página web darrell wilson dot com sí tengo gente que iniciando sesión en mi página web porque los productos subir a vender. Entonces esa es una razón por la que querrías usar la página de inicio de sesión. Ahora, pasemos a la otra sección. Hablaremos de la barra lateral. Ahora las patillas. Probablemente bueno para la página larga, ¿verdad? La mayoría de la gente tiene, como, un suscrito a nosotros algo así. Entonces solo voy a seguir adelante y voy a Teoh, uh, más nueva página y en realidad saber qué? Vamos a integrar esto. En realidad vamos a integrar el Sí, vamos a integrar estas secciones de especialidad. Y también la barra lateral porque van de la mano. Entonces aquí mismo, voy a usar el constructor Devi. Ahora, he mostrado chicos las secciones estándar y las secciones más completas. Pero tal vez quieras la sección de especialidad, por lo que la sección especial es una especie de solo dividida de una manera diferente. Chicos, básicamente es lo mismo que muchos otros modelos. Pero, ¿ves cómo es como se ven diferentes los diseños? A lo mejor puedes tener una sección grande aquí. Se lo han roto para que una especie de hacerlo un poco más creativo. Entonces, por ejemplo, aquí mismo, vamos a dar click en éste ahora. Justo en la parte trasera. Ya ves, puedo poner un módulo aquí, un modelo aquí en un módulo aquí. Ahora, tal vez aquí mismo. Puedo agregar en la barra lateral. Por lo que yendo por aquí, voy a añadir en una barra lateral. Basta con hacer click en, OK, tal vez pueda agregar en esta barra lateral y luego aquí mismo. ¿ Oyes eso? Y luego aquí mismo se agregó como un texto aquí mismo. Te hemos llegado. Ve cómo puedes especie de ajustado, estar viviendo más creativo. Entonces para eso son las secciones de especialidad. Simplemente crea un estilo diferente, Ya sabes, crea un formato diferente. Por lo que realmente te permite, um, ya sabes, controlar y administrar completamente el sitio web. Por lo que acabo de poner como un icono de redes sociales. No lo sé. Solo vamos a agregar en uno justo aquí, darles un resumen básico de la, uh, de la barra lateral. De acuerdo, así que ahora voy a usar el constructor visual. Está bien. Recuerda, tenía dos patillas laterales. Entonces esta es una barra lateral, y esta es la otra barra lateral, así que esto es básicamente bueno para la publicación de bloque, así que tal vez aquí mismo. Lo siento. A lo mejor justo aquí. En realidad podemos hacer algo donde tal vez podamos simplemente poner un blawg y luego ah, barra lateral, lo cual es muy común. Entonces hagámoslo. Voy a entrar a una nueva sección. Yo no tengo algo como, uh, como algo así aquí mismo. Y este módulo pondrá una barra lateral en. Está bien. Y luego esta sección de aquí, vamos a poner en el, uh, blawg. Esa es una muy común. Mucha gente tiende a hacer eso porque es bastante común, y voy a dar clic en los cambios de vista previa para que puedas ver esto luce bastante estándar que tenemos. Nuestras publicaciones recientes son comentarios recientes son los archivos son categorías y todo. Entonces esta es nuestra publicación de bloque, y esta es la barra lateral de tesis. Ahora, hay muchas cosas diferentes que podemos hacer con las barras laterales. Por lo que en la siguiente sección, presentaré enchufes e introduciré widgets. Y luego hablaremos de cómo puedes agregar widgets, como tal vez un Facebook como ladridos o feed de instagram o algo así en estas barra lateral, porque estos eran más o menos basura. Al igual que meta nadie usa meta. Nadie utiliza categorías. A nadie le importan tus archivos, ya sabes. Pero tal vez un facebook como box, o como algo realmente bonito estaría ahí, ya sabes, en mi página web, uso el widget. Yo uso el sitio de nuestro ícono, y en realidad lo tengo bajo ah, ver debajo de mi blawg. A ver si hago click en uno de estos que admiro. Sí, así que aquí mismo tengo la barra lateral de anuncios. Entonces puse, ya sabes, puse un montón de anuncios aquí mismo a un costado. A lo mejor alguien hace clic en él. A lo mejor haré una comisión, ya sabes, ¿quién sabe? Ya sabes, prefiero dejarlo ahí y tener una oportunidad, entonces más bien no tenerlo ahí y no tener oportunidad. De acuerdo, entonces en la siguiente sección, hablaremos más de enchufes y widgets y cosas. Se puede agregar en la barra lateral, pero sobre la otra que eso, los chicos estaban bastante hechos con todos los módulos. Entonces si ustedes tienen alguna pregunta sobre cualquiera de las modelos, siéntanse libres de preguntar y avíseme. Los veré a todos en la próxima conferencia. 26. Preguntas 3 3 de la la prueba.: Oigan, chicos, bienvenidos a esta conferencia. Este es un nuevo quiz para ti. También. Yo quiero que una especie de mirar este sitio web y este es en realidad mi sitio web. Entonces quiero que miren este sitio web y especie de entender qué modelos utilicé aquí. Por lo que uso una fila de dos columnas. Entonces aquí mismo tenemos estas dos columnas justo aquí. Y puse una imagen aquí arriba, pero en realidad la empujé hacia abajo. Y esto fue en realidad un despido de divvy. Ahora, esto de aquí es un módulo de texto, otro módulo de texto, un módulo de texto. Pero esto de aquí es un enchufe. Y esto de aquí es solo un botón regular, así que puedes ver aquí mismo. Es sólo un botón regular. Y la otra parte aquí mismo, esto es para la versión móvil. Por lo que esto está deshabilitado en el escritorio. Siguiente. Quieres desplazarte hacia abajo chicos realmente simples. Ya sabes, es una imagen ah. Acabo de agregar un fondo ahí mismo. Pongo en un llamado a la acción, y como pueden ver aquí mismo está la oferta ah limitada. Y es solo un módulo de llamada a la acción y también esta parte aquí mismo. Yo Ustedes quizá no sepan qué es esto. Estos son en realidad cuatro deslizadores que he condensado juntos. Entonces estos son los cuatro deslizadores, y decidí especie de cambiar el fondo en cada uno de estos. Reduzco el relleno. Entonces como resultado, lo creó creó este efecto realmente genial que están todos revueltos juntos. A continuación, tienes nuestros testimonios de YouTube, y esto también es un layout de divvy. Entonces es básicamente un módulo de texto de módulo de texto y luego otro Ah, tres modelos de texto aquí mismo. Entonces, ¿cómo realmente hizo esto fue? Bueno, en realidad, todo el crédito le va a Davy por hacer esto. Ustedes pueden ver el módulo aquí mismo. Acaban de poner la, um ya sabes, la carta ahí mismo. El Darrell Wilson. Y luego tienen una imagen, que es el medio publicitario de cinco estrellas. Entonces, así como así, han creado esto. Entonces recuerda, este es en realidad un layout pre hecho y mis otras conferencias. Hablaremos de los diseños pre hechos. Entonces en la parte de atrás, no quiero quitarle ningún crédito a Davy. Han creado este layout, y acabo de importarlo y usarlo en mi página web. siguiente tienes tu otra sección, que es un texto y otro texto con cinco imágenes dentro de ella. Para que se pueda ver aquí mismo. Voy a desplazarme hacia abajo y justo aquí. Verá, este es un módulo de texto. Este es otro módulo de texto. Y si abro esto, vas a ver que son sólo cinco pequeñitas fotos. Añadí, y pongo enlaces en ellos. Por lo que hacen clic en esta edición colillas en. Ustedes pueden ver eso aquí mismo. Tengo un enlace, un euro personalizado, un enlace ahí mismo. Entonces así es como creé esa sección de especialidad. Entonces en efecto en guardar salidas y vamos a ir a, uh, vamos a revisar tal vez dos o tres páginas. Chicos, tengo como 20 páginas en este sitio web, así que nos podría llevar mucho tiempo. Así que sigamos ahora y miremos la tienda. Entonces voy a ir por aquí en mi otra página y mostrarles el back-end. Por lo que esta es la tienda, que también es otro layout pre hecho creado por divvy. Te lo digo, hombre, estos tipos harán tu apetito por ti. No hay problema. Apenas tengo una especie de edición y todo lo que así estamos fuera de la parte trasera de gas, Comptel que este es un módulo de texto y este es otro módulo de texto. Ahora, en realidad podrías haber puesto probablemente solo un módulo de texto, pero a veces me gusta el espacio entre ellos. Esto de aquí es un, um esto aquí es todo texto justo aquí. Y añadí un divisor alrededor de esta columna aquí mismo. Ustedes pueden ver que hay un divisor alrededor de esta columna y pongo texto, texto, texto, botón de texto y luego divisor porque quería especie de crear el espacio que quería poner debajo del botón. Y ustedes pueden ver que se ve bastante bien. Entonces, ya sabes, es bastante estándar, ya sabes, texto, texto, texto , sexo, sexo, Tex, pero en divisor. Y luego sopla eso aquí mismo. Añadí otro módulo de texto, y recuerda, está aquí. Dice términos de servicio. Podemos hacer de eso un enlace para que no necesites realmente agregar un botón. Ya sabes, no tienes que tener un botón para todo, ya sabes, como, como, ya sabes, solo podrías hacer de esto un hipervínculo que te va a ir bien. Entonces el siguiente al que quiero ir es probablemente, um Veamos a dónde vamos. Yo construyo tus sitios web. Podemos hacer esa. A lo mejor esto también es muy similar. Probablemente sea lo mismo que ustedes pueden ver. Este es un módulo de texto. Este es el precio. El texto es básicamente lo mismo, chicos, excepto que solo decidí tirar algunos colores diferentes, y decidí tirar algunos otros diseños. Este de aquí es un módulo de texto. Un módulo de texto. No, lo siento. Este de aquí es un módulo de llamada a la acción Llamada a la acción. Llamamiento a la acción. Y recuerda, simplemente no agregué en el botón para la llamada a la acción. OK, entonces es una fila de dos columnas con una llamada a la acción, así que es muy sencillo. Es muy fácil de usar, pero ahora está pasando con la sección editorial. Entonces aquí mismo tenemos otra sección interesante y vamos a volver por aquí y vamos mirar el back end y vamos a ir despacio en éste porque podría haber algunas otras cosas no estás seguro. De acuerdo, Así que muy rápido, agregué en un ah, por aquí, vamos a ver el sitio web desde el backend solo para ayudarlos a todos. Entonces aquí mismo agregué un módulo de texto, un módulo de texto. Yo sólo lo centré. Esta sección justo aquí acabo de agregar en un modelo de texto, pero decidí darle algo de color y justo aquí debajo de eso, agregué en otro modelo de texto, pero quería usar algún texto diferente. Y recuerda, hice de esto un párrafo básico. Entonces, um, es como, uh, ya sabes, si quiero cambiar la configuración, iré al modelo de texto y cambiaré esa configuración aquí mismo. Agregamos otro módulo de texto aquí mismo. Agregamos un divisor, y luego aquí mismo, todo esto es un módulo de texto, y luego esto es un botón. De acuerdo, Ahora lo mismo por aquí, chicos, recuerden, es exactamente lo mismo. Simplemente lo espaciamos. Ya ves como tengo tengo crédito que así se ve bastante bien. Entonces, um, eso es básicamente un resumen del, um de esta página. Ahora, una última página que vamos a ver es la Sólo vamos a ir a esta página aquí mismo. Iremos a la página editorial del muro Comercio y te mostraré el backend para esta página también. Y en el vestíbulo, es porque hay. Tengo muchas páginas en este sitio web, y así que realmente me tomo mucho tiempo Teoh para hacer esto. Entonces esto aquí mismo agregué en un, um, un módulo de texto ataca módulo y esta sección justo aquí. Estos son en realidad ambos modelos de texto Ahora, también realmente lo hice fue tomar el video de YouTube y acabo de ir al texto y solo me llevé el video. Ahora, para hacer eso, solo necesitas ir a YouTube, ir a mi canal, ir a mi canal, y yo solo voy a seguir adelante y agarrar un video, y voy a seguir adelante y dar click en compartir. Sí, aquí dice, Incrustar ahí mismo. Haga clic en en la cama, derecho Haga clic en esto. Copia eso, y luego solo pon eso justo ahí y asegúrate de que haya una pestaña justo aquí debajo del módulo de texto . Ahí hay un visual, y hay un texto. Asegúrate de ponerlo en el texto. Lo pones en el visual. No va a funcionar y solo pegarlo ahí así como así y lo que hagas que voy a seguir adelante y guardar y salir solo para mostrarte cómo se ve esto. Y ahora vas a ver videos de YouTube. Entonces ahí lo tienes. Entonces hay otro video de, ah, ah, este sitio web o este video, lo que sea. Entonces así es como pondrías en un video de YouTube y tu módulo de texto. Entonces voy a cerrar esto, bien, y volveremos atrás y previsualizaremos esta página tan rápidamente. Esto de aquí, Sigamos adelante y comprobemos lo que realmente hizo. Yo uso aquí. Creo que solo uso un regular. Usé un modelo de imagen. De acuerdo, podría haber usado un módulo de texto, pero , um, esto es un módulo de imagen , un texto, una imagen, un texto, un texto y modelo de imagen, un texto y luego texto abajo que hemos utilizado otro módulo. ¿ Ves lo que usé aquí? Ha pasado un tiempo. Ha pasado mucho tiempo. Añadí el ah, el módulo de deslizador. Entonces esto es básicamente solo un módulo slider y he hecho que parezca una sección testimonial para que puedas tener testimonios continuos aquí mismo. Entonces esto es básicamente un deslizador excepto que solo uso esto para mezclarme con todo. Entonces recuerda, todo se trata de ser creativo. Chicos con tus sitios web, solo pienso y también puedes mirar otros sitios web y conseguir ideas que realmente te ayudarán . De acuerdo, así que eso es todo para este quiz. Espero haberte ayudado a conseguir algunas ideas más sobre cómo puedes usar el tema divvy para crear prácticamente cualquier cosa. Por lo que los veo a todos en la próxima conferencia. 27. Plugins y widgets: Oigan, chicos, bienvenidos de nuevo. Entonces en esta conferencia, vamos a hablar de enchufes y también vamos a hablar de widgets. Y la razón por la que las combiné es porque enchufar los widgets realmente van de la mano . Hay muchas razones por las que muchos enchufes que instalas básicamente irían al área de widgets. Ahora, déjame darles chicos Ah, rápido resumen de lo que es un enchufe. Por lo que un plug in es básicamente una característica añadida a tu sitio web, y no cuesta nada. Hay algunos enchufes premium, pero muchos de ellos son gratuitos. Entonces llegamos aquí y vamos a enchufes y solo vamos a añadir nuevos. Vas a ver menos enchufes, y estos tienen todo tipo de cosas. A lo mejor quieres verte una especie de tema que alguien está usando. Ya sabes, este es un chequeo temático donde puedes comprobar qué tipo de equipo están usando. Esto de aquí es super super elenco, que básicamente reduce el efectivo por lo que hace que tu sitio sea un poco más rápido y simplemente haciendo clic aquí mismo impopular. Se puede ver como los más populares, como, ya sabes, un efectivo total que reduce la velocidad del reduce el efectivo en el sitio web Google XML mop. Entonces si quieres generar un mapa del sitio, puedes resolver ese plug in, bueno, comercio. Esto te da la capacidad de vender algo. Yoast Seo. Esto básicamente lo hace por lo que estás en la página la optimización está totalmente optimizada. Tienen todo tipo de artilugios realmente geniales, chicos. Y, como formulario de contacto siete, que básicamente crea un contacto con nosotros página updraft de respaldo WordPress Plug in. Por lo que esto básicamente crea copia de seguridad de su sitio web. Por eso dije,ya sabes, ya sabes, nunca necesitas comprar esos como las cosas de Gator host o cualquier sitio web que ofrezca como, Oh, bueno, bueno, copia de seguridad de tu sitio web. Simplemente no lo hagas porque tienes este enchufe aquí mismo y no necesitas pagar por eso. Y también tienen, como, como, el indicador de apagado. Entonces tal vez si quiere tener seguridad extra en tu sitio web, puedes tener un indicador de dos vías fuera como un panel de Analects de anuncios de Google. Tienen todo tipo de enchufes, chicos, así que realmente no puedo darles chicos como cuál es el mejor plug in. Ya sabes, es difícil conseguir que las personas respondan porque todo el mundo tiene una necesidad diferente, ya sabes, de tu página web. Entonces, um, esta es una especie de parte donde ustedes tipo de aventurarse y averiguarlo. A lo mejor como necesito en instagram. Ya sabes, nuestra caja me gusta de Facebook. Vamos a escribir en Facebook como caja Facebook. Al igual que las literas así. Está bien. Y aquí mismo te dan una lista de Facebook como caja. Por lo que estas brujas aseguran que crearán una caja como Facebook para ustedes chicos. Algunos de ellos son realmente malos, pero algunos de ellos son realmente increíbles. Ahora, personalmente he empezado a usar este de aquí. Este. Funciona muy bien. Es fácil. Entonces todo lo que necesitas hacer es dar click en instalar ahora y ellos dan clic en Activar Ahora. Ya he instalado esto. Entonces para ustedes chicos, será así. Sería como, ya sabes, instalar ahora y después ves, está instalando justo ahí y luego dirá que se activa. Haga clic en activar. Y ahí tienes. El tapón ahora está activado. Ahora queremos usarla. Entonces con el fin de usarla. Algunos enchufes funcionan en la barra lateral. Algunos enchufes no funcionan en la barra lateral, pero la mayoría de ellos funcionan en el área del widget de barra lateral. Porque recuerda esta sección aquí mismo. Estos son todos widgets. Son como si estuvieran esperando a que nosotros, como, como, lo diseñemos. Ya sabes, puedes agregar un formulario de suscriptor. Puedes agregar tantas cosas en el en la barra lateral. Entonces permítanme darles un ejemplo de ellos. Está bien, así que por aquí, en unos enchufes, hemos instalado este enchufe. Ahora necesitamos activarlo. ¿ Verdad? Entonces pasemos a la aparición y vamos a ir a widgets. De acuerdo, Así que esta es nuestra zona de widgets ahora mismo. El bar lateral. Ustedes pueden ver la búsqueda, comentarios recientes, categorías de archivos. Meta Ahora, en esta sección es lo mismo. Comentarios recientes, categorías de archivos, meta. Entonces si quieres agregar algo, solo tienes que arrastrarlo. Entonces digamos que quieres un calendario. Voy a tomar esto aquí mismo y simplemente arrastrarlo sobre justo debajo de buscar y poner como nuestro calendario y dar click en guardar. Está bien. Ahora bien, si refresco la página, vas a ver un calendario que suba por debajo de los comentarios recientes, y ahí lo tienes. Por lo que ahora tenemos este calendario ahí mismo. Entonces digamos que solo quieres agregar en el cuadro de me gusta de Facebook. Voy a desplazarme hacia abajo hasta el ah, ver Justo aquí. Este no es el correcto. Ya aquí. Widget widget, caja como Facebook. Muy bien, así que voy a tomar esto aquí y arrastrarlo sobre justo debajo de la búsqueda, y nos va a dar esta página abierta justo aquí. Entonces tal vez el TIEMPO quería ser como, uh, como nosotros, la página yo d Así que recuerda, debes asegurarte de que esto no sea un perfil privado, porque si es un perfil privado, no va a funcionar. Porque recuerda, es un perfil privado, por lo que quizá quieras usar un fan teach. Entonces voy a ir a mi Facebook por aquí, y voy a ir a mi página de fans de Facebook y ves esto Estás bien aquí. Entonces en realidad solo voy a seguir adelante y copiar esto aquí mismo, así como eso. Mis conversaciones estaban abiertas. Perdón. Y voy a volver a la página web y ella, pero dice, Pon la página, yo d ahí. Entonces voy a poner la página que d ahí, pero pegado ahí adentro Ahora también puedes controlar el con, y también puedes controlar la altura. Y estos son píxeles. Por lo que 180 píxeles o 300 píxeles, usa el encabezado pequeño. Ya sabes, no muy seguro con ese ajuste significa usar una cabeza pequeña o no. Pero solo puedes, ya sabes, hacer prueba y error. Haz sí o no y luego pruébalos. Ver las diferencias. Se puede mostrar caras de amigos. También puedes mostrar las publicaciones de las páginas. Entonces dicho eso, sigamos adelante ahora y guárdalo y veamos si este enchufe funciona. Y a veces chicos, si los enchufes no funcionan. Es muy común. A veces son solo malos desarrolladores ahí fuera que, sabes que no funciona. Entonces aquí mismo, Sí, y ver la caja me gusta de Facebook aparece. Pero vamos a ver cuánto podemos empujarlo hacia un lado. ¿ Ves cómo es una especie de crujido así? A lo mejor quería ser un poco más. Entonces en la sección con por aquí, quizá ponga 300 y vaya a salvo. Está bien, Así que ya ves cómo es ahora. Ahora mismo, vamos a refrescar la página. Muy bien, Así que ustedes pueden ver que ahora es mucho más grande, Así que esto de aquí es un poco mejor. Se ve bastante guay. Entonces si ustedes quieren un poco, se ve así, ¿recuerdan? Simplemente, ya sabes, meterse con la configuración de píxeles o meterse con el, ya sabes, los estudios, ese tipo de, ya sabes, adaptado a tu sitio web. Ahora, tal vez quieras agregar algunos anuncios, tal vez quieras ganar algo de dinero Ahora, ¿ eres afiliado o no? No sé si ustedes promocionan algún sitio web o no, pero si son afiliados, recomendaría los programas de afiliados más que el Google AdSense. Y te explicaré por qué. Entonces esta de aquí es mi cuenta de Google AdSense. Ahora, en realidad puedo ya sabes, esta es mi casa. Entonces aquí mismo, puedo ver mi saldo actual, etcétera. Ahora, si voy a mis anuncios, puedes llegar a conseguir código. Ahora todo lo que necesitas hacer es copiar y pegar este código. Entonces por aquí, solo adelante y no tienes que seguirme por cierto. Sólo te estoy mostrando en el futuro. Si deseas agregar anuncios en tu sitio web, así es como lo harías. Vuelves a tu sitio web y realmente crearías un texto arbitrario por lo que el texto básicamente crearía los anuncios para ti. Entonces voy a cerrar estos aquí mismo, así como así. Ahora, solo digamos que quieres agregar en el anuncio. Entonces tengo que hacer es arrastrar esto por aquí y copiar en este, uh, este uh, código en el cuadro de contenido, Recuerde, Recuerde, es el cuadro de texto arbitrario en el que hace clic en Guardar y luego comenzará a aparecer el anuncio. Entonces eso si quieres correr como Google AdWords. Pero chicos, lo siento, AdSense, pero, ya sabes, trabajando en Internet, siempre recomiendo los programas de afiliados. Ahora bien, por qué no recomendar los programas de afiliados es porque te pagan más dinero. Así que digamos, por ejemplo, estás en el nicho de quizá, ya sabes, uh, uh, productos para perros. Ahora, sé que cada empresa por ahí como Petco o cualquier empresa tiene un programa de afiliados, y te van a dar pancartas. Te darán cosas para poner en su página web. Entonces lo voy a llenar para Debbie aquí mismo. Y esta es su caja de afiliación ah. Ahora están diciendo, como tienes que hacer es copiar y pegar estos en tu sitio web y el bateador se mostrará. Entonces probémoslo. Voy a seguir adelante y tomar este código. Se va a seguir adelante y copiar este código, y vamos a volver a nuestra zona de testigos, y en realidad voy a sacar esto y pegarlo ahí ahora para el título. Chicos, en realidad nunca quieren poner anuncios para anunciarse o un título para anuncios . Ya sabes, es como si pudieras,ya sabes, ya sabes, poner tal vez un 50% de descuento. Están teniendo una venta puesta. Realmente no quieres decirle a la gente esto no se agrega. Haga clic en él. Ya sabes, nunca quieres hacer eso. Entonces volviendo por aquí, agregué en el anuncio, Así que voy a dar clic en Refrescar, Y ahí tienes. Por lo que ahora tenemos el banner de temas elegantes ahí mismo. Entonces si alguien hace clic en esto y lo compra, hago una comisión, Así que tal vez quieras hacer alguna investigación en algunos programas de afiliados realmente cool porque personalmente los anuncios de Google. Es solo que puedes convencer a alguien para que compre, ya sabes, como, ya sabes, como hospedaje web o algún tipo de, ya sabes, producto de Amazon. Vas a conseguir más dinero. Ahora, si solo hacen clic en una cuenta de Google AdSense o en un anuncio de Google AdSense, no van a hacer tanto. No vas a hacer tanto. O sea, concedido, te pagarán por ese click. Pero, ya sabes, podrías conseguir unos centavos, así que quizá no valga la pena tu tiempo, pero como dije, si puedes tener ambos, puedes tener Ah, ya sabes, Anuncio de Google y puedes tener tu anuncio de Filadelfia así que volviendo aquí, digamos que también podrías querer entrar en otro widget. Entonces, solo sigamos adelante y busquemos otro widget. Entonces voy a ir a enchufes e ir a agregar nuevos. Ahora, sólo sigamos adelante y vayamos a popular. Entonces, ¿qué es un widget genial? No podemos no tener ni idea de que solo voy a seguir adelante y sólo encontrar uno que creo que sea como, ya sabes, como, uh, como tal vez, um, ya sabes, en realidad, ya sabes, es bueno agregar en tu barra lateral es un formulario de suscripción y recuerda antes cómo hicimos un, um, um, y cuenta para chimpancé masculino. En realidad puedes agregar Ah, formulario de suscriptor en tu barra lateral. Entonces voy a ir a iniciar sesión en mi cuenta de envío de correo así como así, y vamos a ir a creo que es Thea las listas, y creo que es formularios de registro. Entonces aquí mismo, creo que son los formularios de incrustación, por lo que en realidad puedes agregar esto a tu página web. Entonces si voy a seleccionar, me van a dar diferentes tipos. Por lo que quieres lucir así o puedes lucir así. Haces que se vea así o así, o puedes tener tu propia costumbre. CSS. Entonces voy a algo realmente básico ahora mismo. Yo solo voy a hacer esto flaco y justo aquí cómo dice copiar y pegar en tus sitios. Entonces todo lo que haces es simplemente desplazarte hacia abajo y copiar todo este texto y volver a nuestra página web por aquí y vamos a bajar a nuestra sección de testigos otra vez y vamos a añadir esto como un texto arbitrario de nuevo Así que voy a tomar esto, ponlo aquí y adelante y avanza ahí dentro así como así. Y yo a veces si no funciona, tal vez extrañas como un espacio. O tal vez recuerden, si incluso falta una cosa, no funcionará. Y aquí mismo, pusiste tal vez inscribirte. Suscríbete ahora, ¿verdad? Eso es bastante guay. Algunos dan clic en guardar y voy a refrescar la página. Entonces cómo lo tienes, La pequeña lista aquí mismo. Dice Suscribirse. Ahora suscríbete a nuestra lista de correo. Por lo que hay muchas razones por las que quieres usar la barra lateral en la página de tu blog. Entonces si ustedes chicos estaban interesados en usar el ya saben, la barra lateral con los widgets, este es su ya sabe, su solución y digamos, Chicos, hay un widget para todo. Ahí hay como un Hay un twitter. Ah, mucha gente tiene feeds de twitter. Entonces si quieres que la gente vea tu feed de twitter, puedes poner eso ahí arriba, ya sabes, o tu feed de instagram o, ya sabes, un anuncio o algo que uno o algo similar a eso. Entonces si están interesados en programas de afiliados, ustedes pueden inscribirse en, ya saben, cualquier programa de afiliados que les interese y puedan Como dije, solo coloquen el AB justo ahí. Y si alguien hace clic en él y compra su, harás una comisión. Entonces básicamente prefiero el, um ya sabes, eso se acabó. Ah, ya sabes, prefiero prefiero más los programas de afiliados que la cuenta de AdSense. Pero también quiero presentarles a todos a Google analytics porque Google Analytics es, um es muy, uh básicamente atrae a los clientes que vienen a su sitio web, y siempre le digo a la gente que le digo, Ya sabes, no es requerido, pero debe ser requerido porque si no sabes quién viene a tu sitio web o algo al respecto, ¿cómo posiblemente sabrías lo que está pasando? Entonces vamos a seguir adelante y enseñarte cómo agregar Google Analytics de la manera fácil ahora realmente rápido , vamos a ir a mi cuenta de Google Onyx, y voy a seguir adelante y entrar en mi cuenta. Así que regístrate y solo Google Analytics. De acuerdo, entonces este es mi Google, Alex. Tengo muchos otros sitios web con los que trabajo, así que vamos a volver a mi sitio web aquí mismo y vamos a ir a los enchufes e ir a añadir nuevos y recomiendo a todos que hagan esto. Es gratis, No cuesta nada. Y te dice quién viene a tu página web. Entonces ahí mismo, podrías escribir en Google analytics así como eso. Y esta es la manera fácil, porque de la otra forma hay que instalar script. Tienes que involucrar código. Podría ser complicado. Por lo que aquí mismo, puedes instalar ahora. Y como dije, esto no aparecerá en la zona boscosa. Entonces esto es como puramente back end, ¿sabes? Por lo que instalé el widget. Está bien. Instalé el enchufe. Ahora, a veces chicos, ustedes no pueden encontrar los enchufes. Eres algo así como, OK, solo dice desactivar o editar. ¿ Qué hago aquí? Entonces hacemos clic en editar aquí mismo, vas a llegar a la pantalla y dice: No te metas con esto porque esto solo implica codificación. Si dice eso, no te metas con ello. ¿ De acuerdo? Ahora podría terminar estando en algún lugar de tu, uh, tu lado izquierdo. Entonces vas a tener que pasar por encima de las cosas, ya sabes, como herramientas, ajustes. De acuerdo, Ahí está. ¿ Ves eso? Entonces entendimientos Google Analytics está ahí. No te dice dónde está, pero, ya sabes, está ahí. Entonces solo ves esta propiedad web, yo d Y eso es todo lo que te dan. Por lo que todo lo que necesitas hacer es ir a tu cuenta de Google AdSense y obtener tu propiedad Web. Yo d Ahora, si tu nueva analítica simplemente básicamente,ya sabes, apuntarías ya sabes, Baba ball. Pero ves este código aquí mismo, ese de ahí, eso es todo. Eso es todo lo que necesito. Entonces todo lo que necesitas hacer es encontrar tu idea de código, y creo que hay otras formas de encontrarla. Ya sabes, um, creo que está bajo reportar. O personalización o admin. Sí, bajo admin. Creo que vas a la configuración de la propiedad o información de seguimiento. Déjame ver si puedo averiguarlo para ustedes. Ahí está. Por lo que la configuración de su propiedad y esta de aquí es su seguimiento. Yo d. Así que sólo tienes que seguir adelante y copiar esto, y luego sólo tienes que seguir adelante y simplemente pegarlo ahí mismo. Ahora, esta es la forma más fácil de instalar chicos de Google analytics, porque confía en mí. Hay muchas otras formas de resolver el análisis de Google, y implica, Ya sabes, mover código HTML implica todo tipo de cosas raras. Por lo que una vez que lo tengas ahí, podrás ir a tu reportaje y podrás ver si la gente está visitando tu sitio web. Entonces, por ejemplo, sesiones. ¿ Cuántas veces viene la gente a la página web? El promedio de duración de la sesión. ¿ Cuánto tiempo están en tus sitios web? El índice de saldo, que es muy importante, lo que indica cuanto mayor es la tasa de rebote, peor es porque eso significa que la gente va a tu página web y se van de inmediato . Eso es lo que llamamos tasa de rebote. Entonces, cuanto menor sea la tasa de saldo, mejor probablemente alrededor del 50% sea una tasa de equilibrio decente porque podemos hacer felices a todos , ¿ verdad? Pero, ya sabes, um, así es como va ahora, la tasa de conversión de goles. Entonces esta es tu tasa de conversión. ¿ Cuántas personas vienen a la página web y se están convirtiendo? Significa que están comprando algo. Entonces supongo que tendré ah e commerce tutorial en TV en otro tutorial. Pero no se preocupen por ustedes mirando. Esto probablemente les proporcionará a ustedes chicos código de cupón eran Tal vez sea incluso gratis. Uh, no sé si enseño en muchos otros sitios web, pero soy un poco nuevo para ustedes, pero soy un poco conocido en Internet, así que les haré saber de eso. No te preocupes. Entonces eso es un balance de Google analytics y también de los enchufes y también de los widgets. Y esa es mi opinión sobre, ya sabes, anuncios, etcétera. Para que puedas tener, ya sabes, anuncios de Google aquí mismo. O puedes optar por usar lo que sea que te guste. Así que una vez que estés cómodo, ya sabes, puedes especie de aventurarte Y recuerda, si siempre quieres eliminar uno de estos aquí mismo, solo lo borras. Ya sabes, haz click en esta flecha borrada, y vamos a hablar del pie o más tarde. Pero el pie o los chicos es de la misma manera exacta. Simplemente pones algunos textos y luego, ya sabes, metes algo y ya terminas. Entonces es bastante autoexplicativo para el área del pie. Es solo un área diferente, ya sabes, Esta es una barra lateral. Este es el pie o zona Eso es todo. Muy bien, chicos. Entonces creo que eso es todo para los enchufes y widgets. ¿ Tienen alguna pregunta con respecto a los enchufes y widgets? Como dije, es algo así como un yo. El proceso de autoaprendizaje. Ya sabes, tienes que especie de encontrar un buen enchufe y luego aplicar. Ese es tu widget y ya estás listo. Eso es más o menos en. Muchos de ellos trabajan de diferentes maneras, ya sabes. Entonces si tienes alguna pregunta sobre enchufes o widgets, siéntete libre de ponerlo. Ya sabes, si estás buscando un enchufe específico, siéntete libre de avisarme, OK, OK, así que a continuación vamos a seguir adelante e ir a la siguiente sección para que vea a todos allá. 28. CSS personalizado: Oigan, chicos, bienvenidos de nuevo. Por lo que en esta conferencia, vamos a hablar de personalizado, CSS y qué características puede proporcionar su sitio web. Entonces justo de atrás, ustedes ven este gran gran arco. Ahora bien, este arco no es un fondo. No es una imagen. Es básicamente un módulo CSS personalizado que agregué. Entonces para poder hacer eso con el fin de darle a tu sitio web un like a background are o algo así, necesitas ir aquí al ícono del engranaje y en realidad darles un pedazo de guión. Ahora bien, es realmente sencillo usar este guión. Entonces en el CSS, debajo de la sección anterior, vas a ver ese pedazo de guión ahí mismo. Ahora, sólo voy a copiarlo, y se puede ver que el arca ya se ha ido. Ahora, voy a seguir adelante y pegarlo ahí así como así, y vas a conseguir este arco realmente genial. Y podemos modificar este Arca dos. No obstante, queremos que se vea. Entonces por ejemplo, ve justo ahí estaban dice altura, adelante y cambia la altura a tal vez alrededor. No lo sé, 50%. Por lo que ahora el arca solo está golpeando alrededor del 50% de la página. Ahora bien, si quisieras tener el 100% solo agregas el 100%. Ahora, el con digamos que quieres hacer el con tal vez alrededor del 50 50%. Ustedes pueden ver que el Arca está ahí, pero es un poco más pequeño. A lo mejor quieres hacer alrededor del 100 50%. Entonces, sí, concede que está cubriendo más de la página. A continuación tienes tus licenciaturas. Entonces, ¿qué grado quieres que sea esto? A Entonces, por ejemplo, voy a cambiarnos de nuevo a 105 y vamos a hacer un ángulo de 90 grados. De acuerdo, Así que voy a dejar esto aquí y de 90 grados para que ustedes puedan ver que ahora está sumando ángulo de 90 grados. Ahora, si voy delante de los nueve a poner un signo negativo, vas a ver el pedazo de guión cambiado al negativo, Uh, negativo Uh, 90 grados para que puedas seguir adelante y caguar, tal vez 180 grados. Realmente depende de lo que vayas a buscar para tus sitios web. Pero si ustedes quieren sumar como,ya saben, ya saben, un arco que se ve así, como este es un ángulo de un grado. Aquí es básicamente donde lo harías. Entonces voy a seguir adelante y ponerlo en tal vez alrededor de 150 Oregon a tal vez 100. Vámonos y nos vayamos. Agrega negativo 100. Entonces, mira así. Entonces así es como conseguí ese diseño. Y recuerda, puedes contactar con temas elegantes en su formulario de soporte y obtener cualquier tipo de CSS personalizado que intentes obtener. Ahora sí tengo un pequeño aguinaldo para ustedes chicos. Por lo que ustedes en realidad pueden usar este guión. Lo pondré en las notas de la conferencia. Pero digamos que quieres conseguir algo que se vea un poco más único. Ahora ven aquí mismo cómo es esta flecha hacia arriba? Ya ves cómo dice Simplemente adelante y copiado el guión y ponlo en la sección después. Entonces si nos desplazamos hacia abajo justo aquí, esta es la sección después. Entonces básicamente están diciendo Solo sigue adelante y solo copia esta página o copia este código y ponlo en la sección después. Entonces con este código, obtendrás una flecha hacia arriba Mira, nos desplazamos hacia abajo obtendrás estos looks de tres épocas, por lo que hay un montón de formas y características diferentes. Puedes diseñar tu sitio Web y te dan imágenes de lo que hace el CSS personalizado. Ya sabes, como este doblez de página aquí mismo, esquina doblada. Y tienen instrucciones para cada uno. Cada uno no es lo mismo. De acuerdo, entonces tal vez quieras tres puntos, o tal vez quieras agregar dos líneas. Ahora uno de mis favoritos es en realidad el, um, probablemente el zigzag, que es una característica realmente genial, pero en realidad necesitarás obtener el código de color. Entonces aquí mismo tienen, como el RGB un número, y necesitas contactar con temas elegantes para obtener el número RGB correcto para tu sitio web. Porque hay miles de formas diferentes en las que puedes agregar color en el medio círculo, lo cual es bastante genial, o puedes tener la curva superior. Creo que el propósito superior realmente genial donde ves como el sitio web, empieza a gustar curva alrededor así y solo seguirías adelante y, ya sabes, sigue estas instrucciones y pega el código ahí y también la curva inferior. A lo mejor quieres que la parte inferior de tu página web tenga ese efecto de curva realmente genial. Mi favorito va a ser el diseño del Arca, que es este de aquí. Por lo que realmente he implementado esto en un sitio web de clientes y esto fue a su lado la abogacía. Es un sitio web que construí para un cliente, y de vuelta a ustedes chicos podrán ver este diseño de arco. Entonces ya ves que tienen este diseño de arco que es con el modelo CSS personalizado. Y esto de aquí se hizo con el tema divvy, Y agregué nuevamente en el diseño del Arca. Y también agregué en otra costumbre, CSS se le da esto realmente genial, como, ya sabes, poco diseño fresco en la parte inferior justo ahí. Por lo que todo esto se puede hacer con el módulo CSS personalizado. Por lo que en realidad pondré esta página en las notas también. Es una, um es una página de temas elegantes. Por lo que durante los 100 días de Devi, tuvieron esto. Entonces si quiere tener estas características CSS personalizadas realmente geniales, solo necesitas una copia y pega esas en tu página web Next. Usted adivinó a NC justo aquí. Cómo he creado este tipo de diseños de arco, y esto es en realidad con la misma pieza de guión. Y yo solo lo puse en diferentes ángulos y solo cambio el código para una especie de darle este azul realmente genial , ya sabes, efecto que simplemente parece, ya sabes, solo hay diseños en la página, todo bien? Entonces aparte de ese tipo también, si te pones en contacto con temas elegantes en sus formularios y te dicen que, ya sabes, pongas este código en tu después o lo pones en tus elementos principales o en tu sección antes. Ahora ustedes sabrán dónde pueden poner código. Ahora hay otro lugar donde se puede poner código. Entonces déjame mostrarte dónde está eso. En realidad está en las opciones devi. Entonces voy a guardar esto aquí mismo. Ahora quiero volver aquí a nuestro panel de control. Y recuerda, si te dicen que pongas esto en el tema de tus sitios web, donde quieres un cierto no sé, lo que quieras hacer, baja a divvy y ve a opciones temáticas, y estás va a desplazarse hacia abajo aquí hasta que veas la parte inferior de esta sección justo aquí, que es el CSS personalizado. Por lo que a veces te pedirán que lo insertes dentro del tema. Entonces el CSS personalizado que estaría justo aquí bajo sus opciones de tema. De acuerdo, Así que siéntete libre de una especie de aventurarte por tu cuenta. Y, ya sabes, si tienes una necesidad específica de CSS personalizado Así que estás tratando de una cierta mirada, pero la cosa simplemente no lo ofrece. Recuerda, siempre hay CSS personalizado y cualquier cosa se podría hacer con CSS personalizado. Está bien, chicos. Entonces eso es todo, chicos, para la costumbre. CSS En la próxima conferencia, hablaremos más sobre, um, otras cosas. Está bien, así que los veré a todos ahí. 29. Obtener imágenes: Oigan, chicos, bienvenidos a esta conferencia. Ahora bien, esta conferencia es una conferencia muy importante. Te voy a mostrar en esta conferencia cómo conseguir ideas para tu página web. Y también te voy a mostrar cómo obtener imágenes increíbles de forma gratuita en tu o para tu página web . Entonces lo primero que voy a hacer es llevarte a esta página web. No tienes que seguirme, pero estos son ejemplos temáticos de Devi. Por lo que todos estos se hacen con el equipo de debate. Por lo que con solo mirar algunos de estos sitios web, puedes obtener ideas realmente geniales. Entonces, por ejemplo, al hacer clic en este sitio web, el taco del espacio de diseño y justo en la parte trasera este se hizo usando el equipo divvy. Por lo que mirando estos sitios web, ya puedes decir Esto es un módulo de imagen, un texto, un divisor, un texto y un llamado a la acción. Y aquí mismo, lo mismo. Es una imagen, etcétera. Ahora también te voy a redirigir a otro sitio web. Este sitio web se llama Theme four Stott nets, y lo que hacen es vender miles y miles de diferentes tipos de temas de wordpress . Pero muchas de estas son realmente, realmente malas. De hecho , uso. En realidad, sus top y sus bowlers de página no son nada comparado con el tema divvy. No obstante, tienen muchos ejemplos de plantillas que en realidad te ayudarán a obtener ideas. Entonces, por ejemplo, realidad les voy a decir lo que en realidad les voy a enseñar a ustedes el sitio web que en realidad voy a construir. Entonces esto de aquí es un sitio web llamado Regency, pero es algo de baja calificación, pero tienen algunas imágenes realmente, realmente geniales que quiero. De hecho, voy a usar estos en mi siguiente tutorial de comercio electrónico. Entonces aquí mismo, voy a dar click en este diseño. Ahora, quiero esas imágenes, pero si realmente tienes razón, haz clic en ella, no puedes guardarla porque la guardará como una página Web HTML. Entonces, ¿cómo consigues imágenes como esta aquí mismo o imágenes realmente increíbles como esta? Bueno, te voy a mostrar en esta conferencia, así que lo único que tienes que hacer es correcto. Haga clic en esto y vaya a inspeccionar. Muy bien, ahora, justo de atrás. Te van a llevar a esta tira de código aquí mismo. Pero no te preocupes por que es, ya sabes, es ah ya sabes, es es, ya sabes, es que necesitas saber algo de esto, pero ves bien, que justo aquí cómo tienen esta URL, Ajay pick imagen en la imagen de esa chica. Esta imagen es ese enlace ahí mismo. Entonces si quiero esta imagen deslizante también necesito hacer se copia este enlace aquí mismo. Entonces en realidad voy a seguir adelante y dar clic en copiar. Y ahora voy a ir por aquí y dar click en Pace. Entra Y ahí vas. Ahí está la imagen, y puedes hacer click derecho sobre esto y decir la imagen y guardarla en tu computadora. Entonces, dicho eso, ustedes en realidad pueden empezar a navegar y comprar por Internet como el sol aquí mismo , e ir por otros sitios web y especie de conseguir sus diseños porque muchos de estos otros sitios web, tienen algunas imágenes de Photoshopped de aspecto increíble. Y tal vez simplemente no quieras, ya sabes, hacer eso No tienes la habilidad y es totalmente ético. No hay nada en contra de la regla de algo. La gente usa mis imágenes todo el tiempo. En otros sitios web, la gente usa mis videos en otros sitios web todo el tiempo. ya sabes, es sólo la forma en que va en Internet. Es solo que, ya sabes, no a menos que lo autorices, ya sabes, que es, como, como, foto de Istock. Algunos así. Pero ninguno de estos está protegido por derechos de autor. Cualquiera puede usar imágenes. Estas son solo imágenes de demostración. Entonces otro ejemplo es digamos que quiero este alemán aquí mismo. A lo mejor tengo una tienda de comercio electrónico en la que quiero usar esta imagen. Correcto. Entonces aquí está la imagen justo aquí. Ahora en un clic derecho y haga clic en inspecciona justo fuera de la parte posterior. Ustedes pueden ver las imágenes ahí mismo y también hay que hacer es solo seguir adelante y copiar este enlace. Entonces voy a copiar este enlace, y voy a pasarlo por aquí. Esperanza me sumé a mucho aire son demasiado guión. Asegúrate de que esos conos puestos no estén ahí. Y ahí tienes. Ahí está la imagen. De acuerdo, entonces supongo que es una especie de navegar por otros sitios web. Pero recuerda, nunca recomendaría otro tema. Ah, muchos de estos temas, como es, es de baja calificación porque el proyecto de ley de página probablemente no es tan bueno, Pero recuerda, tienen un montón de imágenes increíbles y hermosas que puedes usar y Votto mercado. Por lo que te tomas el tiempo para una especie de ir por ahí y echar un vistazo a otros temas. Ya sabes, como, si estás en un nicho específico, hablemos de quizá constr