Cómo crear un sitio web de Wordpress 2017 - Tutorial para el tema Divi

1. ¡Hola!: bienvenidos, todos. Me llamo Darrell. Y en este curso vas a aprender a hacer un increíble y hermoso sitio web de WordPress paso a paso. Ahora vamos a hacer un sitio web de estilo muy bonito y moderno que, ya sabes, encaja con las tendencias actuales de hoy. Es 2017 chicos. Tenemos que asegurarnos de que estamos haciendo hermosos sitios web de WordPress. E incluso si eres un principiante completo y no tienes experiencia alguna o ningún conocimiento de codificación no te preocupes, porque este tema es extremadamente fácil de aprender. En este tutorial, puedes esperar dominar WordPress. Ahora, permítanme darles a todos un rápido ejemplo de cómo funciona esta página Bolar y lo fácil que es hacer un sitio web. Entonces tengo esta sección aquí mismo y digamos que quiero seguir adelante y arrastré esto hacia abajo. Digamos que quiero ir por aquí y cambiar su título. A lo mejor quiero ser simple hecho y desplazarme por aquí. Podría querer cambiar esta sección aquí mismo por algo así como el mejor curso de la historia. Solo estoy siendo solo bromeo, pero sí, ya sabes. Entonces así es como ustedes hacen sitios web ahora con lo divvy. Pero no puedes hacer esto a menos que no estés usando el tema divvy porque el tema divvy ha incluido un frente y editor y hace que sea súper fácil ahora para cualquier pueblo hacer un sitio web. Ahora, en este tutorial, me voy a centrar más en el diseño y también dominar WordPress y dominar el equipo de debate. Y para aquellos de ustedes que llevan un tiempo por ahí y ya saben, se meten con la televisión, les voy a enseñar un poco más sobre CSS personalizado. Entonces aunque estés avanzado, hablaremos más de eso un poco más tarde. Entonces si quieres retocar tus habilidades, este es el curso. Y si eres un principiante completo y quieres crear sitios web hermosos y de estilo moderno , este es el curso para ti. Ahora, si ustedes echan un vistazo a mis otros cursos, imparto muchos tutoriales Devi. Enseño mucho WordPress y soy un instructor de máxima calificación con todos mis cursos siendo alrededor 4.5 estrellas o mejor con más de 9000 estudiantes para que ustedes puedan confiar en mí que ustedes chicos estarán haciendo webs realmente profesionales con este curso ahora un poco sobre mí. Chicos, Mi nombre es Darrow y enseño tutoriales de WordPress en un montón de sitios web diferentes. Mi sitio web recibe alrededor de 30,000 páginas del mes básicamente hablando de tutoriales de WordPress porque no me gusta perder el tiempo y realmente me gusta hacer hermosas webs y soy muy minucioso y muy integral en mis tutoriales. Ahora, una cosa más quiero señalar que se puede aprender de este tutorial es cómo hacer diseños pre hechos. Entonces esta de aquí es una página en blanco. Ahora solo voy a seguir adelante y simplemente agregar en la página principal así como eso. Y ahí tienes. Ahora tienes un sitio web totalmente funcional que has creado y segundos y realmente recibirás uno de estos diseños en el sectorial. Se puede esperar aprender mucho en este tutorial. Revisaremos los diseños pre hechos sobre cómo puedes crear sitios web y segundos cómo puedes conocer plenamente, Maestro Davy, además, mejorar tus habilidades con el tema Devi. Entonces si ustedes estaban en lugar de hacer un sitio web de WordPress de estilo hermoso y moderno y rodar mi curso. Ya sabes, va a ser muy divertido. Soy muy minucioso, integral. Hablaremos de muchas cosas geniales, así que los veré en el curso. 2. ¡Hablar de hablar!: Muy bien, chicos, quiero darles las gracias por tomar mi curso. Ustedes estaban en camino de convertirse en mejores diseñadores web o aprender a usar WordPress y un tema de DVD desde cero. Ahora, cuando ustedes están tomando este tutorial, recomiendo tomarlo todo el camino. Ustedes chicos, ya saben, quiero que ustedes entiendan plenamente todo lo que pasa en este curso. Sé qué diseño Web y sabes Wordpress puede ser frustrante. Y tú eres como, Oh, esto es un poco duro. Tan solo sé consistente. Y, ya sabes, proporciono mucho contenido bueno, valioso en esto para realmente enseñarte a crear hermosos sitios web que están al día y que nuestros modernos que son realmente, realmente agradables. Ya sabes, eso se veía bien al yo porque no quiero que ustedes se vayan, ya sabes, pensando, Oh, Oh, esto fue, ya sabes, hay un sitio web feo, etcétera. Quiero que ustedes aprendan a crear sitios web desde cero y dominarlo con cosa de Davey . Porque el equipo de debate es una hermosa pieza de tecnología. Ha cambiado la forma en que hacemos sitios web. Ya sabes, es un muy bonito. Ah wordpress tema. Y realmente lo recomiendo. Y como ustedes están tomando este tutorial, chicos, chicos, solo recomiendo encarecidamente ser consistentes. Ya sabes, es muy fácil frustrarse. Yo he estado ahí. Confía en mí, he tirado tazas de café. Me he sentido realmente frustrada mucho. Pero ten la seguridad de tomar este tutorial. Te garantizo que son ustedes chicos aprenderán a usar WordPress. Ustedes aprenderán a usar divvy. Y va a ser muy divertido. A tipos como yo se me acabaron las cantidades de personas aburridas y están diciendo, Oh, ya sabes, esto fue hoy. Vamos a hacer un sitio web. No, estoy muy estoy hablando con él extrovertido, y soy muy buen instructor. Soy uno de los instructores de tarifa superior aquí sobre ti, para mí y todas mis clases reciben alrededor de una estrella 4.5. Mejor porque sé de lo que estoy hablando. No me gusta perder tiempo y una muy minuciosa e integral. De acuerdo, Así que dicho eso, chicos, buena suerte en este tutorial. Te deseo todo lo mejor. Y pasemos a la primera conferencia. Entonces voy a ver, mientras hay 3. Consigue un dominio y alojamiento gratuito: Muy bien, empecemos. Entonces lo primero que tenemos que hacer es conseguir un dominio y obtener hosting. Ahora realmente recibirás un dominio gratuito y el mayor descuento disponible TMD hosting tiene para ofrecer. Por lo que este sitio web es TMB hosting dot com para que puedas visitar los sitios web y una vez que estés ahí vas a dar click en empezar ahora, este sitio web utiliza SST hosting, que es el hosting más rápido actual disponible. Ustedes reciben un SSL gratuito y una garantía de devolución de dinero de 60 días. Por lo que hay mucho que emocionarse por poner esta empresa y en realidad les brindará a todos el código de cupón más grande disponible esta empresa tiene para ofrecer. Entonces ahora hay tres planes. Te recomiendo un plan de negocios porque, ya sabes, nos dan dominios ilimitados para el negocio en lugar de un solo para el iniciador. Entonces bajo el negocio, voy a ir a inscribirme y también recomiendo al profesional Si quieres un límite más rendimiento y quieres un poco más de espacio, el profesional es para ti. Entonces aquí mismo vamos a registrarnos y seguir adelante y poner en tu dominio. Obtienes un dominio gratuito con esta empresa. Entonces voy a poner me encanta kylo Ren. A ver si alguien se lo llevó. Es yo mismo. Es mi famoso dominio Ah, Star Wars. No sé si alguien se lo llevó o no. Lo uso en todos mis tutoriales. Ya veremos qué pasa. Está bien. Todavía disponible. Está bien, nos quedaremos con la saga, Goan. Por lo que te traerán a esta página aquí mismo y adelante y solo rellena tu información. Ya sabes, tu nombre, tu apellido, tu dirección de correo electrónico tu social. Y sólo estoy bromeando. No social, pero conoces tu confianza, tu código postal ciudad etcétera así se mantiene crecido, solo sigue creciendo. Y de lo que terminaste llenando tu información personal, Vas a poner tu tarjeta de crédito aquí mismo. Ahora, también puedes pagar con PayPal si quieres, pero por aquí,Ya sabes, Ya sabes, solo pones tarjeta de crédito lo que sea, ya sabes, lo que sea que quieras hacer, ya sabes, haz lo tuyo. Por lo que una vez que hayas terminado con esta información aquí mismo, tu información de pago vamos a desplazarnos hacia abajo hasta nuestra información de compra. ¿ De acuerdo? Ahora eligen el centro de datos más cercano a nosotros. Entonces éste está en Chicago justo aquí. Está más cerca para mí ahora. ¿ Cuál es el periodo? Por lo que tenemos 12 meses, 24 meses o un mes. Ahora, te recomiendo los 12 meses porque el código de cupón que te voy a dar realmente te ahorrará mucho más si gastas más. Y también aquí mismo, tienen privacidad de dominio. Check. Entonces, ¿qué es esto? ¿ Esto realmente protegerá su información personal? Si alguien intenta quién eres tú e intenta obtener tu información personal, esto protegerá. Está bien. Entonces, uh, depende de ti si quieres esto o no, estos otros un poco básicos. Pero ya sabes, wordpress en realidad puede hacer muchos de estos por sí mismo, así que no recomendaría estos. Lo siento aquí. Descomprobado esto. Ahora, si ingresas el código, tú a mí 6 a 6 y vas a postularte, recibirás un 7% de descuento en toda tu compra. Entonces digamos que quieres hacer los 24 meses y haces el, um el, uh el código de cupón. Vas a conseguir un 7% de descuento en toda la compra. Entonces, cuanto más gastes, más ahorras porque es un descuento por ciento, vale. ¿ Y qué has hecho con todas estas cosas buenas aquí? Vamos a ir a lo he acordado Baba, y estoy seguro que vas a leer sus términos de servicio, ¿ verdad? Y luego una vez que hayas leído eso, vamos a ir a revisar. ¿ De acuerdo? Ahora te va a llevar a tu portal, y soy cliente de esta empresa, y lo uso. Por lo que seguiré adelante y pondré mi información aquí mismo e iniciaré sesión en la cuenta. ¿ Todo bien? Te debiste a esta página aquí mismo. Y te van a pedir que te unas al pequeño portal. Beta Baba. Voy a poner tal vez más tarde. No quiero hacer eso ahora mismo. De acuerdo, Ahora, esta es tu área de clientes. Entonces aquí mismo están sus apoyos. Si alguna vez necesitas ayuda, puedes enviar un boleto y estos tíos te vuelven Probablemente cinco minutos. Son extremadamente rápidos. Y también estos airean tus dominios actuales que tienes. Tienen todo tipo de golosinas y cosas, pero bajemos, paseemos aquí mismo. Y aquí mismo queremos bajar al panel R C y vas a seleccionar que tu cuenta Con el que se apuntó . Y aquí estoy un go para iniciar sesión ya. Entonces se va. De acuerdo, Así que este es nuestro ver chicos de la libra. Y esto es como el nuevo panel C. Muchas empresas están empezando a cambiar a esto. Se llama como, uh, uh, cosas como instalador de aplicaciones, cosas que le llaman. Entonces, modos, todo lo que hacen estos dos es instalar WordPress en nuestro dominio. Entonces yo aquí, me voy a desplazar hacia abajo. Basta con seguir desplazando. Basta con seguir desplazando hasta que lleguemos a WordPress. Aquí mismo. Por lo que McNichol en un WordPress. Y esto es lo que se llama el suave y delicioso Suffolk. más cool, Lomás cool,ni siquiera sé pronunciarlo. Todavía no sé cómo pronunciarlo. Entonces una vez que estés aquí, solo tienes que dar click en instalar. Ahora, ahora, aquí mismo dice elegir protocolo. Entonces aquí mismo está tu un CPP, y justo aquí quieres seleccionar tu dominio. Así que adelante y selecciona el dominio que has comprado. Sólo debería haber uno. Es decir, si no tienes uno, que sólo sería un derecho. Y aquí mismo están los indirectamente. Chicos, aseguraos de que no haya nada ahí. Repito, asegúrate de que no haya nada ahí. Vale, Va a poner tu sitio web al tema Devi a tora dot com Dash WP y luego si tienes unas páginas como dash home así que es realmente desordenado, y no es bueno, así que asegúrate de que no haya nada ahí en el directorio . Aquí mismo están tus nombres de sitios que puedes dar tu lado del nombre va a poner el tema de TV, este tutorial o cómo hacer siempre nos puedes cambiar más tarde, chicos. Entonces, no te preocupes realmente por la configuración del sitio. Siempre puedes cambiarlo más tarde. Y aquí mismo está tu admin y contraseña. Así que adelante y haz tu nombre de usuario aquí mismo. Y también pon tu contraseña y luego adelante y pon tu email aquí también. De acuerdo, ahora el lenguaje. Para que puedas seleccionar cualquier idioma diferente tuve este gran debate sobre si el mandarín era la pronunciación para el chino. Pero supongo que el chino es el camino correcto. No creo que sea mandarín, así que, uh, sí, supongo el chino, pero de todos modos, adelante y pon en tu idioma que hables. Entonces voy a poner inglés y aquí mismo en un pergamino hacia abajo e ir a instalar. Muy bien, así que ahora está instalando WordPress en nuestro dominio. Emocionante. Esta es en realidad la parte difícil. Esta es realmente la parte difícil. Todo lo demás es como pastel. Es realmente, realmente fácil. De acuerdo, así que ahora mismo se está instalando WordPress en nuestro dominio. Por lo que sólo necesitamos seguir adelante y solo darle algo de tiempo para que se instale. Por lo general, son como 5 10 segundos. Este es probablemente el más largo que se ha tomado jamás. Está bien, ahí va. Muy bien, así que eso es todo, chicos, Ya lo sabes, tenemos hosting. Tenemos que dominar. Instalamos WordPress. Enhorabuena. Entonces aquí mismo bajo el Earl administrativo, todo parece hacer es hacer click en esto y estarás conectado a tu sitio web de WordPress. Está bien, eso es todo. Estamos logueados. Enhorabuena. Entonces esto es WordPress. Chicos, esto es todo. Y aquí mismo, seguimos adelante y visitamos nuestro sitio subiendo aquí y dando click en visitar sitio. Y este es nuestro sitio ahora mismo, así que es es Es feo, ¿sabes? Pero no te preocupes. Haremos que se vea realmente, muy bien. Muy bien, ahora hay algunas cosas que quiero hacerles saber y cambiar antes de continuar este tutorial. Entonces por aquí bajo nuestras herramientas. Lo siento. Nuestra, um apariencia. Su apariencia. No, son entendimientos. Ajustes de duh. ¿ Quieres ir a enlaces de Perma? Está bien. Queremos cambiar los enlaces de Perma a nombre del puesto aquí mismo. Entonces la razón por la que hacemos esto es porque normalmente cuando vas a una página web, tiene, como, ya sabes, ya sabes, tu sitio web dot com dash sobre nosotros o servicios de dash, ¿ verdad? No 207 unos. Bola de Yubaba. Ya sabes, este no es el camino correcto. Entonces quieres asegurarte de que esté bajo el nombre del post, Vale, así que voy a guardar los cambios. Ahora, una cosa más que quiero hacerte saber es si quieres cambiar tu contraseña. Entonces aquí mismo, debajo de los usuarios, puedes hacer clic en todos los usuarios, y aquí mismo voy a ir a admin. Y aquí mismo puedes cambiar tu correo electrónico aquí mismo. Y también puedes cambiar tu contraseña. Por lo que aquí mismo haces clic en generar contraseña, pones lo que quieras y luego haz clic en actualizar perfil. De acuerdo, Eso es si quieres cambiar tu contraseña. Está bien. Entonces solo te estoy enseñando cómo hacerlo. De acuerdo, entonces felicitaciones, chicos. Ya sabes, esto probablemente fue lo más técnico que conseguimos hosting. Tenemos un dominio. Instalamos WordPress. Esa fue la cosa dura. De acuerdo, entonces en la siguiente sección vamos a instalar el tema divvy, así que nos vemos ahí. 4. Instalación del tema de Divi: Muy bien, chicos, chicos, bienvenidos de nuevo. Entonces ahora vamos a comprar el tema Devi, y sí tengo un pequeño descuento para ti. También la entrada. Www dot darrell wilson dot com. Dash, ¿le gustó esto justo aquí? Vosotros chicos realmente recibiréis un descuento a partir de ahora mismo, no sé cuánto tiempo durará esto tal vez un mes o dos, pero vosotros chicos recibiréis un 10% de descuento en el desarrollador. Entonces aquí mismo, vamos a desplazarnos hacia abajo. Ahora puedes conseguir el desarrollador o la vida útil. No recomiendo lo personal porque no te dan el tapón de la floración. Y tengo un tutorial sobre el bloom plugging Es un correo electrónico increíble. Optar en forma. Puede tomar como correos electrónicos de cualquier cosa que z realmente, realmente bueno. Por lo que recomendaría al desarrollador Así que voy a dar click en inscribirte hoy. Y aquí mismo necesitas ingresar tu nombre de usuario, tu contraseña, tu dirección de correo electrónico, etcétera. Y chicos, este es en realidad el tema calificado número uno. Por lo que es el número uno por una razón. Hay muchas empresas por ahí que en realidad solo le dicen a la gente que soy un desarrollador devi. Soy diseñadora devi. Y hay toneladas de empresas que venden niño Lance, Así que hablaremos más de diseños y todas esas cosas un poco más tarde. Pero por ahora, estén seguros, ustedes están comprando el mejor tema. Y vosotros chicos, ¿os devuelven un dinero de 30 días también? De acuerdo, así que dicho eso, no he dado cuenta de estos tipos. Voy a seguir adelante y anotar año afín, y ahí está mi cuenta, y tengo un acceso de por vida. No eres uno de esos tipos que sólo estaban sentados ahí diciendo como, Oh, adiós. Y ni siquiera lo tienen. Ya sabes, tengo toda la vida. Entonces yo pagué 20 pavos, y es un producto increíble, y obtienes todo el apoyo con ese tipo. Por lo que alguna vez tienes un problema con este plug in? Lo siento. Con este tema , te ayudarán. Entonces, bajo el tema foro de apoyo justo aquí, solo pasa a divvy aquí mismo. Y estos chicos general responden dentro de unas horas. Entonces siempre que tenga una pregunta sobre su sitio web o tenga un problema o codificación de aire, estos tipos lo arreglarán para usted. De acuerdo, así que al menos tienes una empresa que tiene tu bolsa. Ya sabes, no estás, como, completamente en la oscuridad, ¿sabes? Entonces aquí mismo, voy a seguir adelante y desplazarme hacia abajo y justo aquí bajo descargas temáticas. ¿ Desea seleccionar a Debbie? Es el número uno justo aquí. Y dar click en descargar e ir al paquete temático. Muy bien, para que puedas ver justo aquí en la parte inferior izquierda de mi pantalla. Devi está descargando, y ha descargado. Así que vamos a volver a nuestro sitio web de WordPress aquí mismo y ahora vamos a instalar un tema. Entonces aquí mismo vamos al tablero, y voy a explicar un poco los temas en este momento. Entonces aquí vamos a la apariencia y vamos a los temas. Entonces cómo funciona WordPress es básicamente que eliges un tema, y los temas son como esta estructura, como el pan y la mantequilla de tu sitio web. Determina cómo se ve ahora. Muchos de estos temas gratuitos son ya sabes, están bien, pero son extremadamente limitados. Y, quiero decir, no son casi tan buenos como Vivi. Es decir, es el mejor. Por lo que queremos estar usando lo mejor. De acuerdo, así que aquí mismo en tema de subida. Haga clic en subir tema y elija el archivo. De acuerdo, ahora, debajo de mis descargas aquí mismo. Soy un go buscar un divvy. De acuerdo, Entonces, ¿hizo click en Abrir y pinchó en Instalar ahora? Entonces ahora estamos instalando el tema divvy y causa he usado toneladas de temas. He usado temas, Sermon Votto de temas usados de temas libres de temas de Tesla. Y el tema de DB fue apenas con mucho el mejor. Y es la empresa temática Onley con otras empresas la que crean diseños para ello. Por lo que es extremadamente popular y la comunidad es enorme. Ahí afuera hay toneladas y toneladas de grupos que es únicamente apoyo divvy. Entonces, ya sabes, después de este tutorial, solo haz como una búsqueda rápida en Google. Ya sabes, como los temas infantiles Devi, o dale a tus diseños divvy gratis. Ya saben, hecho, en mi página web aquí mismo, chicos, en realidad doy diseños para Davey. Por lo que hablaremos un poco más sobre los diseños pre hechos aquí mismo. Pero para los diseños divvy, ustedes van a ver que en realidad venden los pre hechos. Y chicos, es tan sencillo. Acabas de subir a tu sitio web y tu sitio está completamente hecho. y en realidad tener algunos gratis aquí mismo. Por lo que estos son todos diseños gratuitos, y ningún otro tema ofrece a este tipo. Entonces esto es básicamente, como un sitio web de una página click. Ya sabes, haces clic en un botón y a sitios web solo coraje para ti, como en un solo clic. Es bastante increíble. Por lo que estos son diseños pre hechos. Entonces hablaremos más de esto un poco más tarde, ¿de acuerdo? Pero quiero enseñarte a usar el tema primero antes de saltar a eso. Porque, ya sabes, no quiero hablar de diseños pre hechos porque es, ya sabes, sabes, quiero que aprendas a usar la factura de la página. Su primera. De acuerdo, así que ahora mismo mi tema es subir cargando, y sí toma algo de tiempo, chicos. Entonces en este momento, dice que el equipo ha subido, Así que todo lo que necesitan hacer es hacer click en activar. Vale, entonces Y si ustedes se ponen así, como, raros, raros, como errores de encabezado a veces, como, aquí arriba, sólo, ya sabes, simplemente ignorarlo. Se va a ir. OK, así que ahora sigamos adelante y vayamos a nuestra página web y vayamos a visitar sitios. Muy bien, Así se puede ver que nuestro sitio se ve un poco extraño. Se ve un poco raro, ya sabes, No se ve tan bien, pero no se preocupe. Chicos, vamos a hacer que se vea increíble. De acuerdo, entonces la siguiente parte, vamos a hacer algunas páginas y vamos a hacer algunas otras cosas divertidas, así que te veo en la próxima conferencia. 5. Creación de páginas: Muy bien, chicos, chicos, bienvenidos de nuevo. Entonces ahora vamos a hacer algunas páginas, y también vamos a crear nuestro menú. Entonces primero, aquí mismo vamos a plus nuevo y vamos a Page y chicos por todas partes haciendo ahora mismo es solo crear páginas como la página principal, la página sobre nosotros, la página de servicios. Correcto. Entonces aquí mismo, voy a dar click o hacer casa. Entonces esta es nuestra página principal aquí mismo. Está bien. Y ve a publicar. Adelante y vayamos a añadir nuevo. Ahora vamos a hacer sobre y hoy vamos a publicar. Está bien. Y aquí vamos a ir a agregar nuevo ir a servicios publicar, y luego haremos el último, que es el contactarnos e ir a publicar. De acuerdo, así que ahora por aquí, bajo la apariencia, queremos bajar a los menús. Y no se preocupen, chicos. Cubriremos la mayoría de todas estas opciones aquí mismo. Están realmente no son ni siquiera es fácil. Simplemente está bien s Así que vamos a aparecer y vamos a ir a los menús, así que llegamos a darle un nombre a nuestro menú. Hagámoslo cuando muchos uno. Ahí va que muchos won t hago menú uno para todos mis editoriales, chicos. Entonces es que es bastante común. Entonces aquí te tenemos todo Así que aquí mismo tenemos el hogar, el sobre un contacto, Pero queremos asegurarnos de que sea el hogar adecuado. Chicos, esta casa de aquí es en realidad un enlace personalizado, y no funcionará. Por lo que queremos asegurarnos de que sea ésta de aquí, la página que recreó. Por eso como que lo hice en todas las gorras. De acuerdo, Así que los servicios a domicilio contacten sobre nosotros y quieren hacer de este un menú primario. Y aquí mismo vamos a añadir al menú justo aquí. Está bien. Por lo que ahora se puede reorganizar estos. Puedes arrastrar y soltar, ya sabes, algo como esto. Y digamos que quieres menú desplegable. Ya sabes dónde tienes como, si pasas por encima de una opción, trae otra. Simplemente puedes tomar esto y simplemente ponerlo debajo de él. Entonces si me cierro sobre el sobre nosotros, el contacto con nosotros será una gota ese menú. Está bien. Pero no quiero hacer eso ahora mismo, así que tenemos el hogar sobre servicios, Andy Contact. Ahora, creo que también necesitamos al nuestro equipo, pero, um, creo que también necesitamos a nuestro equipo. Entonces vamos a salvar esto, ¿de acuerdo? Parece que se ha quedado justo ahí. De acuerdo, entonces tenemos el domicilio sobre servicios y contáctanos ahora una segunda vía. Chicos, hacer páginas es yendo a páginas e yendo a añadir nuevas. Entonces voy a hacer nuestro equipo e ir a publicar. De acuerdo, así que creamos otra página. No obstante, ahora tenemos que añadirlo al menú. Por lo que menús de apariencia. Y ahora puedes ver en la vista toda la sección tenemos a nuestro equipo aquí mismo. ¿ Ves eso? Entonces hago clic en esto y voy a agregar al menú, ¿de acuerdo? Y voy a arrastrarlo hasta donde quiera que tengamos el hogar sobre nuestros servicios de equipo y contactarnos bien. Y yo soy un guardar el menú. De acuerdo, Ahora, sigamos adelante y vayamos a visitar el sitio. Por lo que tenemos el hogar, el sobre Son servicios de equipo y contacto. No obstante, esta página en este momento no es la página principal real que creamos. Si hago click en esto aquí mismo. Vas a ver que el permanente es diferente. Es dash home. Por lo que necesitamos arreglar esto. Entonces por aquí les voy a presentar a todos el personalizador de temas. Por lo que pasando a esta sección e ir al personalizador de temas. Y no te abrumes. Chicos con un tema cliente piensan personalizador Apenas lo uso. Rara vez lo uso porque el constructor Devi básicamente hace todas estas opciones y rara vez uso el personalizador de cosas. Pero después seguiré hablando de su Pero así básicamente no hay razón real por la que usar un personalizador de tema a excepción de cambiar tu menú. Eso es todo, ya sabes Pero hablaremos de personalización de menús un poco más tarde una vez que tengamos algunos diseñados para nuestra página web. Entonces aquí mismo bajo portada estática, puedes hacer click en esto aquí mismo y aquí mismo vamos a poner una portada estática ahora la portada que queremos seleccionada como nuestro hogar, nuestro hogar. Está bien. Y la página de correos es para tu blawg. Pero hablaremos de la blawg un poco más tarde. De acuerdo, entonces aquí vamos a guardar y publicar Y chicos, asegúrate de seguir el paso, por favor. Porque esto en realidad traerá al constructor visual y al más grande. Supongo que se puede decir un error común que veo es que la gente no hace esto. Y como resultado, no tienen esta sección aquí mismo. Porque el constructor visual sólo aparecerá en las páginas. No aparecerá en los enlaces personalizados. De acuerdo, así que eso es todo. Chicos, Felicidades a ti mismo. Y ya sabes, hicimos algunas páginas. Cosas bastante simples, ¿verdad? No demasiado duro. No demasiado loco. Hacer un sitio web es pastel ahora. Por lo que en la siguiente sección vamos a diseñar nuestra página web. Te veré ahí. 6. Crear la página de casa: Muy bien, chicos. Entonces sigamos adelante y empecemos. El primero que vamos a hacer para crear nuestra página es que vamos a dar click en habilitar el constructor visual y Guys, Este es un frente y editor aquí mismo. Entonces básicamente, podemos ver todo lo que estamos haciendo aquí mismo. De acuerdo, así que básicamente quiero crear esa gran y hermosa página de aterrizaje que tenía. Entonces voy a ir justo aquí en este signo más y voy a lleno con porque estamos creando sección 1/4 y les voy a presentar a todos al completo con módulo deslizante. Muy bien, Tan lleno con slider. De acuerdo, ahora, sigamos adelante y agreguemos un tobogán. Entonces aquí mismo, Haga clic en, agregue un nuevo elemento. Y aquí mismo en la puesta ¿parecía bien? Y ahora, pero en texto. Entonces, ¿qué quieres que diga el botón? Bueno, voy a poner un poco de aprender más. De acuerdo, ahora, aquí mismo está tu presupuesto. Neural. Entonces, ¿a dónde quieres que vayan? ¿ En qué página? ¿ Quieres que se vayan? Podrás averiguarlo más adelante. Pero por ejemplo, digamos que quieres que vaya a www dot Darrell wilson dot com. Por lo que si hacen clic en el botón, serán llevados a darrell wilson dot com. Ahora sigamos adelante y aplicamos una imagen de fondo. Ahora hay un drop box en la sesión anterior a esto, y hay un montón de fotos para que ustedes puedan usar esas para seguirlas. Entonces escucho ese clic en archivos selectos, y simplemente voy a subir todas esas fotos que tanto tengo aquí. Imágenes para tutorial. Estas son todas las fotos que tengo, y están en la caja de entrega para que ustedes puedan usar estas para una especie de seguirlas. Y me dieron estas imágenes de unspool ash dot com, que es un sitios Web donde obtienes imágenes gratis y es realmente, muy útil. De hecho, iré a la página web ahora mismo a tipo de mostrarles chicos Es un sitio web increíble. Realmente lo es. Así que quiero decir, incluso la NASA sube cosas a este sitio web, y simplemente tienen imágenes realmente bonitas que puedes usar. Ya sabes, tienen unas ideas realmente geniales de la página de aterrizaje, y es solo un sitio realmente bueno. Entonces ah, sí, visita en salpicado todas las imágenes nuevas integrales. Por lo que mis imágenes en este momento están subiendo actualmente, Así que en realidad voy a pausar el video hasta que estén terminadas. En realidad, en realidad, están subiendo algo rápido. Sí, voy a seguir adelante y esperar, así que está bien, voy a seguir adelante y peso muy rápido. Creo que estos subirán bastante rápido. ¿ Y cuál vamos a usar? Eran de algún uso este de aquí. De acuerdo, entonces todos estos se están subiendo. Es bastante rápido, chicos. Es decir, este este servidor que es empresa de hosting es bastante bueno. Entonces estas son en realidad imágenes realmente grandes aquí mismo. De acuerdo, así que todos han subido. Ahora voy a dar click en este de aquí, y dar click en subir una imagen. Ahora, este tamaño, esta imagen, chicos, es 16 55 por 8 80 Pero, claro, puedes usar cualquier talla que quieras, así que vamos a subir, y ahí tienes. Ahora, tenemos esta sección blanca aquí arriba con un rápido Ver esta sección blanca aquí arriba. Ahora realmente me voy a deshacer de esto, Así que voy a dar clic en este verde, que es como, comprobar guardar los cambios y volver a comprobar. Ahora, aquí arriba bajo esta sección azul. Voy a cerrar esto aquí mismo. No necesitamos eso ahora mismo. Sólo tenemos esta sección aquí mismo. ¿ De acuerdo? Ahora, sigamos adelante y diseñemos esto. Hagamos que se vea realmente genial. Entonces aquí mismo bajo el icono de engranaje. Así es como cambias la configuración. Entonces hago clic en el icono de engranaje y aquí mismo esta es la diapositiva actual con la que estamos trabajando. Por lo que tenemos el equipo de debate. Nosotros hemos aprendido más aquí mismo y nuestros traseros en tu l. Así que dan clic en esto. Se los llevará a esa sección y a nuestra imagen de fondo. Ahora, para el tamaño de la imagen, quiero seguir adelante y marcharme. Eso es estándar la imagen de diapositiva. No voy a agregar una imagen de diapositiva, pero básicamente, eso pondrá otra imagen aquí mismo. Entonces solo para el único propósito es que iré adelante y te mostraré muy rápido. A ver si tengo un archivo PNG. Estos no son PNG, así que Oh, esto es así Ves la imagen ahora mismo, chicos, esto no es un buen ejemplo, porque está oscuro. Es más para, como, un fondo blanco, ya sabes, Pero este es un ejemplo de cómo puedes tener otra imagen aquí mismo. Está bien. Pero voy a sacar eso ahora. Además, podemos agregar una imagen. Lo siento. Overlay de fondo. Por lo que al hacer clic en esto, podemos especie de agregado en cierto color a esta característica. Entonces aquí mismo me puedo poner como un azul. Y luego hay dos bares justo aquí. Esta barra izquierda controla la fuerza del color esta equivocada. El derecho controla la oportunidad, padre, ver del color. Ya ven como reduzco la transparencia. Puedes empezar a ver el fondo aquí mismo. Entonces eso es básicamente con eso son cuatro. Pero probablemente sólo voy a seguir adelante y sólo dejar eso en blanco. Pero eso es básicamente lo que nos contó. Muy bien, Así que el color del texto no se preocupe demasiado por el color del texto. Chicos, podemos cambiar eso en los ajustes de diseño. Ahora, si ustedes quieren un deslizador de video, ustedes pueden seguir adelante y dar click en subir aquí mismo y subir ese deslizador de video. Ahora, un buen sitio web para conseguir diapositivas de video es video bid evo dot nets y ustedes en realidad pueden descargar algunos videos gratis. Tienen, y en realidad tienen algunos de pago, pero sí tienen algunos videos gratis que puedes descargar y tipo de lío con. Entonces, como, por ejemplo, como la naturaleza, la naturaleza siempre es buena, ¿sabes? Por lo que muchos de estos son algunos videos que puedes agregar a tus sitios web. Ahora, hay algunos pagados, y hay algunos que son gratuitos. Así que asegúrate de echar un vistazo a esto. Este es sólo otro recurso. De acuerdo, así que volviendo por aquí, voy a seguir adelante y poner algo de Texano aquí mismo. Voy a poner algo como, um, tablero, tutorial de prensa, y luego pondré como un espacio, y pondré algo como, um, ya sabes, yo iré a mi sitio web secreto, mi sitio web secreto, texto ficticio. Este es mi sitio web favorito, así que básicamente solo tomo, ya sabes, impuesto ficticio solo para llenar espacio para que se vea bien, ¿sabes? Entonces vamos a usar algo de este texto ficticio aquí mismo, y voy a seguir adelante y sólo agarrar algunas de estas cosas aquí y copiar esto y simplemente seguir adelante y colocarlo ahí dentro. Está bien, así que ahí tienes. Ustedes ven que tienen el texto ficticio ahí dentro. Ahora digo que quiero que esto sea un poco más espaciado. Ya sabes, algo un poco. Sí, es el espacio fuera sólo un poquito. Y a lo mejor quiero una especie de centro esto aquí mismo. Seguiremos adelante y enviaremos todo esto, pero por defecto, ya está centrado, así que realmente no necesitamos hacer eso. Pero esa es solo la forma en que adivinan en el texto central en el futuro, si ustedes usan un módulo de texto o algo más. Pero llegaremos a eso un poco más tarde. Está bien, así que tenemos todo aquí y parece que estamos listos para irnos. Pero digamos que quieres seguir adelante y cambiar como el color y las tropas extranjeras que Webb ve. Digamos que quieres cambiar como la fuente y el color y todas esas cosas buenas. Entonces por aquí en el diseño, podemos cambiar todo eso. Muy bien, así que las fuentes de encabezado. Entonces recuerda, el encabezado aplica a esta sección aquí mismo. Grupos divvy tema. Así que tema de Davey aquí mismo. Se aplica a este apartado. Entonces voy a cambiar esto por un ferrocarril que es uno de mis teléfonos favoritos, bien. Y ahora tenemos estas otras opciones aquí mismo que podemos hacerlo como,ya sabes, ya sabes, muy grande y audaz, y tal vez incluso hacerlo un poco más grande. Alguien lo puso algo así como, Ah, 80 en realidad. Quizás más grande que eso. Ahora está bien. La noche es buena, acuerdo? Y además, podemos cambiar el color del encabezado. Entonces aquí mismo puedo cambiar el color del texto de esto. Sí. Contingente lectura o lo que sea. Está bien. Y ya sabes, chicos un gran consejo ahora mismo. Una vez que aprendas a usar los ajustes de diseño como esta sección aquí mismo, es así para todos los módulos. Y a medida que vamos en este tutorial, vas a ver que es súper fácil y es igual que es repetitivo. En un momento determinado, vas a estar como, OK, sé hacer esto. Al igual que ZZ. Por lo que el color del texto del encabezado. A mí me gusta. Está bien. Ahora, el espaciado de la letra del encabezado. Por lo que aquí mismo puedes determinar qué tan espaciado lo quieres. Ya sabes lo que he visto algunos sitios web de fotografía que hacen esto mucho donde tienen, como, ya sabes, como este estilo aquí mismo y dice como fotografía. Ya sabes, una palabra que se vería bien, ¿verdad? Entonces voy a seguir adelante. Y en realidad, esa fue la equivocada. De acuerdo, entonces el espaciado de la letra del encabezado justo ahí. Y también la altura de la línea de cabecera para que podamos cambiar también la altura de la línea. Pero tal vez quieras dejarlo Algo que sabes, algo que un defecto, creo, fue 1.111 a. M. Pero podemos cambiar algo como, um, ya sabes, un punto algo. De acuerdo, mira 1.8. De acuerdo, ahora el fondo del cuerpo. Por lo que esta sección se aplica a estas cosas aquí mismo. Entonces aquí mismo, voy a hacer algo así como, um, ¿qué es uno bueno? Lo hará. Luz de calzada. De acuerdo, estamos fuera luz. Ya sabes, no me gusta ese espaciado entre letras. Eso se ve un poco feo. Sí, vamos. Soy una especie de perfeccionista, así que queremos Ahí vamos. Está bien. Entonces, vuelta al teléfono corporal, chicos. Entonces aquí mismo está el color del texto del cuerpo. Entonces digamos que lo quieres tener como más cambios blancos a blancos. O podemos tener diferentes colores. Cétera aquí mismo. Está bien. Entonces ahora es lo mismo en este punto. Por lo que el bader el espaciado de letras del cuerpo. Entonces lo mismo que hicimos para el encabezado es lo mismo que vamos a hacer aquí mismo. Entonces, por ejemplo, simplemente te mostraría el espaciado entre letras del cuerpo. Ya ves cómo se está volviendo más espaciado para que puedas seguir adelante y,ya sabes, ya sabes, hacer esos ajustes también ahora también la altura de la línea del cuerpo. Entonces, ¿cuánta altura quieres entre estos? Entonces esto de aquí controla la línea. HaIf Ok, entonces eso es básicamente un rápido resumen de cómo crear esta página de aterrizaje realmente genial. Ahora, como que quiere tal vez cambiar esto como, audaz, ya sabes, así. Creo que eso es un poco mejor, ¿verdad? No Algo que nos falta aquí, que un poco hace que esta página parezca un poco aburrida es el color que queremos seguir adelante y agregar y tal vez algún color realmente genial a este botón aquí mismo. De acuerdo, así que aquí mismo bajo las ventas personalizadas usadas para botón. Voy a dar click en esto ahora esta sección nos permitirá decorar Son nuestro botón aquí y chicos, estos ajustes son muy autoexplicativos y muy básicos. De acuerdo, entonces el tamaño del texto del botón. Entonces, ¿qué tan grande quieres el texto? Aquí mismo. Dentro del botón. Entonces tal vez algo así como, um 7. Crea el contorno de casa.: ya sabes, solo haremos 25. Ahora el color del texto del botón. Yo quiero preguntar blancos. OK, pero puedes cambiarnos. Un azulado cambia a, ya sabes, lo que quieras, etcétera. Pero por aquí, voy a cambiar el color de fondo del botón, pero en color de fondo. Hagamos eso azul. De acuerdo, entonces el color de fondo del botón es azul y el color del texto. Yo lo quiero blanco así. De acuerdo, ahora, debo bajar ahora. Pero en frontera con, ya sabes, yo sólo usaría su opción. No lo sé. Es decir, probablemente haya una razón para ello. Es solo que se ve feo, pero, oye, ya sabes, es una opción extra del sistema que te están dando chicos para que puedas meterte con la frontera con ahora el color del borde del botón. Entonces aquí mismo podría decidir. A lo mejor no quiero un borde blanco. Yo quiero, como, un rojo, Ve cómo se lee ahora o negro o etcétera o, ya sabes, en realidad simplemente no puedes tener frontera. De acuerdo, Así que a mí me gusta eso. De acuerdo, Entonces ya veo cómo en este momento no tengo frontera. Es sólo azul. Eso es todo. Entonces no puedo eso también ahora, ¿verdad? aquí bajo las colillas en el radio fronterizo. Ver lo que esto hace es como que lo hace circular para ver cómo ahora se está volviendo más circular. Perdón. Aquí, podemos seguir adelante y, ya sabes, cambiarlo. Y cuanto más lo hagas, más circular se vuelve. De acuerdo, así que eso es un rápido resumen. Ahora, también la fuente. Entonces, ¿qué fuentes quieres dentro de aquí? Bueno, yo como que quiero ferrocarril. No chicos. Cuando estás haciendo sitios web, recomiendo encarecidamente apegarte a tal vez de 1 a 2 fuentes para toda tu página web. Te lo digo, si tienes diferentes fuentes, hace que tu sitio se vea pegajoso. Y la gente va a pensar que no es profesional. Van a pensar esto. Me veo raro. No me gusta. Y al ojo humano. Ya sabes, si no les gusta cómo se ve, no van a comprar tus servicios. Es realmente cierto. Si no les gusta la forma en que se ve, no importa si estás vendiendo iPhones gratuitos. Simplemente no lo van a comprar porque, ya sabes, así es como funciona el cerebro humano. Desafortunadamente. De acuerdo, así que vamos por aquí. Ahora ya ves, ¿por qué he rondado sobre él? Ahí hay un pequeño ícono. A lo mejor quiero algo más. Ya lo sabes? Yo quiero, como, un poco de flecha arriba. ¿ Ves eso más? Yo quiero algo así como un, uh, un corazón tan agudo más duro. Está bien. Ya sabes, ahora tenemos el corazón. Está bien. Desplazándose aquí abajo ahora los traseros Un color de icono. Por lo que este botón aquí mismo, podemos tener un color específico si quisieras. Morado. OK, así que si lo paso por encima, ves, ahora el botón es morado, pero eso es realmente feo. Y no vamos a hacer eso. Sí, ese es el blanco luce bien. De acuerdo, Ahora las colillas y la colocación de iconos, puedes tenerlo a la izquierda, o puedes tener eso a la derecha. De acuerdo, así que aquí mismo. Ya ves, ahora está a la izquierda, o podemos cambiarlo a la derecha. Aquí mismo. Vale, Ahora, esto es para pasar por alto. Entonces digamos que alguien se cierne. Supera este botón con tu ratón, acuerdo? Se cierren sobre ella. ¿ De qué color de texto quieres? Cambiemos esto a tal vez negro. ¿ De acuerdo? Y si se cierren ahora, el texto se vuelve negro. Ahora bien, ¿qué color de fondo quieres? Si alguien se cierne sobre él. Bueno, sólo vamos a leer Castle sobre él. Ahora ya ves, el texto es negro y el fondo es rojo. OK, ahora el color del borde. Incluso podrías cambiar el color del borde si alguien sobre alguien se cierne sobre él. Y en realidad me lo quité, así que no puedo dejarlo un poco consistente. Ya sabes, no quiero que el dedo del pie te quite demasiado eso. Ya sabes, no quiero agregar sería demasiado, Demasiadocolor, demasiado color, demasiado pegajoso. Y aquí mismo puedes cambiar el espaciado de las letras. Se puede hacer el botón, ya sabes, el hover pero radio. Entonces si paso el rato sobre él, ya ves ahora cómo va ahora, la razón por la que se ve así es porque hice el espaciado entre las letras Muy grandes ocho píxeles. Entonces se va a ver más grande así. Y si quiere reducir esto al principio, basta con hacer click en refrescar y vuelve al principio. OK, ahora el radio del borde del hover, tal vez quieras aumentar eso. Entonces si me paso el rato, sigue siendo un círculo. ¿ Ves eso? Entonces ahora eso se ve bastante bien, ¿verdad? por lo que eso es más o menos para esta pequeña sección. Aquí mismo, chicos. Ahora, sé que esto no fue mucho, pero no te preocupes. Ya sabes, conforme seguimos adelante, vas a familiarizarte cada vez más con todos los diferentes módulos como funciona. Esto era sólo la página de aterrizaje. Y, chicos, la página de aterrizaje es la parte más importante de su sitio web. Es verdaderamente porque esto básicamente le da al cliente cinco segundos para determinar si se van a quedar en su sitio web o no. Por lo que realmente quieres asegurarte de que se vea realmente bien y realmente profesional. De acuerdo, entonces tenemos un tobogán. Ahora, digamos que quieres agregar otra diapositiva, pero tal vez solo quieras duplicar una diapositiva. Entonces ya hemos hecho todo el trabajo arduo. Ya sabes por qué perdición o así aquí mismo debajo de estas dos casitas, voy a dar click en eso. De acuerdo, ahora, lo que esto ha hecho es que básicamente acabo de duplicar toda la sección. Entonces aquí mismo en estas dos flechas de aquí. Si hago clic en él, esta es la nueva diapositiva. Entonces en lugar de volver a hacer todo el trabajo duro, chicos tal vez puedan simplemente cambiar la imagen en el título. Entonces aquí mismo, Aunque a conocer tutorial. No, vas a hacer algo así como, uh, no lo sé. Casa de Patty. Ese es mi perro. Casa de Patty. Y entonces aquí mismo se desplazará hacia abajo, y sólo cambiaremos la imagen de fondo por algo como, uh, algo así. De acuerdo, entonces ahora tenemos básicamente dos diapositivas diferentes, y hemos mantenido la mayor parte del ajuste, así que es muy similar. Y hay algunas otras opciones en esta sección aquí mismo, como es el click de arable en este pequeño verde. Entonces aquí mismo tenemos las dos diapositivas. De acuerdo, entonces tenemos una diapositiva y tenemos dos diapositivas. Ahora. ¿ Quieres que le demos las flechas? Verás, tengo la flecha del lado izquierdo justo aquí, justo por aquí. Puedo decir, ya sabes, mostrar las flechas u ocultarlo. Ahora bien, ¿quieres mostrar los controles u ocultar los controles como estos pequeños puntos aquí mismo, abajo abajo para que pueda elegir mostrarlo u ocultarlo ahora? Animación automática. Entonces, ¿quieres que esto sea automático? Entonces si quieres que esto sea automático, cuántos segundos entre. ¿ Quieres que pase cada diapositiva? Entonces aquí mismo, voy a decir cada tres segundos, que son M s milisegundos. Por lo que cada tres segundos, quiero que esta sea una nueva diapositiva automática. No quiero que el cliente toque nada. No creo hacer nada. Yo quería automático. Entonces ahora mismo pongo 3000. OK? Y ahí tienes. Está empezando a cambiar. Es un poco lento, pero eso es sólo porque estamos en el editor. Chicos, una vez que lo cierren, serán tres segundos. Está bien. Ahora por los efectos de paralaje. No recomiendo el efecto paralaje para diapositivas, pero hablaremos más del efecto paralaje un poco más tarde. Y la sombra interior, no la tenemos a su sombra. Eso si tienes un tobogán más pequeño. Hay, como, algo así como una caja, Pero realmente no tenemos eso y la posición de la imagen. Entonces si quieres enfocarte en una parte específica de la imagen aquí mismo, usarías esto. Pero generalmente usaría default realmente no he usado. No he encontrado razón para usar tanto. Porque cuando creas una imagen la creas así, Ya sabes, para el fondo, no creas una imagen que decir después de crearla. Yo quiero enfocarme en este pequeño compañero de aquí. Ya sabes, yo realmente no conozco a nadie que use eso. Y además, puedes desactivar esto en la tableta telefónica o en el escritorio, y hablaremos más de esto un poco más tarde. Comienza a la optimización móvil personalizada a personalizada. De acuerdo, así que voy a dar click en cheque y ya está. Chicos, acabamos de crear una hermosa página de forro. Es sencillo. Es fácil, Se ve bien. Y, ya sabes, dependiendo de tus fotos o lo que quieras, puedes, ya sabes, cambiarlo a tu necesidad. Puedes agregar una superposición que puedes agregar en todo tipo de cosas. Chicos. El tema divvy es ilimitado. Sea lo que sea que pienses, puedes crearlo. De acuerdo, así que eso es todo para esta sección. Chicos, sigamos adelante y pasemos a la siguiente sección. Ya veré ahí 8. Crear Blurbs: Muy bien, chicos, chicos, bienvenidos de nuevo. Por lo que en esta siguiente sección, vamos a añadir algunos blurbs y botones. Entonces este es el sitio web de prueba en el que estábamos trabajando, y vamos a agregar en esta sección aquí mismo. Entonces vamos a sumar estas tres columnas con estos tres botones aquí mismo. De acuerdo, Así que va por aquí, y tengo habilitado el constructor visual. Todavía. Entonces aquí mismo debajo de este ícono más, haga clic en más y haga clic en una sección regular. Ahora, quiero una fila de tres columnas porque aquí tenemos tres columnas. Entonces +12 y tres. Ahora, realidad voy a agregar en la sección de blurb justo aquí. Entonces lo que quiero que diga esto. Bueno, solo voy a seguir adelante y copiar este buen constructor de páginas de capas. Puse algo así como buenas capas page builder y una chica para las tuyas. No vamos a poner nada. Usa un icono. Claro, ¿Por qué no? Entonces el color de icono que tipo de deseo es el blanco. Y la razón por la que quería como por qué es porque vamos a añadir un color al fondo. Entonces voy a poner blancos y vamos a seguir adelante y añadir un icono aquí mismo. Entonces me pondré a ver, ¿ cuál debemos adherir? Esto ¿Es esa la nube? De acuerdo, así que fuera de la nube. Entonces voy a dar click en No voy a pinchar sobre ellos económicamente. Sigue bajando Y justo aquí debajo de las colocaciones de icono de imagen que quiero en la parte superior. Y tal vez debería cambiar el color sólo para mostrarles cómo es esto. De acuerdo, así que ahí está la imagen ahora mismo, justo aquí debajo de la colocación del icono de imagen. Puedes tenerlo a la izquierda, o puedes tenerlo a la parte superior derecha ahí. De acuerdo, ahora el color del texto. Voy a dejar ir adelante. Deja eso en blanco. Um, ya sabes, siempre podemos cambiar esto más tarde, en realidad. Sí, vete. Deja parpadear, y justo aquí. Voy a seguir adelante y dar vuelta algunos textos w. OK, así que voy a mi famoso sitio web otra vez, chupetes chupetes, y sólo sigue adelante y mete algún texto ficticio. ¿ De acuerdo? Acelera eso por flotante. Y ahí tienes. Entonces tenemos algo de texto ahí mismo. De acuerdo, Ahora pasemos al diseño. Entonces la imagen Max con Así que esto básicamente es decir lo grande que tan grande. ¿ Puede ser esta imagen así si la quieres como a un 1000 pixeles puedes establecer en 1000. O puedes establecer en, como, 300 píxeles, etcétera. Pero recuerda, este tamaño sólo se expandirá tanto como las columnas que tengas. Entonces aquí mismo sólo tenemos así mucho espacio. Por lo que no va a exceder ese icono de uso Tamaño de fuente. Sí, quiero ponerme un poco más pequeño. Y la fuente del encabezado, que es esta sección justo aquí. Yo quiero cambiarlo por algo así como ferrocarril. Está bien. Y no hagas eso un poco más grande. ¿ De acuerdo? Ahora para el color del texto del encabezado. Eso también podemos cambiar. Aquí mismo. Entonces voy a cambiar el color de fondo último porque quiero que ustedes tengan una mejor idea de esto. OK, así que voy a, uh, poner esto en espera por ahora. Y el espaciado de letras titular. No, chicos, estas son las mismas opciones que teníamos parecen recordar. Una vez que comienzas a aprender un módulo, los aprendes todos. Son muy, muy similares. Entonces fonds cuerpo Así que aquí mismo voy a hacer algo así como ferrocarril otra vez. Por lo que el teléfono corporal básicamente está controlando esta sección aquí mismo. Está bien. Y el color del texto del cuerpo. Podemos agregar un color de fondo a esto, etcétera. Nosotros salimos en una imagen de fondo también. Al igual, sólo para fines de control, te mostraré. Por lo que tenemos esta imagen de fondo aquí mismo. De acuerdo, Pero claro, eso no se ve bien, y yo no recomendaría eso está bien. Entonces creo que eso es todo para este pequeño blurb, chicos. Entonces básicamente hicimos uno, ¿verdad? Ahora, en lugar de volver a hacerlo todo de nuevo, podríamos simplemente duplicar esto y luego simplemente usar este ícono todavía aquí para arrastrarlo por aquí. Está bien, duplique y arrástrelo. ¿ De acuerdo? Eso puede ser quiere cambiar el título. ¿ Verdad? Aquí va a poner el equipo d v es genial, pero, uh, increíble tema wordpress. Está bien. Y entonces aquí mismo, voy a añadir algo como, um, amo a mi perro. Está bien. Y para el ícono etcétera, podemos usar Eso es tal vez quiero cambiar el color, pero, sabes, por ahora, lo voy a dejar como pestañeo. Ahora, pasemos a este sitio web aquí mismo. Entonces tengo estos botones aquí mismo. Ahora quiero mostrarles todo el reverso y editor para esto. Entonces aquí mismo puedes ver que tengo blurb, blurb, blurb. Entonces escucho blurb, blurb, blurb, Y luego tengo botón botón botón botón. De acuerdo, así que sigamos adelante y sumemos un botón y debilicemos. Simplemente duplique y agréguelo a todos estos. Aquí mismo. Está bien. Entonces aquí mismo bajo este signo más, voy a dar clic en, añadir un nuevo módulo y ir al botón, ¿de acuerdo? Y aquí mismo, ustedes pueden ver que esto es como, um, tenemos el texto blanco con, como, como, un fondo oscuro y un radio a su alrededor. De acuerdo, así que veamos si lo recuerdas, vuelve a ganar aquí. Pondré algo como no pondré tu pozo, Pero recuerda, la URL es la página web, o lo siento. El domicilio de donde quieres que vaya en tu página web. Está bien. A lo mejor tener socios, tal vez tener página de ventas. A lo mejor tienes un formulario de contacto, todo tipo de cosas. Está bien. Entonces un héroe pone Vamos a ver qué pongo pongo aquí cuando pongo aprender más, aprender más siempre es bueno. No, aprende más. Aprender más siempre es bueno, pero una alineación. Yo quiero esto al centro. Muy bien, el color del texto. Seguiremos adelante y pondremos esto ya que dejaré eso solo en blanco ahora mismo. De acuerdo, Ahora el diseño. Yo quiero seguir adelante y decir que sí. Ahora, chicos, exactamente lo mismo que hicimos por este slider. Estas son las mismas opciones exactas, Así que nada ha cambiado. Entonces tal vez quieras el pero en un poco más pequeño. A lo mejor alrededor de los 18. Las colillas en color texto. Bueno, como que quiero el color del texto del botón como blanco y el color de fondo del botón. Esto podría querer un azul, tal vez un azul de estilo diferente. Está bien , sí. Quiero decir, como, vamos a ver. O algo un poco más oscuro. Sí. Ahora las colillas y la frontera con no me voy a meter con eso el color del borde del botón. Entonces la frontera alrededor de esto aquí mismo, voy a seguir adelante y dejar eso pero el radio fronterizo voy a cambiar. Por lo que esto realmente lo hará un poco más circular. ¿ Ves eso? De acuerdo, así que me gusta ese botón. Ahora sólo voy a seguir adelante y guardar esto y sólo voy a Teoh Sólo copia esto y simplemente arrastrarlo por aquí. No hay necesidad de trabajar más duro de lo que tenemos que escribir. Al igual, esto es fácil ya que se pone, como, sólo copiar y pagar copia y paz. Entonces ya ves cómo es genial Justo ahí. Ahí es donde sabes qué? Se le cae. De acuerdo, entonces tenemos estas secciones aquí mismo. Ahora necesitamos básicamente crearlo. Por lo que está lleno de. Entonces ya ves cómo tenemos esta caja azulada sobre cómo es como,ya sabes, ya sabes, hay todo este espacio en blanco que queremos,ya sabes, usar ya sabes, este espacio en blanco justo aquí. Entonces hagámoslo bajo este icono de engranaje para esta sección azulada. soy un click en esto. Bajo estas opciones aquí mismo, tengo hacer esta fila llena con. Entonces, sí, quiero hacer este rifle con Ahora. También podemos hacer algo como agregar en la canaleta con y la canaleta con es básicamente decir este espacio entre estos Así que puedes hacer esto un poco más pequeño. Algo así. De acuerdo, así que ahora tenemos esta sección aquí mismo, muy limitada con espacio, y yo voy adelante y solo click en cheque. De acuerdo, entonces tenemos estas tres secciones. Ahora, digamos que quieres agregar en algún color, ya sabes, queremos agregar en algún color aquí mismo. Entonces aquí mismo bajo esta sección aquí mismo, soy un va al diseño, y vamos a desplazarnos hacia abajo. Está bien, Así que llámalo una imagen de fondo. Por lo que esto se refiere a llamada en uno. Está bien, así que aquí mismo, bajo el color de fondo, voy a dar clic en esto, y luego es como, tal vez un azul, ¿de acuerdo? Y vamos a hacer un poco más transparentes, algo así. Está bien. Y luego vamos a seguir adelante y guardar esto. Nosotros solo seguiremos tirando, en realidad. Ahora por la columna. Un relleno personalizado, tal vez quieras un poco a la parte inferior justo aquí. En realidad, no, lo haremos por el otro. El otro módulo. Está bien, entonces,de todos entonces, modos, así que el color para el segundo fondo, qué código quieres que sea? Bueno, yo como que quería ser un azul más oscuro. Está bien. Y luego para la columna tres, quiero que esto sea un poco diferente. Yo quiero que esto sea algo así como, um ah, azulado. Ish azulado. Ahí vas. Algo así, ¿verdad? Algo sencillo. OK, parte de la revisión de armas ahora, Así que tenemos estas tres cuadras está justo aquí, pero tenemos todo este espacio justo aquí. Tenemos que cambiar eso. ¿ Verdad? Entonces aquí mismo bajo el icono azul, haga clic en esto y quiero especie de reducir el relleno. Ahora, hay otra forma de hacer esto, chicos. Entonces en realidad podemos ir manualmente por aquí y ya ves como he flotado sobre esto. Ahí está esa sección azul que aparece y mi cursor cambia. Simplemente podemos empezar a arrastrar esto hacia arriba y empezar a quitar este espacio en blanco. ¿ Ves eso? O puedo ir aquí en el icono de engranaje y cambiar el relleno a cero. Ahora, la razón por la que lo cambias a cero es porque patear es básicamente el espacio. Entonces creas así básicamente diciendo que no quiero ningún espacio. Eso es básicamente lo que el relleno está bien yendo por aquí. Ahora haz click en este ícono justo aquí debajo de la configuración de asado, y debo bajar y no quiero ningún relleno a la parte superior. Y no quiero ningún relleno al fondo aquí mismo. De acuerdo, entonces ahora ustedes pueden ver que no tenemos espacio en ninguna parte. Tenemos cero espacio en lo que sea, ¿de acuerdo? 9. Uso de almohadillas e íconos: Mira, quiero hacer algo de espacio entre esto aquí en la parte superior, ahí mismo. Entonces, ¿cómo hacemos eso? Bueno, vamos a usar los ajustes de fila aquí mismo. Por lo que bajo este icono de engranaje para la sección azulada, quiero controlar la sección de relleno ahí mismo. Entonces quiero básicamente hacer más relleno aquí mismo. Y más relleno aquí mismo. Por lo que bajo este ícono de engranaje, voy abajo a diseñar y me desplaza hacia abajo. Simplemente mantiene crecido. Entonces tenemos la columna. Uno justo aquí. Entonces esta es la columna uno Ahora, ¿cuánto relleno quieres? Y adivina palmaditas de nuevo es espacio. De acuerdo, entonces es solo espacio. Entonces aquí, quiero 50 píxeles, tal vez 30 píxeles en la parte superior, y quiero 30 píxeles en la parte inferior. Entonces ahora ves que en realidad hemos hecho algo más de espacio, y podemos agregar un poco más. A lo mejor 50 y 50 bien. O puedes, ya sabes, más creativo y salir en 60 si quieres, ya sabes, pero lo dejo en 50 50. Ahora. Adelante y hagamos lo mismo por los otros dos. Entonces quieres hacerle Mira, ya sabes lo mismo. No queremos dejarlo así, ¿verdad? Se ve un poco mal. Entonces bajo el llámalo a vamos a ir a lo mismo se puede hacer 50 y 50 y lo mismo aquí mismo. Calma tres. Haz 50 y vamos a hacer 50. Está bien, entonces eso es básicamente todo , chicos, ya sabes, es los colores son muy feos, sin duda, pero probablemente puedas solo algunos para que se vea así, tú saber, agregando tu propio color de esquí o lo que quieras. OK, entonces así es básicamente como logramos esta sección aquí mismo. Ahora, vamos a hacer esta sección aquí mismo, y esto es muy sencillo, chicos. Es sólo un acordeón y una imagen. Eso es todo. Entonces yendo por aquí, voy a dar clic en este pequeño icono más azul, y vamos a cocinar en regular ahora. Se trata de dos filas. Entonces quiero que ustedes entiendan algo así lo visual que hay detrás de esto. Entonces esta es una imagen, y esto es un acordeón. OK, pero si te has dado cuenta, este espacio es más que este justo aquí, así que vamos por aquí. Déjame cerrar esto aquí mismo. En realidad, probablemente voy a cerrar esto aquí mismo. ¿ De acuerdo? Y volveremos a cerrar esto. De acuerdo, Así que aquí mismo en las cabras a este ícono aquí mismo. ¿ En serio? Notas a regular. Ahora ven aquí mismo cómo tenemos estos iconos aquí mismo. Entonces esto de aquí sería ideal, ¿verdad? Porque esto tiene más espacio, y éste tiene un poco menos. Entonces, vamos a dar click en este de aquí. ¿ De acuerdo? Ahora, por aquí, debajo de este pequeño blurb de aquí, voy a dar click en la imagen. Simplemente vamos a añadir una imagen. Y escucho que voy a seguir adelante y subir, y voy a encontrar ese pequeño teléfono genial. Uh, parece que me falta el teléfono, ¿verdad? Sí, me lo estoy perdiendo. Entonces voy a seguir adelante y subir eso. Creo que lo tengo. Ver? Aquí. Veamos en dónde puse el teléfono. De acuerdo, Aunque es el acto I, p y G Tal vez él estaba ahí. No lo sé. Sí, eso es todo. Ahí mismo. Tonta a mí. Ok, eso fue todo. Ahí mismo. Está bien, así que hacemos click en subir una imagen, y ahí tienes. Por lo que ahora tengo esta imagen aquí mismo ahora en esta sección aquí mismo. Voy a sumar en el acordeón. De acuerdo, Así que en un nuevo artículo y podemos poner algo como, um uh, vamos a ver. Podemos poner algo así como bienvenida o esperanzas porque aprenden. Ah, sobre nosotros. De acuerdo, entonces aquí mismo, podemos agregar algún texto ficticio. De acuerdo, entonces vamos a seguir adelante y disparar algún texto ficticio, ¿de acuerdo? Y dar click en cheque. Ahora, sigamos adelante y sumamos algunos más. En realidad, solo duplicaré este camino, así que la dedicaré tres veces. Y, ya sabes, puedes seguir adelante y cambiar los ajustes chicos aquí, ya sabes, por el diseño. Entonces aquí mismo es como el color de fondo de palanca abierta. Entonces si quieres seguir adelante y cambiar eso, podemos hacer eso como verde, para que lo abran. Se va a ver verde. Se ve un poco feo. Pero oye, eso es lo que quieres, verdad? Entonces si alguien lo abre, ¿de qué color quieres que sea? Está bien. Y otra vez aquí mismo. Tenemos el color de texto de toggle abierto. Tenemos el color de fondo cerrado. Por lo que esto en este momento está cerca de ver que cómo se cierran estos. De acuerdo, así que si quieres, así sabes, así es como harías eso. También puedes hacer el color del texto de toggle también. Entonces ¿quieres simplemente cambiar el saber el color de eso? Eso también se puede cambiar. Y también el color del icono. Entonces si quieres cambiar el color del icono, puedes hacer eso también ahí mismo. Ok, ahora la fuente Tuggle tal vez quiera cambiar eso a ferrocarril? Ya sabes, queremos mantener nuestros colores un poco consistentes. Nosotros queremos asegurarnos de que sean todos iguales. Está bien. Y aquí mismo otra vez, chicos, estas son las mismas opciones. Por lo que las letras frente a línea se esconden Y este es el cuerpo fonds. Por lo que las fuentes del cuerpo es la fuente dentro de esta justo aquí. Entonces tal vez podamos cambiar esto por ferrocarril. Hazlo audaz. Está bien. Y por supuesto, podemos agregar en algún relleno puede usar un borde. Ya sabes, un borde básicamente es como una caja alrededor así, pero no me gusta la frontera, Pero oye, ya sabes, eres bienvenido a usar el color personalizado si quieres. De acuerdo, entonces volvamos al general justo aquí y vayamos a la casilla de verificación. Entonces básicamente hemos creado esta sección aquí mismo, chicos. Y es muy, muy similar a esto aquí mismo. Ahora bien, esta sección sí se ve un poco diferente. Entonces, ¿cómo logramos este apartado ¿Aquí mismo? Bueno, básicamente, lo que hice fue simplemente tomé este texto aquí mismo, y lo puse dentro del de este módulo justo aquí. Entonces voy a dar clic en el ícono del año y te muestro cómo logré eso. Entonces aquí mismo no voy a poner ningún título. Y yo sólo voy a seguir adelante y simplemente pegar esto aquí dentro, así como eso. Y luego por el enlace. Chicos, acabo de crear un enlace personalizado. Entonces aquí mismo, me pondré, como, aprender más. No, voy a destacar esto, ¿de acuerdo? Y ahora vamos a crear un enlace personalizado con un texto. Entonces hay unos pequeños iconos aquí mismo. ¿ Conoces estos justo aquí? Ellos le enviaron el texto, lo hacen a la derecha o a la izquierda. Ahora, voy a dar clic en este pequeño enlace de aquí, y si me desplaza hacia arriba, va a decir que eres l Entonces, ¿a dónde quiero que vayan? Si dan clic ahí y más. Bueno, voy a poner mis sitios web y voy a Ok, ok. Y luego estoy dando click en este cheque y reviso de nuevo. Entonces es Es una especie de forma creativa chicos de usar esto porque la mayoría de la gente no pensaría eso con este módulo que se puede hacer esto. Pero recuerda, puedes hacer cualquier cosa que puedas pensar. Chicos, no hay limitaciones. Y digamos que quiero esta fila un poco más grande. Ya sabes, quiero este cuadro un poco a la izquierda. Ya sabes, no quiero cerrar. Entonces para cambiar eso, siempre que estés trabajando en módulos, solo tienes que ir a la configuración de fila. Y en lugar de hacer esta fila llena con, como, eso es realmente podemos determinar lo grande que queremos que sea esto. Entonces haz click en personalizado con, y ahora voy a dar click en esto aquí mismo. Para que ustedes puedan ver esto y nosotros podemos determinar ustedes saben lo pequeño que lo queremos o lo grande que lo queremos . De acuerdo, así que el 100% obviamente es toda la página. De acuerdo, entonces otra forma en la que ustedes pueden ponerse creativos es la canaleta con los chicos. El canalón con es muy importante porque la canaleta con básicamente crea este efecto aquí mismo donde no hay espacio en absoluto. De acuerdo, Así que cuando quieras las cosas más cerca una de la otra, todo lo que hay que hacer es ir a la cuneta con y hacerla más pequeña. Entonces ahora mismo es a las tres para y luego uno. Ya ves cómo está muy cerca, Al igual que todo está súper cerca así. Entonces si quieres ese efecto, puedes hacerlo con la canaleta con Ok. Pero voy a seguir adelante y sólo dejar todos esos, ya sabes, estándar. Creo que esto parece una buena sección. De acuerdo, así que sigamos adelante y pasemos a la siguiente sección aquí mismo. Vamos a crear esta sección aquí mismo. Entonces esta es una sección realmente genial y creativa. ¿ Todo bien? Por lo que los veré en la próxima conferencia. 10. Contento de creación de página de la página de casa..: Muy bien, chicos. Bienvenido de nuevo. Entonces aquí, vamos a crear esta sección aquí mismo. Ahora, antes de empezar, como que quiero que ustedes entiendan cómo hicimos esto. Yo como que quiero que empieces a pensar en los modelos que iban a usar. Está bien, así que esto de aquí es un 2/3 ya sabes, es ah, es una fila más grande en una fila más pequeña. Este es un módulo, y este es un módulo de desenfoque, un módulo de blurb y un módulo de blurb. De acuerdo, así que vamos a seguir adelante y crearlo por aquí, y el constructor visual está habilitado. Yo estoy aquí a esto, además de nuevo ir a regular. Y quiero que nos guste algo aquí mismo. Entonces esta de aquí es la que quiero seleccionar. De acuerdo, así que quiero seleccionar un blurb. Y chicos, un blurb es como algo para, como, nuestros servicios o algo así. Bastante simple. Es ah, bastante sencillo. No es realmente como, ya sabes, son básicamente, como, pequeñas cosas que solo funcionan, ¿sabes? Entonces déjame solo seguir adelante y mostrarte Así escucho un pit el DVT no quiero ser Earl. Earl es un destino de otro sitio web al que quieres que lo lleven? De acuerdo, Ahora abajo aquí, Bajo usar el ícono voy y digo que sí. Y sólo voy a poner algo como, uh, este pulgar arriba, pulgares arriba. Está bien. OK, ahora el color del icono, como que quiero cambiarlo a algo. Como tal vez dos negros ahí. Sí, lo haremos. negro subió. Ahora el ícono del círculo. Chicos, este es un color de fondo Puedes tener si quieres, Así que puedes tener un color adicional alrededor para que puedas ser creativo con eso también. Pero realmente no lo necesito. Ya sabes, realmente no me importa realmente el resto en paz. Entonces bajo el icono de imagen colocación chicos, quiero ir y decir que quiero a la izquierda esta vez. Por lo que ahora se puede ver que es a la izquierda y la animación del icono. Podemos cambiar la animación de esta tan de derecha a izquierda, derecha, izquierda a mentir Bottom toe baba law y todas estas diferentes. Por lo que se puede ver como entra. Ok, ahora, bajo el contenido aquí, solo voy a seguir adelante y añadir algún contenido ficticio, pero no demasiado. Sólo un poquito y pega eso ahí mismo. Está bien. Y eso se ve bien. De acuerdo, así que voy a seguir adelante y dar click en seguro. Ahora, quiero duplicar esto. ¿ Quieres seguir adelante y duplicar esto otra vez? Está bien. 111 demasiados. ¿ Sabes lo que hice mal? De hecho duplicé a los chicos del camino, así que hice cuatro rosas diferentes, y eso no es lo que quieres hacer. OK, pues vergüenza para mí, chicos, y dame un pulgar abajo o una mala crítica. Muy bien, Así que sólo quiero duplicar el módulo. No quiero duplicar toda la fila, así que solo espero que entiendas Tenemos tres módulos en la misma fila. ¿ De acuerdo? Ahora, por aquí, quiero sumar en un llamado a la acción. Ahora bien, esta es una forma creativa de hacer una sección, chicos. Entonces aquí mismo puedo poner algunos aprender todo sobre son compañía increíble. Y por aquí, no quiero añadirme en un color de fondo. Y la razón por que es porque vamos a crear otro color de fondo, acuerdo? Y yo sólo voy a seguir adelante y pagar en algún lugar ficticio. Texano aquí un poco más. Ponen un espacio y ponen un poco más. Está bien. Ahora para el diseño, necesitamos básicamente hacer este espectáculo. Entonces el color del encabezado, Hagámoslo, ya sabes, negro. Para que en realidad podamos ver lo que estamos haciendo, ¿sabes? Y ya sabes, puedo cambiar esto por algo como ferrocarril y chicos. La fuente lo es todo. Realmente trae vida justa a tu sitio web. No hagas esto un poco más grande, ¿de acuerdo? Es así ahora, ahorrando para el cuerpo Tunks color aquí mismo. Haré este negro para que solo lo veamos. De acuerdo, así que ahí tienes. Entonces tenemos esta sección aquí mismo, pero no se parece en nada a la otra sección que teníamos. Entonces sigamos adelante y empecemos a hacer algunos cambios en el camino para especie de conseguir ese efecto. Entonces por aquí, haga clic en esto. Yo quiero hacer esta fila completa, y quiero reducir la canaleta con sólo un poquito. De acuerdo, entonces reduzco la canaleta con el SNC. Se ve realmente, muy pequeño, Como un qué? Esto se ve un poco extraño. Ya sabes, se ve muy, muy raro. Yo lo sé. Tan solo aguanta ahí, llegaremos a esto. Entonces por aquí, bajo estos iconos justo aquí debajo de la configuración de blurb, como que quiero agregarla en un color diferente al fondo. Ya sabes, quiero empezar a diferenciar las secciones entre sí, ya sabes, para que en realidad podamos hacerlo yendo al color de fondo en los ajustes de diseño y simplemente , ya sabes, como el color de fondo, éste. Bueno, eso es como un azul. Ver justo aquí. Sí, eso estuvo bien. Está bien. Y algo por aquí seleccionará otro diseño. No, no el texto del cuerpo lo cambiará al color de fondo encendido. Ya saben, chicos, quizá quieran usar mejores colores. Y esto esto es realmente feo. Y esto es solo para Bridget Over Vis está bien. Entonces solo usaremos otro color aquí mismo, y podemos agregar algo así como un rojo. De acuerdo, esto es sólo el tipo de ayuda distinto, uh, dónde van estos, y ya sabes cómo se supone que se ven. De acuerdo, Así que ahora necesitamos básicamente crear algún espacio entre estos blurbs porque no hay prácticamente no hay espacio entre ellos y como que lo queremos, como, como, ya sabes, el espacio el manto para una especie de hacer que se vea bien. ¿ Verdad? Entonces vamos al 1er 1 aquí mismo, animal. Ve al diseño, y soy un scroll hacia abajo por aquí a la sección de relleno personalizado. Y aquí voy a empezar a añadir algo de empanada. De acuerdo, Tal vez a los derechos que quiero. A lo mejor estamos, como, 50 eventos al fondo justo aquí. Puedes seguir adelante en algo como, um uh, bueno, agregando algo como, no sé cuánto tiempo del espacio 50 pixels y hasta el último querer algo así como 20 quizá 30 pixels. De acuerdo, así que básicamente, lo que hice, chicos fue que hice espacio por aquí. Hice espacio por aquí, e hice espacio por aquí y por aquí. Vale, Ahora, recuerda, Así que los chicos de la derecha de la izquierda palmaditas, básicamente lo hice. Entonces hay espacio por aquí, Pero si le agregas demasiado relleno en el dedo un lado, el otro lado no tendrá a dónde ir, ¿sabes? Entonces tal vez quiero reducir un poco el relleno del lado derecho y tal vez aumentarlo en el lado izquierdo. ¿ Ves eso? ¿ Ahora? ya ves cómo se está moviendo hacia el centro? Porque todavía hay espacio aquí mismo. De acuerdo, entonces ahora voy a dar click en cheque. No, chicos, soy perezoso. Yo soy súper perezoso. Yo sólo voy a hacer esto. Y ahí tienes. Ahora tenemos la rosa todo arreglada, y yo sólo voy a borrar estas, descansar en paz y, ya sabes, estar detenido el color de fondo. Ahora por estos. Entonces yendo al diseño, cambiaré éste por algo como, um, no sé, algo así como verde. Y éste de aquí. Cambio. Esto es algo así como, um e eso Así. Y, ya sabes, un texto blanco probablemente se vería mejor que esto, ya sabes, charlas que tenemos pasando por aquí. Ya sabes, creo que el texto blanco se ve un poco mejor, así que vamos a seguir adelante y cambiar el color del texto corporal también. Y también para el ícono. Chicos, ustedes también pueden cambiar el color del icono, así que en realidad podemos decidir hacer que este frente de iconos sea un poco más grande también. Entonces aquí mismo podemos cambiar un más grande Bueno, podemos hacerlo realmente, realmente grande. Etcétera. OK, así que yendo a la sección general. Usamos el icono de desplazamiento hacia abajo justo aquí. ¿ Y de qué color quieres que sea este ícono? Bueno, tal vez algo así como, uh, blanco. Eso es genial. Ya sabes, parece que eso tiene, como, ese aspecto translúcido ahora tiene ese aspecto realmente genial. Por lo que hemos agregado en esta sección, y ustedes pueden verlo empezando a venir. Tenemos algo de espacio aquí mismo. Y recuerda, siempre podemos simplemente arrastrarlo hacia arriba en esta sección justo aquí. Tenemos espacio. Simplemente arrástrelo hacia arriba. Entonces, chicos, este módulo no tiene capacidad para tener color de fondo. Entonces, ¿cómo cambiamos eso? Bueno, podemos ir a nuestra configuración de rosas por aquí, y podemos hacerlo manualmente yendo a ajustes de fila. Recuerda antes cómo teníamos el color de fondo en la fila uno camino a Así que esto es la Fila Uno, y este es camino a lo que va al diseño. Bajemos y vamos a encontrar el color de fondo para ver columna a fondos. ¿ Recuerdas? Chicos, esta es la columna uno, y esto se llama a Ok, así que hago clic en esto aquí mismo, y podemos agregar en cualquier color que nos gustaría aquí mismo. Entonces deberíamos haber usado texto blanco, ¿eh? Sí, así que lo voy a dejar como negro creer que es negro, pero quiero cambiar el color del texto. Yo como que lo quiero. Yo quiero que la gente vea el texto aquí mismo. Entonces yendo por aquí al icono del engranaje, voy a seguir adelante y cambiar el texto bajo el diseño. Entonces cabecera, color de texto Quiero preguntar Blanco. Y por aquí obtiene el color del texto del cuerpo al blanco también. Para que ustedes puedan ver que se ve bien. Entonces lo último que tenemos que hacer es básicamente hacer relleno. Simplemente necesitamos hacer básicamente algo de espacio. Entonces el tipo negro coincide con la otra sección también, porque en este momento como que no se ve demasiado bien. Ya sabes, realidad no se ve bien, y necesitamos básicamente arreglarlo. De acuerdo, así que sigamos adelante y hagamos eso ahora mismo. Entonces pasemos a este módulo aquí y otra vez. Chicos, queremos hacer palmaditas. Eso es todo lo que queremos hacer. Así que el diseño desplácese hacia abajo ahora, Patty personalizado. Entonces voy a sumar 100 10. ¿ Ves eso? Ya ves cómo empieza a seguir. Entonces tú, en este punto tipo de saber qué hacer Ahora, como que sabes Solo necesitas crear básicamente suficiente espacio para que pueda masificar toda esta sección o puedes hacer que el texto sea aún más grande. De acuerdo, Ahora, como que quiero este palmaditas aquí mismo lejos del Esto está demasiado cerca, ya sabes. Entonces sigamos adelante y sumamos 50 pixeles y añadiremos otros 50 pixeles. Ella espera ahora centrada un poco y se ve, ya sabes, mucho mejor que antes. Entonces así es básicamente como podemos lograr ese efecto ahora, antes de hacer el relleno inferior. Ya sabes, antes de hacer más espacio aquí abajo, hagamos esto un poco más grande. Ya sabes, en realidad podemos hacer que el texto sea más grande, y como resultado, probablemente también tendrá un efecto en el relleno. Entonces sigamos adelante y hagamos algo como, uh, ves como ahora va el espacio por ahí abajo. Entonces antes de hacer eso, ya sabes, quizá quieras considerar ahí vas así. Ahora, sigamos adelante y bajemos por aquí y podemos Adam algo de espacio aquí abajo. Uh, déjame ver aquí. Ya sabes, es que eso fue 110 100. Ahora tenemos que simplemente igualarlo con la parte inferior justo ahí. Entonces tal vez, como 100 60 pero detrás de 70 estaría bien. A lo mejor 165. Vamos por debajo de 65 66 67 68 60 es perfecto. Está bien, así que ahí van, chicos. Enhorabuena. Y así es básicamente como logramos este apartado. Ahora bien, esta percepción era un poco de pensamiento crítico, pero quiero que puedas usar el tema Devi eso es todo, como, ya sabes, a toda costa y a todo su potencial. No quiero que lo estéis usando diciendo, Oh, este equipo apesta. No sabemos qué hacer, ¿ sabes? Porque sé que puede ser muy desalentador. Nada que hacer, OK cuando no sabes qué hacer. De acuerdo, entonces eso es todo para esta sección, chicos, ustedes tienen alguna pregunta con respecto a esta sección y ¿cómo logramos esto? Mira siéntete libre de avisarme y pasemos a la siguiente sección, así que te veré ahí 11. Tilla y Google Maps: Muy bien, chicos, chicos, bienvenidos de nuevo. Entonces cuando esta excepción, vamos a hacer algunos contadores numéricos y tablas de precios. Pero antes de irme, ya sabes, en la última conferencia, si miras el bar azul, te das cuenta de que tenemos este espacio en blanco justo aquí, y también lo tenemos justo aquí. Entonces todo lo que necesitas hacer es simplemente tomarlo y arrastrarlo hacia arriba y tomar este espacio y arrástrelo hacia arriba. Ahí vas. Tienes cero relleno de lo que sea. De acuerdo, así que pasemos a la siguiente sección donde vamos a crear esta sección aquí mismo. Muy sencillo. Estos son solo contadores numéricos simples, pero , ya sabes, van a tener en cada sitio Web, ya sabes, creo que son, ya sabes, estándar en cada sitio web ahora . Entonces creó un cuatro con chico de sección, así que creamos cuatro pequeños íconos aquí mismo, así que necesitamos encontrar el módulo que es un contador de números, o es un contador de círculo? Creo que es un contador de círculos que vamos a usar el contador de círculos, así que es correcto. O podemos usar contador de números. Ahí vamos. OK, entonces vamos a usar un contador de números aquí y aquí dice, OK, dale un título. Entonces voy a poner, como, satisfacción, satisfacción, y voy a hacer algo así como 100% y un signo por ciento. Sí. Signo por ciento. No. ¿ Oyes hablar de algo así como el color de texto negro? Yo como que quería como negro. A lo mejor un poco más. No lo dejes así por ahora. Y en los chicos del diseño, tenemos las fuentes del título ahora, chicos, estas son probablemente las cosas más fáciles de hacer. Entonces solo voy a hacer algo como ferrocarril, ¿sabes? Y el tamaño de la fuente del título haría un poco más grande. Y el color del texto del título también. El espaciado entre letras y la altura. Y también ahora, esta es la fuente numérica. Por lo que esta es la fuente para el número específico. Entonces voy a volver a poner algo así como ferrocarril, ¿de acuerdo? Y podemos hacer esto un poco más pequeño. ¿ Todo bien? Sí, eso es bueno. Y también puedes cambiar como el color del texto. Ya sabes, puedes cambiar. Es algo, lo que quieras. Pero, ya sabes, creo que ya sabes, esto es bastante estándar. Ustedes chicos, ya saben, entienden lo básico de eso es para que puedan agregarlo como un color de fondo a esto también, Like, ya saben, y también pueden reducir este patrón como nosotros de lo que habló antes. Pero por ahora, creo que eso es y ah, ya sabes, creo que eso es todo. Bastante simple. Y por supuesto, chicos, soy muy perezoso. Entonces solo voy a seguir adelante y duplicar thes rose. No voy a trabajar más duro de lo que tengo que hacer. Entonces aquí, yo sólo voy a, ya sabes, hacer eso, y vamos a seguir adelante y hacer eso. Y entonces por aquí lo cambiará, ya sabes, en lugar de satisfacción, hará algo así como tazas de café. Soy un gran bebedor de café. A mí me gusta Starbucks. Soy un chupón más allá. Ah. Oigan, chicos. Consiguieron su especia de cerveza fría. No me gustan. Muy bien, así que esta vez me quité el signo de porcentaje. Entonces solo digo 39 tazas de café, ya sabes, y puedes tener que ser como ventas o algo así, como un número de un número de ganancias o ganancias este mes y luego tener algo como, tú saber, 456% arriba, ¿verdad? Y luego por aquí, puedes tener algo como, um, um, premios y luego poner como tal vez 34 34 premios y quitarte eso Así que se ve algo así ahí mismo. De acuerdo, entonces eso es bastante básico, chicos, eso es bastante simple pero también es realmente bueno tenerlo en tu página web. Este sitio web se ve realmente pegajoso. Es solo por los colores que estaban usando chicos que eso es todo. El cerebro solo piensa feo sitio web por estos colores pegajosos en, como este de aquí Tenemos colores realmente bonitos que se corresponden entre sí. Está bien, aquí tenemos el fondo azul desenfoque, y como que mantuvimos lo consistente. Entonces, cada vez que estés haciendo chicos de sitios web, te lo digo ahora mismo, mantén los colores consistentes. De acuerdo, entonces volví aquí. Vamos a seguir adelante y sumar en esta sección aquí mismo. Entonces esto de aquí es un módulo de texto, y esta es una tabla de precios con tres secciones. OK, así que va por aquí, y vamos a ir a esto, vamos a ir a regular y podemos ir a teclear algo como esto aquí y luego ir a un modelo de texto esta vez. Está bien. Y luego pondremos algo como, um, um, nuestras tablas de precios, está bien. Y quiero esto centrado. Recuerda, los chicos estaban usando el texto. Ahora estamos usando el texto estrictamente que vamos a diseñar por aquí. Queremos asegurarnos de que vayamos a la fuente de texto. Entonces por aquí voy a hacer ferrocarril, que llevamos un tiempo usando y no voy a hacer un poco más grande. Y quiero hacerlo boop blanco. Va a desaparecer. Ahora, no te preocupes, porque vamos a crear una imagen de fondo para esta sección. Por lo que por aquí en este icono de engranaje, haga clic en esto y agregó una imagen de fondo aquí mismo. Voy a poner esta de aquí. ¿ De acuerdo? Entonces apuesto a que estás pensando, ya sabes, ahí. Esa no es toda la imagen. ¿ Sabes qué está pasando? No, chicos, en realidad pueden estirar la página, pero antes de que hagamos eso, como que quiero, um, agregar los módulos primero. Yo quiero que las modelos tipo de empujar esta imagen hacia abajo. Por lo que va a pasar a esta sección más justo aquí, y vamos a sumar estos tres pequeños íconos ahí mismo. Está bien. Y estos tres iconos chicos, simplemente vamos a sumar básicamente las tablas de precios. Entonces, yendo por aquí, vamos a seguir adelante y añadir en una sencilla tabla de precios, y vamos a dar clic en añadir un nuevo artículo. De acuerdo, así que aquí mismo, pondremos algo como, um, no lo sé. ¿ Para qué debemos poner? Este va a poner Standard es nuestro plan estándar estándar. Está bien. Y aquí mismo pondrá como, um, nuestro paquete básico. ¿ Qué moneda quieres? Bueno, quiero dólares por lo que es así tenemos por mes al año. Voy a poner por mes m o. ¿Cuánto cuesta esto? Bueno, voy a decir 50 dólares los traseros en euros. Entonces voy a poner un pequeño letrero ahí mismo, y el texto del botón se ha abierto ya. Y luego vamos a seguir adelante y añadir algo de contenido aquí mismo. Seguiremos adelante y agregamos algo así como, um, lo mejor planeado para prensa de noticias entrar permitido en un 2do 1 Podemos agregar algo como, um no sé, soy perezoso, Así que voy a ir y copiar esto, chicos, y vamos a seguir adelante y pegar esto de nuevo aquí mismo, ¿de acuerdo? Y por supuesto, ustedes pueden tener lo que quieran, ya saben, pueden agregar, um, um, lo que sea que se pueda pensar para hacer que este tipo de luzca mejor que esto aquí mismo . Pero solo te estoy dando un ejemplo de, ya sabes, solo presionas enter, y básicamente crearía una nueva sección para ti ahí mismo. De acuerdo, así que vayamos con los chicos del diseño. Ese diseño lo es todo para esto. Entonces aquí mismo. Esta no es una tabla de características. Por lo que una tabla de características básicamente está diciendo, como, elegir esta. Al igual, este es el mejor. Entonces cabecera de tabla, color de fondo. Entonces aquí mismo. Puedo cambiar esto por algo como negro O tal vez como un gris de oscuro así. Así. Está bien. Y por aquí, no hicimos de esto una tabla de características. Por lo que bajo la sección general, puedes seguir adelante y dar click en esto aquí mismo y convertirnos en un destacado. Y estas serían las opciones para destacados, pero no quiero hacer eso. Entonces lo voy a dejar como regular. Voy a ir al diseño de nuevo ahora También, chicos, la subcabecera o fuentes para que también puedan cambiar la fuente del subencabezado. Y el tamaño de la fuente del sub encabezado, que es esta sección justo aquí agrupa eso a veces. Sí, hace eso. No sé por qué sólo hace eso. A veces mi boca que se va pajarillo. Entonces también el color justo aquí. Puedes cambiar el color de esta sección aquí mismo. Y, ya sabes, no quiero meterme con esto porque, ya sabes, esto es grande, ¿sabes? No quiero meterme con los ajustes, ya sabes, es que todos son lo mismo, chicos. Es solo para un modelo a otro. Por lo que ahora, bajo la moneda y fonds frecuentes debilitan los cambios a tal vez algunos, como Roboto o algo que haga que esto se vea un poco mejor. Por lo que esto se refiere a este signo del dólar aquí mismo. Está bien. Y el color del texto, podemos cambiarlo a algo, como quizá negro. Está bien. Y por supuesto, también podemos cambiar el espaciado de eso. Ya sabes, tenemos control de todo ahora la caída del precio. Por lo que la fuente del precio es un poco más importante. Entonces aquí mismo, quiero cambiar la fuente del precio, que es el signo del dólar por algo como nuestro roboto. Para que lo sepas, puedes cambiar cuando quieras. Podemos cambiar el color del texto, algo así como, uh leer o lo que quieras. Pondré algo azul. De acuerdo, Como un azul claro. Está bien. Y, um, ya sabes, creo que eso es básicamente, ya sabes, una opción estándar, ya sabes, ya sabes,de esto aquí mismo. Ahora los chicos cariñosos del cuerpo se están refiriendo a estas cosas aquí mismo. De acuerdo, Así que quieres cambiar esto aquí mismo, puedes seguir adelante y cambiar esto a tal vez como, um, estamos usando ferrocarril. Está bien, sé que se ve un poco mejor. Y la razón por la que este tipo de luce mal ahora mismo es porque, ya sabes, sabes, necesitábamos que ese dedo del pie del botón se vea realmente genial, ¿sabes? Por lo que bajo el botón de software personalizado, podemos seguir adelante y diseñar esto aquí mismo. Entonces el color del texto, quiero el color del texto como blanco y el color de fondo que quiero Esto es algo así como, uh, como un gris. Bueno, en realidad, emparejar esto con esto aquí mismo. Haremos esos a lo mismo. Está bien, tengo que mantenerlo consistente. Y, ya sabes, el radio lo hará un poco más circular. Entonces, mira algo así. Y la fuente de botón contiene una fuente también a mi ferrocarril. Desean mantenerlo consistente con nuestros otros fondos actuales. Y, ya sabes, si estos airean el flote sobre los tipos de opciones, así que recuerda, si alguien se cierne sobre este botón aquí mismo, a eso se refieren estos. Todas estas rondan sobre etcétera. OK, parte de la revisión de armas. Ahora, voy a dar clic en la fila duplicada, y sólo duplicamos a estos tipos. Básicamente, ya sabes, agregado en nuestras fuentes, hemos agregado en todo lo demás. Entonces, ¿sabes por qué? Ya sabes, por qué hacerlo más difícil de lo que tenemos, ya sabes, Y podemos simplemente cambiar el texto aquí mismo. Entonces aquí mismo, haz click en esto y di, esto es como el plan de oro, y , ya sabes, podemos cambiarlo aquí también. Al igual que, esto va a ser de 150 dólares y justo aquí debajo de éste va a hacer, como, esta es la empresa, y entonces esto va a ser algo así como 250 dólares. Está bien. Está bien. Bueno, tal vez eso fue Sí. Estaba un poco raro, así que conseguí algo bonito donde pasaban las cosas. ¿ Ves eso? Entonces alguien simplemente cosas raras pasan. Ya lo sabes? La gente me pregunta, ya sabes, no te pasa nada, querida. Ya veré que eso fue raro. Entonces voy a vomitar voy a borrar esto y sólo hacer uno nuevo ahí y simplemente arrastrar esto por aquí. ¿ De acuerdo? Y ahí tienes. Entonces pondré algo como Enterprise o ah, platter platino. Entonces no me gustaron 2 50 Vale, Entonces, chicos, herederos sí pasan así. Como si eso alguna vez pasara sin razón alguna. Por lo que no había razón para eso. Yo no hice nada malo. Es solo que a veces en el mundo de WordPress, simplemente te pones cosas realmente extrañas y raras. ¿ De acuerdo? Entonces creé tablas de precios, chicos, eso es todo para esta sección. Las tablas de precios son muy sencillas. Son muy fáciles de entender. Yo sí tengo algún tutorial de comercio. Si ustedes están realmente interesados en hacer algún sitio web de comercio, sí tengo esa historia todo así que asegúrese de comprobarlo. Entonces pasemos a la siguiente sección y los veré ahí chicos 12. Google Maps: Muy bien, chicos. Bienvenido de nuevo. Entonces ahora vamos a crear esta sección aquí mismo, esta sección oscura, y luego vamos a crear un mapa completo con donde la gente pueda ver una ubicación, etcétera. OK, así que va por aquí, y voy a dar clic en este pequeño ícono más, y voy a ir a regular y voy a añadir una llamada a la acción. Entonces voy a ir por aquí a añadir un llamado a la acción. Y si ustedes se preguntan por qué tuve un llamado a la acción, siento que las acciones llamadas son muy simples porque tiene un encabezado y un módulo de texto ya dentro de él. Por lo que es un poco más rápido que crear módulos de texto, Pero también puedes usar para modelos de texto también. Puedes usar un módulo de texto aquí y luego módulo de texto aquí también. De acuerdo, así que yendo por aquí, voy a poner algo como, ¿Dónde estamos? Está bien. Y luego me iré. No, ya sabes, estás bien. ¿ Y qué hay en el texto? No, porque no estamos agregando un botón. No quiero un color de fondo. Y luego por aquí, arriba con algo como ven a visitarnos y dar click en cheque. Ahora no podemos ver nada. Y la razón por la cual es porque es texto blanco. Ahora, por aquí, quiero agregar en un color. Entonces quiero decir básicamente que quiero que toda esta sección aquí sea algo así como negro . O tal vez te guste como un carbón. De acuerdo, ahora, por aquí, chicos. Lo mismo. Estoy dando click en el icono del engranaje y voy al diseño. Y al igual que lo hemos hecho antes, esto de aquí controla las fuentes de cabecera y tal vez una vez, quiero decir, como ferrocarril. Y podemos elegir el tamaño de esto y también aquí mismo para los teléfonos corporales también. Podemos hacer algo así como forma de rial, y podríamos hacerlo un poco más grande. ¿ De acuerdo? Y tal vez por aquí, podemos salir adelante de, como, un poco de espacio ahí mismo y ser así. De acuerdo, Muy sencillo. Muy fácil. De acuerdo, ahora vamos a sumar en un mapa y para el mapa, chicos, chicos, vamos a necesitar agregar en una tecla A p I así que pasa a este pequeño ícono morado y dar click en esto y dar click en seguro. Muy bien, chicos, conseguir una llave p I es gratis. Es fácil de hacer. Entonces yendo a Google por aquí y simplemente teclear en Google una clave p I. Y es gracioso. Tuve un tutorial una vez, y lo hicieron obligatorio en como yo estaba, como, como, finales de 2016. Así que conocí esta página aquí mismo, y es desarrolladores dot Google. Ahora, llegué a esta página porque ya tengo una cuenta de Gmail. Chicos, necesitarás tener una cuenta de Gmail para poder llegar a esta página. De acuerdo, Así que asegúrate de tener una cuenta de Gmail creada y luego simplemente vuelve a ir a Google . Ahí tipo en Google a p I claves. De acuerdo, Ahora, una vez que estés aquí, solo sigue adelante y escribe o haz clic en, consigue una clave. Y tengo muchos proyectos, chicos, tengo toneladas de ellos. Pero voy a hacer, ya sabes, crear nuevo proyecto. Y voy a hacer algo así como voy a poner tema divvy y hacer clic en crear y habilitar una p I. Y vamos a tomar esto una clave p I, y vamos a ponerlo en nuestro personalizador de temas. Está bien, entonces está generando la clave a P I no sé por qué lo hicieron requerido. No sé por qué, pero este año o 2 dólares. 16 lo hicieron. Está bien, genial. Entonces tenemos nuestra llave e p I aquí mismo. Entonces voy a copiar esto e ir a copiar. Ahora va a nuestro sitio web por aquí. Y asegúrate de que sepan decir eso aquí mismo, chicos, si quieren perder todo su progreso, eso sería lo peor de la historia. Ya lo he hecho antes. Apesta. Así que solo asegúrate de guardarlo. Ahora va a nuestro panel de control, y bajamos a Davy y vamos a opciones temáticas. ¿ Todo bien? Y hay algunas cosas aquí, Ya sabes, llegaremos a muchas de estas cosas un poco más tarde, pero por ahora está aquí. Dice Google una clave P I. Simplemente sigue adelante y pasa eso ahí dentro y solo haz clic en guardar cambios en la parte inferior. Está bien, genial. Entonces ahora que hemos habilitado eso se debilita, básicamente puesto en el mapa. Entonces aquí mismo, voy a ir a habilitar visual builder ya, y soy un scroll hacia abajo, acuerdo? Y haces click en este plus nuevo voy a lleno con, Vamos a sumar en un completo con mapa. Entonces ya ves, la clave Google A P I ya está ahí, y vamos a añadir un nuevo ítem y, sabes, título. Por lo que puso como nuestra sede y dirección de mapeo. Voy a hacer algo como Hollywood, ver un e ir a buscar. Muy bien, Tan guay. Lo encontró ahí mismo. Ahí va. Y puedes agregar algunas cosas ligeras aquí mismo. Como abierto de 9 a 5 o algo así. De acuerdo, déjame ir a revisar. Entonces ahora básicamente quiero decir OK, así que donde realmente ahora quieren que el mapa se muestre aquí mismo. Entonces debajo de la dirección del centro del mapa, voy a hacer Hollywood, California, y voy a encontrar todo bien. Y ahí vamos. Entonces básicamente, las direcciones del centro del mapa ¿En dónde quieres esto centrado? Y entonces el otro básicamente está diciendo realmente quiero que este pequeño punto esté bien, así que básicamente agregué en el mapa. Ahora hay algunas opciones aquí mismo, como la rueda de la fatalidad del ratón. Entonces si te quitas esto, no les puede gustar, desplazarse y hacerlo más pequeño o más grande. OK? Y esto es móvil, por lo que en realidad puedes tenerlo bebible en móvil también. Esta es una nueva característica, la agregada y una actualización actual. Entonces eso es bastante guay. Eso hicieron. Por lo que voy a esta casita de verificación. Por lo que si hago click en esto aquí mismo, ven nuestra sede abierta 9 a 5. OK, así que eso es más o menos chicos para esta sección es bastante simple. Bastante sencillo. Ah, la siguiente sección. Vamos a hablar más del pie de página. Vamos a hablar de widgets y algunos enchufes. De acuerdo, entonces te veré en el siguiente apartado. 13. Plugins, anudados y widgets: Muy bien, chicos. Bienvenido de nuevo. Entonces ahora nos vamos a meter con algunos widgets y nuestra zona de pie de página. ¿ De acuerdo? Ahora y más adelante en la sección tutorial posterior, vamos a conseguir live it más avanzado y hacer pies de página personalizados. Pero te voy a mostrar el pie de página predeterminado con lo de Davy. OK? Así que asegúrate de guardar tu progreso, supongo que Fideicomiso encabezó. Asegúrate de guardar. Es que no quieres volver a entrar, tu sitio se ha ido. Y eso va por aquí para salpicar ahora, chicos, hay algunas maneras de acceder a los widgets, Así que primero, vamos a hacer clic en visitar sitios. Ahora bien, esta es una manera. Si voy al personalizador de temas, acuerdo? Y está cargando esto. Y les dije que volverían a esto un poco más tarde. Entonces, yendo por aquí, vamos a desplazarnos hacia abajo ahora, por aquí bajo widgets, tenemos zona de pie 123 y cuatro. Entonces voy a ir al área de pies uno y hacer clic en Agregar un widget, y simplemente voy a añadir en como un solo un pequeño widget. Ya sabes, esto es solo para fines industriales, ya sabes, estos eran solo, ya sabes solo unos que vienen con defecto. Tendremos más después. Entonces, como, sobre nosotros aquí mismo y luego aquí mismo, sólo voy a seguir adelante y Adam algún texto ficticio. De acuerdo, ya ves, justo aquí en la parte inferior justo aquí tenemos en un widget, y ahora tenemos esta sección. Ahora mismo, podemos ir por aquí e ir a la zona de fitter a fuera de widgets y tal vez queramos nuestras páginas aquí ahora. De acuerdo, entonces ahora tenemos nuestras páginas. Entonces estos son básicamente widgets, chicos, básicamente son características agregadas, así que voy a guardar y publicar. Ahora, pasemos a enchufes y hablemos de la combinación de widgets y, um, enchufes, alguien por aquí voy al dashboard. Y para aquellos de ustedes que tienen la marca de WordPress y no tienen idea de enchufes, les voy a hablar de lo que realmente son. Entonces esto son enchufes. Voy a ir a añadir nuevo. Así que imagina tu página web como un iPhone. Estos enchufes son como AP, por lo tanto tu sitio web y agregan características adicionales. Entonces, yendo a algunos de estos aquí mismo, este es un formulario de contacto. Esto de aquí es un mapa del sitio XML. Esto aquí mismo hizo una copia de seguridad de sus sitios web. Um, esto de aquí duplica tus publicaciones. Esto de aquí es un constructor de páginas. Esto aquí mismo ayuda con efectivo, etcétera. Yos ayuda con Seo. Te ayuda. Ya sabes, um, encontró más de los buscadores. Will commerce te da la capacidad de vender cosas, Así que cada uno de los chicos de widget tiene una característica diferente. Ahora, digamos que quieres hacer algo así como un facebook como box, y ya sabes, realmente no puedo decirles chicos como, ¿cuál es el mejor plug in? ¿ Sabes cuál es el mejor? Porque solo hay millones de ellos, sus APS. Entonces al igual que el iPhone y el androide, hay millones de APS. Entonces aquí mismo, tienen un montón de diferente Facebook like box, pero el que me gusta usar y que funciona muy bien, este es justo aquí? El widget de caja me gusta de Facebook. Entonces voy a ir a instalar, y voy a instalar esto, y esto en realidad va a estar disponible como widget. Entonces si dice widget como caja, haga clic en activar aquí. Está bien, así que tenemos el widget facebook like box Muy bien. Entonces otra forma en la que podemos ir a nuestros widgets es yendo a la apariencia y yendo a los widgets. Entonces estas son las mismas brujas, Chicos, es solo una forma diferente en la que puedes agregarlas. Entonces aquí mismo. Área de pie, un pie de página, área a. Y esta barra lateral es para, como, la página blawg. Y hablaremos de eso un poco más tarde. Pero por ahora, quiero tomar este pequeño, ya sabes, Facebook como widget de caja y simplemente arrastrarlo hasta aquí. Dos pies de página, área tres. Ahora, necesitarás ir a tu Facebook, y necesitarás obtener la longitud. Ahora, chicos, recuerden, esto debe ser una página de fans. No es un, um no es un, uh, como uno básico. Tiene que ser público. De acuerdo, lo siento. Una página de fans. Por lo que tomé el enlace de mi página de fans. Esta es mi página de fans actual. De acuerdo, anima ve aquí y voy a simplemente, uh, ya sabes, ponerlo, como, como, sígannos o me sigues y la página yo d voy a seguir adelante y pagar se sentó ahora con nosotros puede dejar ese estándar. El estatura conducirá ese estándar hasta que veamos cómo se ve. Y estas son algunas otras opciones, como, ya sabes. ¿ Quieres ocultar la foto de portada? ¿ Quieres mostrarle caras a tus amigos, etcétera? Soy un click en guardar en este momento. De acuerdo, Ahora va adelante y ve a nuestros sitios web. No, en realidad sólo voy a abrir otro, en realidad, en realidad, y ves? Sí, abriremos otro aquí mismo. Ojalá tuviera un amigo y editor, ya sabes, pero para eso por ese estilo, no tiene amigo y editor. Entonces aquí mismo, soy un pergamino hacia abajo. Entonces sígueme. ves, ahora tengo la caja me gusta, pero tal vez quiero hacerlo un poco más grande para ver cómo el testigo en un corte ahí mismo . Por lo que ir por aquí debajo de la con podría hacer un poco más grande. 2 52 o 50 pixels guardar. Ahora, volviendo por aquí. Voy a dar click en refrescar. De acuerdo, entonces veo que es chicos más grandes. Entonces ya ves, ahora es más grande y de ellos widgets de Instagram. Chicos, hay todo tipo de cosas. Hay tantos tipos diferentes de enchufes que puedes usar como, ya sabes, si tienes un instagram, tienen un feed de instagram eran. Básicamente, Cada vez que publiques algo en Instagram, habrá como un feed y look de instagram, hay todo tipo de ellos. Hay toneladas de, um, ya sabes, y todos tienen, ya sabes, las diferentes instalaciones en las diferentes clasificaciones. Por lo que tal vez quieras realmente echar un vistazo a las calificaciones porque son bastante precisas. Por lo general si hay un enchufe realmente mal calificado como este aquí por lo general simplemente no funciona Bueno, ya sabes, Y también hay algo así como un feed de twitter. Entonces aquí mismo puedes, como, ya sabes, ya sabes, agregar en tu feed de Twitter a tus sitios web de WordPress. Um, ya sabes, también iconos sociales. Entonces, chicos, la cantidad de enchufes es ilimitada ahí, tantos tipos de enchufes diferentes, y vas a tener que ir y aventurarte y hacer lo tuyo y simplemente averiguar qué funciona mejor para ti. A mí me gusta el de acceso social. Creo que este es un muy buen ícono social social. Uno. Creo que es realmente, realmente bueno, Pero a menos que sea mi recomendación para ustedes chicos pueden usar cualquiera de estos y sólo un poco aprendieron cómo funcionan. Todos estos enchufes, chicos, todos funcionan de manera diferente. Todos son creados por todas las personas diferentes. Y te toca a ti una especie de ir por todas y cada una de ellas o lo que quieras lograr y justo, ya sabes, aprender cómo funciona. Al igual que este de aquí. Tiene una calificación de uno y 700 probablemente no la mejor. Y tienen Este de aquí se ve realmente genial. También cuentan con acciones sociales. Entonces digamos, ya sabes, quieres tu como un blogger o algo así y quieres,ya sabes, ya sabes, tener ese pequeño ícono de compartir aquí mismo. Por aquí, tienen, como, como, la parte social donde la gente puede simplemente gustar, hacer clic en ella y compartirla a su Facebook o algo así. Ese es un ejemplo de compartir social. De acuerdo, así que eso es un rápido desglose chicos de los widgets y enchufes. Así que volviendo aquí para visitar sitios, en realidad voy a ir al, um vamos a ir a esta sección justo aquí siguiente, que va a ser el, um el fondo estaba justo aquí. Entonces voy a bajar a nuestro personalizador de temas, y vamos a una especie de editarlo así. Está bien, así que está bien y desplácese hacia abajo. Y por aquí en los widgets, chicos, podemos agregar uno más al área de comida por solo agregar algo, ya sabes, lo que quieras. Um, tengo caja de búsqueda o algo así. Está bien. Y dar click en guardar inédito. Entonces si quieren buscar algo, pueden hacerlo ahí mismo. De acuerdo, ahora volviendo por aquí, en realidad podemos cambiar. Al igual que, ya sabes cómo se ve el pie o aquí mismo. Entonces, el layout, podemos cambiar el layout. Podemos cambiar el color de fondo de esto para que puedas ponerte realmente personalizable. Entonces los widgets aquí mismo, podemos cambiar el tamaño del texto. Y ustedes chicos, todos estos son iguales aquí mismo. Por lo que el tamaño del texto del enlace del cuerpo, Ya sabes, el color del enlace del widget. Um, ya conoces el tono aquí mismo, el color que tenemos para que puedas pasar por estos ajustes y cambiar. ¿ Sabes qué? ¿ Te gustaría que esto se viera así? Es básicamente como el texto, las fuentes y todo lo demás y los elementos del pie de página aquí mismo. Entonces por aquí tenemos los iconos sociales en la parte inferior justo aquí, para que elijas esconder eso o mostrarlos. De acuerdo, volviendo aquí, el menú del filtro, Por supuesto. Esa es esta sección en la parte inferior. Y puedes elegir meterte con esos etcétera y la barra inferior otra vez aquí y justo aquí puedes, ya sabes, editar el pie o créditos para decir, como, uh, hecho por cero Wilson. Y entonces aquí puedes agregar, como, un diferente, ya sabes, un color diferente o algo así. Lo que quieras, puedes elegir el, ya sabes, el tamaño del icono social. Entonces quieres un poco más grande. Y, ya sabes, estos son básicamente chicos, como solo ajustes muy simples. Tamaño de fuente, color de texto, color de fondo. Aquí es donde vas a meterte en lo tuyo. Ahora quiero mostrarte cómo enlazar estos. Por lo que no hay opción aquí mismo. La facilidad de longitud. Entonces voy a guardar y publicar, y soy un cerrado esto y vamos a bajar a nuestro tablero aquí y íbamos a bajar a Davy e ir a opciones temáticas. Ahora me voy a desplazar hacia abajo. Simplemente sigue creciendo, solo mantiene el cromo. Y se ven estos aquí mismo, Facebook, Twitter, Google y esto de aquí. Entonces estos pequeños supongo que podrías cantar señales numéricas o donde vas a poner la dirección para esos iconos. De acuerdo, así que recuerda estos iconos aquí mismo corresponderán a lo que pongas aquí mismo en las opciones del tema. Está bien. Y más adelante, chicos, hablaremos más sobre cómo crear pies de página personalizados como los que se ven así aquí mismo . Entonces básicamente, um, ir al futuro, esto de aquí, chicos, es sólo un módulo. Se trata de un módulo de texto, un módulo de texto, un módulo de texto, un enlace, un enlace, un enlace, un enlace, un enlace. Estos son los iconos sociales y un módulo de texto. Básicamente hemos creado esta ilusión de que este justo aquí es el pie de página. Pero realmente no es por defecto. Esta es la corriente más allá para ver de qué hablo. Entonces así es como podemos, como, especie de conseguir aún más personalizable, divvy? No hay limitación. Solo tienes que pensar en las cosas y se hará, ¿ verdad? Y además, si ustedes quieren un logo, aquí es donde lo van a agregar aquí mismo. Por lo que debajo del logo aquí mismo, puedes hacer click en subir y ya sabes, simplemente añadiendo un logo. Ahora, estos tipos no son buenos logotipos. Si quieres un logo, recomiendo ir a cinco o dot com y conseguir tu propio logo. Hay un enlace para su o lo siento. Hay un anuncio para ello antes de esta lección para que llegue tu logo ahí. Es realmente, realmente bueno. Y este es tu logo Y tu Fabrikant. Entonces, ¿qué es un Fabrikant? ¿ Una tela puesta? ¿ Este pequeño ícono está justo aquí en el navegador para ver eso ahí mismo? Cómo tenemos estos pequeños iconos. Por lo que vamos a subir y simplemente subir subirá el sol aquí mismo, y vamos a seguir adelante y dar click en seguro. De acuerdo, entonces voy a visitar sitio otra vez y ves nuestro logo ahí mismo. Y ahora tenemos a ese pequeño Fabrikant justo ahí. De acuerdo, entonces, chicos , recuerden, si quieren un logo, yo recomendaría ir a fibra dot com y, ya saben, conseguirlo ahí es, um, el mejor lugar para conseguir un logo. Lo consigues por, como, cinco pavos ahí. Realmente agradable. Y son realmente legit. De acuerdo, así que eso es todo para la sección, chicos. cuanto al logo y todo lo demás en la siguiente sección, vamos a hablar del menú, así que te veré ahí. 14. Creación de menú: ¿ Qué pasa, chicos? Bienvenido de nuevo. Entonces aquí vamos a hablar todo del menú. Hay muchos estilos diferentes que puedes tener con este menú. Entonces lo primero que vas a hacer es ir por aquí a divvy theme en los tres primeros, Cualquiera que sea tu sitio web llamen e ir a tu personalizador de temas. De acuerdo, así que vas a bajar a la navegación del encabezado y justo aquí debajo de la barra de menú principal se refiere Voy a hacer clic en esto ahora hay algunas opciones aquí mismo. Entonces digamos que quieres hacer esto lleno con esto le dará ese lleno con efecto. O puedes optar por ocultar tu imagen local si no la quieres ahora. Aquí. Por supuesto, puedes controlar la altura del menú. Podrías hacerlo realmente, realmente grande o puedes elegir tenerlo de cualquier tamaño ahora. También por la altura del logotipo, esto en realidad aumentará el tamaño del logotipo para ajustarse al menú. Ahora el tamaño del texto Así que aquí mismo puedes ver tenemos el tamaño del texto. Si hago esto más grande, el texto se hará más grande también. Y también para el espaciado entre letras, puedes optar por tener espaciado entre las letras de tu menú aquí mismo. Y por supuesto, podemos cambiar la fuente, así que voy a hacer algo como, uh bueno, hacer algo como, uh, realmente el ferrocarril siempre estuvo bien. ¿ De acuerdo? Y aquí mismo lo tengo. Talla Atala. Simplemente me iré así es solo perno regular. De acuerdo, Ahora, si ustedes chicos quieren lograr eso es menú transparente. Entonces por aquí, bajo color de fondo, tenemos estas dos barras. Tenemos esta aburrida la izquierda, y tenemos esta barra a la derecha por aquí. ¿ De acuerdo? ¿ Quieres hacerlo transparente? Todo lo que necesitas hacer es tomar esta segunda barra, que es la Barra de Transparencia, y simplemente arrastrarla hasta el fondo. Y no importa de qué color tengas de este lado. Es totalmente transparente. ¿ De acuerdo? Y si quieres aumentar la opacidad, vas a seguir adelante y,ya sabes, ya sabes, arrastrarla hacia arriba y luego aquí mismo puedes cambiar el color a lo que quieras. OK, me hacen muchas preguntas al respecto. Entonces así es básicamente como logras ese efecto de transparencia y el color de enlace activo. Entonces ahora mismo hemos hecho clic en casa Así que esto de aquí básicamente está diciendo lo que sea que hayas hecho clic en el último, ese es el enlace. Se va a mostrar si no quieres que Teoh esté en tu página web. Tan solo produce la transparencia de la misma, ¿de acuerdo? Y eso básicamente se encargaría del efecto de color de longitud, Muy bien. Y también para el ah, ya sabes, el color de la línea de menú desplegable. Es decir, si hay un menú desplegable, hay, como un pequeño bar. Entonces básicamente te meterías con este aire para menús desplegables, chicos. Entonces si quieres tener una gota de ellos en ti, estos son los colores con los que tendrías que meterte. De acuerdo, así que son bastante fáciles, Bastante auto explicativo. Pero quiero mostrarte diferentes estilos del menú. Este es solo un estilo del menú, y ya sabes, no me gusta demasiado, ya sabes, realmente no uso demasiado este estilo. Mucho para sitios web. Entonces yendo por aquí al formato de cabecera. Por lo que tenemos estilo de encabezado. Ahora tenemos algo llamado centrado. Ahora, ya ves, el logotipo aquí mismo está centrado con nuestras páginas o tenemos centro alinear con logo ahora tenemos el logo y luego tenemos el menú fuera de él. Siento que las páginas fuera de ella y luego tenemos deslizamiento dentro. Tan leve es básicamente decir cuando alguien hace clic en esta pequeña pestaña de menú, esto se abrirá y se puede cambiar el color de este Etcétera. OK, entonces cerré esto y tenemos pantalla completa. Pantalla completa es básicamente al hacer clic en esto, chicos, va a introducir un menú completo que cubre toda la página. De acuerdo, así que ahora mismo, mi ir al ahorro publicado. Ahora, si optaste por tener slide y o pantalla completa, obtendrás una opción adicional aquí mismo, debajo de slide in y pantalla completa. Y esto básicamente controla toda esta sección aquí mismo. Entonces tenemos el color de fondo puedo cambiarlo a,ya sabes, ya sabes, lo que sea que me guste algo así como naranja. O podríamos hacerlo transparente. Y estas opciones son las mismas opciones exactas que estaban en el otro menú, como las fuentes. Y ya sabes, la letra espaciando el tamaño del texto del menú, etcétera. OK, entonces otra opción a la que quería presentarles a todos es el menú vertical. Entonces voy a ir al encabezado Formatos. Cambie esto a valor predeterminado. Ahora voy a habilitar la navegación vertical. Entonces ahora ya ves, el menú está a nuestra izquierda. Por lo que alguna vez has visto esos sitios web donde el menú es como a la izquierda o a la derecha ? Entonces por aquí, en realidad podemos ponerlo a la derecha también. Para que puedas tener tu menú ahí mismo, y aparecerá así como así. Todas tus páginas. De acuerdo, así que esa es solo otra característica que puedes tener. Ahora hay un menú secundario. De acuerdo, así que aquí bajo el formato de encabezado, sólo voy a quitarme esto, y voy a decir esto ahora. Debajo de la barra de menús secundaria, hay otro menú que puedes poner arriba en la parte superior por aquí, pero necesitamos habilitarlo primero. Entonces vamos a bajar a arreglar la configuración de navegación. Lo siento. El tenían elementos er. Y aquí mismo digamos que quieren algunos iconos sociales, sociales lo que sea, y luego aquí mismo y poner un número de teléfono, y luego pondré un correo electrónico. De acuerdo, Ahora voy a guardar y publicar. Está bien, ahora, voy a ir a cerrar esto muy rápido y entonces ustedes pueden ver en la parte superior justo aquí. Tenemos una barra de menú secundaria que aparece en la parte superior. Por lo que esta es otra forma de tener, como, un menú secundario para tener por encima también. De acuerdo, así que volviendo aquí a nuestro personalizador de temas. Por lo que una vez que se hayan activado, ustedes realmente pueden elegir tener esto. Al igual, puedes cambiar el color de la segunda barra de menús justo aquí. Entonces el color de fondo, etcétera, y todas estas otras opciones. De acuerdo, Ahora hay otro menú que en realidad puedes tener, y es que en realidad es bastante genial. En realidad lo he tenido en uno de mis sitios web aquí mismo. Entonces veamos por aquí. ¿ Qué crees que es esto, como otro sitio web de pruebas? Chicos, es sólo por dos propósitos contados y todo. Entonces voy a seguir adelante y va a habilitar el constructor visual ahora este sitio web, si me desplaza hacia abajo justo aquí, ves este menú tiene justo aquí. Este es un completo con menú. Entonces este es en realidad un tipo de módulos. Entonces es un modelo que puedes tener que está lleno con así que dando click en esto aquí abajo abajo lleno con. Vamos a ir al completo con menú, ¿de acuerdo? Y básicamente solo tomaría tu menú aquí y te puedes decorar. Se puede cambiar el color de fondo del mismo. Puedes hacer lo que quieras. Entonces y tú puedes, ya sabes, centrar el impuesto. Se puede cambiar la fuente de todos los mismos. Las opciones para todos los demás módulos están básicamente en esto también. De acuerdo, entonces es Es realmente sencillo usar chicos. Es un cool, ya sabes, Es un pequeño efecto fresco, y es ah, es una forma creativa de agregar un menú. Ustedes pueden ver aquí mismo que agregué en la parte inferior. Por lo que no hay menú en ninguna parte y justo aquí lo ves justo aquí. Está bien. Pero por supuesto, si se desplazan aquí abajo, realidad he añadido otro en la parte superior justo ahí. De acuerdo, así que esto es como otra forma para que ustedes entiendan distintas técnicas sobre el menú porque el cuarto menú no se usa mucho. Pero, ya sabes, este es un gran ejemplo del cuarto menú. Vale, Así que otros que chicos, eso es básicamente Y para el menú, es bastante autoexplicativo. que sólo un poco de tipo de lío con las opciones. Metiendo con el color. Averigua qué te gustaría. Pero el menú para Davy es muy, muy bueno. Y tiene, ah, mucha diversidad dependiendo de tu página web, etcétera. OK, así que sigamos adelante y pasemos a la siguiente regla de sección. Inicia la página sobre Estados Unidos. Te veré ahí. 15. La página de nosotros: Muy bien, chicos. Bienvenido de nuevo. Entonces aquí, vamos a hacer el sobre una sección. Por lo que necesito hacer es ir a tu página sobre nosotros y dar click en habilitar el constructor visual. Muy bien, así que vamos a empezar aquí mismo. Voy a dar click en el ícono poco más justo aquí, y voy a sumar en un completo con módulo ahora para esta sección. Chicos, vamos a usar un completo con encabezado justo aquí y aquí mismo. Ponga algo así sobre nosotros. Conoce todo sobre nosotros. De acuerdo, Ahora voy a centrar esto aquí mismo, ¿de acuerdo? Y para el color del texto, podemos dejar esto como oscuro por ahora. No necesitamos cambiarlo. Recuerda, siempre podemos cambiar eso en la sección de diseño. OK, entonces esto tiene una sección realmente cool que dice, hacer pantalla completa algunos click en hacer pantalla completa. Muy bien, Ahora, si nos desplazamos aquí mismo, nos tenemos cosas unas a otras. Me gusta botón un botón. Cuando estén fuera, podemos agregar botones, chicos. Pero ya sabes, estos módulos chicos son todo sobre creatividad. Elegí no usar los botones aquí mismo. Yo sólo quería el completo con efecto, y yo quería el título. Entonces el solo hecho de que el módulo te dé ciertas características, no significa que tengas que usarlas. Todo se trata de creatividad. Sea lo que sea que puedas pensar para hacer tu sitio web, úsalo , ya sabes, es sencillo. Entonces aquí mismo, soy un scroll hacia abajo y dar click en este cheque. Ahora tengo esta sección de aquí. Aún así, voy a seguir adelante y eliminar que realmente nunca uso el que nos dan por defecto. Por lo que hay dos formas en que ustedes pueden agregar una imagen de fondo. Podemos ir a este icono de engranaje y dar click en subir, Ok. Y simplemente voy a seguir adelante y seleccionar una imagen. Entonces esa es una forma en la que podemos hacerlo. El otro modo que podemos hacerlo es yendo aquí a este icono de engranaje y agregándolo en esta sección aquí mismo para que pueda poner algo así y subirlo ahí. De acuerdo, lo mismo. Entonces ahora sigamos adelante y digamos, OK , mira, agregué la imagen de fondo, pero como que quiero agregar, ya sabes, quiero cambiar un poco este texto. Yo quiero que se vea un poco mejor. Por lo que aquí en el diseño, soy el frente del título C. Iremos al color del teléfono del título tomará solo un dedo blanco. Está bien. Y el sub el color de subcabeza para ello cambiará también. ¿ Es ese un dedo blanco? De acuerdo, ahora los fondos del título. Entonces tal vez quieras esto como sabes, tenemos que quedárnoslo. Tenemos que mantenerlo consistente aquí mismo. Yo sólo elegí ferrocarril ahí mismo. Está bien. Y aquí mismo. Cree que el contenido aquí mismo o lo siento. El sub tipo de letra cambiará a algo así como ferrocarril. Está bien. Y puedes elegir la talla aquí mismo. Para que esa un poco más grande. Y podemos tener éste realmente, realmente grande. Tenlo luciendo así aquí mismo. Está bien. Así es básicamente como logramos este apartado aquí mismo. Solo son fuentes diferentes, chicos, eso es realmente todo lo que es. De acuerdo, así que vamos a dar click en el chequecito. Por lo que agregamos esta sección en. Sigamos adelante y continuemos y creemos esta sección aquí mismo. Y al mirar a este tipo esto es básicamente un llamado a la acción aquí mismo sin botón. Y esto son mostradores de barras. Entonces vamos a usar eso ahora mismo. Entonces por aquí, este icono plus, soy un click en un regular y dar click en a Todo bien. Por lo que los mostradores de barras que ya pueden ver, incluyendo este icono más en los mostradores de barras y en un artículo nuevo. Entonces, ya sabes, ¿cómo quieres llamarlo? Ya sabes, Diseñador web, Diseño web, habilidad. Tu Sí. Y entonces pondré, como, como, algo como si tuvieras negativo. Negativo. ¿ Qué te pasó? Negativamente. ¿ Ver? Está bien, no se mueve. Está bien, todavía puedes salir, y nunca he hecho eso. En realidad, acabo de agregar básicamente, como, un número como el 80 y luego va a llenar el 80% de esto aquí mismo. De acuerdo, Ahora, aquí mismo. Ustedes pueden cambiar el diseño como el color de fondo. Y recuerda, los chicos solo usan, ya sabes, cámbialo por uno en Lee, y luego puedes duplicar la rosa si quieres agregar más. Entonces aquí tenemos el radio fronterizo, lo que le da ese efecto circular. Puedo cambiar las fuentes a algo así. Y el del título me color azul, ya sabes, y chicos, ustedes pueden simplemente ir a la configuración y sólo,ya saben, ya saben, enviar estos aires básicamente como el tipo de letra por ciento. Entonces este por ciento firma ¿qué fuente? ¿ Lo quieres? ¿ Qué? ¿ Color del texto? El escrito. Espaciado, etcétera. OK, entonces estos son todos chicos bastante familiares. Y es, um ya sabes, a estas alturas, ustedes sólo estaban metiendo con el escenario, así que no quiero pasar por ellos demasiado. Y también podemos agregar en relleno entre el relleno superior y el patty inferior. Está bien. Entonces una vez que ustedes tienen básicamente, ya saben, descubierto lo que quieren, solo pueden hacer clic en duplicados y tal vez duplicar esos, como, un par de veces. Ahora, esto de aquí está un poco demasiado espaciado. Entonces tal vez quieras seguir adelante y, um, redujo el relleno ahí. De acuerdo, así que aquí mismo llamo a este icono de engranaje. Y, ya sabes, en realidad, deberíamos haber sido así. Hagamos así en su lugar. ¿ De acuerdo? Entonces en lugar de duplicar realmente a todos los chicos de fila, solo vas a agregar más módulos. ¿ De acuerdo? Mi error. Entonces justo aquí debajo del icono del engranaje, solo puedes ir a agregar un nuevo elemento y luego simplemente hacerlo así y luego duplicarlo desde esta sección justo aquí. De acuerdo, así que duplicaste desde ahí. De acuerdo, entonces esa es una forma rápida de simplemente duplicar todas las cosas que ustedes tienen. Ahora, lo que hice fue duplicar toda la fila ahí mismo. De acuerdo, así que ahí es como donde se separaron. Entonces, um, ya sabes, te gustaría hacerlo desde la configuración del contador de barras. De acuerdo, Ahora, por aquí, vamos a sumar un llamado a la acción. De acuerdo, entonces pondremos algo como, um, no lo sé, lo que pondría bien poner nuestra historia genial son una gran historia, y entonces vamos a seguir adelante y desplazarnos hacia abajo, pero en impuestos, Nada. Color de fondo. No. Ya sabes, no me gusta como siempre, como lo hacen automáticamente. Ya sabes, es por defecto. Eso no me gusta. No quiero ese color. Es tan feo, Ya sabes, un color tan feo. Entonces el color del texto puso negro y luego justo aquí debajo del vamos a buscar mi sitio web secreto secreto . De acuerdo, seguiré adelante y añadiré algo de esto aquí mismo, ¿de acuerdo? Y tiraré eso ahí dentro. Está bien. Y entonces, claro, chicos, voy a desplazarme aquí abajo, y básicamente voy a crear una ilusión de un enlace aquí mismo. Entonces criar más historia, ¿de acuerdo? Y luego aquí mismo, voy a crear un enlace dentro del módulo. Por lo que realmente no estoy creando un botón. No quiero un botón. Ya sabes, creo que el pero podría ser demasiado ahí, pero creo que solo un pequeño enlace genial sería un poco mejor, ¿sabes? Entonces aquí, solo pondré algo como mis sitios web y luego iré a Ok. Está bien. Entonces ven que tenemos el pequeño eslabón ahí mismo, para que eso se vea mucho mejor. Y aquí mismo, podemos, ya sabes, ponerlo a la derecha. En realidad, cámbialo todo a la derecha. Fue demasiado. Por lo que podemos elegir tener esto. Ya sabes, como te guste. Está bien. Y entonces tal vez por aquí, ya sabes, puedes agregar en la gran historia, puedes elegir eso a algo así como a la izquierda. De acuerdo, así que eso se ve bastante guay. Y es básicamente lo mismo que tenemos aquí. chicos. Excepto la razón por la que esto se ve un poco más grande es porque como que quiero que ustedes respondan esto por mí solo con mirar esto, no está lleno de. Tenemos que hacer esto lleno con. Por lo que por aquí, puedo dar click en hacer esto lleno con. Y ahí tienes. Ahora se puede ver que tenemos. Se están estirando las barras. Ahora también podemos hacer algo como la costumbre con. Entonces digamos que quieres decir: Mira, Mira, no quiero ir demasiado lejos. Por lo que aquí puedes tipo de yo controlo hasta donde quieres que llegue para que tipo de aumentarlo . De acuerdo, entonces el de este tipo es la misma sección exacta que tenemos aquí. El motivo por el que se ven diferentes, por supuesto, es solo chicos de color. Simplemente es solo color y tamaño. Entonces estos son básicamente los mismos seres exactos. De acuerdo, así que eso es todo para los chicos de sección. Espero que esto te ayude a empezar a entender cómo usar estos módulos y manipularlos y hacer lo que quieras. Ahora. Aquí mismo, chicos. Pude haber agregado un llamado a la acción, pero como que quería sólo que se viera así. ¿ Conoces la historia de leer más? Realmente no quiero el pero ahí dentro, pero siempre se puede agregar en el botón. Solo estoy tratando de hacerte entender diferentes formas en las que puedes usar el tema de Davy. De acuerdo, así que pasemos a la siguiente sección, que son los blurbs. Allí los veré a todos. 16. Creación de íconos y Blurbs: Muy bien, chicos, chicos, bienvenidos de nuevo. Entonces aquí, vamos a crear esta siguiente sección aquí mismo. Y al mirar, espero que ustedes puedan entender qué módulos utilizamos y qué rosa usamos. Entonces esta es una fila de tres columnas, y este es un icono de blurb, un icono de blurb y un icono de blurb. Ahora, ustedes pueden elegir o duplicar la primera fila, o ustedes pueden simplemente, ya saben, duplicar cada uno y simplemente agregarlo abajo justo aquí. Y tenemos una imagen de fondo. Y usamos esta pequeña sección azul en la parte superior aquí arriba cuando habilitas al constructor visual , por supuesto, para agregar en esta imagen. De acuerdo, así que sigamos adelante y crearlo. Entonces voy a habilitar el constructor visual ya está habilitado. Y luego aquí mismo, voy a ir a más labios nuevos, Whoops, regular e ir a una fila de tres columnas. De acuerdo, así que aquí solo voy a añadir en un blurb. Y por qué hizo algo así como, um, ya sabes, mejor mejor mejor palmeada o mejor compañía seo. Y no voy a meter el euro. Ahora usaré el ícono y escogeremos cuál deberíamos usar este aquí mismo. Eso es bueno. Ya sabes, este es el color más feo. Ojalá por defecto fuera como azul o algo así, o no sé, como, como, este no es realmente feo color por defecto. Entonces aquí mismo, pondré un ícono azul, ¿de acuerdo? Y desplácese hacia abajo, y no quiero agregar en un icono de círculo. Yo no quiero añadir eso en. Eso no lo parece. Y ese color es sólo espantoso Zari aquí bajo la colocación del icono de imagen. Estoy fuera de esto. El izquierdo justo aquí. Está bien. Y desplazándose hacia abajo justo aquí. Voy a seguir adelante y voy a mi sitio web secreto aquí mismo y seguir adelante y ritmo algún texto ficticio aquí mismo. ¿ De acuerdo? A lo mejor es un poco demasiado. Demasiado texto, un poco más limpio así. De acuerdo, Ahora, bajo diseño, los chicos van a diseñar y puedes elegir el tamaño de fuente del icono. Entonces aquí mismo puedes elegir tenerlo realmente grande o algo así. Y por supuesto que quieres cambiar la fuente. Algo así como quizá ferrocarril o, por supuesto, lo que sea que elijas. Y podemos elegir el tamaño de fuente del encabezado. Ahora, si miras esto aquí mismo. Y tú miras a éste. Tenemos espacio justo aquí entre estos. Entonces, ¿cómo logramos eso? Bueno, tenemos que sumar en la línea Altura. El alto de la línea justo aquí nos dará básicamente esa capacidad de tenerlo espacio ahí afuera . Ustedes pueden ver que ahora está creando altura de línea. De acuerdo, entonces, ya sabes, el cuerpo sigue etcétera. Ya sabes, creo que hemos terminado aquí. Esto es solo, ya sabes, si quieres cambiarlo por algo como lo que quieras, es un frente fresco. ¿ Todo bien? Lo dejaré en esa por ahora, e iré y solo duplicaré esto y lo arrastraré hasta aquí. Voy a duplicar esto, y lo arrastraría hasta aquí. Ahora, claro, ustedes pueden optar por duplicar estos de nuevo aquí mismo y tenerlos dentro de la caja así. O simplemente podrías decir, ¿sabes qué? Yo quiero seguir adelante y se duplique esta toda esta ruta. Y tengo dos de estas cajas, así que hay dos formas de hacerlo. De acuerdo, entonces tenemos estos iconos aquí mismo y ahora digamos que quieres agregar una imagen de fondo. Entonces aquí mismo debajo de este icono de engranaje, este icono de engranaje. Chicos, controla toda esta sección. Entonces si quieres tener más espacio, puedes elegir tener más espacio o en la parte inferior justo aquí. Se puede tener más espacio, etcétera. Entonces recuerda, la sección azul controlará toda esta sección. Por lo que debajo del icono del engranaje, puedes agregarlo como un video. Chicos, ¿quieren agregarlo como un video MP cuatro? Ustedes pueden subir un video, pero voy a añadir sólo una imagen de fondo y simplemente seleccionar bien, ¿ cuál? Cuál hacemos para hacer éste aquí mismo? ¿ Por qué nadie ahí mismo? De acuerdo, entonces eso es básicamente todo, chicos. Ya sabes, Claro, esto no se ve bien, porque necesitamos cambiar la fuente a algo como blanco porque, um, ya sabes, sabes, White se ve mucho mejor en el ojo ahí mismo . Está bien. Y lo mismo para el otro. El texto del cuerpo, el texto del cuerpo, Lo mismo. Bastante. Está bien. Entonces, ya sabes, probablemente quieras cambiar. Son los dos tipos blancos igual que yo tengo aquí mismo. Estos son blancos, y esto es gris. De acuerdo, entonces eso es básicamente todo, chicos. Y además, um tengo más espacio en esta sección aquí mismo. Y cómo hice eso fue básicamente, simplemente o agarrar esta sección respecto a esta sección y simplemente aumentar el espacio ahí mismo. De acuerdo, Entonces así es exactamente como logramos esta sección aquí mismo. OK? Y por supuesto, chicos, es sólo el color del texto de por qué se ve diferente. Eso es todo. Es sólo el color del texto. ¿ De acuerdo? No es nada diferente. Es los colores realmente, verdaderamente marcan una gran diferencia. De acuerdo, así que sigamos adelante ahora y creemos esta sección aquí mismo. ¿ De acuerdo? Entonces con solo mirarlo de nuevo, chicos, probablemente puedan decir que esto de aquí es un llamado a la acción sin botón. Y básicamente incorporé este poco aprende más. Y esto de aquí es sólo una imagen estándar. Eso es todo. Entonces yendo por aquí, vamos a este ícono más y vamos a regular y vamos a fila de dos columnas. Ahora ve a llamar a la acción. No, chicos, realidad podemos agregar un pero en este tiempo, ya saben, si ustedes quieren agregar un botón, podemos seguir adelante y elegir tener un botón. Así que aquí mismo entradas mejor tema de WordPress. Y aquí te pongo un botón todo este tiempo. Por lo que aquí pero en impuestos pondrá aprender más. Está bien. Y no quiero agregar un color de fondo a esto. Hará oscurecer este texto. Y por la orientación pondrá esto a la izquierda y por el contenido. Simplemente seguiré adelante y pegaré ese contenido que tengo ahí mismo. De acuerdo, entonces esa es básicamente esta sección, chicos, es bastante simple. Ahora, bajo la pestaña de diseño, ustedes pueden elegir, por supuesto, tener diferentes fuentes para esto aquí mismo y etcétera. Ahora, si quieres agregar la altura de línea justo aquí, puedes elegir Así que así en la altura de la línea de cabecera también. O podemos tener, como, el espacio viendo. Ya sabes, esa es una fuente realmente fea. Ya sabes, verdad, verdad lo es. ¿ Quieren aumentar la Casa Blanca, chicos, ustedes podrían hacer eso aquí mismo está Bueno, vale, así que esa es sólo otra forma de lograr ese efecto. Ya sabes, no vamos a tener ese funk. Esa es una fuente fea. Eso es un poco mejor, ¿verdad? Y luego, claro que quieres cambiar la fuente aquí mismo para el cuerpo, que es esta sección Esta de aquí, Fonds Body, color del cuerpo. Todo esto controla esta sección aquí mismo. Por lo que también podemos optar por gustarnos , ya sabes, agregar como línea alta, etcétera algo un poco mejor a los ojos. Ya saben, si está demasiado cerca, chicos, es duro a los ojos y la gente no quiere leerlo. Ya sabes, esa es sólo la triste verdad. Y por aquí, bajo la costumbre sur para Pero por supuesto, hacemos click en sí, aquí mismo. Y podemos cambiar el color del texto del botón aquí mismo. A lo mejor no me gustó el fresco color de fondo. Quiero decir, como un azul, como un azul muy transparente. Entonces yo, como Eso está bien. Y por supuesto que ustedes preguntan, ya saben, cambien la fuente para este etcétera. OK, así es básicamente como logramos esa sección por aquí y pinchamos en agregar una imagen. Lo siento. Da click en el signo más y esta vez vamos a añadir un módulo de ocho imágenes. Entonces desplazándose hacia abajo, desplazándose hacia abajo alrededor de la imagen. Ahora ve y sube la imagen. Y yo hice éste aquí mismo? Sí, éste de aquí. Justo hasta subir una imagen. De acuerdo, entonces, ¿cómo hacemos que se vea así aquí mismo? ¿ Alguien lo sabe? ¿ Alguien lo sabe? Bueno, ustedes ya pueden empezar a ver que tenemos esta palmadita aquí arriba Vamos a deshacernos . Está bien, así que esta sección de aquí, voy a ir a asar cosas. Disculpe. Entonces aquí mismo vamos a hacer esta fila llena con Todo bien, Ahora, Ahora, usa la canaleta con. Y por supuesto, la canaleta con reducirá el relleno en todas partes. De acuerdo, entonces ya ves que ahora como tenemos esta gran imagen aquí y luego tenemos thes secciones aquí arriba . Chicos, hay muchas maneras de hacer esto. En realidad podemos simplemente reducir esta sección aquí arriba, o podemos reducir. Ya sabes, puedes hacerlo manualmente con tu cursor así y aquí arriba, como eso o así, o así. O simplemente puedes seguir adelante y cambiar esos todos a cero en la configuración de la carretera y en la configuración azul también. El azul ajustes pulgadas Malta cero, que no deja espacio. De acuerdo, así que por aquí, ustedes pueden ver en esta sección aquí mismo. Es demasiado gritos juntos, y en realidad no se ve bien. Por lo que necesitamos cambiar esto aquí mismo. Entonces por aquí, bajo el diseño, nos necesitamos. Ya sabes, agrega algún margen para que podamos sumar, como, como, un margen superior, tal vez, como 30 o 50 o lo que quieras. Se puede agregar en el margen derecho, no un margen. Mucho relleno para esa sección. Entonces por aquí, debajo de la derecha, tal vez quiera agregar, como, 50 personas las tienen, como 50 píxeles. Y luego a la izquierda, nos añadieron algunos, como 50 píxeles también. De acuerdo, así que puedes, ya sabes, una especie de solo el relleno para especie de cómo quieres que se vea esto aquí mismo. A lo mejor quieres esto en el centro en su lugar? Porque está justo ahí. Pero el relleno vuelve a crear el espacio. El margen dice de dónde parte. De acuerdo, Ahora también podemos ver si sumamos en el margen en la parte superior justo aquí. Ups. Eso no se ve bien. De acuerdo, así que esta es otra forma, chicos , ya saben, en realidad pueden elegir decir, ya saben, quiero más relleno aquí mismo. 60 70 80. Algo así. Está bien. Pero también recuerdo chicos que si lo haces, como 18. 80 ya sabes, los píxeles aquí mismo van a forzar esto juntos. Entonces si agrego demasiado relleno a la derecha hacia la izquierda, va a apretar todo junto. Entonces veamos si podemos hacer algo creativo 100 haremos 100. Entonces esto es básicamente decir: Mira, Mira, esto es lo más que puede ir. A pesar de que pones en 100 píxeles. El espaciado entre letras en el módulo básicamente está diciendo Esto es Eso es todo. Ya terminamos. No se puede. No se puede hacer más relleno porque tenemos que cambiar el espaciado en el texto en el módulo. Está bien, pero así es como logré este look aquí mismo. Está bien. Y ustedes pueden, ya saben, sólo el relleno a lo que quieran. Está bien. Y por supuesto, usted contiene el tamaño del texto del botón. Haz que eso sea más grande. Eso es realmente Ese es el botón más feo que he visto nunca. No creo que nadie de aquí usara ese botón. No lo sé, pero ah, entonces los menos chicos, así es como logramos esa sección. ¿ De acuerdo? Muy bien, Entonces en la siguiente sección, vamos a hablar más de cómo crear esta sección aquí mismo. De acuerdo, entonces los veré a todos ahí. 17. Acerca de nosotros Cont..: Muy bien, chicos. Bienvenido de nuevo. Entonces ahora vamos a crear esta sección aquí mismo. Y al mirarlo, espero que ustedes puedan entender lo que usamos. Esto de aquí es un llamado a la acción, y simplemente básicamente centramos el botón. Este de aquí es de cuatro contadores numéricos, y simplemente reducimos el relleno, y agregamos en un color de fondo a cada uno. De acuerdo, así que hagámoslo. Vamos a Zschau usted cómo hacerlo. De acuerdo, así que por aquí voy a mi plus, pequeño ícono, voy a regular. Estoy agregando uno justo aquí y simplemente cabras para llamar a la acción. Está bien. Y por aquí sobre algo como Debbie. El tema es el mejor. El botón que eres voy a poner, ya sabes, darrell wilson dot com y las colillas en impuestos puestos ya. Ahora, usa un color de fondo. No, en el texto. Yo lo quiero. Oh, no. Yo lo quiero. Uh, ya sabes, voy a ir a dejarlo como ligero, ¿de acuerdo? Y voy a seguir adelante y dejarlo centrado. No queremos agregar que no querría agregar ningún contenido ahí dentro. No, nada. Pero salgamos y cambiemos el color de fondo sólo para que podamos ver qué estamos haciendo. Entonces por aquí en este icono de engranaje, ve al color de fondo y vamos a simplemente una especie de lío con los ajustes . Ahí vamos. OK? Y esto básicamente chicos, es lo mismo aquí mismo. Excepto aquí mismo lo teníamos en algún contenido. Muy bien, así que vamos por aquí. Y así solo vamos adelante y pegamos esto. Y Paula ahora tenemos el contenido y por qué se ve diferente es probablemente porque el botón se ve muy diferente. Por lo que básicamente reducimos el radio fronterizo justo aquí para hacerlo más circular. Y por supuesto, me hiciste cambiar las fuentes. Y ya sabes, hicimos el espaciado justo aquí. El interlineado entre el encabezado. OK, así es básicamente como logramos todo. Por lo que el diseño de nuevo, tenemos la fuente de cabecera, que era ferroviario. Ah, ¿dónde está? ¿ Adivina qué resultado? Primero ¿dónde está? Ok, entonces estás bien. Y luego el tamaño de la fuente y luego queremos a las alturas de línea así. De acuerdo, así es básicamente como logramos esa sección. Muy sencillo. Muy sencillo, chicos. Muy sencillo. Ok, Así que se va ahora y hacer esta sección aquí mismo. Esta sección es bastante simple yendo aquí al icono más. Ve a regular y ve a cuatro. Y yo iba a sumar aquí algunos contadores numéricos. Tan simples contadores numéricos, haré algo así como, um, no lo sé. ¿ Qué debemos agregar? 100% de satisfacción. Y entonces, ah, bueno, agregando algo como, um, no lo sé, como 30. De acuerdo, ¿ por ciento de signo? Sí, seguro. ¿ Por qué no? Uh, aquí cambiamos a negro. Y por supuesto, sólo necesitamos duplicar esta fila, esta sección ya boop. Y luego, por supuesto, aquí mismo. Puedes decidir cambiar esto como,ya sabes, ya sabes, nuestras ventas e ingresos y tal vez, como acciones de marketing. No lo sé, chicos, chicos, solo estoy balbuceando tonterías en este punto. Entonces aquí, probablemente me quitaré el signo de porcentaje, tal vez como algo así como, ya sabes, 456 y esta sección aquí mismo vamos a hacer algo así como 46. Y aquí pondremos algo como Ahí vamos. Ok, entonces ahora queremos seguir adelante y meternos con los ajustes aquí mismo. Entonces aquí mismo, déjame ir a este ícono del engranaje con el que quiero hacer este tonto. Y quiero reducir la canaleta con 21 Esto hará que no tenga espacio en el medio. De acuerdo, lo siento. No hay espacio entre el módulo en el medio. ¿ De acuerdo? Volviendo por aquí. Por lo que también tenemos este espacio azul. Podemos seguir adelante y o arrastrarlo hacia arriba. O recuerda, debajo del icono del engranaje, podemos cambiar la palmadita superior justo aquí. 20 Los contenemos todos a cero. Y esto lo hará así. De acuerdo, así que ahora sigamos adelante y digamos OK, así que tenemos estos aquí mismo. Sigamos adelante y cambiemos el color entre todos estos. Por lo que debajo de este icono de engranaje en la sección de cola irá al diseño e irá a desplazarse hacia abajo. Ahora tenemos. Pero en el color uno, tenía algo como, en realidad , sí, eso no va a funcionar así. Es como que no me gusta así. Um, las cabras gaseosas a no esta. A ver cómo podemos hacer esto. Vamos a ir a demandar esta sección aquí mismo, y probablemente volveremos Aditya a color a esta sección específica aquí mismo. Creo que esta sección sería un poco más ideal. Ya sabes, la otra sección deja ese pequeño espacio de relleno, por lo que parece que probablemente haya chicos palmaditas. Por lo que probablemente dejé algo de relleno, a la derecha. Aquí vamos. Este icono de engranaje justo aquí, y voy a reducir el relleno en este justo aquí en la parte superior y los derechos y la parte inferior y había dejado. De acuerdo, así es básicamente como hicimos esto aquí mismo. Esto, Ya sabes, esta sección de aquí? Eso lo logramos. Por lo que ahora podemos seguir adelante y sumar en los colores. Sabía que había relleno. Yo estaba como, No, no debería haber nada ahí. Pero, ya sabes, grandes cosas de Kristi pasan. Y por supuesto, chicos, ustedes pueden agregar un margen aquí mismo. Ya sabes, si quieres o puedes meter, como, ya sabes, ya sabes, a los derechos o a la izquierda, etcétera. Aquí mismo. Está bien. Entonces solo les estoy dejando saber eso, ya saben, diferentes maneras. ¿ Ustedes se meten con ese escenario? Entonces por aquí, corriendo notas para realmente queremos igualar la columna, Rose. De acuerdo, entonces ese espacio lo va a hacer todo igual. Cada columna tendrá exactamente el mismo ajuste. Está bien. Y bajo el color de fondo aquí mismo, tal vez quiera agregar algo como, Ah, no sé qué trabajándome aquí para el color de fondo. Bueno, no lo sé. Color de fondo azul. Está bien. Para una columna uno y luego para columna a vamos a sumar en esta morada. Ahora, la razón por la que sigue siendo ese mismo color, chicos es porque en la sección azulada lo siento. En el propio módulo, agregamos un color de fondo. Entonces tenemos que sacar esa, acuerdo? Y para la columna tres, iría a antecedentes de empresa. James es algo así. Está bien. Y aquí mismo, tal vez quieras cambiar el relleno para estos tipos. Algo así como, um, 10 pixeles. Vamos a verte aquí. Podemos hacer algo así. Agregará algo así como, um, lo harás 50 píxeles y 50 píxeles aquí mismo. Está bien. Y creo que lo dejes así. De acuerdo, entonces tenemos justo aquí 15 50 vamos a ir por aquí y vamos a seguir adelante y hacer algo así como 15 50 también. Por lo que vamos a volver a ir a la sección de cola y va a la configuración de asado en el diseño y acaba de cambiar todas estas por todas estas palmaditas justo aquí va a hacer. 50 y 50 15 50 y luego la sección aquí mismo, haremos lo mismo. ¿ Por qué no 50 bien y que está en el fondo. Entonces ustedes chicos, tienen que voltear para ver que estos básicamente están empezando a algo así como, centro. Entonces no están, ya sabes, muy arriba. Y luego llego aquí en la protección. Haremos 50 por aquí, y haremos 50 por aquí. De acuerdo, Ahora, esta sección aquí mismo, esta sección azul aparece porque hay un color detrás de ella debajo de la configuración del módulo. Entonces sigamos adelante y averigüemos cómo podemos cambiar el color aquí mismo. Entonces en el diseño, desplácese hacia abajo. Ahora, el color de fondo como que quieren cambiar eso a algo como, digamos, solo el azul. De acuerdo, vamos a seguir adelante y en realidad hacer esta transparencia. De acuerdo, Así que ahora, aquí mismo, chicos. El esta fila sentada aquí justo debajo del asado poniendo uno. Ese es el color que tenemos ahora. De acuerdo, éste de aquí. Está bien. Así que recuerda usar el módulo azulado en lugar de usar realmente el módulo causa chicos, los módulos entrarán en conflicto entre sí. Se puede decir OK, así que aquí mismo. El motivo por el que eso sucedió fue porque agregué un color al propio módulo real. Entonces en el módulo, dije, quiero un fondo. Entonces por aquí, bajo el color de fondo, agregué en el color de fondo y como resultado, cambió a un color diferente. Ahora, la razón por la que no está cambiando de nuevo a este color es porque en la sección azulada realmente tengo el color ya en su lugar. Entonces hay que tener dos colores ahí. Así que asegúrate de usar el módulo correcto o puedes usar cualquiera de ellos. Ya sabes, realmente no importa mientras obtengas el efecto que quieres. OK, así que eso es todo para los chicos de sección en la siguiente sección. Vamos a hablar más de pies de página personalizados, y luego te voy a presentar los diseños pre hechos, los cuales te daré un layout pre made gratuito. De acuerdo, entonces los veré a todos ahí 18. Pila e introducción y la introducción al diseño: ya. Chicos, bienvenidos de nuevo. Por lo que en esta siguiente sección, vamos a crear un pie de página avanzado personalizado. Ahora, por defecto. Este es el pie de página que Davey nos da, y podemos elegir decorar o no, pero podemos ponernos aún más personalizables. En realidad podemos decidir crear nuestro propio pie de página y decidir no usar el que nos dio por defecto. Para que ustedes puedan ver aquí mismo. Se trata de un módulo de texto, un módulo de texto, un módulo de texto, modelo de texto, un módulo de texto y el módulo de icono social aquí mismo. Ahora bien, esta sección de la parte inferior es la sección predeterminada que nos da la TV. Pero recuerda, todo se trata de creatividad. Chicos, no tenemos que usar la forma en que lo saben, la forma en que nos lo da ese tema, podemos crear nuestras propias cosas y hacer lo que nos guste. De acuerdo, entonces hay dos lugares que ustedes pueden conseguir esto que ustedes obtienen de Elgon nombra dot com. O puedes ir a mi página web darrell wilson dot com, y bajo diseños divvy. Tengo toneladas de diseños gratis, chicos. Entonces va por aquí abajo. Bajaré a, um, um, el Pie Custom o layouts y chicos, tengo tantos diseños gratis. Ustedes, chicos, concebiblemente, solo haga clic de un botón. Puedes crear un sitio web en cuestión de segundos. OK, pero aquí mismo, bajo pie o diseños personalizados, haz click en esto y tendrás que añadir esto al carrito. Y no te preocupes, es gratis. Todo es gratis. No te va a costar un dólar. OK, así que ve y agrega esto al auto y echa un vistazo. Y una vez que lo obtengas, puedes ir a la sección de tu cuenta aquí mismo, y simplemente puedes descargarla. Está bien. Estará bajo tu sección de descargas aquí mismo. Y vas a simplemente, ya sabes, abajo uno de ellos. O, ya sabes, lo que sea que elijan chicos. De acuerdo, así que volviendo por aquí, quiero seguir adelante y decir: Vale, Vale, tengo el diseño. Yo quiero subirlo. Está bien. Ahora, cuando consigas el diseño, va a estar en una carpeta zip justo aquí. Necesitas abrirlo. Y si estás en un PC, necesitarás extraerlo. Y este es el más completo que tengo aquí mismo. Voy a abrir esto y estos aquí mismo son los pies. tenemos más de 10 tipos diferentes de pies de página. Chicos, hay muchos pies de página que podemos usar. Muy bien, así que digamos que sólo quiero agarrar uno. Chicos, ni siquiera sé cuál voy a agarrar a pie o al número seis. Está bien, vamos a poner un número seis ahora, dependiendo de tus chicos del servidor, hay diferentes formas de subir esto. Y algunas formas funcionan para algunos servidores. Algunas formas funcionan para otros servidores. Es solo la forma en que los diseños son un poco extraños, se puede decir. Entonces aquí vamos a ahorrar aquí mismo. De acuerdo, Ahora, hay de 3 a 4 maneras en que puedes hacer esto. En realidad puedes subirlo por aquí a través de aquí o tu espalda y editor. Entonces te voy a mostrar todas las formas solo para asegurarme de que he cubierto cada una de las bases. Por lo que bajo el editor visual aquí mismo hago clic en estos dos pequeños iconos morados y voy a importar, Ir a elegir el archivo. Y simplemente voy a agarrar el pie o el número seis Ahora, chicos, dependiendo de su servidor, no va a funcionar correctamente para cada uno. Confía en mí, he usado Ah, muchos de ellos. Y muchos de ellos saben que funcionan. A veces no funcionan. Otras veces no sé por qué, pero así es como va. De acuerdo, así que voy a ir a pie o al número seis e ir a importar maquetación de constructor Navy. Ahora bien, esto podría funcionar. Podría no funcionar. De verdad no sé qué vamos a averiguar. De acuerdo, así que se va. Ya va para algunos tipos de servicio. Esto funciona. Y también para algunos dominios es justo la forma en que funciona. Es un poco pescado, por lo que parece que no está subiendo apropiadamente. Yo creo que sí. Sí. No está subiendo apropiadamente. OK, así que ahora voy a salir del constructor visual. También hay otra forma de hacerlo. De acuerdo, entonces vamos a editar página aquí mismo, y esta es una segunda forma en la que puedes subirla yendo aquí a tu espalda y editor y haciendo clic en importantes importaciones de exportación y elige el archivo. De acuerdo, entonces esta es la segunda vía. Y estas formas son un poco recomendables nudos. Tiene una tasa de fallas muy alta, por lo que se puede ver que no se supone que se importara este texto para que eso no funcione así . Ahora, la última forma que vamos a hacer chicos es ir a divvy e ir a la Biblioteca Davy. Está bien, aquí. Voy a dar click en Importar y Exportar. Yo voy a seguir. Las importaciones pincharían, escogerían el archivo, y seleccionaré pie o número seis e iré a importar diseños de constructor de impuestos. Ahí vas. Funcionó como un encanto. Entonces, chicos, dependiendo de tu servidor, funcionará para diferentes métodos. No funcionará para otros métodos. No sé por qué el retraso también así. Ojalá supiera por qué. Pero he trabajado con Debbie por un tiempo, y así es básicamente como funciona. Así que prueba los tres métodos y ve cuál funciona para tu servidor. De acuerdo, entonces eso es básicamente todo para esto. Ah, no, El pie o seis. Adelante ahora y aplíquelo. Entonces voy a ir a la sección sobre nosotros. Soy un scroll hacia abajo y voy a habilitar del constructor visual. Tendremos que desplazarnos hacia abajo otra vez, acuerdo? Y soy un pergamino hacia abajo. Y, um, justo aquí en esto, este ícono más, um, podría venir más, y voy a ir a Adam desde la biblioteca. ¿ De acuerdo? En realidad, no. Pasaremos aquí a esta sección aquí mismo, y haremos clic en esta sección más, y luego cargaremos esta sección desde el anuncio de la biblioteca. De acuerdo, entonces ahora tenemos pie de página seis. ¿ Verdad? Esto es porque esta no es nuestra biblioteca. Y quieres asegurarte de que reemplazar el contenido existente no esté seleccionado. Eso reducirá eso destruirá todo. No queremos eso. De acuerdo, entonces vamos a dar click en más el pie o seis. Y ahí tienes. Este es nuestro pie de página, pero este es un pie realmente malo. Er, esto no es realmente Ah, bueno aquí mismo. Entonces usemos otra. Sigamos adelante y volvamos a nuestra biblioteca divvy. Voy a guardar esa. ¿ Por qué no? Yo lo estaba. No es el no el peor pie de página, pero no es el mejor. Algunos van a divvy library y sigamos adelante y sumamos un poco más. Ir a importaciones importantes de exportación, elegir el archivo y se parece a otra cosa como, um, seleccionar número. Vamos como el número uno. A lo mejor nunca los unos realmente, realmente buenos. De acuerdo, así que seleccioné el número uno. Está bien. Y ahora sigamos adelante y probemos este pie de página. De acuerdo, entonces vamos a la sección sobre nosotros y nos desplazamos hacia abajo. Espero que éste sea buenos chicos. No tengo ni idea de cómo vamos a quedar estos. De verdad no lo hago. No estoy guionada. Yo sólo como que sé cómo funciona el tema. Y yo sólo lo hago a medida que voy. Sé cómo funciona. Entonces no necesito dedo del pie, ya sabes, escribir un guión. Entonces aquí, a este ícono plus, haces click en esto. Lo siento. Acude a esta sección aquí mismo. Haga clic en el plus y vaya a agregar desde biblioteca. Y voy a añadir un pie aquí mismo. Ahora, chicos, recuerden, tal vez quieran revisar un Thea reemplazar el contenido existente porque ya ven ahora como todo lo que tengo justo aquí, básicamente acabo de destruir mi página. Está bien, Así que asegúrate de no hacer lo mismo, ¿de acuerdo? Debe asegurarse de que el contenido existente de reemplazo no esté seleccionado. De acuerdo, Así que voy a ir a salir constructor visual e ir a descartar una salida. Entonces ven que todo está bien y se van. Todo está bien. De acuerdo, vamos a intentarlo una vez más. Voy a habilitar el constructor visual que he hecho tantas veces. Chicos, tengo que ser honestos. He destruido mi sitio web, y estoy como, Oh, Dios mío, ¿Qué hice? Entonces aquí mismo voy a plus en de biblioteca. Desmarcaré esto y simplemente haga clic en uno. ¿ De acuerdo? Y ahí tienes. Entonces este es ahora nuestro otro pie de página que tenemos. De acuerdo, entonces es que es súper fácil chicos hacer un pie de página. Um, ya sabes, hay 10 de ellos, así que solo sigue adelante y elige cuáles quieres. Ahora bien, este es un pie de página personalizado, Chicos, no necesitamos crear el nuestro propio, así que en realidad puedes ir en la configuración y simplemente eliminar esto. No necesitamos esto aquí mismo, acuerdo? No tenemos que tener eso. De acuerdo, así que esta es sólo otra forma, chicos, como ustedes pueden elegir, ya saben, el pie personalizado o aquí mismo. Entonces aquí mismo. Ustedes pueden ver esto es una sección aquí mismo, y tenemos una sección de texto, una sección de texto. Todas estas son secciones de texto. Ahora, déjame decir esto y quiero mostrarles que respalden a un editor. Ahora quiero mostrarles qué modelos utilizamos en realidad. De acuerdo, así que esto de aquí, voy a borrar este otro. Muy bien, Así que esto de aquí, chicos, es el creador. Siart dice fabricante. Entonces por aquí, ella también sobre nosotros. Eso es lo mismo. Y luego por aquí, agregamos en otro texto justo aquí. Agregamos en algún texto ficticio aquí mismo. Entonces esa es esta sección aquí mismo. OK? Y luego la última sección, acabamos de tirar otra pequeña sección justo aquí. Acabo de renombrarlo chicos. Ya sabes, acabo de poner el layout de Darryl D V en su lugar y lo puse así. Está bien. Y en esta sección, aquí mismo, claro, acabo de poner un poco de título, y luego esta sección de aquí están los enlaces. De acuerdo, Entonces el sobre nosotros y la razón por la que no puedes ver justo aquí es porque es blanco. Por lo que por aquí son de color blanco porque agregamos en un fondo de color diferente. Está bien. Y luego por aquí, por supuesto, la última sección es el texto y la sección de la galería justo aquí. Está bien. Entonces, chicos, es realmente sencillo crear un pie de página personalizado. Y como dije, usa esos tipos de fitters personalizados en mi página web. Te ahorrará una tonelada de tiempo. ¿ Eso está tratando de diseñarlo desde cero? OK, entonces eso es básicamente un rápido desglose chicos de cómo crear pies de página personalizados. Y recuerda, una vez que hagas esto, vas a querer eliminar el otro pie de página que tienes en la parte inferior justo aquí, porque realmente no necesitas pies de página personalizados, ya sabes, no necesitas un pie o así aquí mismo. Ya no necesitas este pie ni más. De verdad, de verdad no lo haces. Y ya sabes, solo necesitas un pie de página. Entonces depende de ustedes chicos. Esto es sólo una opción. Si quieren un pie de página personalizado, ustedes pueden, ya saben, hacer el suyo propio o subir uno de los diseños. Son 10 de ellos, y estos son diseños realmente bonitos. Los chicos son realmente fáciles de usar. De acuerdo, entonces, ya sabes, adelante y tómate el tiempo para pasar por esos, echa un vistazo y solo ve cuál es para ti. Hay 10 diseños, chico. Por lo que hay todo tipo de diseños realmente geniales que ustedes pueden usar para su sitio web. ¿ De acuerdo? Y en la siguiente sección, chicos, tengo, como, un poco de aguinaldo y les voy a dar otros diseños gratis para estos servicios. Y les voy a mostrar cómo podemos crear, um, um, la página de servicios aquí mismo. Y, ya sabes, te voy a correr a través de cómo editarlo y cómo usar el diseño pre hecho. De acuerdo, entonces los veré a todos ahí. 19. Servicios - introducción a los diseños prehechos: Oigan, chicos, bienvenidos de nuevo. Entonces en esta sección, vamos a hacer diseños pre hechos. De acuerdo, Entonces si ves las otras secciones aquí mismo, como el sobre nosotros y el hogar y todo, te voy a mostrar cómo en realidad puedes simplemente guardar tu diseño y exportarlo e importar también otros diseños. De acuerdo, así que yendo a mi sección de servicios, voy a seguir adelante y habilitar el constructor visual ahora, antes, antes, antes de que decidiéramos subir el layout. No, Chicos, este es el mismo peso exacto. Por lo que en realidad puedes ir por aquí e ir a estas dos flechas e ir a importar y elegir tu archivo. No, chicos, dependiendo de su servidor, tendrán que probar los tres métodos que les mostré. Yo lo sé. Para cada tipo del servidor, es solo diferente para el mío. No creo que funcione así. Entonces este es el layout, y lo he incluido en el drop box para ustedes chicos. De acuerdo, entonces voy a abrir. No creo que vaya a funcionar así. Creo que tengo que ir a mi biblioteca Debbie. De acuerdo, entonces funciona. OK, así que esa es otra forma. Pero antes, antes de intentarlo, este método no funcionaba así que es sólo Ah, como va, chicos. De acuerdo, entonces subo el layout y como puedes ver, el sitio web ya está creado para mí. Esto es simplemente soleado y chicos, tengo otro layout premium en mis sitios web. Yo tengo los gratis y ustedes pueden tener un balón con, um es un sitio web que ya está hecho para ustedes. Por lo que ya se ha hecho todo el trabajo arduo. Ahora, digamos que subes el layout, ¿de acuerdo? Vamos a ver que has subido. Y además, si lo subes, podrías hacer diferentes cambios en un chico. Entonces aquí mismo, Ya sabes, podemos seguir adelante y simplemente poner como, Debbie tema y poner en el nombre de tu empresa justo aquí. Puedes agregar algo así como, ya sabes, podemos cambiar estos modelos aquí mismo. Entonces haz click en esto y pon como el mejor y luego por aquí puedo cambiar el título. Algo así como empresa de CEO inteligente. Entonces, chicos, los diseños premium te ahorrarán drásticamente una cantidad súper grande de tiempo. Por eso Devi es tan famoso. Por eso es tan increíble. De acuerdo, así que pasando por aquí, podemos seguir adelante y, ya sabes, meternos con estos esto aquí mismo, chicos, es una pestaña Ajustes. De acuerdo, entonces este es otro módulo que ustedes pueden usar y bajar por aquí, y se puede explorar y ver, como, qué modelos se utilizarán aquí. Está bien. Aquí mismo. Simplemente usamos una llamada a la acción, y justo aquí solo agregando una imagen. Si quieres hacer la imagen más pequeña o más grande, puedes ajustarla en consecuencia. OK? Y aquí mismo. Ya sabes, tenemos una foto justo aquí, y tenemos, um, más textos. Y si ustedes quieren ver saben lo que usé, sólo pueden ir a la configuración del módulo, ir a diseñar y especie de ver, ya saben, ¿cómo diseñé esto? Ya sabes cómo lo que palmaditas el dural usan qué? Patting. Ya sabes qué margen, etcétera. OK, así que bajando por aquí, ustedes pueden ver otros aquí mismo. Y por supuesto, aquí también tenemos éste. Y tenemos este pie de página personalizado justo aquí. Ahora, todavía tengo esta foto aquí mismo, y eso es porque no me he deshecho de su pero, um, ya sabes, es solo para fines de control, así que probablemente debería deshacerme de éste. Y este aquí mismo sería mi pie de esperanza. Por lo que esto sería básicamente el final de la página. Está bien. Y los chicos recuerdan, tengo diseños gratis en mis sitios web. Ustedes pueden seguir adelante y tener una pelota con, um Pero sólo quiero mostrarles cómo usar esto aquí mismo. De acuerdo, entonces esto es básicamente un rápido desglose chicos de cómo agregar louts premium. Ahora, al revés, puedes agregarla. Y la forma en que lo recomiendo es yendo a tu biblioteca divvy. Entonces, yendo aquí al tablero, bajo divvy y yendo a divvy library, puedes agregarlo aquí también. Entonces, igual que agregamos, estos otros pies de página pueden ir dos importantes importaciones de exportaciones, elegir el archivo y simplemente encontrar la sección de servicios aquí mismo. De acuerdo, así que ahora mismo está diciendo que no está funcionando, entonces Pero funcionó para la otra página. Entonces, chicos, tengo que ser honestos. El trato fuera nuestro pequeño divertido. Así que solo sigue adelante y diviértete con los diseños. Um, ya sabes, Pero aún así, quiero hablar más de, um, ya sabes, otra personalización. Podemos tener. Por lo que en la siguiente sección vamos a hablar del Blawg. Y después de eso, voy a presentarles a todos a CSS personalizado por lo que CSS personalizado básicamente se agregan modificaciones que puedes tener que el tema divvy por sí solo no te dará. Tienes que sumar básicamente algo un poco más creativo. Por lo que esta sección aquí mismo se hace con CSS personalizado para que puedas ver que se ve realmente, muy bien. Y esto no se puede haber hecho. Chicos sin costumbre. CSS Así que básicamente lo que eso significa es que la configuración del módulo dentro de los módulos no puede hacer esto solo. Vas a tener que añadir algo de CSS y vamos a repasar esto después de repasar la sección del blog . OK, entonces los veré a todos en la próxima conferencia. 20. Tutorial de blog: Muy bien, chicos, chicos, bienvenidos de nuevo. Entonces en esta conferencia, vamos a hablar todo sobre el bloque, los diferentes diseños que puedes tener como publicar un blawg, etcétera. Muy bien, entonces lo primero que tenemos que hacer es crear una página para nuestros posts en bloque. Entonces aquí en nuestro plus nuevo, voy a ir a Page, ¿de acuerdo? Y simplemente vamos a seguir adelante y crear una página de bloque básica. Entonces lo escucho para poner blogueado y sólo ir a publicar aquí mismo. De acuerdo, Así que hay algunas maneras en que ustedes pueden agregar en el blog. Te voy a mostrar la forma básica de cómo podemos agregar un blawg. Por lo que agregamos la página rubia. Muy bien, Ahora, vamos a seguir adelante y pasar a plus nuevo y crear un post para nuestro bloque. Por lo que escucho un putz como el mejor tema de WordPress que ni siquiera puedo escribir, nunca. Está bien. Así que adelante y como, pan, algo de contenido, y quiero poner algo de texto ficticio aquí mismo. Entonces solo estamos fingiendo que esto es solo un poste de bloque. Entonces podrías estar hablando de, como, como, ya sabes lo que siento o lo que sea. Y aquí mismo podemos hacer click en agregar medios, tal vez agregando una imagen. No. Al igual que, um, ya sabes lo que más les gusta a los chicos y justo aquí en sus ediciones nos podemos gustar, centro. Es Puedes cambiar el tamaño de la misma también, así que tal vez lo quieras de tamaño completo y centrado así,ya sabes, para que ya sabes, puedas divertirte todo tipo y, ya sabes, aquí con tu blawg. Pero por aquí, bajo la imagen destacada. Por lo que el daño futuro es muy importante, chicos, las imágenes destacadas, básicamente la imagen que ven justo al lado del título. Por lo que quieres asegurarte de que esa sea una bonita imagen. Entonces bajo la imagen destacada, voy a poner esta gran ciudad e ir a establecer imagen destacada, Ok. Y por supuesto, podemos sumar en una categoría así que ponlo como chicos, y hablaremos un poco más sobre por qué agregamos categorías. OK, así lo agregó en una categoría. Y ya sabes, agregamos en alguna imagen destacada que puedes agregar en algunas etiquetas. Las etiquetas básicamente están diciendo con alguien clics en la etiqueta. ¿ A qué se refiere sus otras historias? Está bien. Y esto es como los formatos, pero Generalmente se quiere dejarlo como estándar, pero ustedes chicos pueden seguir adelante y echar un vistazo a los otros formatos para el post de bloque. Está bien. Pero sólo para fines fijos, solo voy a seguir adelante y publicar esto. Por lo que hice un post blawg. Creé un post de la ciénaga. Ahora necesito realmente agregar la página de bloque a nuestro menú. Entonces yendo por aquí a la aparición, voy a los menús. Muy bien, así que hemos blogueado aquí mismo. Soy un go para agregar al menú, y ahora tenemos la página blawg que creamos en nuestro menú. De acuerdo, ahora vamos a visitar sitios. Ahora, necesitamos básicamente conectar los posts con la página de bloque. Entonces vamos al tema Personalizador y debajo de la portada estática, Vamos a hacer la página de correos como nuestra página pertenecen ahí mismo. ¿ De acuerdo? Y luego vamos a guardar y publicar. Todo el número correcto, click en X y ve a nuestra página blawg. Muy bien, así que esta es nuestra nueva página de bloques, y aquí mismo puedes ver el mejor tema de WordPress de la historia. Esta es nuestra imagen destacada aquí mismo. Y si hago click en esto va a mostrar algún texto e incluir esa otra imagen que teníamos y algo más de texto. Ahora estos de aquí, los chicos son widgets. Entonces sigamos adelante y hablemos de esto antes de hablar del constructor avanzado. Entonces por aquí, bajo widgets, igual que hicimos para la sección de pie de página. Chicos, tenemos una barra lateral. ¿ Verdad? Aquí te ves la barra lateral. ¿ Cómo? Por aquí tenemos el reciente post comentarios recientes, archivos, etcétera. Entonces sigamos adelante. Y sólo tal vez, ya sabes, eliminar estos realmente no necesitaría estos. Ya sabes, nuestros autos, quizá categorías. Meta. Esto es lo que viene con defecto, chicos. Entonces digamos que quieres agregar como el cuadro de me gusta de Facebook. Vas a seguir adelante y sólo arrastrarlo hasta aquí y simplemente seguir adelante y ver si puedo sacar la caja me gusta de la otra de las otras de aquí. A ver si puedo arrastrar este hasta aquí. De acuerdo, así que arrastraré en este de aquí, la caja de Facebook me gusta. Entonces seguiré adelante y borraré éste. De acuerdo, Entonces, básicamente, chicos, todo lo que fue solo crear la caja como de Facebook, y yo solo robé la caja como de Facebook de nuestra zona de pie de página y acabo de poner en nuestra barra lateral. Eso es todo lo que hice. Y aquí mismo, chicos, pueden agregar cosas como un enchufe de suscripción por correo electrónico O, um, ya saben, solo hay una fuente de Twitter en feed de instagram. Todos esos enchufes de los que hablamos antes. Crearán widgets. Y solo puedes agregar esto a tus chicos de la barra lateral. Ahora te toca a ti una especie de decidir qué enchufamiento quieres, y sabes cuál funciona en realidad. Por lo que puse esto aquí mismo y sigamos adelante y pinchemos en Guardar ahora. De acuerdo, Ahora, sigamos adelante y volvamos a nuestro sitio y vamos a ir con Blawg. Entonces ahí está. Ahora la señal sígueme allá está ahí y tenemos una barra de búsqueda ahí mismo. De acuerdo, así que si ustedes quieren esto aquí mismo, chicos, todo lo que tienen que hacer es ir adelante y sólo buscar el enchufe y les gustaría y simplemente arrástrelo a su barra lateral. Y eso es solo arrastrar y soltar. Es realmente, realmente simple. OK, entonces creamos este post de bloque Ahora, este es el poste aburrido Blawg realmente feo. Nunca lo voy a hacer. Mi página web Este es mi bloque post mi página de bloque y ustedes pueden ver que es hermoso. Y estos aquí mismo son todos estilos diferentes. Entonces aquí mismo mi va a este post de bloque, y está realmente bellamente diseñado. Entonces aquí mismo agregué en, como, como, suscripción por correo electrónico justo aquí. Añadí en un afiliado, Benner y aquí mismo, banner de afiliado. Y entonces este es mi anuncio de texto de Google. De acuerdo, entonces ustedes pueden ver aquí mismo. Es un aspecto realmente bonito, um como se llama, Page. Se ve muy, muy bien. Tenemos un montón de fotos y se ve muy, muy bonito. De acuerdo, así que si ustedes quieren algo como esto aquí, um, hay diseños pre hechos para publicaciones de bloque en mi página web, Por supuesto. Entonces, bajo diseños Devi aquí mismo. Yo sí tengo post de bloque personalizado aquí mismo. Entonces esto de aquí va a ser el día V blawg layouts aquí mismo. De acuerdo, pero hablemos de cómo crear realmente una página bloqueada separada en lugar de usar la que nos da DV. En realidad podemos hacer las nuestras. Recuerda, no tenemos que usar la configuración del tema estándar Así que voy aquí a plus new y creo una página totalmente nueva. Ahora voy a poner Avanzado Blawg, y esta vez vamos a usar el constructor de divvy. Ahora, aquí mismo. En realidad podemos seguir adelante y solo, ya sabes, crear algo que queremos. Entonces aquí mismo bajo este ajuste aquí mismo, pondré uno e iré a insertar módulo y podemos agregar en el módulo de bloque justo aquí . Entonces, chicos, este es el reverso y editor para que podamos usar el frente y el editor también. Pero este es el reverso y editor. Entonces si quieres usar un amigo y editor, podrías ir a guardar y salir e ir a usar el biller visual. Entonces sigamos adelante y hagamos eso. ¿ De acuerdo? Entonces esta es nuestra página actual justo aquí. Ahora, voy a ir a este icono de engranaje, y así , ya sabes, no quiero lleno de. Yo quiero salir a Gridley. Entonces veo que tenemos este diferente estilo de blawg post aquí mismo. Entonces, ya sabes, podemos, ya sabes, ir a estas opciones aquí mismo y se saca. Entonces muéstrale al autor quiero poner no así no quiero mostrarle al autor. Entonces Darrell Wilson ahora desaparece. Mostrar esa imagen destacada. Podrías sacar eso outs. Mostrar extracto Mostrar extra es básicamente el contenido aquí mismo. El contenido. Lo siento. En la parte inferior justo aquí. Y aquí mismo podemos mostrar las fechas de cuando se publicó esto. Aquí mismo es el 19 de enero. Pero si tomo esto outs, ahora es historia. Se ha ido. De acuerdo, entonces estas son algunas otras opciones que ustedes pueden tener. A los chicos les gusta mostrar sabes lo que quieres o la superposición de imagen destacada también. Puedes agregar eso también a tu, um, a tu sitio. Entonces aquí mismo podemos agregar en el color de la superposición. Tenemos algo como, azul o algo así, o lo que quieras. Y podemos agregar un ícono demasiado color. Entonces alguien se cierne sobre él. Ahora puedes ver que aparece este color de icono y el color que ponemos aquí mismo aplica ahí. Por lo que queremos hacer un poco transparentes. Entonces si me cierro sobre él ahora, tiene esos tintes oscuros a ella? ¿ Ves eso? Y también por este color. Chicos, este es el color del icono así que aquí mismo. A lo mejor lo quieres blanco. Entonces el flotar sobre, Ahora es blancos. Y por supuesto, siempre se puede cambiar el icono haciendo clic en cualquiera de estos. ¿ De acuerdo? Y luego se va a cargar. Y ahí tienes. De acuerdo, Así que este es un atraco de activación mucho más personalizable que la configuración predeterminada. ¿ De acuerdo? Y aquí mismo, podrías poner botón leer más. Eso es genial. Ya sabes, el botón leer más, eso es que siempre se llega a tener. Y luego, por supuesto, en el diseño, podemos seguir adelante y cambiar los tipos de tipografía, podemos usar una gota, una sombra de gota aquí mismo, todos agregando algo como, tú sepan, nuestra m o.Así que ustedes pueden ver las fuentes ahora está cambiando algo así como, uh oh, eso es tan feo. Texto carmesí. Eso es un poco más fresco. Y haremos que la diversión sea un poco más grande. A lo mejor realmente, realmente grande. Algo así. Y el color del título de la cuadrícula, podemos cambiar este color aquí mismo a algo como, ya sabes, lo que quieras. Está bien. Y por supuesto, aquí mismo es como lo mismo. Chicos, el ya sabes, el color del texto de la letra espaciando la altura de la línea, etcétera. De acuerdo, entonces puedes divertirte con estas opciones aquí mismo. Y ustedes recuerdan, Ya saben, pueden agregar más módulos. Ya sabes, podemos agregar algo como, um, ya sabes, no me gustó esto aquí mismo. Agregaremos en un pequeño icono. Ahora tienen que seguirme, chicos. Solo te estoy dando un ejemplo de lo que puedes hacer. Como aquí mismo. Simplemente agregaré como un texto, un teléfono de texto aquí mismo. Pondrán algo así como, Bueno, Bueno, centrar esto y poner como el mejor blawg de la historia. ¿ De acuerdo? Y luego para el diseño, voy a seguir adelante y hacer esto realmente grande. Y entonces puedo simplemente un poco, como, como, arrastrar esto hasta aquí y, como, como, tal vez poner esto en la parte superior y para una especie de introducir nuestro blawg. Entonces porque hay muchas maneras diferentes en las que puedes especie de crear tu propio blog Así que aquí mismo bajo mi página web, estoy seguro chicos lo que hice, básicamente acabo de crear esta sección aquí mismo. Mi blawg. Básicamente pongo en tres fuentes de texto. Y luego agregué en un color de fondo aquí mismo, Ok. Y entonces aumento el relleno justo aquí. Entonces en realidad voy a habilitar el constructor visual y sólo tipo de mostrarles el respaldo en mi página web. De acuerdo, entonces aquí mismo, ustedes pueden ver que puedo hacer esto más grande. Podría hacer esto más pequeño, y acabo de añadir algo de texto aquí mismo. Entonces si voy a este icono de engranaje, uso un módulo de texto aquí mismo, y simplemente básicamente pongo mi blawg justo aquí y luego bajo el diseño, como que acabo de hacer este contenido un poco más grande. OK, entonces esa es básicamente otra forma de cómo ustedes pueden diseñar los chicos de la página de bloques, hay , Ya sabes, es ilimitado. Se puede agregar en imágenes. O sea, lo que sea que se pueda pensar, igual que hicimos nuestras otras páginas. Chicos, lo pueden hacer para la sección del blog. Entonces, um, sigamos adelante y te damos un ejemplo rápido. Ahora, no vas a seguirme aquí, pero solo voy a seguir adelante y publicar esta página y darte otro rápido ejemplo de cómo puedes especie de agregar esto a tu página principal. Entonces vamos a mi página principal aquí mismo, y en realidad, iré a mi otro sitio web aquí mismo. Entonces todos los votos a nuestra página principal, y esto es sólo darles ideas chicos. Ya sabes, no tienes que seguirme hasta aquí. Solo te estoy mostrando diferentes métodos de cómo puedes agregar el bloque a tu página web. Entonces uno aquí abajo, Tal vez quiero agregar el blawg justo aquí. Está bien. Tan regular, esta sección y luego dar click en blawg. ¿ De acuerdo? Y yo quiero la grilla. Ya sabes, no quiero el completo con. Entonces ahora todas tus publicaciones de bloque aparecerán aquí mismo en lugar de la página de tu blog, y puedes agregarlo como un título aquí mismo que diga, como, nuestra página blawg o son publicaciones recientes y especie de ponerse creativo con lo que quieras. OK, entonces eso es básicamente un rápido resumen chicos de cómo puedes, ya sabes, usar el módulo de bloque para una especie de lío con los ajustes y para agregar el blawg donde quieras, causa mucho los temas son muy limitados. Muchos temas lo hacen así que tienes que publicar en la página de bloque puesto. Por supuesto, con Debbie, puedes hacer cualquier cosa que sepas que puedes agregar en el bloque donde quieras. Y puedes ser extremadamente personalizable y agregarlo donde quieras. De acuerdo, Entonces, chicos, la siguiente sección vamos a hablar de posts de blawg avanzados sobre cómo hacer realmente, realmente cool block posts y hacerlos un realmente bueno en la siguiente sección. Entonces te veré ahí. 21. Sección avanzada de blog: ya, chico. Por lo que en esta siguiente sección, vamos a hablar más de cómo hacer posts anticipados pre made blanc. De acuerdo, así que al igual que mi página web que tenía tenía tenía esos posts de bloque realmente bonitos. Les voy a mostrar cómo hacer exactamente lo mismo. Ahora voy a ir por aquí a plus nuevo e ir a post, y estamos aquí. Voy a algo así como el mejor cielo nocturno. Ahora, en lugar de usar el constructor básico aquí mismo para el tema, en realidad podemos usar el Davy Builder justo aquí y aquí vamos a cargar desde la biblioteca. Y hay muchos diseños predefinidos, pero chicos thes aire para páginas. Por lo que estos no son para los postes de bloque. Entonces al igual que hicimos pre, principalmente fuera antes , este aire para las páginas, no para los posts. De acuerdo, entonces aquí mismo vamos a agregar de biblioteca y chicos. Ya he agregado en el artículo. Ahora conseguí esto de mi sitio web justo aquí bajo los diseños de Davy Blawg. Pero ustedes pueden, ya saben, hacer las suyas. No tienes que usar este, pero estos los que las cosas elegantes nos proporcionan. Entonces estos son diseños gratis, y voy a ir a cargar. Está bien, así que este es el reverso y editor. Entonces básicamente, es decir, OK, así es como se ve, etcétera. Y, um, ya sabes, si quiero seguir adelante y ver esto, voy a ir a la vista previa. Muy bien, Así que ahora este es mi nuevo post de bloque, chicos. Por lo que es mucho más avanzado. Esto se ve realmente profesional. Se ve realmente, muy limpio. Y todo lo que necesitan hacer es simplemente seguir adelante aquí y, como, ya sabes, cambiar el texto y poner lo que quieran. Por lo que voy a dar clic en habilitar el constructor visual aquí. Ahora, digamos que quieres agregar en tus propias cosas, ya sabes, aquí mismo, aquí mismo, puedes agregar en tu propio título como este es para los perros son blawg o lo que sea. Y tú puedes simplemente seguir adelante y solo, ya sabes, cambiar los módulos, agregar diferentes módulos. Entonces básicamente, lo que hicieron fue que básicamente acababan de agregar en ah, manojo de módulos aquí mismo, como el divisor, el impuesto, la imagen, el impuesto, el texto. Y básicamente acaban de crear su propia pequeña, ya sabes, una página, y simplemente hicieron que pareciera un post blawg. Por lo que hay un montón de diseños diferentes. Hay tres diseños diferentes que ustedes pueden elegir. Y es sólo una manera realmente hermosa de especie de, ya sabes, crea un post de bloque en lugar de usar el estándar con el que viene el tema. De acuerdo, entonces eso es un poco más sobre los postes de bloque. Y también, chicos, ya saben, en realidad pueden ir a, como, cargar desde la biblioteca y, ya saben, sólo usar otra aquí. Por lo que estos son sus diseños básicos. Estos realmente no son tan guapas, pero creo que tienen algo como, creo que tienen algo como, uh, como, Vamos a ver, aquí mismo. Creo que tienen algunos sólo para el blawg, que es como, um, una página llena con Ver cómo se ve eso. Tienen un montón de esos tipos. Tienen un montón de diseños. Ni siquiera he pasado por todos ellos. Entonces esto es como otro, ya sabes, estilo como tienen tus posts blawg justo aquí. Y además, si quieres deshacerte de la barra lateral aquí mismo, no la quieres en tus postes de bloque. Vas por aquí a estos ajustes justo aquí. Por lo que el diseño de página justo aquí, podemos hacer lleno con. Y sigamos adelante y previo. Y ahora está lleno de chicos. Se quitará la barra lateral para ti. De acuerdo, así que no quieres esa sección, Puedes seguir adelante y eliminarla justo aquí debajo de los diseños de página. Puedes tener la barra lateral en el lado derecho o en el lado izquierdo. Puedes optar por ocultar el título de la publicación, etcétera, y todos estos divertidos poco los ajustes de post. De acuerdo, así que les he mostrado chicos, Eso es ahora una cosa más que quiero mostrarles chicos es los diseños por defecto que viene con Debbie. Entonces por aquí, voy a ir a plus New, y esta vez voy a ir a página. ¿ De acuerdo? Así que al igual que hicimos esos diseños pre hechos antes, Devi tiene sus propios diseños pre hechos. Entonces voy a poner diseño pre hecho e ir a usar el constructor visual. Lo siento. Usó el biller ah Davey, y aquí mismo vamos a cargar de biblioteca y chicos. Todos estos aquí son diseños pre hechos que Devi ha creado automáticamente para nosotros. Entonces aquí mismo, yo haría algo así como, uh, las ventas son agencia creativa e ir a ver. De acuerdo, ahora, estos son los pagos que crearon para nosotros aquí mismo. De acuerdo, Así que han añadido algunas características geniales, y , ya sabes, es solo algo para ayudarte a empezar. No se ve mejor, pero es algo sin embargo. No. Y tienen todo tipo de ruidoso premium. Para que ustedes puedan zapatos. Entonces de nuevo, yendo de carga desde la biblioteca, simplemente toma uno. Eso es para chapotear página esta vez e ir a la vista previa y se ve así aquí mismo. Entonces quiero decir, podría haber una razón para usar esto. No sé por qué, pero ah, es sin embargo, es un diseño libre, y en realidad han hecho todo el trabajo duro por ti. Y si quieres guardarlo, chicos solo van a dar click en Publicar y recordar, puedes cambiarlo en cualquier momento que quieras, aunque lo publiques. Entonces mi click en publicar aquí y ahora apuesto a que estás pensando, Oh, es más seguro. Bien. Es un ya sabes, todavía puedes ir a cargar desde biblioteca y solo, ya sabes, elegir otra y decir que quiero la página de aterrizaje. Ahora soy un go a vista previa, así que este es sus diseños de página de destino. Ya sabes, estas de aquí son básicamente solo imágenes de stock ahí. Sólo tienes que saber que te están esperando para que pongas tu imagen ahí. Entonces por eso se ven como así. Pero es sólo crear una estructura para ustedes chicos es sólo tratar de ayudarlos. Sólo tienes que darte ideas sobre cómo usarlo. ¿ De acuerdo? Y luego por aquí, actualización y eso ahorrará eso. Disponer. De acuerdo, entonces que básicamente son ustedes chicos para esta sección con el post de bloque avanzado y todo. Cuando haces un bloque posts o usas el layout, no tienes que usar las opciones para el post de bloque, chicos. Por lo que bajo la sección de correos aquí mismo, puedes usar el Davy Builder en su lugar. Ya sabes, estoy justo aquí. Puedes agregar en un módulo al igual que creas una página para que no lo hagas No estás limitado a, ya sabes, seguir. Um, los temas, instrucciones puedes ponerte creativo y hacer lo que quieras. De acuerdo, así que eso es todo. Chicos para esta sección, Y espero que haya ayudado a hacerme saber, ya sabes, si ustedes usan sus propios diseños, ya saben, realidad vendo diseños en mi página web. Ya sabes, yo creo el mío y lo vendo, sabes, porque puedes exportarlo. Entonces, una vez que ustedes crean, es que van a, como, habilitar el constructor visual aquí mismo, y en lugar de importarlo realmente, pueden exportarlo para poder exportar esto a cualquier otro sitio web de didi. Entonces debajo de este pequeño ícono morado de aquí, vas a esta cosita más de aquí y vas a exportar y adelante y dale un nombre. Por lo que pone página uno y va a las exportaciones. Está bien. Y luego vas a ver que esta sección ahora mismo va a exportar la página, y básicamente te va a dejar guardarla en tus sitios web. De acuerdo, entonces, ya sabes, realmente no he guardado esta sección, así que probablemente no va a funcionar correctamente, así que voy a seguir adelante y ahorrar al principio, pero así es básicamente como tú puede exportar sus propios diseños. Chicos, es realmente, muy fácil. Y, um, es simplemente increíble lo que puedes hacer con Davey. De acuerdo, así que eso es todo. Para los chicos de sección. ¿ Tienen alguna pregunta? Además, en realidad también se puede exportar desde aquí mismo, por lo que se exportó. Y entonces puedes realmente, ya sabes, exportar su y luego puedes guardar su lo que quieras, y luego puedes importarlo a otro sitio web. Esa es Debbie. De acuerdo, entonces es realmente, realmente genial. Y ahí va. Ahora está ahorrando. Entonces ustedes chicos y vean una página uno para que pueda importar esto a cualquier sitio web. Vayamos a hacer eso. Ahora, sigamos adelante y hagamos esto. ¿ Ver? ¿ Ver? Aquí mismo. Por lo que debajo de la página uno. Está bien. Ya saben, chicos, No, no voy a buscar soy demasiado perezoso, pero así es básicamente como importan diseños de exportaciones y pueden saber, pueden hacer un diseño pre hecho, chicos, y luego venderle ese sitio web a otra persona. Entonces ah, mucha gente hace eso. Yo hago eso. Muchas empresas, eso es todo lo que hacen. Simplemente crean diseños y los venden. OK, entonces es un gran negocio estar en si usas el pago divvy. ¿ Verdad? Entonces ese tipo es finalmente, ya sabes, eso es todo para esta sección. Y los veré en la siguiente sección 22. Crear un "que se conoce el equipo" y CSS personalizado: Muy bien, chicos, chicos, bienvenidos de nuevo. Entonces en esta sección, vamos a hacer que se reúnan con el equipo, y también les voy a presentar a todos los CSS personalizados. Entonces para aquellos principiantes que no tienen idea de lo que es CSS personalizado, es una especie de código que puedes agregar al tema que lo hará hacer cosas que el tema normalmente no podría hacer. OK, entonces este es un ejemplo aquí mismo de CSS personalizado. En realidad he colocado esto en el centro porque por defecto, no te da la opción de hacer eso. Entonces voy a ir a pasarte a través de cómo crear páginas realmente hermosas que se vean así y te den ideas y, ya sabes, inspiración sobre cómo crear páginas realmente creativas y realmente bonitas y también usaron TSS. De acuerdo, así que yendo por aquí, voy a seguir adelante y va a nuestro equipo, y voy a seguir adelante y crear esta página aquí mismo. Entonces voy a habilitar el constructor visual y sigamos adelante y primero vamos a añadir un pequeño módulo de texto. Entonces aquí mismo, seguiré adelante y usaré estos bloques. ¿ Por qué no? Voy a seguir adelante y hacer, además y voy a seguir adelante y admitir módulo de texto y voy a poner algo así como, Conoce al equipo, desplázate hacia abajo de algo todo centro. Es y pondré conocer al equipo, De acuerdo. Y luego iremos al diseño aquí mismo, y podemos cambiar la fuente del encabezado. Algo así como, um lo siento, la fuente de texto. Entonces cambiaremos la fuente de texto a algo así como, uh, algo un poco más profesional Usará ferrocarril. De acuerdo, así que fuera de eso adentro. Pero quizá queramos cambiar el diseño o el tamaño de eso, así que básicamente, hazlo un poco más grande. ¿ De acuerdo? Ahora, por debajo de eso, quiero agregar en un divisor. De acuerdo, Entonces te mostraré por qué. Entonces aquí mismo, vamos a añadir un divisor. Entonces, ¿cuál es el divisor? Bueno, el divisor básicamente crea espacio, pero también básicamente agrega diseño. Por lo que agregué un divisor de bloques justo ahí y la visibilidad. Yo quiero que esto se muestre. Entonces lo que realmente hace el divisor, básicamente, es que empuja la página. Crea espacio. Entonces si pongo como 500 va a crear 500 píxeles de espacio, así que básicamente solo crea espacio. No obstante, sólo lo estoy usando para el bar. Simplemente me gusta la forma en que se ve ahí mismo. Realmente no me importa la altura ahí mismo. Está bien, pero te daré otro ejemplo de altura en tan solo un poquito. ¿ De acuerdo? Entonces voy a guardar cambios, y voy a esta siguiente sección aquí mismo, y voy a seguir adelante y añadir una nueva fila y añadir tres columnas, y voy a seguir adelante y añadir en la persona. Entonces aquí mismo le puse a Darrell Wilson. Ah, sí, están bien diciendo que va a poner diseñador de WordPress y voy a seguir adelante y poner una foto. Por supuesto, este es Ese no soy yo. Este tipo es mucho mejor mirándome así que mucho en este tipo de aquí en su lugar. Está bien. Y para la licencia de color del texto, ahora es por el todo tu facebook vas a entrar a tu tú todo de tu página de fans de facebook. Entonces, ya sabes, lo que sea que seas, todo es. Todos sois chicos. ¿ Esta sección está justo aquí? Entonces, lo que sea que se muestre en tu Facebook ahí, vas a simplemente copiar eso y vas a pagar. Siéntate aquí mismo. Pero por ahora, voy a poner esta pequeña señal numérica. Esto es solo por defecto para, ya sabes, agregar estas cosas aquí mismo. De acuerdo, Ahora, por aquí. Voy a poner alguna descripción. Entonces voy a ir a mis famosos sitios web, mi sitio web secreto, y conseguir algún texto ficticio. Está bien, así que adelante y agarra un texto ficticio y pegarlo ahí mismo. Está bien, Genial. Ahora vamos a diseñar aquí mismo. Y, ya sabes, podemos cambiar cómo se ve todo, chicos, ya sabes, podemos tener como, ah, ah, un color de icono. Si pasan el cursor sobre su derecha aquí, podemos cambiar la fuente del encabezado. Entonces tal vez algo así como el ferrocarril tiene que mantenerlo consistente, ¿verdad? Tengo que mantenerlo igual y todo. Adan es, ya sabes, una fuente más grande como esa. Y, um, no podemos ah, altura de línea justo ahí. Haz un poco de espacio, ¿de acuerdo? Y las fuentes del cuerpo. Podemos cambiar eso por algo así como ferrocarril y el color del texto del cuerpo. Tal vez un poco más oscuro, o en realidad cambiar todo a blanco. Está bien. Y explicar por qué vamos a añadir un fondo a esto. Y el fondo básicamente va a ser como un color oscuro. Por lo que volviendo aquí a esta sección azul, recuerda esta sección controla toda la página que los chicos controlan esta sección entera. Entonces quiero seguir adelante y agregar en una imagen de fondo a esto y tal vez algo que se vea así aquí mismo. Muy bien, para que ustedes puedan verlo empezando a verse bastante bien. Ahora, aquí. Iba a seguir adelante y copiar esto y arrastrarlo y copiar esto otra vez y arrastrarlo. Ahora, conoce al equipo. Aparecen chicos, esto es realmente, realmente feo. Voy a cambiar a blancos, acuerdo? Y por supuesto, el divisor aquí mismo. Podríamos querer cambiarnos a Blanco también, porque simplemente se ve mejor con las imágenes. Entonces aquí mismo, voy a seguir adelante y cambiar la imagen de este tipo. Entonces imagen que eres. Bueno, voy a ir a subir. Simplemente selecciona a uno de estos chicos y descúbrelo aquí. Seguiremos adelante y seleccionaremos una imagen diferente de este tipo aquí mismo. De acuerdo, entonces tenemos estos, ¿Conoces esta sección aquí mismo? Se ve bastante bien. Y por aquí en otros dos sitios web aquí mismo, voy a volver aquí con nuestro equipo. Te voy a mostrar esa comparación. Entonces tenemos estas tres cajas aquí mismo. Pero se ve muy diferente. Ya sabes, tenemos un fondo negro justo aquí, y estos centrados en el aire, etcétera. Entonces vamos a mostrarte cómo lograr este efecto. Entonces aquí mismo, voy a ir a este ícono de aquí, y vamos al diseño, y vamos adelante y nos desplazamos hacia abajo. Basta con seguir desplazando. Simplemente sigue creciendo, y tienen un color de fondo, así que vamos a usar el color de fondo de algo así como el negro. De acuerdo, entonces vamos a usar negro y justo aquí. Lo mismo. Adelante en el diseño del negro. Tengo que mantenerlo consistente. Tengo que hacerlos todos. Mira, uh, tengo que hacerlos todos los buenos. Está bien. Entonces también aquí mismo, color de fondo va a ser negro. De acuerdo, Ahora, básicamente quiero empezar a inclinar esto. Yo quiero una especie de lograr ese efecto que tuvimos así por aquí en el icono del engranaje, soy un ir al diseño, y voy a ir desplazarme hacia abajo, Sólo mantiene crecido, Sólo sigue creciendo a margen personalizado, y yo quieren agregar algo de margen aquí mismo. Yo quiero crear algo de espacio aquí mismo, que algo así como 50 pixeles bien, así que supongo verlo empezando a empujar hacia abajo porque somos crédito dio margen de 50 pixeles. Y por aquí, no puedo querer hacer lo mismo. A lo mejor alrededor de 100 píxeles, ¿verdad? Está a 100 pixeles. De acuerdo, entonces eres ese tipo de inclinado. Enfriar. Mira ahí mismo. Ok, ahora quiero centrar este texto y esto y esto y esto. El problema es que Devi no viene con un texto central para este módulo de persona. Entonces, ¿cómo cambiamos eso? Bueno, hay algunas maneras en que podemos cambiar eso. Chicos, en realidad podemos ir a este sitio web. No, chicos, en realidad tengo un CSS personalizado para ustedes chicos en el artículo anterior a esta conferencia, y ustedes necesitarán eso. Entonces si lo necesitas ahora mismo, adelante y retrocede. Pero voy a seguir adelante y agarrarlo de los otros módulos de otros sitios web. Está bien, así que voy a seguir adelante y copiar esto realmente rápido. Muy bien, voy a ir primero a este de aquí. Vale, Así que por aquí Ahora, quiero agregar algo de CSS personalizado para que el CSS ¿qué? Esto hará este zorro. Crea un overshadow que va a crear como una sombra a su alrededor para darle un toque realmente bonito . De acuerdo, entonces iremos aquí a este icono de engranaje, vamos a CSS, y voy a pegar este código en el elemento pequeño en los elementos principales. Ahora, puedes ver que tiene esa sombra ahí mismo. Por lo que se ve un poco más prestigioso, y ustedes pueden obtener este código de temas elegantes. De hecho pondré esto en la, um, la conferencia antes Así que ustedes sólo pueden seguir adelante y sólo, ya saben, agarrar el código y añadirlos a ellos. Entonces aquí va al icono del engranaje CSS y Elemento Principal. Y aquí otra vez, lo mismo. Para que ustedes puedan ver ese diseño de escritura que el tema normalmente no nos podría dar en este momento . Yo quiero centrar esto. Ahora bien, esto es un poco más fácil de entender. Entonces por aquí tenemos este texto alineado centro justo ahí, Así alinear texto, Centro. Esto es básicamente un comando que le estás dando el tema. Entonces voy a ir a este ícono del engranaje. Soy un ir a CSS y debajo de la imagen miembro, no la imagen podemos tener esto para la descripción también. Adelante y ritmo esto ahí dentro. Entonces lo que básicamente estoy diciendo chicos es que quiero que el texto se alinee al centro. Ahora, yo también podría cambiarnos a la derecha. A ver cómo estoy forzando el tema a escucharme. Yo estoy básicamente decidiendo, ya sabes, quiero el texto al centro. Puedes usar CSS personalizado para lograr resultados que el tema no te pudo dar. Entonces Así que lo estoy haciendo así, ¿sabes? Sigamos adelante y solo agreguemos esto al título aquí mismo. Vea cómo ahora sólo el título se está alineando con el centro. No hay puesto de miembro. Podría seguir adelante y pegar eso ahí también. O puedo decir, ya sabes, los vínculos sociales de los miembros. Yo quiero lo social y también al centro. Pero tal vez yo quería a la derecha. Entonces voy y digo que quiero estos a la derecha. Entonces entiendes cómo CSS tipo de funciona tu anulación Básicamente cualquier cosa que esté en el tema. Entonces ¿básicamente le estás dando comandos extra? Está bien, así que por aquí, sólo voy a ir y decir que sabes lo que voy a seguir adelante y solo publicar esto y la descripción de los miembros. Lo siento. En la descripción de noviembre aquí mismo. Mi ritmo, ahí. De acuerdo, entonces ahora todo está centrado, y se veía realmente, muy limpio y bueno. De acuerdo, Ahora, sigamos adelante y hagamos lo mismo para esta sección aquí mismo. Entonces por aquí, bajo la imagen miembro. Pero adelante y colóquelo ahí. Lo siento. Descripción del número. El miembro descripción de chicos. Está bien. Y el último aquí mismo. Voy a empujar esto en la sección justo aquí, pero ahí lo tienes. Ok, genial. Ahora digamos que quieres esta barra minimizada. Ahora. No se puede hacer esto solo. Tienes que tener CSS personalizado. Entonces voy a ir a mi otro sitio web justo aquí, y voy a conseguir el CSS personalizado ahora, Chicos, Chicos, esto también está en el artículo para ustedes chicos, Um, antes de esta conferencia, si ustedes chicos lo necesito, así que solo adelante y agarra. Va a seguir adelante y agarrar el mío muy rápido, y te voy a mostrar básicamente cómo usar esto. Copia esto. Está bien. Entonces voy a seguir adelante y guardar esta página ahora, y voy a hacer todo lo posible para ayudarte a entender lo que realmente significa el CSS. OK, entonces vamos a mi tablero aquí mismo. Soy un go a divvy y voy a opciones temáticas. De acuerdo, así que básicamente el CSS personalizado en el tema básicamente está diciendo que quiero aplicar esto a todo el tema. Entonces aquí mismo se puede ver que tenemos el módulo divisor. Entonces aquí mismo está el mando para el divisor. Y aquí mismo está el con. Entonces, ¿qué tan grande quiero que sea el con? Bueno, lo estoy diciendo, quiero al menos un 30% y auto significa que lo quiero en el centro. Ahora puedo poner a la derecha, pero elijo tenerlo en el centro para que también puedas hacer auto para centro también. De acuerdo, así que voy a salvarlo es y voy a abrir el sitio web bajo una página diferente e ir de nuevo a nuestro equipo. Entonces ustedes pueden ver que esta línea ahora es más pequeña. Ahora, si cambio esto aquí mismo a algo así como el 50% se va a hacer más grande. Voy a refrescar la página y ahora es más grande 23. Conoce el contorno de equipo cont,.: Y si hago algo así como el 10% se va a poner muy pequeño, ¿de acuerdo? Y ve por aquí y refresca la página. Ahora es muy pequeño. ¿ Ves eso? Entonces es solo un diseño que puedes agregar. Y estoy usando el módulo divisor no para crear espacio, sino para una especie de agregar el núcleo, ¿ verdad? Entonces solo estoy siendo muy personalizable con Devi y solo una especie de pensar fuera de la caja aquí. Ahora, salgamos y digamos OK, así que tenemos a estos conocen a estos tipos aquí mismo, Pero yo como que quería lucir un poco algo así a Mawr como esto. Aquí mismo. Entonces, ¿cómo hice esto? No, apuesto a que ustedes saben hacer esto. Tal vez recuerden cómo hacer esto un poco, pero voy a seguir adelante y mostrarles cómo hacer esto. Entonces voy a seguir adelante y solo, uh voy a copiar a este tipo y a este tipo y, um en realidad, necesito crear una nueva fila hace tiempo, dos más nuevos y agregar cuatro aquí mismo. Cierra esto. Ahora, simplemente voy a seguir adelante y arrastrar a estos tipos al nuevo papel aquí mismo. Está bien. ¿ Ves eso? Toma a este tipo también. Yo los estoy robando. Ve y ponlo por aquí, y voy a seguir adelante, robar a este tipo de aquí y ponerlo por aquí, y yo soy perezoso. Simplemente voy a crear uno más, y voy a arrastrar esto y ponerlo por aquí. De acuerdo, entonces tenemos esta fila justo aquí. Ya sabes, voy a cambiar la foto de este tipo. No quiero tener los mismos tipos. Entonces voy a seguir adelante y cambiarle la foto de este tipo muy rápido a este tipo de aquí. Muy bien, entonces tenemos este nuevo papel aquí mismo. Entonces, ¿cómo logré este efecto? Aquí mismo. Bueno, espero que ustedes puedan entender. Con sólo mirar esa caja, tenemos que hacerla más grande. Ya sabes, la caja no es lo suficientemente grande. Entonces voy a ir a remar sentado aquí mismo e ir a hacer de este tonto con. Vale, Ahora, recuerda con qué la canaleta hace la canaleta con básicamente aprieta la enfermedad juntos y asegúrate de que no haya lugar. Entonces voy adelante y doy clic en habilitar la canaleta con voy a cambiar esto a uno y voy a estar seguro para que ustedes puedan ver que aquí no hay espacio. ¿ Y cómo determino si estas fotos, ya sabes, cómo sé que donde están confiando en eso, ya sabes? ¿ Cómo determino eso? Bueno, por aquí en este icono de engranaje, ve al diseño. Recuerda cómo nos metimos con un margen personalizado antes Sólo vamos a hacer eso de nuevo. Entonces bajo el margen personalizado, voy a agregar este como 1 50 Así que ahora tenemos este efecto realmente genial, inclinado del margen justo aquí. De acuerdo, así que hemos agregado CS personalizado a estas fotos aquí mismo, y en realidad también hemos agregado en la sombra de fondo. Ustedes lo pueden ver aquí mismo. Sigue aplicándose. Entonces es que se va a quedar con él y el fondo. Eso se ve muy, muy bonito. Se ve realmente genial. Ahora, si ustedes sólo quieren un básicamente una línea estos juntos, simplemente no pongan ningún margen. Entonces en este ícono de engranaje aquí mismo, vamos a ir al diseño y no quiero ningún margen esta vez. Entonces quiero poner cero Este de aquí. Voy a poner cero. No quiero ningún margen. No quiero que solo no quieras que empujes. No quiero que hagas nada. Y luego por aquí, misma cosa exacta. El diseño. Voy a poner cero. De acuerdo, entonces este es otro efecto que ustedes pueden tener, pero vamos a ponernos un poco más creativos. Adelante y digamos OK, eso lo hemos hecho. Ya hemos hecho esto. ¿ Cómo hiciste esto? Ya sabes, ¿cómo acabo de crear esto aquí mismo? De acuerdo, así que yendo aquí a nuestra página web, voy a seguir adelante y solo duplicar a este tipo. Bueno, en realidad, no. Vamos a crear una nueva fila. Entonces voy a plus New y voy a dos esta vez, y solo voy a dar clic en X, y simplemente voy a copiar esto y pedirlo prestado. Mi copia Esto y voy a simplemente tomar a este tipo y simplemente arrastrarlo hasta aquí y luego sobre este tipo. Llévate a este tipo. Yo también lo voy a pedir prestado. Yo sólo estoy ahí. Necesito que me prestes tu cuerpo. Te voy a llevar por aquí, ¿de acuerdo? Y voy a duplicar a este tipo y dedicarle a este tipo. Ahora. ¿ Por qué no duplicamos a estos dos tipos para nosotros? Porque todo esto está en la misma caja, chicos. Entonces todo esto es un módulo nuevo? Básicamente. De acuerdo, así que básicamente quiero quedarme con eso. Pero quiero básicamente, ya sabes, quiero agregar algo más de espacio aquí mismo. Entonces, usemos nuevamente el módulo divisor. Pero esta vez, usémoslo para su propósito regular. Alguien vaya a plus nuevo click en esto, y voy al módulo divisor. Está bien, entonces la altura aquí mismo, ¿cuántas alturas quieres? Bueno, 300 píxeles. Entonces, ¿ves cómo el divisor aquí mismo está creando espacio? Eso es lo que hace el divisor. Eso es lo que se supone que debe hacer. No obstante, por aquí, solo lo usé estrictamente para su diseño. De verdad no me importaba lo que hace. De acuerdo, así que yendo por aquí, tenemos estas imágenes, pero , ya sabes, no quiero ningún espacio aquí mismo. Ya sabes, no quiero ningún espacio entre estos, así que voy a ir aquí a esta sección justo aquí, y simplemente voy a tomar básicamente la canaleta con y reducirla a una. Y ahí tienes. Ahora tenemos este hermoso efecto y ustedes pueden agregar, como, ya saben, conocer al equipo aquí mismo. Entonces seguiré adelante y solo, ya sabes, duplicar toda esta sección y solo arrastrar esta sección ahora hacia abajo justo aquí. Entonces lo estoy sosteniendo y me estoy desplazando. Y ahí tienes. Ahora, ahora tenemos una nueva sección de conocer el equipo. De acuerdo, así que esta es una forma realmente creativa de que ustedes puedan usar CSS. Y además sumar, ya sabes, algunos estilos diferentes y diferentes, ya sabes, formas de agregar y Devi. De acuerdo, así que espero que esta sección les haya ayudado a entender tipo de personalización, CSS y, ya sabes, solo estilo moderno. Sitios web hermosos como este son chicos realmente modernos, esto es realmente guapo. Y para un principiante, si estás haciendo este tipo de cosas piras en la espalda porque me tomó años hacer cosas como esta. Estaba haciendo cosas que eran tan feas cuando empecé, y me tomó unos años y como que,ya sabes, ya sabes, desarrollé. Y ahora puedo entender diferentes estilos. De acuerdo, así que eso es todo para los chicos de la sección. Espero que esto les haya ayudado a entender la costumbre. CSS. Tengo algunos artículos sobre CSS personalizado en el artículo anterior para ayudarte. Ya sabes, más lectura y esas cosas porque no quiero que solo te detengas aquí. Yo quiero que ustedes sean capaces de crear cualquier cosa que se pueda pensar. Está bien, así que eso está fuera para esta sección de índice, chicos, vamos a hablar más de eso. ¿ Qué tenemos después? Tenemos el hogar. El saldo. De acuerdo, vamos a hacer el contacto con nosotros. Ahora vamos al contacto. Este tipo está bien, así que los veré a todos ahí. 24. Crear la página de contacto: Muy bien, chicos, chicos, bienvenidos de nuevo. Entonces ahora vamos a hacer la última página, que es la página de contacto con nosotros. Y te voy a pasar por qué modelos utilizo y tipo de ayuda que visualices. Ya sabes lo que puedes crear con Devi. Entonces esto de aquí uso el cuarto encabezado, y acabo de decir, no en un botón. Correcto. Y por aquí, agregué en tres blurbs tan borrosa un blurb a blurb tres, y agregué en mis iconos, y lo hice todo del mismo color aquí mismo, añadido en una sección de llamada a la acción. Y aquí mismo agregué en un formulario de contacto, y hablaremos más de formularios de contacto en esta sección y esterlina aquí abajo. Este es un completo con mapa, ¿de acuerdo? Y aquí mismo este es nuestro pie de página personalizado que subí y del que hablamos en las otras conferencias. De acuerdo, así que sigamos adelante ahora y creemos la misma página exacta. Entonces voy a contactarnos y habilitar al constructor visual y también chicos después de la conferencia, vamos a hablar más de la optimización móvil, y eso es extremadamente, extremadamente importante. Especialmente después de que Google lanzó su nueva optimización móvil como actualización de CEO. OK, entonces voy a ir a esta sección más nueva, y voy a acelerarlo esta vez porque creo que ustedes entienden lo Ya saben lo que pasa ahora. Entonces ve a lleno con full con header, y justo aquí cuando se ponga contáctanos, ponte en contacto, y voy a colocar esto en el centro. Voy a hacer esta pantalla completa e ir a cerrar. Ahora, voy a cerrar esta otra sección aquí mismo, y voy a seguir adelante y añadir en una imagen de fondo así que vamos a añadir algo como, Ah, esto es todo esto es bastante genial. Ahora eso no funciona. Es demasiado grande. OK, entonces agregando algo como, um, veamos justo aquí. Esto de aquí. ¿ De acuerdo? Y por aquí, voy a seguir adelante y decir:Está bien, Está bien, ¿saben qué, chicos? Quiero seguir adelante y cambiar esta fuente aquí mismo, o hacer el diseño. Entonces cuando vaya a mi, um mi color de fuente de título y también el color de fuente de sub encabezado y quiero hacerlos un poco más grandes, voy a cambiar esto a ferrocarril. ¿ Todo bien? Y voy a cambiar el frente de subpartida también por ferrocarril, y luego vamos a hacerlo un poco más grande, este más grande. Y en esto y aquí arriba un poco más grande, y tal vez lo haga perno. Está bien. Entonces también, puedo agregar el, um, um, el espaciado de encabezado en el medio. Pero yo sólo estoy eligiendo no sólo porque ustedes probablemente ya conocen el espaciado entre líneas ahí mismo. Está bien. Por aquí, voy a ir a plus nuevo y me voy. Voy a dar click en este pequeño allá va Todo bien. Tan regular justo aquí y voy a dar click en estos tres y no simplemente añadidos en un blurb justo aquí. Entonces escuchamos mucho en algo como, um Bueno, Adam teléfono y no voy a poner una chica. Y quiero usar una Nikon y este ícono. Voy a usar el teléfono. Voy a encontrar el teléfono aquí mismo. Sé que está aquí en alguna parte. Ustedes probablemente listos. Lo vi. Probablemente lo dejaría pasar. ¿ O es o es quien gana primero? Ver? A ver si puedo encontrarlo aquí. Sé que tienen un teléfono uno. Simplemente no lo encuentro. por lo que ahí está. Está bien. Y quiero cambiar esto por algo así como negro. De acuerdo, Ahora me voy en la parte superior, y no quiero la animación. Recuerda, la animación es como, de derecha a izquierda igual que una animación pequeña. Y entonces aquí mismo, seguiré adelante y teclearé algo como, Ya sabes, esto. Iré a mi sitio web secreto aquí mismo. Página web secreta. Este es el sitio web secreto, y solo seguiré adelante y tiraré algún texto ficticio aquí mismo y lo pegaré. De acuerdo, Ahora, en realidad voy a hacer algo un poco diferente. Yo estoy en lugar de realmente, ya sabes, creando otro modulado aquí, un texto. Voy a seguir adelante y poner espacio aquí, y haremos algo así como, um, bueno, um, bueno, bueno, agregando nuestro número de teléfono 1 800 Vale, así que tenemos esto justo aquí, y, um, seguiré adelante y tomaré esta sección aquí mismo, y haré que sea de un color diferente. Algo así como Ah, lee. Está bien. Puedes agregarlo como un color rojo. Algunos como eso o lo que sea. Y sigamos adelante y alineemos esta sección, ya sabes, que sea un poco más ordenada. ¿ De acuerdo? Y ve a seguridad. Ni en realidad, Ahora, vamos al diseño aquí mismo. Y, ya sabes, podemos, ya sabes, meternos con los diseños. Ya sabes, debilita, Ve a algo así como los teléfonos corporales aquí mismo, cambia el cuerpo, cae al ferrocarril. Está bien. Y también agrega algo ah, altura de línea justo aquí. Todavía fuera en la línea. Hola. Así. Perfecto. Está bien. Y además, ustedes pueden cambiar el tamaño de esto. Este el ícono también. Entonces no lo olvides, siempre se puede cambiar eso. Entonces hago clic en esto aquí mismo, y voy a duplicar y arrastrar y soltar y duplicar y arrastrar y soltar. Entonces por aquí, quizá quieras cambiar esto algo como correo electrónico, escribir correo electrónico. Y luego por aquí, pondremos algo como, um, veamos qué debemos poner. Qué es Cuál es el correo electrónico uno. ¿ Eso funciona? ¿ Hmm? No lo sé. Está cerca. Yo lo sé. No tienen uno por correo electrónico. A ver, Aquí mismo. No, eso no funcionaría, ¿verdad? No lo sé. Eso está bien, pero simplemente no es realmente lo que estamos tratando de lograr. Entonces el correo electrónico o yo iba en un momento así aquí mismo, ¿de acuerdo? Y luego justo aquí en la sección inferior sobre el rojo. Probablemente podemos poner algo así como, Tú eres nuestro correo electrónico, ¿sabes? Y luego por aquí, pondremos algo como nuestra tal vez nuestra ubicación, nuestra dirección, y luego cambiaremos. Esto es algo así como, tú. Encuentra un icono de dirección, ¿verdad? Encuentra una dirección o como una casa. Deberíamos encontrar una casa. Creo que la casa va a funcionar. Vamos a ver aquí. Está bien. Y luego en el fondo, por supuesto, pondremos en nuestra dirección aquí mismo. Ustedes pueden cambiar este color a algo como, ya saben, oscuro o algo que tal vez esto tenga como, un gris, y es como un color más oscuro. Sólo estoy usando el rojo sólo para dos. Los chicos de Tolbert que conozco se ven muy, muy feos. Pero sólo estoy tratando de, como, ya sabes, explicar. Ya sabes lo que hace. Entonces, um, sí, seguiré adelante y cambiaré la sección aquí mismo para que me guste, uh, no sé, Los Angeles Road. El camino sin fin del Atlas. De acuerdo, entonces eso es básicamente esta sección chicos que creamos aquí mismo. Simplemente básicamente uso diferentes tamaños de fuente. Y, um, eso es básicamente todo lo que realmente hice fue solo que hice el ícono un poco más pequeño, así que aquí. O sea, el ícono un poco más pequeño, pero no menos. Chicos es básicamente lo mismo. Y por aquí, acabo de añadir más altura de línea, pero como que me gusta empezar un poco mejor. Es decir, esto es un poco más de cadera, supongo que se puede decir OK, así que en esta siguiente sección aquí mismo, vamos a seguir adelante y crear esta siguiente sección. Entonces voy a plus nuevo regular, y voy a sumar en este de aquí y simplemente añadir una llamada a la acción y poner algo como, um, déjanos tu información. Y también, chicos, siempre que te gusten así. Asegúrate de que la primera letra siempre sea mayúscula. Simplemente se ve bien. Y eso es justo lo que hace todo el mundo. De verdad. Es sólo la forma en que va. Y yo no escribo las reglas. Yo sólo como que juego el juego, ¿sabes? Entonces vamos a hacer impuestos el color es oscuro, y aquí mismo tenemos algo como, um, bueno, vuelve a ti y para el diseño, tal vez quieras cambiar. Esto es algo así como el ferrocarril, ya sabes, mantenerlo consistente. Teníamos un poco más grande. Y también para los teléfonos corporales también. Podemos agregar algo así como ferrocarril. Creo que se ve bien. Está bien. Y en la siguiente sección, vamos a hacer uno nuevo, o en realidad podemos ponerlo aquí mismo. Realmente no importa. Podemos crear toda una nueva sección para poner un formulario de contacto o añadida en esta sección. Por lo que solo voy a plus nuevo voy a este aquí mismo y agrego cualquier formulario de contacto. De acuerdo, Entonces la conducta de los chicos es un poco diferente. Entonces aquí mismo tenemos nombre, dirección de correo electrónico, y puedes agregar más como aquí mismo. Podemos agregar algo como, uh ah, ya sabes, lo que quieras aquí mismo, como número de celular o algo así. Pero no voy a ir realmente a añadir nada de extra. Entonces aquí voy a nombrar Sofield. Yo d significa tu nombre ahí mismo. El título es el nombre. Entonces el tipo es que tienes el campo de entrada, correo electrónico o área de texto. Entonces el área de texto es básicamente para like, unas áreas de entrada de mensajes para, como, un nombre. Apellido celular. El correo electrónico es su dirección de correo electrónico. Está bien. Ahora bien, ¿es este un campo obligatorio? ¿ Eso significa? ¿ Tienen que llenar la sección de nombres? ¿ Se requiere? Se puede poner sí o se puede poner. Ahora bien, ¿quieres hacer esto lleno con eso? Lo que eso hace es que hace que esta sección específica esté llena de, y puedes tenerlo horrible con, ya sabes. ¿ Vas a decir que no? A mí me gusta cómo se ve esto. Yo quiero seguir adelante y dejarlo estándar. ¿ Todo bien? Ahora para los chicos del diseño, por supuesto, la personalización es ilimitada. En realidad podemos cambiar el color de fondo para la sección. Vamos adelante y decimos, ya sabes, para las fuentes de campo quiero cambiar esto a ferrocarril. Yo quiero especie de mantenerlo consistente con mis sitios web. Tan ferroviario, ve la diversión y ahora está cambiando y el color del texto de campo cambia algo así como CNBC blanco. Es blanco, y podemos sumar en una próxima frontera ra. Pero, um, ya sabes, si quieres agregar otro borde, puedes agregar algo como rojo o el color que quieras. Entonces eso es lo que hace la frontera. Está bien. Y por supuesto, tienes una frontera con la frontera. Puede ser punteado, rayado la frontera. El borde tiene muchos estilos diferentes, pero es realmente feo con forma de contacto. Pero estoy seguro de que hay algunas razones para usarlo, ¿sabes? Sé que no hay razones para usarlo. ¿ De acuerdo? Entonces otro que chicos, esa es básicamente la opción para cada uno específico. Entonces yo estaba repasando el correo, así que lo tengo justo aquí, y tenemos entrada. 25. Contactación de la página de contacto.: vez en cuando. El título aquí mismo es la dirección de correo electrónico. Puedes ponerlos como, yo, email aqui, Ok? Y este tipo es el campo de correo electrónico. Entonces aquí es donde van a entrar en la dirección de correo electrónico, ¿de acuerdo? Y de nuevo diseñado. Lo mismo. Ustedes pueden diseñar esta sección. Ahora, si quieres agregar una nueva sección como, digamos que quieres agregar algo, como el número de teléfono siendo click en un nuevo elemento y escuchamos un teléfono put y luego mi número de teléfono y aquí mismo, ponlo campo de entrada. Y, ya sabes, eso básicamente no hago cuidadoso con esta pantalla completa, y como que quiero mover esto al teléfono un poco más alto por aquí. Ya sabes, quiero hacer eso, ya sabes, un poco más ordenado. Ahora, podemos hacer esto lleno con chicos podemos decir, Mira, estos esto realmente no se ve bien. Así que vamos a salir y decir: Mira, Mira, lo quiero horrible ahora porque quería una especie de todo coincidir entre sí. Entonces por teléfono, voy a hacer esto lleno con y en el correo electrónico. Hacer esto adelante también. De acuerdo, así que ahora me gusta, ya sabes, se ve un poco guay. Y tú puedes yo tipo de diseños cambiados como esta sección. Se puede tener oscuro. ¿ Por qué oscuro? Ya sabes, agrega, ya sabes, sabor y decoración a tu diseño. Ya sabes, no quieres irte. Es estándar y aburrido. De acuerdo, así que volviendo por aquí ahora, captura. Entonces, ¿qué es una captura? Capturar es básicamente cosas que evitan el spam. Entonces ustedes chicos, me dan toneladas de gente de spam como, Hey, ¿quieren comprar mi Viagra? Oye, quieres comprar esto Esta, uh, uh, esta computadora o Hey, ¿quieres conseguir el número uno? Está bien. En Google o lo que sea eso lo que impida la captura. Previene los bots automatizados. Por lo que te recomiendo poner su sin embargo te lo quites, va a quitar la captura. Está bien. Y correo electrónico. Así que adelante y pon en tu correo electrónico a los chicos. Si tienes preguntas, solo tienes que seguir adelante y poner como, ya sabes, solo tienes que dar click en esto. Te dice lo que son cuatro. Entonces, ya sabes, adelante y pon tu dirección de correo electrónico ahí mismo y el título de lo que querías decir . Al igual que, ya sabes, definir un contacto. Un título para su formulario de contacto. Entonces, ya sabes, um, el equipo de debate. Entonces aquí. Pero el formulario de contacto tema de Davy. De acuerdo, Patrón de mensaje. Ustedes pueden una especie de, ya sabes, simplemente agregados cuando ustedes quieran. Además, ustedes siempre pueden ir por aquí y poner esto aquí mismo y determinar como lo que quieren ahí mismo. Entonces, ya sabes, ustedes pueden ir a ver esto y, ya sabes, poner esto. Pero generalmente yo solo, ya sabes, simplemente lo dejaría en blanco por defecto, ¿sabes? Aquí mismo. A menos que sepas lo que estás haciendo. Simplemente lo dejaré en blanco por defecto. Está bien, chicos. Entonces va aquí abajo, tan habilitado. Directo. Estás bien. Ah, ya sabes, no me metería con esta característica. Es un poco más avanzado, pero esto básicamente los habilitará a una chica diferente después de que rellenen tu formulario. Entonces digamos que pensaron tu forma. A qué página quieres que vayan después de que rellenen tu formulario. Ahora el mensaje de éxito. ¿ Qué querías decir? Entonces puse Sí, funciona. Nos vemos pronto. Entonces una vez que sintieron el formulario de contacto, chicos ¿Dónde quieres decir sobre el mensaje de éxito? Se va a decir, ya sabes, lo que quieras, así que pongo Nos vemos pronto, etcétera. Y eso es básicamente todo tipo. Entonces este contacto para mi horario, vamos a mi correo electrónico y pongo el formulario de contacto hizo él y todo está básicamente, ya sabes, en predeterminado para el patrón de mensajes. Por lo que irá directamente a tu bandeja de entrada, y funciona como un encanto. Es realmente, realmente fácil. Si tienes problemas con esto, podría ser tu empresa de hosting. Entonces primer contacto, temas elegantes. Dígales Oye, mis correos no funcionan ni se cortan. Van a spam segundos. Si dicen que es tu empresa de hosting, contacta con tu empresa de hosting y deberían poder ayudarte o averiguar cuál es el problema. De acuerdo, voy a ir a revisar, y eso es todo. Llenamos el formulario de contacto realmente simple, realmente fácil. De acuerdo, entonces a continuación vamos a seguir adelante y sumar al completo con leve antes el mapa, cuarto mapa. Por lo que en nueva sección completa con e ir al mapa. Y lo hicimos antes. Chicos, ya estamos esto antes, así que voy a hacer lo mismo, pero Hollywood, um, nuestro hogar, nuestra base. ¿ Qué es eso? ¿ Algo de Liga de la Justicia? Frío. Su base de operaciones. Se me olvidó. Tengo que buscar esa. Entonces aquí, poner, como Hollywood. Ver un Vale, así que lo encontré. Ahora vamos a ir por aquí y poner como nuestras horas de operación 9 a 5. De acuerdo, así que encontré esto aquí mismo, y luego voy a dar click en cheque. Muy bien, ahora, por aquí, necesitamos centrar el mapa. Entonces, ¿dónde quieres que el mapa se centre entonces? Entonces voy a decir Hollywood, California, y encontrarlo. Y voila. Entonces conseguimos Hollywood, California. Y si haces click en esto aquí mismo, nuestra base domiciliaria, nuestras horas de operación y eso es lo que es el formulario de contacto Y también chicos. Por lo que se desplazan sobre su Este aquí mismo deshabilita eso. Entonces ahora no pueden hacer eso, y solo pueden hacer clic en él. Puedes poner en tu domicilio. Puedes poner lo que quieras. OK, entonces es bonito, bastante malo. Lo siento. Fácil, TIF factible. Tiene sal, Dragonball. Cuando mi cerebro era como arrastrar un proyecto de ley más esto. Sí, estamos así que no soy gon chequear ojos y eso es básicamente todo. Chicos, creamos un formulario de contacto completo. Muy simple, Muy fácil. De acuerdo, así que quédense, chicos. No dejen esta sección editorial aún porque ustedes piensan Oh, terminé. Y yo hice la página web. Vamos a hablar mucho más sobre la optimización móvil y otras características. De acuerdo, entonces los veré a todos en las próximas conferencias. 26. Optimización de móvil: Muy bien, chicos, chicos, bienvenidos de nuevo. Entonces aquí vamos a hablar todo sobre la optimización móvil y también algunas características adicionales que Devi tiene para ofrecer. Entonces aquí mismo, voy a ir a habilitar al constructor visual. Y primero vamos a hablar de la optimización móvil. Entonces, chicos, optimización móvil es extremadamente importante porque a partir de 2017 su brazo o usuarios móviles que hay usuarios de escritorio. Por lo que realmente quieres asegurarte de que tu sitio esté optimizado para móviles. Por lo que haciendo clic en este pequeño ícono morado aquí mismo, voy a cocinar en este ícono de la tableta aquí mismo. Por lo que es así como nuestro sitio web actualmente se ve en una tableta. Entonces va y desplácese hacia abajo y vea si hay algún cambio que tengamos que hacer y qué podemos hacer para arreglarlo. Entonces desplazándose hacia abajo seis. Esto se ve bien, ¿sabes? Pero aquí mismo, um, ya sabes, no me gusta la forma en que se ve esto. Y también el relleno justo aquí tampoco es bueno. Por lo que quiero básicamente cambiar esta sección aquí mismo. Entonces hay algunas maneras en que puedo hacer esto, ya sabes, um, primero, voy a seguir adelante y decir: Mira, Mira, quiero, ya sabes, mover este texto aquí mismo a tal vez el centro solo para la optimización móvil podría en este icono de engranaje justo aquí e ir al diseño. Ahora, mi desplazamiento hacia abajo hasta el tamaño de fuente del encabezado. Entonces si hago clic en el pequeño teléfono aquí mismo, se puede ver smartphone y tablet. Ahora, aparecen así aquí mismo en la tableta. Se puede ajustar el tamaño de este. Ahora bien, esto es solo para las tabletas. ¿ Ves eso ahora en el smartphone? Esto no se ve muy bien aquí mismo. Esto se ve realmente desordenado. Entonces tenemos que arreglar esto aquí mismo para que podamos hacer esto un poco más pequeño solo para el teléfono. Y ahí tienes. Eso se ve un poco más limpio, ¿verdad? Parte de la revisión de armas aquí mismo. Ahora, también el relleno aquí mismo. El relleno justo aquí no es bueno. Entonces sigamos adelante y tratemos de arreglar esto aquí mismo. Entonces voy a ir al ícono del engranaje y soy un ir a diseñar y desplazarme hacia abajo a la parte inferior y justo aquí tenemos el fondo. Entonces voy a ir a dar click en el teléfono primero. El teléfono básicamente va a controlar cómo se ve esto aquí mismo. Por lo que quiero agregar algunas palmaditas en la parte inferior justo aquí. Algo así como 40 píxeles o 80 píxeles. De acuerdo, para que ustedes vean que esto se ve un poco mejor para las tabletas. Ahora, sigamos adelante y echemos un vistazo al smartphone. El smartphone? Eso se ve bien, ¿verdad? Tenemos relleno ahí mismo. No se ve muy mal. Debo bajar ahora. Por aquí. Podríamos querer cambiar esta sección aquí mismo. Esta sección de aquí se ve un poco extraña, ya sabes, no se ve muy bien. Y también, aquí también hay temas de palmaditas. Entonces aquí mismo. Haga clic en el teléfono y ustedes pueden ver que esto se ve bien en el teléfono aquí mismo. Pero tal vez necesitemos limpiar eso en la tableta. Entonces aquí vamos a este icono de engranaje y vamos aquí para diseñar y el tamaño de fuente del encabezado. No me gusta esto aquí mismo, y voy a reducir esto para el smartphone. Igual que eso. Entonces ahora ustedes pueden ver que se ve un poco más limpio. Ahora revisa la tableta en la tableta. Esto se ve bastante bien. Esto se ve bien. De acuerdo, Alguien va a dar click en esto Ahora, por aquí. Vamos a seguir adelante y dar click en este pequeño icono de engranaje, ámbar gris. cual esto a la tableta. De acuerdo, así que sigamos adelante y limpiemos esta sección aquí mismo. Entonces tenemos esta resección de palmaditas aquí mismo. Alguien vaya haga clic en este ícono de engranaje y vamos a ir al diseño. Nos vamos a desplazar hacia abajo, Sólo sigue creciendo. Vamos a bajar a la columna Un relleno. Ahora, vamos a dar click en esto, y vamos a dar click en la tableta. Entonces aquí mismo. Ya sabes, necesitábamos arreglar esto aquí mismo. Entonces hay palmaditas en la parte inferior justo ahí. Entonces voy a añadir cero palmaditas en la parte inferior, ¿de acuerdo? Y luego también en la parte superior. En realidad, voy a seguir adelante y probablemente quitaré todo esto aquí mismo. Y para ver cómo se ve esto justo aquí. Adelante y eliminemos. Eso está bien. Está siendo un poco raro. De acuerdo, así que voy a seguir adelante y añadir un poco más. A lo mejor 45. Ah, 47. 48 ª 49. Está bien. 50 es bueno. 50. Se ve bien. Está bien. Para que puedan ver que he sacado la palmadita de arriba justo ahí. Y he añadido en 50 ahí mismo. De acuerdo, así que esto se ve mucho mejor que lo que hacía antes. Justo antes. Parecen basura. Y fue realmente desordenado. De acuerdo, así que voy a dar clic en comprobar y desplazarme hacia arriba ahora. Chicos, se ve mucho más limpio ahora en la tableta, algo haga clic en seguro. Ahora sólo va a echar un vistazo a otra página. Ya sabes, no tengo ni idea de qué esperar. Vamos a seguir adelante y sólo x constructor individual, A nobles cabras a algo así como, um, pestaña Servicios. Y vamos a ir a habilitar al constructor visual. Y veamos cómo se ve esto ahora en el dispositivo móvil aquí mismo. Haga clic en esto aquí y vaya a primero. Iremos a la tableta. Esto se ve bastante estándar. No, esto estaba un poco limpio. Vamos a la tableta. Está bien. Ya sabes, no creo que haya mucho que cambiar en esto aquí mismo. Entonces, ya sabes, creo que se ve bien, y voy a ir al teléfono, ¿de acuerdo? Y nos desplazaremos hacia arriba justo aquí. Y así es básicamente como se supone que se vea. Se ve bastante limpio. Ya sabes, podríamos hacer esto un poco más pequeño si eliges. Ya sabes, podemos hacer esto solo podemos hacerlo en una línea en el icono de engranaje. Soy un go al diseño y quiero cambiar la fuente del encabezado o el tamaño de fuente del título. Por lo que haremos click en esto y pincharemos en el smartphone y podemos reducir este tamaño aquí mismo. Ahora eso se ve un poco más limpio, ¿verdad? Por lo que hay que seguir adelante, chicos, y asegurarse de que su sitio esté totalmente optimizado para móviles y haciendo clic en el teléfono. Eso es exactamente cómo cambiarlo, porque si hago clic en guardar aquí y vuelvo a algo como la computadora aquí mismo , vas a ver que la fuente de texto no lo cambió en Lee cambió para el móvil dispositivo. Entonces no le va a gustar, ya sabes, cambiar toda tu página web. Está en Lee va a cambiarlo específicamente para dispositivos móviles. OK, ¿quieres seguir adelante y realmente asegurarte de que esto parezca que se supone que debe? Todo se ve realmente, muy bien. Realmente no veo nada en esta página que necesitemos cambiar realmente. Está bien. Entonces, chicos, optimización móvil es muy importante y así es como básicamente, ya sabes, optimizan desde el móvil. Ahora, si hay una sección que no quieres mostrar, digamos por ejemplo, ah, ah, en esta página de contacto, Vamos por aquí. No soy capaz de esta bala visual aquí mismo. Digamos que no quieres que esta sección aparezca aquí mismo. Entonces tengo que hacer es cocinar en este pequeño ícono morado o cualquier icono, y vas a desplazarte hacia abajo y vamos a ir por aquí y poner deshabilitar en el teléfono y las tabletas porque no quiero que la gente del teléfono o de la tableta vea este módulo. No quiero que lo vean. Entonces voy a seguir adelante y decir: OK, OK, es seguro. Entonces con eso, lo que acabo de hacer fue básicamente decir, Si estás en la computadora, puedes ver esta sección. Si estás en un teléfono o en una tableta, no puedes ver esta sección, y voy a ir contigo. El dispositivo móvil justo aquí y ah, esto se ve bastante bien. O el dispositivo tablet. Esto se ve bastante bien y ustedes pueden ver ahora es algo gris, y cuando es genial así, eso es básicamente decir que esto está deshabilitado para la tableta o cualquier dispositivo que elijan para ir al teléfono ahora, Lo mismo. A ver cómo es un poco genial ahí afuera. Entonces no está apareciendo en ningún dispositivo móvil, ¿de acuerdo? Y metiendo la pata por aquí porque simplemente se ve bien. Podríamos necesitar reducir el tamaño de esto, pero, ya sabes, eso también es un estilo, ya sabes, puedes decir, Oh, ese es tipo de estilo, Pero digamos que para Detroit represent, quieres cambiarlo, vas a ir a nuestro ícono de engranaje, vamos a diseñar, y vamos a encontrar el tamaño de fuente del título haga clic en Pequeño icono del teléfono y debajo del smartphone, vamos a reducir esto. Ahora, esto se ve, esto se ve un poco demasiado grande ahora, también. Entonces queremos seguir adelante y tal vez cambiar esa sección también. El subencabezamiento de las fuentes en el smartphone. Voy a reducir eso también. Por lo que se verá así en el dispositivo móvil. OK, ustedes chicos necesitarán seguir adelante y asegurarse de que eso esté optimizado para móviles. Si no quieres una sección que muestre, ya sabes, um, que simplemente no quieres mostrar en el teléfono de las tabletas. Asegúrate de desactivar su porque, ya sabes, algunas secciones no son realmente necesarias para los teléfonos,ya sabes, ya sabes, tal vez como un formulario de contacto muy largo y complicado. Alguien podría no sentir eso en su teléfono. Realmente no lo sé, pero te toca decidir. Pero eso es todo para esta sección. Chicos sobre la optimización móvil. Realmente quieres pasar por la página web y asegurarte de que esté optimizado. Y además, si ustedes quieren ver los cambios previos que hicieron en el pasado, pueden hacer clic en este pequeño, este pequeño icono del teléfono, y esto es en realidad lo vamos a cargar a lo que sea. Es como una historia como un efectivo. Entonces cualquier cosa que hicieras, solo podrías volver a decir, quiero volver a esta sección o a esta sección. Es como un lugar seguro. OK, así que cada vez que creas que estás teniendo problemas y quieres volver atrás, solo tienes que ir a tu historia y echa un vistazo a eso. De acuerdo, entonces el siguiente en realidad, chicos, vamos a hablar de una serie de otras conferencias que he incluido en otros sitios web, como optimización de video para teléfonos, porque los deslizadores de video no se reproducen en el dispositivo móvil, por lo que te mostraré cómo arreglarlo en la siguiente sección. Entonces los veré a todos ahí. 27. Optiimzation de la la cual Optiimzation: todo el mundo, Es Darryl. Y hoy les voy a dar algunos consejos y trucos rápidos con el nuevo tema divvy. tres puntos. Entonces ahora mucha gente me preguntaba por el deslizador de video. Por lo que a mucha gente le gusta tener estas arañas de video grandes y hermosas que se ve así. Pero recuerda, estos deslizadores de video no se reproducirán en ningún dispositivo IOS. Esa es solo la forma en que la manzana lo tiene. Entonces si tienes un iPhone y vas a esta página web, no se verá así. Se verá como un fondo gris, pero hoy te mostraré cómo puedes arreglarlo. Entonces, por ejemplo, si alguien viene por un sitio web en una computadora, se verá así. Ahora queremos optimizarlo básicamente para móviles. Entonces te voy a dar un buen consejo y truco para arreglar esto. Entonces lo primero que quieres hacer es en realidad solo duplicar esta fila, así que vamos a duplicar toda esta sección. Por lo que ahora tenemos que video sliders. De acuerdo, Ahora, vamos a ir en este pequeño ícono de engranaje justo aquí, y voy a hacer clic en esto y voy a desplazarme hacia abajo y en realidad voy a desactivar esto en las tabletas y el teléfono y hacer clic en cheque. Entonces ahora esta sección de video está en Lee tocando en el, um, en la computadora. No va a jugar en ningún teléfono o tableta, por lo que la gente no verá esta sección si usan un dispositivo móvil. Porque has estado en esos sitios web eran como Skype o algo así, donde vas a él por teléfono y se ve completamente diferente. Bueno, eso es algo que vamos a hacer hoy. Entonces esta otra sección, en realidad vamos a matar este fondo de video, y vamos a agregar en una ya sea una imagen de fondo o un color. Entonces haga clic en el icono de engranaje. Vamos a sacar el video MP cuatro, y, ah, y, ah, en lugar de eso, en lugar de eso, podemos agregar y tal vez como un color de fondo en su lugar. Y recuerden, ustedes siempre pueden probar esto con sólo usar su teléfono. Simplemente ve a visitar la página web en tu teléfono para ver si es móvil sensible. Entonces tal vez quiero este fondo azul. No, algo simplemente bastante simple. Correcto. Entonces ahora me voy a desplazar aquí mismo, y en realidad voy a desactivar esta sección en la PC así como así. Por lo que ahora esta sección sólo se jugará en el, um en el teléfono y la tableta, pero las personas con un escritorio no podrán ver esta sección. De acuerdo, Parece que el fondo cambia un poco, así que cambiemos un poco más oscuro. Se ve así. Y, uh sí, así que voy a dar click en X ahora, sólo dejarles saber la lógica detrás de esto. Entonces recuerda, esta sección jugará en Lee en la computadora, y esta sección ahora sólo se mostrará en el teléfono y la tableta. Entonces así es como se consigue más allá de los deslizadores de video. Porque mucha gente me envía un correo diciendo que el video no muestra lo que está mal con el tema , ya que no es el tema. Es solo la tecnología para Apple, desafortunadamente, no sale cómo videos cartas has jugado en el teléfono. Entonces así es como ustedes arreglan los deslizadores de video. Tendré más tutoriales en televisión saliendo como la próxima semana. Voy a tener uno sobre modelos de texto, y después de eso hablaremos de, um, la imagen CSS personalizada. Entonces llegaré a eso. Pero eso es todo lo que quería mostrarle a todos hoy. Entonces espero que esto haya ayudado a todos los que usan esos grandes videos luchadores a seguir adelante y les guste y suscriban este pidio. Y los veré probablemente la próxima semana. Nos vemos más tarde. 28. Módulos de texto con móvil: chicos, Es Darryl. Y hoy les puede dar un consejo rápido para el nuevo tema divvy. Tres puntos. Ah, y hoy voy a hablar con ustedes sobre cómo optimizar el módulo de texto para usuarios móviles. Ahora, partir de 2014 hay más usuarios móviles que usuarios de escritorio. Por lo que optimizar tu sitio para móviles es bastante importante ahora, a menos que tú esas locas en Starbucks que sólo tipo de sentarse en laptops todo el día y ver todos esos paquetes de azúcar. Pero la mayoría de nosotros, ya sabes, revisamos nuestros teléfonos cuando estamos en el trabajo o en casa de un amigo, etcétera. Entonces permítanme darles un ejemplo de lo que estoy hablando. Entonces me voy a desplazar hacia abajo en mi sitio web justo aquí, y estoy seguro que ustedes han visto esto, Ya saben, como en su sitio web. Tenemos títulos como este. Entonces aquí mismo tenemos nuestro trabajo reciente es increíble. Sabemos que quiero mostrarte ahora cómo se ve en el dispositivo móvil. De acuerdo, así que me estoy desplazando hacia abajo y parece que parece basura. Está todo abarrotado. No se ve bien. Entonces te voy a mostrar hoy cómo arreglar esto. Entonces primero voy a volver a mi escritorio, tú y nosotros vamos a ir a ese módulo, acuerdo? Y recuerda, deberías estar haciendo esto en cada texto de encabezado que tengas que introduce, como una nueva sección. Entonces esto aquí mismo introduce esta sección y ya sabes, esto introduce seis sección, así que te mostraré cómo optimizarla para el móvil y la tablet hoy. Entonces, ¿lo primero que quieres hacer es ir por aquí y dar click en el icono de engranaje y quieres encontrar tus textos? Mi blanco de Texas. Entonces no puedes ver. Es para que yo sepa que está justo ahí. Pero en realidad quieres cambiar esto aquí mismo por el encabezado uno, y en realidad puedes diseñar esto. Entonces yendo a tu diseño. Ahora es la fuente del encabezado y el texto del encabezado en lugar de la fuente Thea Text etcétera. Entonces, por ejemplo, puedo ir por aquí y cambiar el tamaño. Por lo que ahora esta parte está controlando el texto del encabezado. Entonces iba a dejar eso en blanco por ahora. Leavitt, click estándar en la casilla de verificación, y ahora voy a ver cómo se ve en el dispositivo móvil. Está bien. Ahí vas. Por lo que está totalmente optimizado para el teléfono. Ahora revisa la tableta. Ahí vas. Entonces ahora se ve bien en el dispositivo tablet y es realmente importante hacer esto por todas estas secciones que tienes que introducir, sabes, una nueva sección porque alguien me preguntó. Están diciendo que parece que todos se juntan. Y le dije, No estás usando el módulo correcto, pero, um, por eso quería mostrarles hoy chicos. Pero voy a estar teniendo más tutoriales saliendo, como un tutorial de e commerce David. Pero no hasta que arreglen errores y cosas así. Hay algunas cosas que están un poco equivocadas. Además, estaré vendiendo estos diseños D V que está escribiendo. Estoy creando probablemente cuatro sitios web, ya sabes, como sitios web pre hechos que acabas de importar exportación al lado de Europa. Es bastante sencillo, así que los estaré vendiendo más adelante, así que asegúrate de gustarte y suscribirte y echa un vistazo a eso. Aparte de eso, ¿tienen alguna otra pregunta con respecto a la televisión o algo que quieran decirme? Siéntete libre de ponerlo en la sección de comentarios y haré todo lo posible para volver a ustedes así los veré a todos después 29. Comunidad y carrera de Divi: Muy bien, chicos, bienvenidos a esta conferencia. Hablaremos de vender diseños y cosas así. Entonces, ya sabes, ¿se ha vuelto tan popular en los últimos años? Hay empresas que se dedican únicamente a vender diseños divvy. Entonces, básicamente, lo que hacen estas empresas es que solo crean temas infantiles o crean diseños Devi y simplemente los venden a tiempo completo. Ya sabes, en lugar de construir un sitio web para un cliente tú mismo, en realidad puedes simplemente seguir adelante y decir: ¿ Sabes qué? Yo sólo voy a seguir adelante y sólo comprarlo. Cómo tema. O por un layout. Simplemente abofetea en algún sitio web por 100 dólares y cargarles lo que quiera. Entonces si te interesa algo así como desarrollar tus propios diseños para Davy hay un enorme mercado, hay cientos de desarrolladores que solo crean temas y diseños infantiles solo para sitios web. Entonces por aquí tenemos estos diseños aquí mismo. Ahora, aquí mismo. Todos estos son gratuitos, pero están pidiendo donaciones. Por lo que por aquí y dar click en mostrar detalles y yo mi vista la demo. Por lo que este este sitio web aquí mismo fue creado con el tema divvy. Y este es un layout que ustedes chicos solo pueden comprar o donar o lo que quieran. Por lo que cientos de empresas chicos realmente han respaldado la televisión, y están tan seguros de que tienen un negocio únicamente en vender diseños de televisión. Porque, seamos honestos, es el tema calificado número uno. Entonces si ustedes chicos están interesados en el diseño web o quieren aprender de este negocio, ustedes chicos básicamente pueden crear sus propios diseños, exportarlos y simplemente decir, Hey, chicos, estoy vendiendo estos diseños. ¿ Sabes qué? Ustedes quieren seguir adelante y comprar estos diseños porque, ah, ah, mucha gente por ahí los está vendiendo. Es decir, mira estos precios, como si los estuviera vendiendo por tal vez 15 pavos. Ahora, todos estos son realmente altamente valorados, y estos incluyen, como, ya sabes, el hogar, el sobre los servicios, la página de contacto, y estos otros los chicos de aquí están haciendo exactamente lo mismo. Ahora, en lugar de construir un sitio web para un cliente, chicos, básicamente pueden comprar uno de estos diseños de Davey o incluso vender el suyo propio a otras empresas. Entonces solo estoy algo así, ya sabes, presentarte a los mercados no te están influenciando para que compres nada. Solo te estoy haciendo saber que hay un mercado para Davy Loud. Todas estas páginas que ves aquí mismo son diseños de Davey ahí solo sitios web que la gente simplemente se sienta y crea todo el día y simplemente crean diseños. Y después de eso, ahí, diciendo: Está bien, ya sabes, voy a seguir adelante y vender este diseño, ya sabes, y seamos honestos por 75 dólares, eso es mucho trabajo, ya sabes, para que alguien desarrolle unas webs completas para ti y tus clientes o para quien tu conozcas, tu quieres, eso te va a ahorrar mucho tiempo. Y estos son eficaces en función de los costos. Es decir, te estás poniendo todo un alcista aquí por 35 dólares. O sea, eso es simplemente inmejorable. También en mi página web por aquí, obtienes un todo ya sabes, un sitio web por 10 dólares, ya sabes, y no se trata de que tú sabes, yo tratando de venderte en esto. Sólo te estoy presentando a los mercados de lo que puedes crear. Entonces aquí mismo tengo estos sitios web, y este es un layout. Y esta tarde, estoy vendiendo por 10 a 15 pavos. Ahora bien, no hago tanto dinero en ello porque, ya sabes que no soy una empresa enorme ni nada, pero en lugar de básicamente, ya sabes, construir tu propio sitio web para un cliente quiere una fotografía estás mejor comprando un layout de,ya sabes, ya sabes, uno de estos vendedores y,ya sabes, ya sabes, solo abofetearlo en algunos sitios web, y ahí tienes. Ahora, si quieren vender los suyos propios, básicamente pueden crear nuestros propios sitios web y hacer exactamente lo mismo que estos chicos estaban haciendo diciendo, Hey, ya sabes, tengo un layout aquí creé, Es quiero venderlo. Ya sabes, es que quiero venderlo por 50 dólares y, ya sabes, tal vez ofrecer apoyo por, como, $10 al mes o algo así. O, ya sabes, te daremos el hosting o lo instalaremos para ti, etcétera. Pero sólo estoy tratando de presentarles ideas de Hay un mercado muy, muy grande para Davy. ¿ Tienes un Web similar aquí mismo? Similar Web, y comprobamos temas elegantes, que es la empresa que promueve Debbie. Estos tipos reciben ah montón de chicos de tráfico. Por lo que esta es una empresa muy, muy altamente valorada. Es decir, reciben 5.2 millones de visitas cada mes. Y si vas a sitios web como equipo, si yo o algo así donde estás como otras empresas, no vas a conseguir eso. Ya sabes, realmente no vas a conseguir la comunidad también. Entonces, um, si me parece que ni siquiera está calificada, ya sabes, y tiene un ranking muy, muy pobre. Por lo que otros tipos de empresas simplemente no están a la par con Debbie y la comunidad detrás de la televisión. Simplemente puedes seguir adelante y solo, ya sabes, hay páginas de Facebook. Ahí hay grupos. Hay todo tipo de cosas realmente geniales para el tema de Davy. Y ya sabes, tienen socios. Tienen empresas. La gente crea enchufes especiales solo para divvy, porque es tan popular. Y es solo un tema tan asombroso que las empresas por ahí respaldan. Ahora, Una empresa con la que realmente me asocio es C. D B hizo el web design dot com. Ahora estos tipos realmente tienen un enchufe realmente genial, y lo voy a llenar para estos tipos, y no voy a ascender a ustedes chicos. Pero si vas a gustar su tienda aquí mismo tienen enchufes como enchufes enfriados extendidos que dan nuevas características solo para Davey. Por lo que el tema divvy tiene una enorme comunidad detrás de él. No es sólo una empresa que vende un tema. Son cientos de empresas construyendo negocios alrededor de Davie porque es tan increíble, ¿ verdad? Y es que es ilimitado. Puedes crear enchufes, diseños todo tipo de cosas para este equipo, y tienes una audiencia tan grande que la gente por ahí está dispuesta a comprarlo. Están dispuestos a mirarlo diciendo: Oh, Oh, hiciste un enchufe para Devi. ¿ Qué hace? Y hay toneladas de páginas de Facebook, chicos, si solo van a Facebook solo escribiendo como temas de Debbie, hay como cinco o seis grupos con, como, como, 30 o 40 mil personas que solo hablan de Devi tema. Te vas en rojo, es que vas en cualquiera de esos sitios web, van a hablar todo sobre el tema de Debbie, así que solo estoy presentándote al layout pre made y el potencial y el apoyo que tienes con la comunidad, porque seamos honestos. Si vas a comprar un tema, quieres lo mejor de lo mejor y ningún otro tema en Internet hace esto? Ningún otro tema tiene empresas que venden layout, plug ins, todas estas otras cosas Ninguna otra empresa hace. Ese Davey es el único que hace esto porque es sólo un producto tan increíble. Y todo el mundo es como, no estoy usando nada más. Sólo voy a usar a Debbie. ¿ Por qué compraría otro tema cuando puedo crear todo con divvy? De acuerdo, entonces solo estoy presentándoles a los mercados y,ya sabes, ya sabes, ayudándoles a entender el tema Devi, y es potencial de tontos. Ahora también, chicos, recuerden, tengo diseños gratis por aquí. Entonces ustedes quieren meterse con estos, ya saben, y divertirse, ¿saben? Y, ya sabes, consigue un diseño gratuito para, como, una iglesia o, ya sabes, un restaurante o Jim o una tienda. Ya sabes , está aquí. Está bien. Entonces realmente quiero ayudarlos chicos, ya saben, desarrollaron sus habilidades y si quieren convertirse en diseñadores web, ya saben, eso es ya saben su camino. Adelante y toma su o quieres convertirte,Ya sabes, Ya sabes, solo en un simple dueño de negocio queriendo un simple sitio web. Aquí mismo tenemos un diseño gratuito de pequeñas empresas de sitios web de cinco páginas que simplemente subes. Y después de aprender a usar divvy, puedes personalizarlo a lo que quieras. Ya sabes, no tienes que seguir al mismo tipo de plantilla exacto. Entonces solo estoy tratando de ayudarte a entender el potencial detrás de Debbie y todos estos diseños geniales en la comunidad y el apoyo que tienes con Devi. De acuerdo, así que eso es todo. Chicos, para este apartado. Ah, los veo en mis secciones de cierre. Te veo ahí. 30. El final :): Muy bien, chicos. Bueno, felicitaciones. ¿ Ustedes han llegado hasta los extremos? ¿ Ahora? Les deseo lo mejor con,ya saben, ya saben, WordPress y elegantes temas y TV y todo lo que ustedes hacen. Ya sabes, eso lo entiendo. Qué diseño es muy difícil, ya sabes, no es fácil. Al igual que acabas de ver un sitio web. No es fácil crear uno, ya sabes, pensar en cosas para que sea un talento. Y es mucho trabajo duro. Y mientras hacen esto, chicos, se van a frustrar. Vas a ser como, hombre, ya sabes, esto es duro. Ya lo sabes? Voy a renunciar. Ustedes sólo sean consistentes con ello, y se lo garantizo. Ya sabes, el final de la fecha, vas a hacer sitios web. Ya sea que solo quieras iniciar un negocio de diseño web o que seas dueño de un sitio web, solo quieres hacer uno para tu pequeña empresa. De verdad espero que esta historia os haya ayudado chicos. Traté de cubrir todo lo que pude. Yo sí tengo otros un Toral. Si ustedes estaban interesados en ello respecto a la televisión y otros módulos también. Pero, ya saben, sólo les deseo la mejor de las suertes. Y de verdad les agradezco chicos por tomar mi curso. Y espero que de verdad les ayude chicos. Entonces los veré chicos. Y otra lección. O quizá nos veamos en la calle o algo así. Nos vemos luego chicos con buena suerte.