Guía práctica para construir un sitio web de Wordpress con Divi

1. Parte 1: una breve introducción a Pim, Wordpress y Divi: Hola, y bienvenido al discurso sobre la manera fácil de construir un sitio web de WordPress para tu negocio. Hoy, no voy a presentar, pero voy a presentar un invitado muy especial que te contará todo sobre, sí, qué es WordPress, por qué necesitarás un sitio web y todas las herramientas que necesitas para construir un sitio web de WordPress increíble tú mismo, de la manera más fácil. Y este invitado es muy especial. Es un muy buen amigo mío. En realidad es un ex snowboarder profesional. Lo hizo durante ocho años, pero ahora lo dio la vuelta por completo, y es un absoluto experto en cómo construiste sitios web de WordPress con DV. Él mismo construyó más de 150 sitios web ya tiene una agencia exitosa y también trabajó en muchas otras agencias y publicó su primer sitio web antes de que WordPress existiera. Lleva 20 años trabajando en esto ya. Este tipo sabe sus cosas. Estoy muy feliz de presentarle. P. Aquí está. Hola, Mark. ¿Qué pasa? Oye. Entonces, P, escuchando de usted, qué vamos a estar cubriendo en este curso. Bueno, básicamente, lo que les voy a enseñar chicos es por qué necesitan un sitio web en primer lugar como emprendedor o freelancer. Si necesitas un sitio web, ¿cuáles son las opciones? ¿Cuál es la mejor manera de obtener un sitio web? Todas las herramientas y trucos que necesitas para poner en marcha tu sitio web , construirlo tú mismo y generar tu propio éxito. Suena increíble. Bueno, vamos a meternos rápidamente en esto. Quiero decir, voy a estar fuera del curso por ahora. Pero, toma el camino, hombre. Vamos. 2. ¿Por qué un sitio web (nuevo)?: Muy bien, Entonces, ¿por qué quieres tener una página web? Un sitio web te puede dar muchas cosas. Te puede dar unas focas que te puedan dar pistas. Puedes enseñar a la gente, puedes inspirar a la gente. En todos los casos, es una forma de llegar a la gente. Yo creo que si no tienes un sitio web, tu negocio no existe. Entonces no importa si estás empezando emprendedor, eres dueño de una pequeña empresa o tienes un negocio de tamaño mediano o lo que sea. Creo que necesitarás un sitio web o al menos te puede ayudar a alcanzar tus metas. Pero hablemos un poco antes de empezar a construir las cosas. ¿ Qué tipo de sitios web hay por ahí y cuál es el adecuado para ti y para tu negocio donde si tus metas, qué sitio web necesitas crear? El tipo de sitios web que están por ahí es que tienes, por supuesto, e-commerce donde puedes vender productos u otros productos de otras personas. Sus cursos en línea por ahí, carteras en línea. Los sitios web de los que vamos a hablar en su mayoría son sitios web que son más como una carteras en línea como su guardia de negocios en línea, donde se puede mostrar a otras personas su acompañamiento o superficies. Y básicamente la gente puede llegar a saber que entras empresa y te ven. Lo que has logrado para otras personas, lo que puedes lograr por ellos, por qué te necesitan. Pero también una buena manera de generar leads o tal vez cerrar algunas ofertas o vender algunas superficies. Entonces hay muchas cosas que puedes hacer. Te voy a mostrar todas las cosas más importantes de eso. Explicarle exactamente cómo puede hacerlo. Antes vamos a hacer eso. Quiero invitar a tu reto que pienses en qué quiero salir de esta página web? Entonces, ¿para qué lo necesito? Algunas personas pueden ser realmente necesarias para conseguir más ventas. Y algunas personas es más como una cosa híbrida donde estás cerrando el deuce de línea hablando con la gente y consigue, consigue que tus clientes tengan peso muerto. Pero después de hablar con tus clientes, quieren ver en tu sitio web como conformación y también ganar algo de confianza sobre tu historia que compartiste con ellos. Para ver como, vale, ¿qué es exactamente lo que has logrado o qué es exactamente lo que estás ofreciendo? Y quieren sumergirse un poco más en eso y comprometerse con usted y su marca. Probablemente va a ser más de la última parte. Vamos a hablar un poco todas esas otras cosas con e-commerce para enviarte un poco en la dirección si quieres ir allí. Pero la base de su sitio web va a ser una cartera en línea para su negocio. Y te voy a mostrar exactamente cómo puedes hacerlo. 3. ¿Para quién vas a construir tu sitio web para construir?: Muy bien. Ahora ya sabes, realmente necesitas un sitio web. Pero ¿sabes también quién vas a construir este sitio web para él? Es realmente importante en mi opinión, construir siempre un sitio web para su público objetivo, para su cliente. Por supuesto, en la página web va a ser sobre ti, tu empresa y tus superficies. Pero en realidad lo vas a crear para fuera de la gente. Entonces la gente realmente resuena con eso. Hay una gran posibilidad de que ya tengas una pequeña empresa o una empresa de tamaño mediano. A lo mejor sólo estás empezando. Para el propósito de este video, decidimos que te vamos a mostrar un ejemplo de la vida real para una agencia de redes sociales. Y digamos que el público objetivo son dueños de pequeñas empresas. Quieren generar más negocios a través de las redes sociales o tener alguna más conciencia de marca u otros objetivos que puedan alcanzar. Para el propósito de este curso, el sitio web va a ser sobre la agencia de redes sociales. ¿ Rellenaría el espacio en blanco para lo que sea Sheriff su empresa, tiene cuatro. E implicar esto para su propia empresa. 4. Comparación de creadores de sitios web: ¿Por qué Wordpress?: Hablemos un poco sobre qué dosis usar para tu nuevo sitio web. Me encantan los sitios web de WordPress, pero he probado casi todas las herramientas por ahí porque sobre todo en sobre averiguar qué funciona y por qué. Así que déjame decirte todo lo bueno o lo malo o lo feo. Hay muchas soluciones por fuera. Ahí. Fueron algunos pros y algunos contras y me gustaría ir con ellos para ti. Pero primero, algunos datos de todos los sitios web que están por ahí en el mundo. Qué son muchos, por supuesto, sucios 7% de todos los sitios web por ahí, nuestro propio WordPress, aún más, 60% de todos los sistemas CMS, hay sistemas de gestión de contenidos que básicamente son sitios web que puedes gestionar el contenido sin añadir ningún código. Entonces hay una interfaz, hay alguna área donde puedes rellenar un dy dt o subir una foto sin codificar, en realidad el sitio web que se llama el sistema CMS. El 60% de todos los sistemas CMS son utilizados por WordPress. Entonces, ¿por qué es eso? Bueno, WordPress es un sistema de código abierto. Lo que básicamente es la mayor ventaja y desventaja al mismo tiempo, porque el código abierto significa que todo el mundo puede trabajar en ello. Todo el mundo puede construir un tema de WordPress o un plug-in si sabes cómo hacerlo. Por supuesto. Hay muchas opciones por ahí. Por lo tanto, también es bastante innovador e innovador a un ritmo tan rápido. También hay muchas malas opciones por ahí también. Pero por suerte para ti, casi les dije todas y solo voy a compartir las cosas buenas contigo. Primero hablemos un poco sobre otras opciones que están por ahí con los pros y los contras. Existen diferentes formas en las que puedes construir un sitio web. Por supuesto, siempre existe la forma en que puedes codificar todo tú mismo. Entonces, si quieres aprender a usar PHP, JavaScript, HTML, CSS, estos son todos los lenguajes de Dios utilizados para construir sitios web. Por suerte para personas como tú y yo, hay muchas maneras en que puedes usar algún tipo de software que básicamente escribe el código para ti. Si usas un constructor de páginas y algo así como Shopify, WordPress, muchas de las otras opciones por ahí. Hay una gran posibilidad de que si subes una imagen a través de este software, el software está escribiendo un pedazo de código con HTML y los otros idiomas y acaba explicar que está haciendo de la imagen en realidad un par. Por lo que no es necesario escribir mil líneas de cabras. Pero el programa está haciendo esto por ti. Con los años, estas interfaces se vuelven mucho más fáciles de usar y también mucho más atractivo visual. Por lo que es mucho más divertido construir sitios web de esta manera y también mucho más eficiente. Y hay algunas ventajas y desventajas entre las diferentes herramientas y no verlo como bueno o malo. Voy a explicar lo que prefiero y por qué lo prefiero. Pero creo que todas esas herramientas están ahí por una razón o por la razón de alguien. Muchas personas pueden ser descubiertas una opción que se llama semanas, que es un constructor de páginas hágalo usted mismo. Es muy fácil de usar. Tiene es la interfaz. Pero una desventaja puede ser, en mi opinión, es que es muy limitante. Si estás empezando. No quieres invertir mucho tiempo y quieres levantarte algo rápidamente. Hay una opción que puedes usar con semanas. Lo que no me gusta tanto de las semanas es que es muy limitante sus considerandos de los que se puede elegir. Pero si quieres cambiar el tema, eso no es posible. Por lo que no te da ninguna libertad creativa. Y esto es lo que busqué en una herramienta que pueda crear algo que resuene conmigo y esa es mi propia expresión de cómo quería mostrarlo. No quiero tener ninguna limitación en mi diseño o funcionalidades. Entonces, por lo tanto, no me gustan las opciones como semanas o cualquier otro constructores de páginas realmente fáciles de usar así. Y además, esas cosas pueden ser muy caras. Entonces si estás un poco más y tal vez en el e-commerce o tienes páginas de ventas. Hay un término para una página web donde puedes vender ciertas cosas si quieres tener funcionalidades como, por ejemplo, como un botón Me gusta de Facebook, pagas cinco años al mes en Shopify para usar un botón Me gusta de Facebook si querías tener una funcionalidad de mapas. Si estás pagando una cuota por eso también. Entonces todas las funcionalidades se suman muy rápidamente. Entonces tal vez parezca realmente barato y económico de usar a lo largo del tiempo. Puede ser bastante caro para algo que no se puede cambiar fácilmente en otro tema, no puede cambiar el diseño en absoluto. Y es muy limitado en funciones. Por lo tanto, tal vez sea bueno si estás empezando, pero si buscas algo más en finanzas o tal vez un poco más profesional. Entonces hay un lugar para WordPress, por ejemplo. Una cosa que nos gustaría mencionar es que si te gusta el comercio electrónico o quieres vender productos físicos, o tal vez vender productos digitales así como algo que podrías explorar es Shopify. Shopify es la plataforma más grande que vende cosas en línea. Así que definitivamente echa un vistazo a eso. También lo que puedes comprobar si estás planeando tener mucho inventario y una gran cantidad de diferentes tipos de productos. Puedes mirar a mi Santo, Santo 2. Ser específico. Esto es más para las empresas más grandes que tienen muchos productos para vender. Entonces digamos que tienes unos 1000 productos o más. Y quieres abrir una tienda real de TO y retail o algo así. Puedes empezar con WordPress con algo así como WooCommerce hasta tal vez como 1000 productos. Pero si has superado que la gente está usando con mayor frecuencia y más inventario de acciones en las fuentes. Pieza de software. ¿ Cuál es mi Santo? Pero realmente necesitas tener desarrolladores profesionales en tu equipo o contratarlos para construir tu sitio web. Porque va a haber mucha codificación involucrada. Así que solo para saber por ti por las opciones por ahí, puedes abrir una tienda Shopify en línea con bastante rapidez. Pero sí pagas por todas las características de todas las aplicaciones que necesitas usar. Si estás buscando un sitio web normal o aún si quieres tener un sitio web de comercio electrónico también, WordPress es el recomendado para comprarme más sobre eso un poco más adelante en el entrenamiento. Si realmente quieres hacer una comparación. Hay algunas herramientas más por ahí. Por ejemplo, Squarespace, Drupal y Squarespace, en realidad bastante cool, pero aún así no te da la libertad tanto como lo harías con WordPress y Drupal y miopía y son un un poco anticuado. Ya no se soportan tanto y por lo tanto no son realmente una buena opción en mi Albion. Muy bien, hablemos de por qué me encanta WordPress. Wordpress es de código abierto y por lo tanto te obsequia muchas opciones para elegir fondo. Hay más de 50 mil plugins que puedes usar para tus sitios web. Entonces esas son básicamente apps a las que vas Plugins y puedes subirlos. Algunos de ellos son gratis, algunos de ellos por los que pagas algo, algunos de ellos puedes, ellos mucho por ello. Pero estas son piezas de software que puedes subir a tu sitio web. Básicamente lo que tu necesidad es algunas cosas cuando inicias tu sitio web de WordPress, porque es más bien un método hágalo usted mismo. Y me gusta compararlo con constructores de páginas hágalo usted mismo como semanas. Algo así, es tal vez como si te estuvieras encontrando un trabajo como empleado en una empresa. Puede ser muy limitante. Puede tiene su lugar para algunas personas. Pero sabes exactamente lo que obtienes. Y eso es todo. Con WordPress es más como ser un freelancer o propietario de una pequeña empresa. Necesitas resolverlo un montón de cosas más tú mismo. Y viene con muchas más responsabilidades, pero te da mucha libertad. Y si lo haces bien, muchos más beneficios. Con eso dicho, armas con algunos riesgos. Riesgos y es un poco más lento, pero creo que vale la pena ponerlo en el aire para que lo resuelva todo. 5. Comparación de los creadores de temas de Wordpress: ¿por qué Divi?: Entonces para tu nuevo sitio web, lo vamos a construir con WordPress. Con WordPress, necesitas un par de cosas. Lo primero que vas a necesitar es un nombre de dominio y alojamiento web. Pero más sobre eso más adelante en un nuevo video. Una vez que tengas tu nombre de dominio y configuración de alojamiento web, tienes WordPress instalado. Lo que vas a necesitar es un feed de WordPress. Puedes, por supuesto, un mayor diseño web o desarrollador web para construir tu feed personalizado. Pero esto puede ser bastante caro y puede llevar mucho tiempo construir. Por suerte, hay muchas buenas soluciones en estos días. Para construir un sitio web usted mismo con un creador de páginas o pies de WordPress, y también puede hacerlo. En realidad hay un par de opciones, hay muchas opciones, pero hay un par de buenas de las que podemos discutir. Y tal vez has oído hablar de algunos de ellos tal vez no lo son. En fin, las opciones que vamos a descubrir un poco. Y el primero será el WordPress. Más aparte, hay un constructor de páginas dentro integrado en F0. Por lo que yo sé, no puedes usar este constructor Alpha en ningún otro tema. Lo que otros constructores de páginas pueden hacer a veces. Pero dentro del equipo, puedes construir un sitio web con el creador de páginas tú mismo. Qué no es un creador de páginas. Interfaz de arrastrar y soltar, una pieza de software de Dragon Drop donde puedes construir un sitio web y todos los elementos tú mismo. Lo que no me gusta tanto de DFL, un tema de WordPress es que viene con tantas opciones, y por lo tanto es mucho tiempo para mí construir sitios web así. Es una gran opciones si quieres tener muchas opciones y muchas configuraciones y funcionalidades. Pero esto puede ser bastante abrumador. Y no creo que sea la forma más eficiente de construir un sitio web hermoso tú mismo. Entonces la siguiente opción de la que les gustaría hablar contigo es Elementor. Constructor de páginas Elementor. Puedes construir sitios web de WordPress bastante fáciles y rápidos y puede ser una gran alternativa para DC es solo otra opción, es realmente fácil de usar. Están haciendo un gran trabajo. Hay algunos pros y contras y diferencias con Diffie, pero puede ser una gran opción para, entonces hay otras tres opciones más que le gustaría mencionar antes. Vamos a hablar la opción que vamos a utilizar. Las otras opciones son un poco más anticuadas, pero aún se ven muchos sitios web por ahí usando esos constructores de páginas. Entonces esa es la panadería WP. Wp significa WordPress, constructor de WP, o compositor oficial. Esas tres opciones son un poco limitadas. Constructores de páginas, en mi opinión, es bastante fácil usar arrastrar y soltar para construir un sitio web tú mismo, pero son un poco limitados y un poco anticuados, por lo que no es tan divertido usar ellos, viene con bastantes opciones. Por lo tanto, se construyen muchos sitios web con ellos, pero definitivamente no te da tanto La libertad en términos de diseño. Lo que tanto me gusta de cosas como un padre Elementor o DV, lo que vamos a usar. Entonces, por ejemplo, si quieres tener una sombra de caja detrás de una imagen, esta no es una funcionalidad estándar. Se requerirá alguna codificación con CSS, por ejemplo, para que la sombra aparezca detrás de la imagen. Para mí, no hace que sea tan fácil de usar crear sitios web hermosos. Me gusta tener la libertad y los diseños que hago desde una página web. Para mi profesión, necesito usar todas esas herramientas porque también cambio otras personas sitios web que usan las otras herramientas. También construimos temas personalizados nosotros mismos. Si necesitamos construir un poco más en la página web de Fanta. Pero como el 90% de las veces en que estamos construyendo nuevos sitios web, estamos eligiendo para los dos d Phi. Dy. Dy es un creador de páginas o en mi opinión, realidad es un creador de temas de WordPress porque hace un poco más que solo construir playas. En realidad se utiliza para construir sitios web enteros creados por Elegant Themes. Y es una forma muy fácil y divertida de construir sitios web. Es una interfaz muy fácil de usar, por lo que las herramientas de software muy fáciles de usar. Tienen gran documentación por cierto, que no debes hacer falta después de ver esos videos porque la cortamos solo por las cosas más importantes para ti. Pero están saliendo con nuevas funcionalidades casi todas las semanas. Lo hacen de tal manera que es, una vez que estás acostumbrado a usar esas herramientas, puedes usar los mismos métodos en todas las funcionalidades. Viene con módulos como módulos de texto, módulos de imagen, mapas, etc. Y una vez que conozcas las funcionalidades básicas, cómo configurar esos módulos tú mismo cuando salen con nuevas funcionalidades y será súper fácil para ti usar ese mismo conocimiento y formas que hábitos y dices. Entonces básicamente todos los módulos siempre funcionan de la misma manera. Una vez que entiendas algunas básicas, entenderás que todos estaban muertos. Requerrá algún tiempo para aprender tal vez un día o dos o un árbol si estás acostumbrado a los constructores de páginas desde la construcción de sitios web en un pasado como Visual Composer o un Vada. Y ahora te estás cambiando a la derrota. Es una forma diferente de pensar. Se requerirá un poco de tiempo y otra vez, dar un poco de fricción. Pero una vez que hayas terminado de eso, estoy bastante seguro de que te encantará Divi tanto como yo y lo pasaré muy bien usándolo. Muy bien, por eso me encanta dv tanto. Hemos cubierto muchas cosas. En primer lugar, ¿por qué necesitas un sitio web en primer lugar? ¿ Cuáles son todas las opciones por ahí, y qué herramientas vas a utilizar para construir tu increíble sitio web. No puedo esperar para empezar a construir un sitio web y mostrarte exactamente cómo hacerlo. Así que no esperemos más y buceamos profundamente a menos que construyamos un sitio web. 6. Parte 2: Configuración de tu sitio web de Wordpress: Muy bien, entonces los próximos videos te voy a enseñar configurando todos los conceptos básicos. Vamos a pasar por configuraciones más antiguas es muy importante tener todos los ajustes correctamente. cuanto a la preparación de comenzar realmente a construir las páginas web, necesitamos cambiar algunos ajustes en el software, instalar algunos plugins como apps, y luego podemos empezar a construir después. Pero en este momento, pasamos por todos los ajustes. 7. Decide el nombre de tu dominio: Muy bien, vamos a configurar algunos conceptos básicos antes de que realmente podamos empezar a construir el sitio web. Vamos a necesitar dos cosas. Número uno, vamos a registrar un nombre de dominio, y también necesitamos tener un equipaje de alojamiento web. Entonces empecemos con el primero, registro de nombres de dominio. Vas a necesitar tener un nombre de dominio. Esta es la palabra que escribes en tu navegador de Internet que te dirigirá a tu sitio web. Entonces por ejemplo, si escribes www dot, mi pequeño website.com te va a mostrar la página web. Entonces ahí está mi pequeño website.com es tu nombre de dominio. Entonces tal vez ya tengas un nombre de dominio en mente. A lo mejor ya eres sólo uno. De todas formas, hay algunos consejos que te voy a dar por comprar tu nombre de dominio. No fue el número uno, intenta evitar los números en los nombres de dominio. De ser posible. No decir que no puede funcionar con números en tu nombre de dominio, no es una buena práctica porque siempre necesitas explicar cómo escribir el nombre de dominio. Por ejemplo, si el nombre de tu empresa es 711, ¿Cómo lo deletreas? ¿ Es 711.com? ¿ Es como V E N número uno? Número uno que viene de todos modos, lo consigues. Ya se está complicando. Explicándole esto en su video. Si es posible, trate de evitar los números. No fue el número dos, si es posible, tratar de evitar abreviaturas. Por ejemplo, la abreviatura puede ser. A modo de ejemplo, hazlo tú mismo DIY. Si quieres registrar un nombre de dominio, hazlo tú mismo. Tutorials.com, recomiendo un poco más de nombre de dominio en lugar de usar abreviaturas. Esto es mejor para propósitos de SEO y también más fácil de entender para los motores de búsqueda, pero también es más fácil de usar. Aunque me referiría a nombres de dominio más cortos es mejor usar un nombre de dominio un poco más largo en lugar de usar cada árbol de números de consejo de dominio de desviaciones, traté de evitar guión si es posible. Entonces los guiones son las pequeñas rayas entre las palabras. En ocasiones la gente intentó usar guión cuando el nombre de dominio ya es reclamado por alguien más que quiere usar. Si quieres tener un nombre de dominio como mi pequeño hueso por ejemplo. Y pusiste los dos guiones entre mi final más tarde y huesudo. Entonces también, como el primer paso, difícil de explicar a la gente cómo deletrear el nombre de dominio. Quieres tener nombres de dominio fáciles estar en recordar y fáciles de deletrear. Por lo tanto, de ser posible, siempre trató de permitirse guiones estaban muertos. Si hay una razón realmente fuerte por la que quieres usar una marca de palabra clave específica o algo así. Y el nombre de dominio preferido ya está comenzado, entonces es posible que desee considerar usar un guión o una raya. Pero tal vez puedas llegar a algún fenómeno, sinónimos, fenómenos. A lo mejor se le puede llegar a algunos fenómenos para eso. De acuerdo, te expliqué un poco qué no hacer con los nombres de dominio. Entonces, ¿qué debes hacer? El nombre de dominio debe ser fácil de recordar, fácil de deletrear, y tiene sentido y mientras están conectados. Entonces, si estás usando diferentes palabras combinadas en un nombre de dominio, debería ser fácil de leer. Por ejemplo, si estás usando nombres de dominio que existen múltiples palabras uno al lado del otro, como mi pequeño hueso con el ejemplo. Entonces intenta siempre evitar usar cortafuegos junto a dos vocales y consonantes junto a consonantes. Entonces si su termina con una e, no empieces el nuevo premio con una E porque es realmente difícil de leer para las personas que son hay dos palabras diferentes. Mi pequeño, es fácil de leer, pero mi yate dice, por ejemplo, es un poco más difícil de leer porque va a parecer una palabra en resumen, lloró para hacer que el dominio, tiene sentido que es fácil de leer. El Internet se está volviendo un poco mayor ahora, WordPress existe desde hace 17 años en este momento. Por lo que cada vez se toman más nombres de dominio. Desafortunadamente, en realidad algunas personas ven esto como bienes raíces digitales y trataron de limpiar esos dominios para venderlo. Se toman muchos nombres de dominio, pero no todos ellos. Básicamente, todo el nombre de dominio..com, nombres de dominio con 3456 letras ya son Dagan. Por lo que es difícil encontrar si quieres iniciar un sitio web de sobre running, probablemente se va a tomar running.com. Quizás si usas otra extensión como la frase final del nombre de dominio, como Dr. Nell para Holanda o puntos para España por ejemplo. Entonces es más probable que siga existiendo. Pero aún así la mayoría de los bienes, los nombres de dominio cortos ya se toman. Qué hacer en este caso, intentó hacerlo un poco más largo combinando palabras. A lo mejor va a ser nuevo sitio web para tu revista running y running.com ya está tomado. Entonces intenta usar algo como correr Magazine.com o D running magazine que se ha ido. ¿ Cuáles son las mejores extensiones para tu nombre de dominio? Como dije, la extensión es la última parte de tu nombre de dominio. Entonces esto puede ser como.com.del, b0 para Bélgica, etcétera Los nombres de dominio más utilizados internacionalmente son.com. Si quieres tener un sitio web enfocado a nivel internacional, siempre prefiero encontrar un nombre de dominio a.com. Si es realmente difícil o imposible encontrar una donación de puntos com y un nombre de dominio. También es posible usar algo como.net o organización de puntos. Org.net es realmente bueno. Si el.com ya está tomado, entonces es un buen plan B. Pero si tienes la opción, siempre ve por la opción.com. Si estás más enfocado localmente, como yo haciendo más negocios en Holanda, me gusta tener un nombre de dominio dot nl porque es para empresas holandesas. Es más probable que se clasifique en los motores de búsqueda de Google localmente si usa un nombre de dominio local. Entonces si tengo mi sitio web dot y L va a ubicarse más alto en Google delta nl. Si voy a Google las mismas palabras en Google.com, lo que está más enfocado internacionalmente es más probable que mi sitio web vaya a ubicarse más bajo. Está más enfocado en el marketing local básicamente. Pero si eres más internacional enfoque intentó tener un nombre de dominio internacional. Algo más que puedes considerar sobre las extensiones. Son más extensión. Por lo que la última parte del nombre de dominio que sale para audiencias específicas o unas sucursales específicas. Entonces cosas que verás como DOD echo o una tienda o lo que sea. Hay una hay un debate o discusión sobre si es bueno o no. Creo que en la camisa de largo plazo y las extensiones se van a despegar. Por ejemplo, creo que cada vez más personas se acostumbrarán a usar nombres de dominio con la tienda Doug. Si te gusta el comercio electrónico o tienes una tienda al por menor, podría tener sentido usar un nombre de dominio con mi tienda dot shop, por ejemplo, o mi tienda de muebles. Pero creo que la mayoría de las extensiones también son mucho más caras. Y luego los nombres de dominio normales, pueden ser como 250 años al año. ¿ Qué hace mucho más que si compras un dominio..com por tal vez 16€ o delta ahora por nueve años, ¿cuál es más promedio? Hay un poco más caro. Sí, bien. Ser más fácil clasificar a otras empresas porque tiene el nombre de dominio en la extensión. Entonces para el factor SEO, podría ayudar un poco. A pesar de que me gusta optimizar mi sitio web es más para las personas. Y esta es también la estrategia de los motores de búsqueda como Google. Quieren que construyas sitios web para personas, no para motores de búsqueda. Una de las cosas más importantes a considerar al registrar un nombre de dominio es la confianza. Por lo que la gente debe estar tomando una decisión dentro de 1 segundo, si confían en este nombre de dominio y lo juzgan con base en el dominio y con base en la extensión. Entonces si vas a tener un nombre de dominio, por ejemplo, con mayores descuentos dot XYZ, gente pensará que es spammy o no confiarían en él. En lugar de descuentos, specialists.com o regalos gratis, dot anuncian, algo así. 8. Elige tu empresa de alojamiento web en web: Ahora es el momento de registrar tu nombre de dominio. Una de las cosas más importantes. Cuando estés mirando tu nombre de dominio, lo harás a través de una empresa de alojamiento web. Por ejemplo, si vas a GoDaddy.com, una de las mayores empresas de alojamiento web del mundo. Ya verás que estoy aterrizando en la página de inicio de GoDaddy.com. Y sin embargo aquí puedes empezar a buscar tu nombre de dominio. Entonces ya probé algunas cosas. Por ejemplo, si quisieras ir a un dominio como cohete digital, ahí viene eso, eso podría ser un nombre para nuestra página web de nuestra agencia de redes sociales. Se puede ir por deuda, pero desafortunadamente ya se toma el cohete digital dares.com, pero te da algunas grandes alternativas. Por ejemplo, digital rocket dir.com, si quieres registrarlo en otro ejemplo. Otro ejemplo podría ser BlueHost.com. Si hace clic aquí en la parte superior en el encabezado en los dominios y el menú aquí puede buscar nombres de dominio también. Por ejemplo, rocketeers.com sociales. Dice, felicitaciones, su nombre de dominio está disponible. Digamos que quiero registrar este nombre de dominio. Así como ejemplo, puede hacer clic en el botón Proceder. Y a este tipo de le gusta comprar cualquier cosa en línea. Preguntan si quieres tener hosting gratis, tal vez algún paquete de Microsoft o algo así, no lo necesito. Simplemente puedo proceder a la página de pago donde rellene mi información de facturación y pago, engañando sus datos personales y elijo un método de pago. Paypal también es opcionalmente si no nunca tarjeta de crédito, puedes pagar a través de papel también con tu tarjeta de débito o ideal si eres de Holanda, por ejemplo. Y luego solo compra ahora ve a la página de pago. Y tu dominio registrado idealmente es mucho más fácil para ti si registras tus nombres de dominio con la empresa de alojamiento web que estás planeando hacer tu web hosting también. En primer lado, ¿dónde quieres alojar tu sitio web antes de completar el pago? Puedes utilizar estos sitios web para ver si el nombre de dominio está disponible, pero toma tu propia decisión donde quieras alojar tu sitio web antes de registrar tus dominios. Así que básicamente es bastante fácil comprar tu dominio y tu equipaje de alojamiento. No obstante, este proceso de configurarlo todo puede ser un poco desafiante o difícil. Vamos a compartir algunos enlaces a documentación para todas estas empresas de hosting que te recomendamos que puedas elegir. Puedes ver esto paso a paso cómo configurar el dominio y el alojamiento web por ti mismo. Simplemente siga la documentación o póngase en contacto con su soporte si necesita alguna asistencia. Con eso dicho, me gustaría darte cinco opciones diferentes para empresas de hosting registren tus nombres de dominio, y estás alojando paquetes. La primera opción que puedes explorar como GoDaddy. No me gusta GoDaddy personalmente tanto porque no ofrece una gran calidad y grado de superficie. No obstante, esta es la empresa de alojamiento web más utilizada del mundo, creo, porque es así, tan barata. Pero porque es tan barato, el servicio al cliente no es súper malo, pero no es tan grande. La calidad que ponen demasiados sitios web en un surfista web. Por lo que esto puede hacer que tu sitio web sea un poco cargando lento. Y, y es realmente importante tener páginas web de carga rápida. Esto es importante para el SEO para que la gente encuentre tu sitio web en Google, pero también para la experiencia de usuario, no quieres tener gente esperando seis segundos para cargar tu página web. Fuiste a trabajar rápido. Y esta es una de las cosas más importantes para un buen sitio web de trabajo. Esta es una de las soluciones más baratas. Yo daría eso tal vez un cinco o seis de cada diez en términos de calidad y apoyo. Entonces es una buena opción, pero no es la mejor. Y esto es especialmente bueno si estás más enfocado internacionalmente. También tienen en la parte inferior del sitio web otras nacionalidades. Si lo quieres ver en euros o en dólares americanos, zumo Baker ajustes que funcionan para ti. Muy bien. Por lo que la segunda opción Internacional es Bluehost. Bluehost.com tiene un soporte un poco mejor, es un poco más caro que GoDaddy, pero también un poco mejor calidad. Eso lo convierte en una buena opción también. ¿ Fue por la parte de registro de dominio? Buena suerte con eso. Y con ganas de verte en el siguiente video. 9. Instala Wordpress en un clic (tipo de cadena): En este video, te voy a mostrar cómo puedes instalar WordPress con el click de un botón. Afortunadamente, la mayoría de las empresas de alojamiento web ofrecen la solución. Entonces te voy a mostrar cómo hacer eso en este momento. Ya creamos el cliente en nuestro Panel de Control. Tenemos que hacer eso porque somos un administrador. A veces hay que hacer eso, a veces no lo hacen. Bueno, siempre necesitas agregar el sitio web, encontrar la glándula, luego el nombre de dominio. Mantén todos los ajustes como, como L. Lo haremos más adelante. Vamos a hacer clic en guardar. crea un nuevo sitio web. Esperamos el punto rojo. Cuando se trata de una ola, entonces se terminará de crear el nuevo sitio web. Y vamos a los paquetes disponibles. Se ve una tonelada de paquetes que puede instalar con un clic de un botón. Sólo necesitamos uno llamado el WordPress. Hará clic en él. Y entonces lo que tenemos que hacer es instalar este paquete. Haga clic en la ubicación donde desee instalarlo. Real social, cohetes tears.com. Esta va a ser tu contraseña de base de datos, por lo que quieres escribirla en algún lugar tus notas para mí también. Va a necesitar eso más tarde. Entonces puedes crear la contraseña de administrador que puedes recordar. Acepta la licencia y haz clic en Instalar. Espere a que vuelva a desaparecer el punto rojo. Instalamos WordPress. Veamos si funciona. Aquí vamos. Ahora tenemos una instalación limpia de WordPress con el click de un botón. Creaste los detalles de inicio de sesión. Aquí puedes iniciar sesión con la cuenta que acabas de crear. Ahora estás dentro de tu sitio web de WordPress. Enhorabuena. 10. Configura tus correos electrónicos: Muy bien, Así que ahora has instalado tu sitio web de WordPress. Probablemente también quieras crear una cuenta de correo electrónico dentro de nuestro panel de control. Sólo tienes que ir al correo electrónico. Una vez que estás ahí, vas al buzón de correo electrónico y solo tienes que hacer clic en Añadir nuevo buzón. Puede dar el nombre para el nombre de la dirección de correo electrónico. Sólo voy a ponerlo a través de coheteers sociales por ahora. Mi nombre es beam, así que voy a crear BIM en la trabajadora social tiers.com. En lugar de mejor palabra, puedes recordar o generar contraseña más difícil. Puedes dejar toda la configuración a la configuración estándar por ahora. Haga clic en Guardar. Una vez que el punto rojo es una manera, puedes ir a tu molino web, sacarlo esto. En nuestro caso, es molino húmedo en la empresa que vienen en cohete social. Ahí está el chicle. La mejor palabra. Ahí vas. Creaste la cuenta de correo electrónico. Por lo que siempre recomendamos usar un correo electrónico clientes como Gmail o Outlook. Apenas para el propósito de este video, voy a mostrar cómo puedes instalar fácilmente una dirección de correo electrónico en EPO mill también. Pero su empresa de alojamiento web probablemente tenga alguna documentación de cómo configurar esto usted mismo. Así que voy a hacer esto. ¿ Quién le está contando a Apple millones de este holandés? ¿ Cómo se ha instalado un molino de papel? Pero también puedes hacer Outlook u otros clientes masculinos con e-mail, tienes dos opciones. Yo mapa configuraciones o configuraciones de árbol. Imap es la versión más nueva que recomiendo. Tus dispositivos sincronizaron correos electrónicos. Si borras el correo electrónico y tu teléfono y también será borrado en tu laptop. Con el árbol POC, los correos electrónicos se almacenan en su dispositivo, en su teléfono o en su computadora portátil. No lo recomiendo, pero en algunos casos es posible que desee usarlo. Pero para la mayoría de la gente solo usa IMAP. Una vez que estés en tu comida y vas a Preferencias, vas a hacer clic en cuentas porque vamos a añadir una nueva cuenta. Puede hacer clic en el símbolo más en la parte inferior izquierda y hacer clic en nuestra cuenta de correo. Para mi proveedor. Esto puede ser diferente para otras empresas de alojamiento web. Pero vamos a hacer click aquí otro recuento de leche. Establece el nombre que quieres poner en BIM en chicle social rocketeers. Y poner en la mejor palabra. Dice y escribí para verificar cuenta, nombre o contraseña. Esto es correcto porque necesitamos rellenar manualmente el servidor de correo entrante y saliente. Y nuestro caso, este nombre es tau company que ocupado store.edu, lo mismo para saliente. Y luego por último, esto es algo que no podemos cambiar, pero se quiere siempre rellenar esto primero y luego rellenar también el nombre de usuario. Dice notas automáticas y gustadas un poco borrosas. Pero lo que hace, solo toma la primera parte de la dirección de correo electrónico. Entonces en este caso, mi nombre de amigo tema. Entonces básicamente está diciendo automáticamente que hay negocios, el nombre de usuario, pero esto es en realidad no es el nombre de usuario. Si voy a hacer clic en iniciar sesión ahora mismo va a dar un error. Los detalles de inicio de sesión no son correctos. Lo que necesitas hacer es tomar toda la dirección de correo electrónico, ponerla como nombre de usuario y luego hacer clic en el botón Iniciar sesión. Ahora puedes elegir si quieres, qué apps quieres usar para el propósito y solo quieres instalar correo electrónico en este momento. Pero tal vez quieras tener nodos EPA. Eso depende de ti. Entonces ya terminaste. Recomiendo siempre probar si la dirección de correo electrónico está funcionando. Así que me voy a enviar un correo electrónico ahora mismo. Y una vez que recibí el e-mail, también quieres reproducirlo. Por lo que quieres comprobar si los libros masculinos entrantes están funcionando y si el buzón saliente está funcionando. Muy bien. Eso es todo. 11. Configurar tus ajustes de Wordpress: Muy bien, fin de semana, por fin empieza a construir tu página web. Así que estoy en la página web en este momento. Así es como se ve. Vamos a hacer de ella una hermosa página web. Entonces primero vamos a terminar la configuración de Wordpress con todo en el lugar correcto. También vamos a instalar tu tema de WordPress. Este va a ser el diseño de tu sitio web que vamos a estar personalizando y mostrarte cómo puedes hacerlo tú mismo. Para que puedas crear ejecutivo, el sitio web, cómo lo quieras. De acuerdo, así que si inicias sesión en WordPress, siempre necesitas ir a tu nombre de dominio y Mike muestra tu rocketeers.com slash hacia adelante WP stripe. Admin, te lleva a la página de inicio de sesión. Wp significa WordPress y rellena la información que pones al crear la instalación de WordPress. Y vamos a iniciar sesión ahora mismo. Por lo que el primer paso que vamos a hacer, estás conectado como la cuenta de administrador. Dado que todo el estándar de instalación de WordPress viene con cuenta de administrador, esto es un poco arriesgado. Entonces lo primero que siempre hago es que voy a crear una nueva cuenta. Mi mirada, el nombre de usuario va a ser BIM. Bim rocketeers.com. Más estricta, elaborada en la mejor palabra. Escribe eso en alguna parte. Hazme administrador. Eso es muy importante. Ahí te da todo el derecho a cambiarlo todo. Y entonces no necesito enviarme un correo electrónico al respecto. Creó la nueva cuenta. Voy a cerrar sesión, rellenar el nuevo nombre de usuario y contraseña de inicio de sesión. Ahora ves en la parte superior derecha cómo la viga se pega ahí. Voy a eliminar la cuenta admin. Esto va a ser mucho más seguro para tu nuevo sitio web. Ahí fue el primer paso. Vamos de arriba a abajo, de izquierda a derecha. Y lo primero que notarás es que te pide actualizar WordPress. Si ves esto, por favor haz clic en Actualizar ahora te lleva a la página de actualización. Verás el símbolo para actualizaciones con el número seis. Actualmente hay seis actualizaciones y voy a actualizar WordPress en este momento. Muy bien, por eso instalamos la última versión de WordPress, el sistema que ejecuta el sitio web. Y luego vamos a actualizar también los plug-ins. Por lo que viene con un plugin estándar, se llama ancla Schmidt anti-spam. Los plugins son como apps para tu teléfono, pero luego los plugins son, Por eso tu Sitio web actualiza todos los plugins. Este caso sólo uno. Muy bien, así que si todo está actualizado, debería verse algo así. El proceso de actualización se inicia y esto es como un registro, y luego se ve con éxito, con éxito, con éxito, etcétera. Muy bien, vamos a volver a la Actualización, espacio. Actualizaciones de temblor para ir. Y esos son tus temas estándar de WordPress. No vamos a usar estos temas, pero vamos a actualizarlo de todos modos. Muy bien, así que todo está actualizado. Ahora lo que quieres hacer es ir a configuraciones y luego vas a general. Vamos a pasar por la configuración. Entonces después del ajuste es correcto, lo primero que quieres hacer eso también es muy importante para propósitos SEO. Por lo que hay que dar a Google y otra búsqueda ingresando alguna información sobre quién es su sitio web, qué se trata, etcétera Así que sólo voy a rellenar el nombre de la empresa por aquí. Y si tienes un eslogan, puedes ponerlo por aquí. Así que vamos a llegar a un eslogan como contenido de las redes sociales fuera de este mundo. Entonces lo que queremos hacer es que queremos cambiar esto a HTTPS, pero tenemos que comprobar primero si está funcionando. Https es un protocolo seguro. Eso es básicamente hacer que tu sitio web sea más seguro. Si recibes este error en tu panel de alojamiento web, puedes activar el certificado SSL. En ocasiones hay que pagar por ello. Con algunas empresas, damos certificados SSL gratuitos, pero necesitas ponerlo activo tú mismo en tu panel de hosting, busca tu sitio web. Haga clic en él. Y luego puedes activar SSL y Let's Encrypt SSL. Espere a que desaparezcan los conductos de notificación, para tener un activo. En ocasiones puede tardar una hora más o menos antes de que esté activo. Muy bien, por lo que ahora el certificado SSL debe estar activo. Entonces vamos a probarlo primero. Ahora mismo verás este candado en la parte superior izquierda. Significa que si hace clic en él que el certificado es válido. Por lo que ahora tienes HTTPS. Lo que quieres hacer siempre es un nombre de dominio seleccionado, haz clic derecho que son el botón del ratón y luego córtalo y pégalo aquí. El motivo por el que siempre tengo una base es que no puedes hacer ningún error tipográfico porque si escribes esto mal, entonces ya no puedes usar el sitio web. Entonces es importante encontrar un nombre de dominio, ¿verdad? El direccionamiento de WordPress dónde dirigirlo y eliminar la última barra inclinada hacia adelante. Si has copiado y pegado, debería verse así. La configuración de dominio en tu fenol de hosting incluye WOW, trata tiempos a w y luego hizo eso, entonces puedes incluir eso también. Tenemos los ajustes sin W's. No importa por lo que es mejor o no. Muy bien. Ahora también necesitamos poner en la dirección de correo electrónico de administración. Por lo que creamos los libros de correo electrónico, Social Work.com. Doy los ajustes de idioma por ahora a Estados Unidos. Y la zona horaria. Lo voy a poner a Amsterdam porque ahí es donde estamos. Aquí puedes elegir tu formato de fecha. Esto también se mostrará sus artículos de blog y cosas como deuda. Por lo que tal vez quieras considerar cómo quieres ponerlo. Voy a ponerlo como día, mes y año. Cómo desea utilizar el formato de hora. Entonces en este caso, déjame ver. Este debe ser el ajuste de las 24 horas. Esto es lo que usamos en los Países Bajos. La semana empieza conmigo el lunes y voy a hacer clic en Guardar cambios debería bloquearme. Y esto se debe a que cambiamos el nombre de dominio a HTTPS. Por lo que necesitamos volver a iniciar sesión. Y me está preguntando si esta dirección de correo electrónico es correcta. La dirección de correo electrónico actual de administración fue esta y aún no verificamos el correo electrónico. Por lo que voy a hacer clic Correo electrónico es correcto por ahora mismo. Abramos el programa de correo electrónico. Ahí vamos. Simplemente lo verificamos. Me redirige a la página web. Y ahora estamos terminados con todos los ajustes generales de Wordpress. Ahora tenemos un montón de otros ajustes que podemos pasar. Si vas a la sección de escritura, y debería tener este aspecto, puedes agregar los servidores de correo aquí. Si estás planeando usar cosas como foros de contacto y cosas así. Pero vamos a usar plugins para la deuda. Por lo que también podemos dejar eso por ahora. Lo más importante es la sección de lectura. Entonces, ¿cómo quieres mostrarte nuestros últimos posts o presume estético? Esto es algo que vamos a hacer más tarde también. Un ajuste que es super, super importante es que ¿quieres tener este sitio web para ser factible para los motores de búsqueda? ¿ Quieres que el sitio web esté llevando Google ya, sí o no. Si quieres mezclar en construirlo para las próximas semanas de ancho y no quieres que se muestre en los rankings de Google, entonces puedes hacer clic en este rencor. Pero realmente importante, ponlo en tu calendario. No te olvides cuando inicias tu sitio web para desseleccionar esta casilla, porque de lo contrario tu sitio web no se encontrará en los motores de búsqueda. Voy a dejarlo por ahora abierto porque quiero empezar a ranking en Google de inmediato y construir mi sitio web muy rápido. Voy a hacer clic en Guardar cambios. Puedes cambiar algunos de los ajustes de discusión. Me gusta, cómo están ahora mismo. Pero puedes decidir si quieres cambiar estas reglas sobre si agregas un comentario médicamente cercano en publicaciones mayores de 14 días o algo por el estilo. Me gusta cómo es. Voy a dejar eso por ahora. Ajustes de medios, no realmente útil para el tema que vamos a utilizar. Entonces pudo haber sido, puedes saltarte eso. Y entonces algo que creo que es súper importante es tu configuración de enlace permanente. Debido a que la configuración de dos puntos de tu configuración de enlace permanente y el enlace permanente es la configuración de cómo el nombre de dominio en tu navegador tiene un cerebro. Vas a crear una nueva página. Se le va a dar un número como playa es el número 123 para este ejemplo. Esto no es muy fácil de usar y esos no son muy amigables para que los motores de búsqueda entiendan de qué se trata el sitio web. Siempre me gusta elegir el nombre de host. Entonces si voy a crear una nueva playa que se llama About page, entonces va a ser registro social tiers.com slash sobre Playa. No me gusta con números y fechas y cosas así. Así que solo selecciona ambos nombres, guarda los cambios. Y ahora ya has terminado con todos tus ajustes. 12. Instala el tema Divi: Muy bien, Así que acabas de terminar una configuración de Wordpress y ahora es el momento de comenzar a instalar el tema de WordPress. Podemos empezar a construir. Viene ya con algunos temas estándar como 20171916. Este está actualmente activo, como se puede ver aquí mismo. Podrías empezar una nueva playa. Y va a parecer una instalación estándar de WordPress. Entonces te va a dar alguna explicación sobre el nuevo editor de bloques. La última característica de WordPress, hizo clic en ella de la manera correcta en este momento, tiene una sensación bastante minimalista y de editor de texto donde se puede agregar, por ejemplo, homepage. Entonces empieza a escribir por aquí. Esta es una página web. Voy a hacer una página como esta y publicarla ahora mismo. No va a Luke super minimalista, no como lo quieras. Por lo que ahora has creado una página web y anota la página de inicio. Hola, Esta es una página web. Bueno, es una página web, pero no es la página web que queremos. Así que empecemos con el otro tema para que podamos cuadrilar páginas y darle esta forma y foros como lo queremos. Puedes comprar el tema de WordPress en Elegant Themes.com. Si usas el paquete de alojamiento de nosotros, obtienes el tema Divi de nosotros, también con la clave de licencia. Pero si decides comprarlo tú mismo, Eso también es posible, entonces puedes ir a Temas Elegantes. Esos son los desarrolladores de este tema de WordPress. Tengo algunos temas, pero el más que han resuelto es dv. Y hay muchos usuarios. Creo que tienen más de un millón de usuarios usando este tema de WordPress. Y ya tengo una cuenta, pero si quieres comprarla puedes hacer clic en precios y pensar y luego obtener x anuales por $89 dólares estadounidenses al año o a una vida x's. Voy a iniciar sesión en mi cuenta ahora mismo. Una vez que hayamos iniciado sesión, te voy a mostrar cómo descargar dv y luego instalarlo. Estamos encerrados en Elegant Themes, un sitio web dentro del área de miembros. Una vez que estés en el área de miembros, lo primero que notarás es un botón bereber con descargar el DVC. Voy a descargarlo y ves que un archivo zip no está pasando por tu carpeta de descargas. Y estos son todos los archivos del software que necesitas. Pero tenemos que hacer una cosa más. Necesitamos crear y licenciar clave también. Si vas a cuenta, nombre de usuario y abogado, aquí es donde puedes crear claves API. Por lo que debería estar en aplicación por aquí ya. Y entonces aquí están todos mis obligaciones. Vamos a generar el nuevo Abigail. Voy a darle un nombre. Haga clic para copiar, debe copiarse en este momento. Volvemos a tu página web. Estaban en el backend de su sitio web. Si vas a Apariencia y Temas, puedes agregar un nuevo tema. Hay un montón de temas que puedes seleccionar, pero vamos a subir el tema Divi. Elige tu archivo, ve a tu carpeta de descargas y sube el archivo zip. Instalar. Ahora, debería mostrar una pantalla con la instalación de tema de cargado found db dot set impactando el paquete, instalando el FIM y luego con éxito, si tienes problemas con subir tu tarifa de WordPress, entonces es probable que necesites cambiar algunos ajustes en tu alojamiento web. Entonces entonces te recomiendo contactar con el servicio de atención al cliente de tu hosting. O puedes instalar el tema de WordPress a través de FTP. Una vez que hayas terminado, puedes hacer clic en Activar. Y ahora está activado. 13. Configura tus opciones de temas Divi: Instalamos el tema de WordPress Divi, y vamos a repasar las opciones de tarifa DV. Así que ve a tu menú y luego selecciona Opciones temáticas. Primero vamos a hacer las opciones generales. Y lo primero que podemos hacer, podemos subir un logotipo que estará apareciendo en la parte superior izquierda de su página web. Vamos a subir el archivo. Voy a elegir primero una imagen que esté en tu computadora. Tengo un bonito ser logo para ello hoy. Nos vamos a poner como logotipo. ¿ Y qué quieres, hacer? Quieres asegurarte por un par de cosas que uno, tu imagen no es demasiado pesada. El horario es de 43 kilobytes. No quieres subir una imagen de un megabyte o algo así. Cualquier cosa por debajo de 120 kilobytes debería estar bien. Cuanto menor es mejor porque te ayuda a tener el tiempo de carga de tu página web. Más rápida. Cuantas más imágenes, más datos pongas en tu sitio web y más tiempo se tarda en cargarse. Y quieres tener un sitio web de carga rápida porque es realmente agradable si todo funciona más rápido en tu sitio web, entonces algo con fines SEO, el logo es algo que se indexan por Google, por motores de búsqueda. Quieres dar alguna, alguna información de logotipo a esta imagen. Y ya se ha fijado la marea. Vamos a poner el logo social rocketeers en la descripción también. Y también en el texto alt. No lo vamos a poner en subtítulo porque si lo pones en subtítulo, se mostrará con el texto debajo de la imagen en el lateral. Pero quiero que si voy a google.com, un dipolo en logo de rocketeers sociales, vaya a imágenes que en los próximos días o semanas que se va a encontrar por Google en las imágenes. Entonces la forma en que lo haces es dando alguna información. Así que siempre cambia los nombres y las descripciones y el texto alt de tus imágenes cuando las subas a tu sitio web e intenta hacerlas un poco más pequeñas en tamaño o en calidad. Sigue siendo lo suficientemente afilado, pero que mantengas bajos los kilobytes y megabytes. Esto se establece como un logotipo. Algo que puedes hacer es que puedas seleccionar barra de navegación fija. Lo que hace es la barra de navegación, y esto está en el backend del sitio web, pero en el frente y vamos a estar construyendo un menú. Y esta configuración es básicamente si quieres que el menú se desplaza contigo, si desplázate hacia abajo que el menú está siguiendo esta barra de navegación en el menú Configuración no es fija, sino en la parte frontal de la sitio web, la versión estándar es fija. Puede deshabilitar o habilitar esto. Puede habilitar la Galería de DC, y esto es para fines de slider de fotos. Puedes, si no lo estuvieras, si ya conoces los colores que vas a usar mucho, puedes seleccionar estos colores y luego rellenar, por ejemplo, un color gris. Y luego si quieres cambiar el color y algunos lugares siempre puedes usar esta paleta de colores. Es realmente útil si vas a estar haciendo muchas páginas con muchos colores diferentes. Muy bien, entonces, pero si aún no conoces la universidad, no te preocupes por ello. Es sólo una cosa bonita de tener. Vamos a repasar las otras cosas. Hay una gran cantidad de ajustes. No voy a cubrirlos a todos, sólo las cosas más importantes. El diseño de la barra lateral derecha. Si quieres tenerlo a la derecha o a la izquierda, no me importa tanto porque siempre deshabilité las funciones de una barra lateral. Yo quiero construir las cosas yo mismo. Pero algunas cosas que quieres conservar es que quieres usar Google Fonts habilitadas. Va a mostrar algunas fuentes bonitas que puedes usar. Puedes rellenar tus enlaces de redes sociales. Esto va a estar apareciendo en el pie de página y en la parte inferior de cada página web para que la gente pueda ir a sus páginas de redes sociales. Una cosa que me gusta hacer es usar extractos cuando se define. Entonces la gente ve como el primer párrafo de un pedazo de texto cuando está cargado. Una característica que me gusta es el botón Volver a tabulador. Así que hay debajo del lado, va a haber una flecha gris oscura siguiéndote. siempre puedas ir fácilmente a la cima. Me gusta contar con un desplazamiento suave porque esto te da una mejor experiencia de usuario. Si eres un buen ancho sitios web o CSS, aquí es donde puedes agregar tu CSS personalizado consiguió, si no sabes cuál es el significado de CSS, hecho mejor sobre esta sección. Pero si quieres hacer algún código CSS personalizado para hacer algún estilo personalizado, aquí es donde puedes arrancarlo. De acuerdo, por ahora voy a golpear Guardar cambios. Todos los ajustes deben guardarse por ahora. No necesitamos repasar los otros ajustes aquí. Pero una cosa de la que quieres asegurarte es con la sección de actualización que quieres rellenar tus detalles de inicio de sesión de Elegant Themes por aquí. De lo contrario no podrás actualizar tu tema de WordPress en el futuro. Entonces llenando tus datos por aquí, ahora todavía lo sabes y no tienes que buscarlo en un par de semanas. Voy a hacer eso ahora mismo. Haga clic en Guardar cambios. Todas estas cosas deben establecerse a la configuración correcta. Pero sí, puedes cambiar la navegación o para construir nuestra configuración, la configuración de diseño. Una cosa que me gusta es con tus posts, si vas a crear publicaciones de blog, no quiero tener las imágenes colocadas en el sitio web, en la propia página web. Entonces voy a desactivar esto. Y si no quieres que otras personas puedan comentar en tus publicaciones de blog. Puedes estos vacíos por aquí. Me gusta si la gente puede comentar, pero algunas personas no quieren tener esto. Volveré a hacer clic en Guardar cambios. No vamos a usar esto ahora mismo. Si necesitas agregar algún código a tu sitio web, no necesitas entrar en difícil negocio de código tú mismo. Pero a veces para si quieres conectar cosas como Google Analytics o cosas así, que necesitas colocar en la cabeza de tu sitio web. Puedes ponerlo aquí o en la sección del cuerpo u otro fijo. Y no te preocupes si no sabes qué es o entonces probablemente no lo necesites por ahora. Pero si estás buscando el lugar donde poner el código de encabezado, este es el lugar en la configuración. ¿ Y quisiste buscarlo? Muy bien, eso es todo por todas las opciones temáticas para Diffie. Y si todo está configurado, podemos empezar a construir las páginas en este momento. 14. Personaliza tu tema: Así que una vez que hayas terminado con tu tema Opciones y vas a través de tu sitio web y excesivamente deberías lucir diferente. Entonces si voy a mi página web en este momento, se ve así. Entonces tenemos el logo, tenemos el Hello World, las primeras publicaciones de blog de WordPress. Tenemos la barra lateral. Por lo que comienza lentamente a buscar un sitio web de nosotros mismos. Pero aún tenemos que hacer algunas cosas. Esto voy a volver a iniciar sesión. Ahora es el momento de cambiar algunos ajustes. Si vas a aparecer y luego ve a personalizar. Entonces podemos personalizar algunos ajustes que viene estándar con el tema de WordPress. Y esta es una característica estándar de WordPress, el personalizador donde se puede cambiar el encabezado, el pie de página, algunos botones y todo eso. Con Divi, tienes un montón de ellos extra. Pero vamos de arriba a abajo. Vamos a ir a la configuración general Identidad del sitio, donde ya rellenamos título del sitio, Plato de cohetes sociales. Lo hicimos en un video anterior en la configuración general en el backend de WordPress. Entonces estamos trabajando en el front-end por ahora mismo. Entonces estábamos trabajando en el back-end en el tablero de WordPress. Y una cosa que podemos hacer por aquí, podemos subir un ícono del sitio. También llamamos a este graso ido. Por lo que a veces ves en la profundidad de tu navegador web, de tu navegador de Internet, ves un pequeño logotipo por aquí. Al igual que si voy a agarrar alguna otra playa por ahora, usa un año sobre la parte superior, mi logotipo oscuro de Google, mi último pase donde surgieron contraseñas y logotipo de Google, logotipo Elegant Themes. No necesitas leer la primera parte, pero puedes reconocer que eres realmente rápido. ¿ En qué sitio web estoy? Por lo que creamos de nuevo un bonito ícono rosa. Vamos a subir eso ahora mismo. Aquí tienes. Y este ícono es de 512 por 512 pixeles grandes. Entonces de nuevo, el título, debes darle un nombre para que los motores de búsqueda lo reconozcan. También ponerlo en la descripción y en el texto alt. Siempre quieres hacer esto. Te da una ventaja SEO. Puedes agarrar la imagen si lo deseas. No tenemos que hacer es ahora mismo. Vamos a omitir el recorte. Y ahora llegamos a lyse bonita rosada están en un basurero de un sitio web. Vamos a hacer clic en Publicar Para guardar la configuración y volver al paso anterior. Vaya a la siguiente configuración. Puedes establecer tus ajustes de diseño y todos los colores tienen seis letras o números como combinación. Voy a hacer clic en esta cosa azul por aquí. Entonces ves para este código va a ser dos, a0, a3, fs. Si voy a bucear aquí hashtag y luego tratar los tiempos la F seis veces. Entonces va a ser blanco. Y lo voy a poner en ceros, ceros, ceros, ceros, ceros, ceros, 0 va a ser negro lleno. Y luego todos los colores intermedios tienen su propio abrigo de color único. Queremos utilizar este tema, excelente color. Con banco, van, Este va a ser nuestro color principal y color realmente brillante. Y el resto de los ajustes se puede dejar como es en este momento porque ya son realmente agradables. Haga clic en Publicar lo que hace. Por ejemplo, si vamos a crear un enlace por aquí, se va a hacer que el enlace se decolore. No tienes que mantenerlo en azul, entonces el enlace será azul. Hay algunos lugares que está recogiendo este color. Cuando creas algo, él va a usar el mismo color por todas partes. Y va a ser muy agradable con el branding. También vamos a establecer los ajustes personalizados para su tipografía. Si vamos a crear módulos de texto, siempre se puede cambiar la configuración por módulo. Pero por ejemplo, si tú, si construyes, entonces páginas web con muchos textos y decidirás cambiar la fuente del encabezado por todos los encabezados. Al igual que Hello world, decidiste que quieres usar otra fuente. No quieres entrar en todas las páginas en todos los módulos de desapego y cambiarlo todo a mano. Pero si voy a buscar un buen teléfono en este momento, uno financiado por igual, por ejemplo, es lateral. Si quiero cambiar helloworld a lateral, puedo hacerlo por aquí. Si voy a la gingiva para dejar que dv o filtre guión, entonces ya ves que se va a cambiar por ahí. Por lo que podría dejarlo por defecto y cambiarlo a todas partes manualmente. Pero me gusta poner la configuración por aquí así que no necesito cambiarla en todas partes. Nuevamente, hazlo con el clic de un botón. El encabezado de la reducción es cara gorda Abril. Entonces esta va a ser nuestra fuente, muy bonita fuente y me encanta. Y luego también vamos a poner en la fuente cuerpo para todos los párrafos. Por lo tanto elegimos hoy, vamos a crecer hasta el g para el libro Gentium. Básica. Muy bien, bonito aspecto un poco como fuente de máquina de escribir. Realmente agradable de leer. Los colores del enlace de amigo. Quiero usar el color rosa brillante que nosotros antes también. Muy bien, así que cambió el enlace de amigo en un color a este bonito color rosa. Por todo el texto. Para el texto del cuerpo, voy a usar el negro completo. Entonces seis veces a 0. Puedes cambiar el tamaño de la tecnología del cuerpo. El tamaño del texto nunca debe ser inferior 12 porque entonces va a ser muy difícil de leer en un móvil. Si tienes una audiencia mayor, posible que quieras cambiarla a 18, o también depende del teléfono que vayas a usar. Así que voy a ponerlo en el 16 ahora mismo. Una vez que hayas terminado con los ajustes, también puedes jugar con los ajustes de texto un poco por ahí. A lo mejor querías ponerlo el 36. Una vez que hayas terminado de jugar con estos ajustes, entonces puedes hacer clic en Publicar. De acuerdo, vamos a volver. Acabamos de terminar con la topografía y el color de fondo. Voy a ponerlo en blanco. Apenas el cuello blanco publicó esto también. También puedes usar una imagen de fondo si querías usar una mejor o algo así, voy a usar blanco por ahora. Eso es todo para todos los ajustes generales. Vamos a rogar deuda de Walmart, y volvemos a ir a la cabecera y a la configuración de navegación. La forma en que se construyen y estructuran sitios web es como el cuerpo humano. Tenemos la cabeza, el cuerpo y los pies. Entonces de la misma manera que va para nuestra página web. Esta es la sección de encabezado con el logotipo y la barra de menú. Entonces tienes la sección del cuerpo donde está apareciendo todo el contenido y luego el área oscura por aquí. Esto es lo que llamamos el pie de página o el encabezado. Y el pie de página se muestra en cada nueva página web que vas a crear. El apartado del cuerpo es donde está todo el contenido y esto es lo que se va a cambiar mucho. Pero por ahora, vamos a terminar los ajustes para el encabezado. El formato de encabezado viene con Diffie con algún estilo, estilo predeterminado. Se ve así, pero también puedes hacerlo centrado con el logo en el medio en la parte superior. Pero tal vez quieras tener el logotipo dentro de los botones de menú. Puedes tenerlo deslizado en menú bajo deslizado. Donde en el lado izquierdo tienes el logo. Tienes como, ¿Qué vamos como diseñadores web? Un menú de hamburguesas, porque las tres rayas se ven como una, como una hamburguesa. Entonces tienes una diapositiva en el menú que se ve realmente elegante. Me gusta mucho esta característica. O podemos hacerlo a pantalla completa. Y luego si haces clic en él, va a ser una bomba en tu cara. Por ahora mismo, voy a dejarlo en defecto porque esto es algo con lo que me gusta trabajar ahora mismo. Por lo que la gente siempre estará viendo los botones de menú en los que pueden hacer clic. Voy a hacer clic en Publicar. Y luego vamos a pasar por la configuración de la barra de menú principal. Puedes cambiar la altura del menú. Si desplaza esto, eso debería seguirte por ahí. Los tamaños estándar en 66. Como tamaño promedio normal para un encabezado, tal vez puedas hacerlo un poco más grande y puedes jugar con el tamaño del logotipo también. Nunca lo puse en un 100 porque entonces el logo está tocando la parte inferior y la parte superior de tu cabecera. Y eso no se ve tanto profesional. Por lo que queremos hacer un poco como un sitio web audaz, un poco grande. Por lo que vamos a hacer el logo en el 80 ahora mismo. Y vamos a poner la ciencia del menú a 100. Por lo que esto va a mirar en nuestra página web. Entonces el tamaño del texto. Voy a ponerlo en el 16 ahora mismo. Hace que sea un poco mejor legible. Para los formularios que vamos a seleccionar Gentium book Basic, podemos hacerlo en negrita si quieres, y deberías ver los cambios de inmediato. Puedes usar solo versiones mayúsculas. Esa podría ser una buena característica también. Puedes jugar con cómo te gusta. Por ahora. Sólo voy a dejarlo por el momento. El texto del color, quiero estar lleno negro, seis veces a 0. Y puedes hacerlo un poco transparente como ves. Las cartas, quiero ser no transparentes. No conozco ninguna opacidad ahí dentro. Lo hago negro lleno con seis ceros. El enlace activo, el enlace en el que estamos actualmente, quería ser el bonito color rosa brillante que usamos para todos los demás enlaces también. El color de fondo, me gusta que sea un poco transparente. Entonces si desplázate hacia abajo más tarde. Que ahí hay un poco de opacidad. En la pantalla. No lo ves en su totalidad. Pero si lo seleccionas y desplázate todo el camino hacia la derecha, puedes ponerlo en tal vez 90 o 95. Apenas un poco de opacidad ahí dentro, un poco de transparente y dar un bonito toque de aspecto profesional. El menú desplegable, vamos a hacer lo mismo con este pequeño deslizador un poco abajo. Por lo que pasa por los códigos RGBA. En lugar del hexágono, lo que se llaman los seis números y letras. Y vamos a poner al alumno 95 también. Y si quieres tener un menú desplegable, como tenemos subpáginas, también puedes dar las líneas de color. Se puede hacer que sea o negro. Voy a poner un negro, blanco ahora mismo. El color del texto puede volver a estar completamente negro. Entonces por último, pero no menos importante, podemos añadir algunas animaciones para hacer el menú cuando está cargando la playa. Por lo que quieres tenerlo expandir, deslizar, tal vez incluso voltearlo. Me gusta la función fade, así que te da como un efecto de brillo más agradable. Una cosa que me gustaría mencionar es sin embargo, y hay una opción donde se pueden hacer las cosas de ancho completo. Para algún sitio web es posible que quieras usarlo, pero la mayoría de los casos puedes tener esto sin seleccionar porque no me gustó tanto porque quieres trabajar dentro de ciertos espacios cuando estás construyendo un sitio web. Y ahora estos, estos elementos, este logotipo y estos elementos del menú están cayendo sin la rejilla, como usted lo llama. Siguiendo con fuera del alcance del resto de los ajustes de la página web. Así que sólo mantén esto sin seleccionar. Puedes ocultar el logo si aún no tienes logo. Pero vamos a conseguir la configuración por ahora y haga clic en Publicar. De acuerdo, así que eso es todo para la configuración general y el encabezado y la navegación por ahora, hay muchas configuraciones que vas a pasar. Así que sólo juega con ella. Voy a cubrir para el resto de los escenarios más importantes que quieras echar un vistazo. Una cosa que separaba a los chicos del tipo. Por así decirlo, si vas al pie de página y luego a la barra inferior aquí, puedes editar tu crédito de pie de página. Si no agregas ningún texto por aquí, dirá algo así como tema de WordPress por Elegant Themes. Y te lo mostraré ahora mismo. Diseñado por Elegant Themes impulsado por WordPress. Entonces esto está mirando realmente turístico. ¿ Qué quieres, hacer? Quieres ir al tablero de instrumentos y Personalizador de temas de nuevo. La forma en que se puede cambiar es en el pie de página, luego pedir prestado inferior. Y entonces se puede decir powered by hosting. Ahora dice poder por tau hosting. También puedes incluir algún HTML si quieres que esto haga un enlace que puedas Google como hacer un enlace HTML y luego copiar y pegar el código de enlace ahí. O también puedes desactivar el crédito de pie de página. Entonces eso es algo por lo que vamos a hacer ahora mismo. Haga clic de nuevo en Publicar. Entonces eso es todo para la configuración del pie de página. Y puedes agregar o dejar iconos sociales. Voy a dejar eso lejos ahora mismo. El diseño se puede elegir cuántas columnas, siempre lo dejo a cuatro. Y más sobre eso después. Eso es todo para la configuración de pie de página en este momento. Una cosa que puedes hacer que puede ser útil es establecer las cargas y estilos de carga. quieres a través de la página web. Aquí puedes preseleccionar los colores del texto y los colores de fondo y cosas así. Esa puede ser una buena característica también con iconos y todo eso. Para que puedas jugar con ella. Puedes repasar eso. Y lo último importante que quería mencionar es que necesitamos establecer una página de inicio Augustan. Entonces no me importa. Me importan mucho las publicaciones del blog donde aparecen, pero siempre quieres seleccionar, mientras que la página de inicio, creamos ya una homepage, si te acuerdas en un video anterior. Si voy a seleccionar la página de inicio, esta es una página web, entonces está apareciendo. El homepage cuando la gente visita. El dominio primario. Dicho por todos los ajustes de personalización que quería repasar contigo en este momento. No los cubrí a todos, pero solo da click, juega con los ajustes y haz como te guste. Y puedes dejar los ajustes como yo lo hice. Y vas a tener algunos buenos ajustes desde donde empezar. Pero si quieres personalizar un poco más, siéntete libre de probar alrededor. 15. Instala tus complementos de Wordpress: Muy bien, así que hemos cubierto todos los ajustes básicos de derrotas y ahora es el momento de instalar algunas aplicaciones. Llamamos a esto plug-ins dentro de WordPress. Si vas a los plugins instalados plug-ins, ya viene con uno o dos plugins estándar. El plugin Hello Dolly es un poco de broma de los desarrolladores. Este es un plugin, pero siempre se puede eliminar. Voy a necesitar eso. Empezamos sin ningún plugin. Y si haces clic aquí, entonces ya ves algunos plug-ins sugeridos como apps que podemos usar. Hay literalmente miles o incluso cientos de miles, existen más de 200 mil plugins. Actualmente. Cada día vienen más y más. Tengo que dar un poco de una advertencia con el uso plugins porque los plugins son cosas realmente bonitas, pero WordPress es de código abierto. Lo que significa que todo el mundo puede crear un plugin de WordPress o un tema de WordPress. Por lo que esto incluye a los súper principiantes o personas que tienen cosas malas en mente. Básicamente, si estás instalando un enchufar, lo que estás haciendo, estás agregando un montón de código y nunca sabrás si este es un buen código de trabajo o si el código está conflicto con el otro plug-in o tema de WordPress. Así que trate de minimizar la cantidad de plug-ins que se están instalando. El mayor número de problemas que surgen con sitios web de WordPress proviene de instalar demasiados plugins o plugins que no son seguros o no realmente buenos plug-ins de audio que estamos utilizando hoy en día. Los probamos mucho y recomendamos encarecidamente esos plug-ins. Pocas cosas que siempre puedes ver como dar un poco de estimación si es un buen plugin, si puedes usarlo o no. Se puede ver si enchufar esto se actualiza recientemente, por lo que esto se actualiza dentro del último día. Esto se actualizó mucho. Pero si vas, por ejemplo, al plug-in Yoast SEO, vamos a cubrir más sobre eso más adelante. Esto se actualiza hace la semana. Pero por ejemplo, si quieres tener un botón Me gusta de Facebook en tu página web, plugins de redes sociales. Plugins que pueden causar muchos problemas que vemos. Entonces éste es, se ha actualizado hace nueve meses, así que tal vez eso no sea tan seguro. También miro las opiniones, pero esta recibió diez críticas. Este recibió 538 opiniones y seis veces más instalaciones activas. Si estoy comparando plug-ins entre sí, siempre elijo el que se pone más actualizado tiene muchos buenos testimonios y muchas instalaciones activas si es posible. Si no sé lo que estoy haciendo, a veces pruebo estos plugins en un entorno de prueba cuando omega test website para probar estas cosas. Porque si tienes un sitio web en funcionamiento con visitantes activos visitando tu sitio web, no quieres arruinar las cosas y bajar tu sitio web y cosas así. Así que ten cuidado con cuántos plug-ins y plug-ins vas a usar. Después con eso dicho, vamos a empezar con el primer blogging. Y este es el taponamiento que aparecerá de un año la primera vez que lo abras. Y ese es el editor clásico. ¿ Para qué necesitas el editor clásico? Wordpress es, como dije, es fuentes abiertas se actualiza todo el tiempo. Y el editor clásico, te está mostrando la versión antigua. Porque en mi opinión, la versión más nueva de WordPress no es fácil de usar como la versión clásica, por lo tanto, voy a instalar esto. No es súper necesario. Puedes trabajar sin el editor clásico, pero todo lo que vamos a mostrar, se hace con el editor clásico para que pueda lucir un poco diferente en tu pantalla si no instalaste éste, Recomiendo instalar esto porque lo hace un poco más fácil. Verás un poco más de elementos. Sin esto. Han escondido algunos elementos, no son tan fáciles de encontrar, así que, pero básicamente funciona igual solo otra interfaz y otra forma de mostrarla. Muy bien, espera hasta que veas el botón Activar porque el plugin ya está instalado. Pero si vas a la página Plugins Instalados, verás que el taponamiento aún no está activado. Así que te voy a mostrar un antes con las páginas que creamos la página de inicio, si lo recuerdas, y luego haz clic en Editar, entonces obtienes este pop-up. Y así es como ves la página web en este momento. Si vuelvo a Plugins, activa el editor clásico. Así que ahora está activado, hay uno activo. Y volver a las páginas de nuevo. Haga clic en Editar. Y se ve completamente diferente. Entonces en mi opinión, esto es mucho más fácil de usar. Por eso escogí esto. Siéntete libre de escoger el otro si te hubiera gustado. Otro. Contamos con el editor clásico. Vamos a sumar el siguiente taponamiento que se llama palabra valla. ¿ Para qué palabra amigos sobre si lo necesitas? Es básicamente como un firewall y conexión de seguridad de malware. Suena súper elegante. Y lo que hace es que mantiene su sitio web seguro. Hay un montón de organizaciones en el mundo que intentaron hackear tu sitio web automáticamente con la computadora presumido. Algunas personas en el mundo intentan entrar activamente en tu sitio web. Pero lo que hacen, la computadora está visitando el sitio web igual que una persona humana, y trató de iniciar sesión en el sitio web todo el tiempo. Así que tal vez puedan jugar algunos enlaces para algunos enlaces de spam, o están tratando de robar tus datos y cosas así. Entonces hay cosas que no se quieren tener. Y por lo tanto instalamos el plugin de WordPress. Es como un escáner de virus para tu PC, pero luego un poco más para tu sitio web. Si quieres saber más sobre lo que realmente está protegiendo, puedes visitar un sitio web, pero es por razones de seguridad. Esto es lo que necesitas saber por ahora. Muy bien, así que una vez instalado el plugin, probablemente debas recibir, tropezar con un mensaje que has instalado con éxito word friends. Puedes rellenar tu dirección de correo electrónico aquí. No tienes que hacerlo. Y no quiero tener su newsletter, pero sí acepto sus términos. Preguntan si quieres comprar una versión premium. No, gracias por eso. Vamos a usar la versión freemium. El libre, libre de. Una vez que lo hayas instalado, te va a mostrar un botón extra en el lado izquierdo por aquí. Aún no está todo configurado, así que quieres ir a todas las opciones. Entonces te está pidiendo que hagas que tu sitio sea lo más seguro posible. Tómate un momento para optimizar la palabra amigos firewall de aplicaciones web. Hay muchas opciones, pero haga clic aquí para configurar. Y se te pide que descargues como pensando en el archivo de exceso de TDAH. Vas a descargar ese archivo y hacer clic en Continuar. No importa si realmente no estás entendiendo lo que estás haciendo en este momento, solo sigue estos pasos. Entonces, una vez que lo hayas hecho, haz clic aquí para volver a configurarlo, vuelve descargar el archivo de acceso HT, y también al usuario, cualquier PHP. Y luego haga clic en continuo de cambios aún no han surtido efecto. Está diciendo, pero la instalación fue exitosa. Entonces ahora mismo vamos a cerrarlo. Y pasamos por la configuración para la profundidad. Y vamos a hacer clic en este MSE por ahora mismo. A continuación te está pidiendo que ¿quieres mantenerte al día fuera de lo médico? Bueno, necesitas encenderlo, de vez en cuando, necesitamos actualizar todos tus plugins, temas y cosas así para que tu sitio web funcione bien y mantenerte seguro. Voy a hacer clic en Sí por ahora porque es bonito ya que esto mismo fuera de lo médicamente. En este momento pasamos por dos configuraciones. Si vas a la página Opciones, puedes pasar por todas las opciones. No voy a hacer eso ahora mismo porque las opciones estándar ya son realmente buenas. Lo único que quieres comprobar es tu configuración de notificaciones. Si no estás cambiando tu configuración de notificaciones, te enviará muchos correos electrónicos y no necesitas todos los correos electrónicos, así que ¿quieres recibir un e-mail cuando se actualice? No quiero tener un correo electrónico para eso. ¿ Quieres que cuando se desactive el plugin? Sí. Porque realmente querías tener este plug-in activo. Entonces si alguien está desactivado y esto enchufando en un sitio web de este tipo, ¿quieres obtener una notificación para eso porque eso no debería estar pasando. Necesitas hacer Guardar Cambios. Una vez que hayas terminado con esta parte de instalación, lo primero que quieres hacer es hacer clic en Escanear, y te está dando un golpe hacia arriba, de nuevo, una palabra los fans pueden buscar malware y URL maliciosas y patrones de infecciones examinando x y minando todos los archivos, publicaciones y comentarios en su sitio web de WordPress. Suena muy bien. Por lo que vamos a hacer clic en Siguiente, lograron escanear la configuración. Y luego inicia tu primer juego. Eso es lo que queremos. Inicie un nuevo escaneo. Esto se está ejecutando sobre un fondo de apagón. Y al hacer esto, lo hará automáticamente en el día a día y te avisaremos si algo anda mal con tu sitio web para que siempre puedas volver a buscar los resultados del escaneo. En este momento está haciendo lo suyo y podemos seguir instalando los plugins. Así que de nuevo, volvemos a los plugins de Antonio. El siguiente enchufarlos que vamos a usar es algo que tendremos que hacer en Europa es el RGPD. Hay una nueva regla o ley para eso. Cada sitio web debe informar al visitante del sitio web sobre las cookies y sobre las cosas que se están utilizando en el sitio web. ¿ Qué son las cookies y por qué las necesitamos? Entonces las galletas están ahí para eso. Tu sitio web funciona correctamente o necesitas tener cookies a veces para ciertas cosas de marketing. Entonces si ejecutas Google Analytics en tu sitio web, por lo que este es un tipo vamos a conectar que mostrando cuántas personas fueron a tu sitio web en un día. Para que puedas contar eso. Eso es arrastrado por una galleta. Si estás colocando un video de YouTube en tu sitio web, estás utilizando cookies. Otra cosa es, por ejemplo, si vas a una página web, pero querías ir a la página anterior, ¿cómo sabe cuál fue la página anterior? Esas ciertas cosas como botones y cosas que has seleccionado enlaces. Esas cosas funcionan con galletas. Algunas cookies pueden hacer más daño que otras en términos de privacidad. Y por lo tanto, tenemos algunas nuevas reglas y Europa y gobiernos les gustan los sitios web para dar explicación qué tipo de cookies utiliza la gente. Y por lo tanto, vamos a instalar un plug-in de cookies. Vamos al plugin, nuevo. Ahí vamos, buscando galleta. Aviso. Vaya, Buscamos el aviso de cookies para GDPR by D factory. Consiguieron más de un millón de instalaciones. Y lo vamos a instalar ahora mismo. Todo el mundo parece bastante feliz con las galletas. Una vez instalado y activado el plugin, puedes hacer click en la configuración aquí. También puedes encontrar este taponamiento si vas a la configuración y luego vas a cookie. Observe a veces si instala nuevos plug-ins se llevará bajo configuración, a veces bajo herramientas, a veces en esta barra de menús. Por lo que puede ser un poco confuso dónde buscar, pero para este plugin en particular, está bajo ajustes solo para que lo sepas, viene con algunos ajustes de configuración estándar. Puedes cambiar el mensaje a lo largo de un año. Incluso puedes insertar enlace si te gusta, por ejemplo, a una página de Términos y Condiciones. O tal vez vas a crear una política de privacidad con una página web, con algunos textos. Hay texto estándar que puedes encontrar en línea que puedes copiar y pegar. O si vas a otros grandes sitios web, puedes usar sus textos y cambiarlo como quieras. Es posible que quieras consultar con un abogado o alguien que sepa cosas legales si quieres hacerlo. Totalmente correcto. Otro asesor legal, solo sé cómo construir sitios web y qué es lo que necesitas hacer. Entonces pero es tu responsabilidad saber cuál es el viaje para tus cosas legales. Para ello del video, vamos a dejar el año fiscal como es en este momento. Va a cambiar el texto del botón a muertes. Puede habilitar el enlace de política de privacidad. Y puedes cambiar el texto y luego darle un enlace personalizado o una página seleccionada. Voy a hacer clic en la página de muestra en este momento y luego cambiarla a una política de privacidad un poco más tarde. Sí, es bastante sencillo. Simplemente contesta estas preguntas o quieres configurar las cosas. No es necesario utilizar un bloqueo de script. Esto es un poco más avanzado. Siempre dejo esto en blanco. Puedes usar, pero a diferencia de si quieres usar mi sitio web, usa las cookies. Si no quieres usar las cookies, no uses el sitio web. Esa es mi opinión personal, pero puedes jugar con los ajustes si quieres hacer eso. Y luego puedes dar la opción decir no y hacer que la gente se vaya. Voy a dejar esto por no ahora mismo. Ok. No voy a utilizar la opción de revocar consentimiento por ahora, habilitada para recargar la playa después de que se acepte el aviso. No necesitamos deuda y capaces de aceptar el aviso cuando los usuarios crezcan. Bueno, esa es una buena característica. Pueden desplazarse por tal vez incluso 200 píxeles y luego la barra desaparecerá. Porque entonces pensamos que van a aceptar y teoremas bajo condiciones, política de privacidad, y capaces aceptar un aviso en cualquier click en la página web. No vamos a usar el año de la deuda. Se puede establecer la hora que se recordará cuáles fueron los ajustes. Una vez entonces una opción estándar que me falta en este tapón es no puedo cambiar el color del botón. Y nuestro desperdicio un edificio esta característica, su propio, pero no lo hicieron. Y por suerte, hay otra forma en que puedes cambiar los colores de ciertos elementos en el sitio web. Lo que vamos a hacer para que este bloqueo funcione mejor, vamos a guardar tus cambios. Vamos a ir a las Opciones Temáticas Divi. Y si te desplazas todo el camino hasta la parte inferior, encuentras CSS personalizado. Nuevamente. En algún lugar alrededor de este video, vas a encontrar un golf que voy a pegar. Esta es una pieza de código CSS. Y va a lucir así. Así es como se debe mostrar. Básicamente, lo que hace es que este pequeño texto gris está diciendo de qué se trata este código. Entonces es el botón de aviso de cookies. Este es el elemento. Este es el nombre en código para el botón donde queremos cambiar el color. El color al que lo estamos cambiando es FFF. Entonces esto significa, esto va a ser blanco para las fuentes de las escaleras, y este va a ser el color de fondo. La palabra importante es decir que debe anular toda la otra cabra. Entonces, si está encontrando un código en alguna parte, entonces necesita sobrescribir con nuestro código que estamos agregando. Entonces si vas a hacer click guardar los cambios en este momento y volvemos a ir al front-end. Voy a abrir una nueva ventana de incógnito. Va a ignorar mis galletas. Nunca vayas a la página web en este momento. día que lo veas es de un color diferente. No es rosa, el color rosa que estábamos usando previamente. Voy a copiar el código, quitar las seis letras y números de ahí, y reemplazarlo por la cabra que me gusta usar. No importa si usas capiteles o no. Vamos a abrir de nuevo ventana de incógnito. Para ver cómo se ve. Se ve super cool. Muy bien, así es como cambias los colores de las letras y de los botones, botones. El siguiente plugin que vamos a instalar es un plugging que me gusta usar para crear copias de seguridad. A veces arruinas las cosas cuando haces un sitio web, especialmente cuando eres nuevo. ¿ Qué quieres, hacer? Quieres buscar updraft y hay algunos updraft enchufando por ahí. Así que asegúrate de estar instalado el updraft más WordPress y el tapón de copia de seguridad. Esto es de un BRAF plus plus.com. Tengo más de 3 millones de instalaciones y está funcionando súper bien para crear copias de seguridad desde tu sitio web. Si algo sale mal, siempre puedes restaurar tu sitio web. Si ha terminado de instalar haga clic en Activar de nuevo. Te da un año de mama emergente para empezar o ir a la configuración. A lo mejor ya te diste cuenta de eso en la barra superior. Ahora también dice un borrador, bendiga. Puedes empezar a hacer tu primer respaldo ahora mismo. Pero antes de que hagamos eso, y vamos a los ajustes el primer año, se puede seleccionar a dónde va la copia de seguridad. A lo mejor querías conectarlo a tu Dropbox o Google Drive o lo que sea. En este momento solo voy a usar las fallas abordadas. Entonces lo voy a almacenar en algún lugar la nube y voy a hacer copias de seguridad y restaurar. También puedo ir allí haciendo clic aquí. Sólo voy a hacer clic en copia de seguridad en este momento. Solo quiero eliminarlo manualmente, así que voy a seleccionar éste ahora mismo y los otros, puedes mantenerlos seleccionados y hacer clic en copia de seguridad en este momento. Calificación de tu primer respaldo. Enhorabuena, se está ejecutando. Y este es el mensaje de registro. no se ha registrado nada. Pero luego una barra de almidón funcionando y esto se está ejecutando en segundo plano para que puedas seguir trabajando en tu sitio web o esperar y hacerlo terminado. Incluso se puede mostrar el registro sobre lo que está haciendo no es súper interesante. Y luego cuando termine, puedes hacer clic de distancia y tienes tu primer respaldo. Y siempre te recomiendo antes de empezar a construir en tu sitio web, crear una copia de seguridad. Una vez que hayas terminado, crea una copia de seguridad de nuevo. No quieres que se pierda ningún trabajo, así que así es como lo previenen. Para el próximo desplume, vamos a instalar el plug-in Yoast SEO. Los años a medida que enchufando está ayudando a que tu sitio web se encuentre dentro de los motores de búsqueda. Entonces si quieres optimizar tu sitio web para motores de búsqueda y otros términos haz SEO. Este es el mejor bloqueo que recomendamos para hacer eso. Es un muy práctico, práctico para. Eso te va a dar algunos consejos y consejos sobre muchas cosas que puedes hacer para mejorar tus rankings desde tus páginas web y tu sitio web dentro de Google, todos queremos que se encuentren dentro Google para obtener tanto tráfico web, tráfico web alta calidad a nuestro sitio web. Este es un hacer que vamos a estar usando mucho. Haga clic en el botón Activar. Vamos a hacer clic en la configuración por ahora. Te lleva a la página general Yoast SEO Settings. Lo primero que es pedir la configuración de SEO por primera vez, puedes hacer todos los ajustes manualmente también con las características y cosas así. Pero voy a usar un asistente de configuración porque esto es mucho más simple. Nueve pasos. Mi página web está en vivo para ser índice. Quería ser índice de inmediato. Y luego voy a hacer clic en Siguiente. Soy un pequeño negocio offline. Somos agencia de mercadotecnia. lo mejor eres una tienda online, tal vez eres una corporación o algo más y eliges lo que te convenga, luego ve al paso número tres o a tu organización o a una persona. Bueno, somos una organización, coheteers sociales. Incluso les vamos a dar un logotipo. Ahí va, señor. Tienes que llenar tus redes sociales. Todavía no los registramos, así que los voy a dejar en blanco por ahora. Y vuelvo a ir a la siguiente página. Entonces visibilidad de los motores de búsqueda. Quería tener mis páginas de correos y proyectos encontrados dentro del motor de búsqueda así que guardo todo también. Sí. Haga clic en Siguiente. ¿ Tenemos múltiples ofertas? Sí, mis compañeros lo estarán haciendo también, cambiando la página web. ¿ Cuáles son tus ajustes de título? Entonces básicamente lo que está preguntando, cómo quieres, en la punta de tu navegador, aparezcan tus títulos de página. ¿ Quieres tener un pequeño guion rayado o pequeño? ¿ Quieres tener un guión como este? ¿ Quieres tener un símbolo así? El artículo importa tanto. Si vas a un Google y estás buscando en Google para astronautas, astronautas , entonces estas cosas son tus títulos de página. Si no lo haces, no los vas a cambiar a través de tu SEO, conectando, tu plugin Yoast SEO, preocuparte por eso más tarde. Pero Wikipedia, por ejemplo, si vas a la página del astronauta, verás que la página se llama astronauta y está en Wikipedia. Esto ayuda a Google a entender de qué se trata el sitio web, sobre los astronautas y por eso es una quemadura y el número de resultados de árboles. ¿ Y cuál es el sitio web que es un cojinete? ¿ Verdad? Ahora ya sabes cómo funciona. Deja un título Ajustes, pero tal vez quieras agregar algunas palabras clave extra por ahí. Pero de lo contrario puedes dejar el nombre del sitio web y el nombre de la empresa. Paso número seis. ¿ Quieres ayudarlos a mejorar? Sí. Puedes arrastrar a mis lados un dato o si no te gusta , déjalo así. ¿ Quieres aprender? Y los tuyos pueden enviarte e-mails, cosas. Puedes apuntarte por ahí. No voy a hacer eso ahora mismo. Entonces paso número nueve, puedes ver otro video. Eso no me interesa. Hemos completado el mago. Muy bien. Ya instalamos un montón de plugins y vamos a instalar Walmart blogging por el momento. Y el nombre de eso como WP Super Cache. Muy bien, puedes activar el plugin. Este es un tapón de efectivo y básicamente lo que ayuda es guardar tu sitio web por primera vez, por lo que se está cargando más rápido para otras personas. Básicamente es hacer que tu sitio web se cargue más rápido. Puedes pasar por la configuración, pero puedes activar, almacenar en caché y luego actualizar el estado. Puedes ir a través de la configuración. No recomiendo cambiar la configuración usted mismo. Los ajustes preestablecidos funcionan muy bien. Va a ser un poco frágil jugar con los ajustes. Si no sabes lo que estás haciendo, simplemente instala este plugin durante el almacenamiento en caché en una actualización, el estado. Muy bien, eso es. Para todos los plugins. Hemos instalado un montón de plugins y algunos de ellos, los vamos a utilizar más tarde, especialmente el plug-in Yoast SEO. Nuevamente, sé un poco cauteloso con instalación de nuevos plugins que no conozcas. Doble investigación poco, probarlos en un ambiente seguro y divertirse mientras lo hace. 16. ¿Listo para diseñar?: Eso es todo. Hemos cubierto mucho. Pasamos por todos los ajustes, la configuración de Wordpress repasó las opciones de Divi. Repasamos la configuración del personalizador para algunos ajustes más. E incluso instalamos algunos plugins y pasamos por estos ajustes también. Entonces eso fue mucho que decir otra vez, pero podemos dejar todo eso atrás y en realidad empezar a construir ahora mismo. Así que nos vemos en los próximos videos. 17. Parte 3: diseñar tus páginas web en Divi: Muy bien, finalmente, hemos llegado muy lejos y ahora es el momento de empezar a construir algunas páginas web y empezar a diseñarlas. Super-emocionado. En resumen, vamos a explicar todo sobre lo que necesitas hacer y por qué necesitas hacer eso. Vas a aprender algunas mejores prácticas. Te vamos a mostrar si las necesidades del sitio web son una buena página web y cómo puedes diseñarla o construirlas tú mismo. Y te vamos a dar un ejemplo en vivo en la pantalla. Y puedes cuidar por encima de mi hombro y construir algunas páginas web impresionantes para que también lo puedas hacer tú mismo. 18. Crea tus wireframes de sitio web: Muy bien, así que vamos a Pages y luego vamos a construir primero la página de inicio. Pero antes de que podamos decidir qué vamos a construir, hagamos click en Editar, pues con dv, viene con una gran cantidad de diseños preconstruidos que puedes usar. Entonces si ya tienes este Finney por aquí, puedes hacer clic en el símbolo más. Si todavía está bajo editor estándar como este, debes hacer clic en el botón morado, usa primero el Divi Builder. Entonces vas a hacer clic en el símbolo más. Entonces te va a dar un pop-up. Tenemos algunos diseños prefabricados. A lo mejor tienes algún diseño tú mismo que estás guardado en tu biblioteca Divi, o tal vez quieras clonar algunas páginas existentes. No tenemos ninguna página existente en este momento. No tenemos guardados, pero podemos usar algunos diseños prefabricados. Entonces por ejemplo, si queremos ver algunas páginas web de yoga, podemos hacer clic en yoga. Entonces verás todo tipo de diseños prefabricados para sitios de yoga. O podemos usar el botón de filtro. Si te gusta la industria de la moda y la belleza. Conseguí algunos sitios web que puedes usar de la industria de la moda y la belleza. Supongamos que me gusta ser, así que voy a hacer clic en esta página web de moda rosa. Y tienen un blog páginas listas de contacto diseñador, préstamos domiciliarios, cheque de pago, incluso una tienda online. Y solo puedes hacer click de un botón, instalar este diseño. Una vez que haya terminado de subir, usted mismo tendrá toda una página web prefabricada. Entonces si voy a hacer clic en Actualizar para guardar esto, entonces puedes ir a la página de inicio. Tienes tu propia página web con el click de un botón. Y ahora puedes cambiar el texto, puedes cambiar las imágenes, puedes cambiar los colores como manera súper rápida de empezar. Si no sabes qué hacer y encuentras un diseño realmente agradable y empieza a construir desde ahí. Así que te estoy mostrando esto ahora mismo porque puedes repasar algunos ejemplos o puedes google algunas páginas web que te gusten. Porque antes de que realmente puedas empezar a construir, necesitas saber lo que vas a construir es como construir una casa sin un plano, terminas con algo bastante loco. ¿ Vas a olvidar algunas cosas? Por lo que creamos un wireframe nosotros mismos. Un wireframe es un dibujo con líneas. Por lo que básicamente se puede ver cómo va a verse el sitio web. Si ves algunas líneas, se va a ver algo así. En realidad sacamos todo el asunto por aquí. Porque ya decidimos ese frente, lo que vamos a construir. Si vas a mirar mi pantalla y diseño, un término debería llamarlo un diseño de alta fidelidad. Y este es el diseño web hoy vamos a construir para ti. Y se puede ver paso a paso cómo podemos construirlo. Entonces, si necesitas algo de inspiración, puedes usar un diseño prefabricado, algo como esto. Puedes empezar a cambiar esas cosas, o puedes empezar totalmente desde cero. 19. Construye tu página en secciones: Muy bien, entonces vimos en el frente y cómo va a verse? Y en realidad podemos construir en el front-end. Pero lo que acabamos de ver en la parte frontal de la página web, está dividido en ciertos elementos. Por lo que sé que esta primera sección por aquí, esta es la sección número uno. En el backend. Verás la sección de héroes. Y en realidad vamos a toda esta sección por aquí. Dentro de esta sección del lado izquierdo, verás algún texto, un poco de espacio donde el divisor entre y luego algunos textos de nuevo. Ellos consiguieron este botón por aquí, ¿los pueden construir en front-end y nosotros vamos a explorar eso más tarde también. Pero así es como se construye el sitio web. Esta es la segunda sección. Ahí está la imagen y les lleva un lado derecho con un botón por aquí. Nuevamente, una imagen, un texto y un texto y un botón por aquí. Así es como está estructurado en el backend. Por lo que esta es más o menos su enfermedad del marco de alambre. Estás dibujando líneas, cómo podemos construirlo. Entonces, por lo tanto, necesitas saber qué secciones, cuántas filas quieres que aparezcan y cosas así. Y por suerte, ya tenemos un diseño que acabamos de mostrarte. Vamos a construir desde cero. Vamos a eliminar todas estas secciones con todas estas cosas dentro de ahí. Y cuando empieces, puedes seleccionar con el azul para una sección regular, sección de especialidad deberá de ancho completo. Por lo que la mayoría de las veces vas a estar usando una sección regular. Dentro de esta sección regular, necesitamos tener algunas filas. Fila puede ser 100% o dos veces 50%, árbol sucio por ciento, 66 y todas las combinaciones como esta, va a verse así. Entonces sé que vamos a usar algunos textos. El primer apartado. Y veamos lo que acabamos de construir en la parte delantera. Por lo que voy a hacer clic en el botón de inicio para refrescar esta página. Y está súper vacío como debe ser. Si nos fijamos en nuestro diseño, tenemos una imagen de ancho completo. Entonces también conseguimos un encabezado, así que una gran pieza de texto, y nos dieron un subtítulo y nos dieron una flecha desplegable a la izquierda sobreamortiguada. Veamos si podemos construir algo como esto. 20. Añade imágenes a tu página web: En primer lugar, comencemos con la imagen de fondo. Ir al backend de la página y voy a hacer clic en ajustes de un año. Te va a dar un pequeño pop-up y es popup y puedes arrastrarlo por ahí. Blizzard donde vives, puedes hacerlo incluso a pantalla completa. Siempre me gusta mantenerlo así. Y luego haga clic en el fondo. Se le puede dar un color de fondo. Se le puede dar un gradiente como dos colores. Bastante elegante. Si haces eso, lo repasas. Si pasa el cursor sobre él, puede eliminarlo de nuevo. Pero estábamos subiendo una imagen. Entonces vamos a necesitar la imagen de fondo. Ya tengo uno. Degas, algunos astronautas con unos osos. Si eres usuario de Mac y trabajas en una computadora Apple y has estado usando, has estado familiarizado con la vista previa del programa. Si utilizas el breve poco software, entonces puedes ir a Herramientas y mostrar inspector. Quieres asegurarte de un par de cosas que los ajustes de la universidad estén en RGB. Entonces esto es RGB es para pantallas. Si es CMYK o algo más, es más utilizado para imprimir. Por lo que quieres usar la imagen con los colores, con el modo de color RGB, y querías mirar el tamaño de la imagen, recomiendo usar mínimo, normalmente un ancho grande de 19201000920 píxeles de ancho. Para computadoras normales. Si estás usando computadoras más avanzadas con pantallas Rick Dina, entonces quieres subir al ancho de mínimo 2560. Los kilobytes nunca deben ser más de 300. Para mantener su sitio web cargando muy rápido. Si tu imagen sigue siendo un megabyte o dos megabytes, necesitas cambiar el tamaño de eso. ¿ Cómo cambias el tamaño de una imagen? Y puedes ir a Herramientas y solo talla. Se puede cambiar el ancho, la resolución, la resolución, siempre se puede poner a 72, esto es 300, ponerlo en 25062560 o 920, y hacer clic en Aceptar. Y luego puedes ir a Archivo, y luego puedes hacer clic en Exportar. Puedes seleccionar a dónde quieres exportarlo. Queremos tener el formato jetpack. Y puedes deslizarlo así. Y es un poco jugando como ponerse 160 KB en este momento, niveles de trabajadores sociales o fondo de pantalla. Y todavía se ve bastante afilado. Así que subamos esta imagen. Puedes subir tu archivo, seleccionar archivos, e ir a tu escritorio y subirlo desde allí. No olvides cambiar de nuevo el título, descripción y alt-text. Asegúrate de que este tamaño esté establecido ancho completo y luego sube una imagen. Haga clic en el botón verde para guardarlo por ahora y actualizarlo. Ahora quieres ir a tu otra profundidad, refrescarte a la playa. Espere hasta que esto termine de cargarse. Y ahora tenemos una imagen en el fondo. Muy bien, supongamos que tienes un fondo de pantalla realmente grande como este. Y quieres que la web de la imagen esté lista. Quieres hacerlo por debajo de 300 KB. Se quiere fijar la resolución en 72. Y quieres tener el tamaño con el ancho correcto, por lo que no más grande que 2560 píxeles. Lo que puedes hacer, puedes ir a minúsculo PNG.com. Ves un lindo panda pequeño con una corona en esta app y puedes arrastrar y soltar imágenes que quieras redimensionar. Entonces, por ejemplo, este enojado mantenido en el espacio es 419. Gabe, ¿Qué es hornear? Son más de 300 que te recomendamos. Y lo vamos a comprimir simplemente subiéndolo a la página web y luego descargarlo. Pero entonces la versión comprimida, reducimos un 20%. Son casi 300. Por el momento puedo vivir con eso. Podrías redimensionarlo aún más. Siempre asegúrate de que todavía se vea afilada. Bueno, esto tiene intestino agudo. Y así es como puedes cambiar el tamaño de las imágenes realmente fácilmente con un pequeño PNG. Esto también funciona para con archivos JPEG también. Así que no te preocupes por los archivos PNG o JPEG. 21. Añade texto y dividers a tu página web: De acuerdo, Así que subimos la imagen de fondo y necesitamos agregar algún texto. Vamos a usar un rumbo. Y el encabezamiento que vamos a utilizar es la rúbrica número 11. Cosa a tener en cuenta es que sólo se puede utilizar el encabezado uno una vez en cada página web es como si sólo se le puede dar un libro uno Dido, No tiene sentido dar un árbol de libro. Esa gente se confunde. Lo mismo ocurre con las páginas web. Entonces esta es la página de inicio de rocketeers sociales, mientras que tal vez un poco aburrido. Entonces para el propósito del video, voy a utilizar un contenido en redes sociales. Ese va a ser mi encabezamiento uno. Voy a golpear Enter en el encabezamiento. Fuera de este mundo. Vamos a golpear Guardar ahora mismo y actualizarlo. Mira en la parte delantera. Iba a buscar refrescando la página. Es negro y negro en la imagen, no nos muestra muy bien cómo debe verse. Así que vamos a cambiar eso. Entonces si lo estuviéramos haciendo en el backend de la página web, vamos a cambiar esta columna 250% del 50%. Entonces en el lado izquierdo, está el texto siendo barba, o tal vez incluso hacerlo. 2 tercero, 1 tercero. Después vamos a la configuración y me dejamos pasar por los ajustes de diseño de este módulo de texto. Ahí puedes tener algunos menús desplegables con bancos que tienen cosas tecnológicas así. Agregamos algunos encabezados y la fuente de encabezado que vamos a utilizar es fuente de fase alimentada. Vete. Lo vamos a poner en negrita. Por aquí. El texto va a quedar alineado. Debe ser de color blanco. Vete. Eso es todo para los ajustes de encabezamiento uno. Pero el encabezamiento debe establecerse al título secundario se denomina marcador permanente. Desplázate todo el camino hasta la B. Ahí vas. Un poco más de fuente cómica, realmente bonita. Deberíamos tener esto en capitales, y creo que se debe comprar dos. Muy bien, veamos qué acabamos de crear. Poco a poco comienza a parecerse a nuestro diseño. Así que déjame agarrar el diseño. Tenemos el texto blanco, y tenemos el texto negro por aquí, que debería hacer de esto un Y2, y deberíamos agregar algunos colores de fondo. Entonces, ¿cómo podemos hacer eso? Veamos. Hemos estado trabajando en el back-end del tiempo de auditoría del sitio web, pero también se puede trabajar en el front-end. Para que puedas habilitar el constructor visual haciendo clic aquí. También se puede hacer eso desde el backend BY construido en el frente. Entonces esta es una característica realmente agradable. realmente puedas ver lo que obtienes. Puedes seleccionar esto e incluso empezar a morir siendo si querías tener redes sociales o algo así. Si pasas el cursor con el ratón, ya te acostumbraste a eso. Estamos usando secciones y podemos crear roles. Y luego dentro de las filas podemos crear textos, módulos y cosas así. Si coloca el ratón sobre estos elementos, verá ciertos ajustes o emparejamiento en él. Esta es una característica realmente agradable que se puede construir en el front-end tenemos ahora dos secciones. Las cosas azules son secciones. En ocasiones son de color naranja o morado si son un poco especificaciones, pero la mayoría son azules. Y luego conseguimos, dentro de esta sección, tenemos una fila. Porque en nuestro diseño, si tienes una mirada, tenemos un fondo negro y un fondo rosa del texto y no sabemos cómo lo llamas, pero ves el color. Entonces, ¿sabes lo que quise decir? Voy a duplicar este módulo con un clic de un botón. Tenemos dos módulos de textos en este momento. El primero, el primero que necesitamos para hacer un fondo negro. Entonces si pones esto a un costado y luego le agregas un poco de color de fondo, necesitamos hacerlo negro. Puedes hacer click sobre aquí. Pero ahora verás que está teniendo demasiado a su alrededor. Por lo que volvemos a la sección de diseño. Y puedes cambiar todas las secciones de diseños por aquí. Pero con el encabezado uno, vas a ir todo el camino hacia el espaciado. Y luego puedes agregar algún margen y relleno por ahí. Pero hay texto negro no es factible en este momento. Por lo que voy a eliminar el texto tal como está. Y luego dentro de nuestro diseño, tenemos algo de espacio a su alrededor. ¿ Qué vamos a hacer? Vamos a añadir algún relleno en la parte superior. Voy a sumar. Tripp por ciento. En la parte inferior, voy a sumar 3% también. El motivo por el que hago porcentajes y no fijadores es que quiero tenerlo responsivo en un teléfono móvil, tablet, pantalla súper grande, lo que sea. También quería agregar algunas cosas en el lado izquierdo y derecho. Entonces se ve más o menos igual. Así. Yo sí quiero hacerlo un poco más pequeño. Lo puse a la columna 50, 50%. Así es como cambias el fondo de la deuda. En el segundo módulo de texto, vamos a eliminar el primer texto así. Este texto debería ser, déjame ver blanco. Por lo que entramos en cambio eso para necesitar hacer click en algún otro lugar ahora mismo. Entonces pongo el cursor sobre este módulo de texto. A veces es un poco difícil hacer clic en él y todavía estamos seleccionados. Estoy haciendo clic en el encabezado. Ahí vas. Después puedes hacer clic en él e ir al diseño, cambiar los textos del encabezado. Haz porque había un rubro dos, si recuerdas en tu contenido vas a Texto, selecciónalo, entonces hay un encabezado. ¿ Lo puedes ver en las etiquetas HTML. Este es el rubro dos. Y luego se pasa por diseño, encabezando texto, rumbo dos. Y hagamos primero el color de fondo. Establecemos el color del fondo. Vamos a diseñar de nuevo, espaciando a alguna ropa de cama, tal vez 2% esta vez. Vincula aquí también. He mirado nuestro diseño como lo queremos. Bueno, hay más o menos lo mismo, pero aún tenemos que hacerlo blanco. Vamos a ir a encabezamiento, texto, encabezado sí tenemos el encabezado a color blanco. Ahí vas. Contenido en redes sociales que está fuera de este mundo. El tamaño de la fuente es más o menos bueno. Recuerda que queremos mejorar eso, se lo cambiaron un poco. Podemos aumentarlo. Entonces tendremos que cambiar esto a algo como esto. Muy bien, así que notarás que hay una diferencia en espacio de la barra, como la barra negra y un bar grande. Hay algunos espacios en blanco mientras lo vamos por aquí. Entonces si queremos resolver eso, lo que creamos en este momento es una sección que tiene el ancho de tratado. Entonces, qué podemos hacer si duplicamos esto, digo duplicar esto y eliminamos esta sección. Y si eliminamos esto mi mandíbula, entonces tenemos dos secciones con un módulo de texto. Y éste podemos hacerlo más pequeño, como tal vez 1 tercio a la suciedad o algo así. Hacerlo sucio. Seis pixeles. Debería ver que necesitas jugar un poco con ella. Ahí vas. Pareciendo a nuestro diseño. Si quieres tener esta imagen un poco más grande, si pasas el ratón sobre, verás alguna, alguna sección azul borrosa o algo así. Puedes arrastrar. Si lo sostienes con el ratón, puedes arrastrarlo. Y si miras realmente de cerca, ves el número de píxeles que lo estás arrastrando. Puedes hacerlo más grande o más pequeño. Lo mismo va para la sección superior. Y también puedes, si vas a la configuración y luego en la configuración de la sección luego a diseñar y al espaciado. Aquí es donde cambias estos ajustes. este momento es realmente empieza a parecerse a nuestro diseño. Y así es como estableces la altura de tu sección. Y tienes lo mismo con tus módulos. Por lo que hay bastante espacio entre estos dos módulos. Voy a pasar el puntero sobre esto. Entonces voy a seleccionar este icono de configuración de mi configuración de rol. Entre el, entre las dos filas. No quiero tener ningún espacio, así que voy a quitar todo el margen, toda la ropa de cama, y se va a acercar el uno al otro. Voy a hacer lo mismo si la fila de la sección superior, lo siento. Ahora está realmente cerca el uno del otro. Tal vez un poco demasiado cerca. El botón. A lo mejor querías tener 3%. Y eso se ve muy bien. Tal vez 2%. Diseñar sitios web puede ser un poco perfeccionista. No trates de hacerlo demasiado perfecto. Puedes pasar horas en arreglarlo Perfecto, Solo para hacer el trabajo, lanzó un sitio web, y luego seguir mejorando. Y entonces antes podemos ir a la segunda sección y trabajar en deuda, tenemos este divisor dividiendo entre dos secciones. Queremos que sea directo, buen trato canal. Queremos hacer una diagonal. Vamos a la Configuración y hacemos clic en Diseño y luego divisores. Entonces queremos agregar un estilo divisor al botón. Para que tus estilos divisores que puedas seleccionar. Y vamos a hacer que se vea así. Pero en nuestro diseño está al revés. Entonces tenemos que darle la vuelta. Para que puedas voltear el divisor por aquí. Y hasta puedes decidir qué tan alto debe ser. Y si crees que lo estropeaste, simplemente haz clic en el icono de Refrescar de allí, y se remonta al elemento estándar. Casi terminamos. Una última cosa que olvidamos agregar es la flecha hacia abajo. 22. Añade una flechay enlaces de fonde hacia abajo y anclar: Muy bien, así que todavía estamos construyendo este sitio web. Y una cosa menos que aún no incluimos es una pequeña flecha desplegable para poder si haces clic en ella, ¿te desplazaste a la siguiente sección es una característica realmente agradable que a diferencia de cómo construyes eso si haga click en esto y esta son la flecha para que se desplacen hacia abajo, ¿qué vamos a hacer ahora mismo? Vamos a sumar nuestra primera imagen. La imagen que vamos a subir. Ya creé un pequeño archivo PNG. Con archivos PNG, puedes hacerlos con un fondo transparente. Por lo que tenemos esta flecha blanca con un fondo transparente. Renombrarlo cohete social. Ahí está Flecha Abajo, blanca. Texto, descripción. Mantén el tamaño como quieras. Va a hacerlo medio por el momento. Sigue siendo bastante grande. Necesito redimensionarlo primero. Hagamos eso. Voy a hacer este ancho de 50 píxeles, el tamaño de la misma en este momento. Exporte como un archivo PNG. Vamos a subir el archivo que acabamos de guardar en el escritorio. Png, flecha, tamaño, texto y descripción. Como siempre, sube la imagen, pero la imagen aún no se puede hacer clic. Voy a hacer click en Guardar ahora mismo, si no ves el botón Guardar, puedes usar los usuarios de Control S o Command S para Mac para guardar automáticamente su página web. Si no quieres usar la tecla corta o no sabes qué son las teclas cortas, puedes hacer clic en este ícono morado y luego hacer clic en el botón Guardar. Recuerda siempre guardar tu trabajo anterior y así no pierdes nada si pierdes tu conexión a Internet o algo así. Y ahora mismo, vamos a dar esta segunda sección. Estamos pasando por los ajustes avanzados en este momento. Vivir como aterrador. Y lo vamos a usar. Ve a esta sección, haz justo como una palabra. Copia este nombre de ID CSS. Le damos a este elemento, esta sección, le daremos un nombre. Ahora podemos decir si hace clic en esta imagen, esta flecha hacia abajo, podemos enlazarla dentro de la URL del enlace de imagen. Vamos a terminarlo con slash forward, luego el icono del hashtag. Y luego, y con el nombre que le dimos el SSS ID, vamos a golpear save, refrescar la playa. Entonces si estamos de pie con nuestro ratón en el icono, dice el icono imagen mareal trabajador social gradas flecha hacia abajo o blanco. Pero si miras la esquina inferior izquierda, verás que cuál es el enlace si voy a hacer click sobre este elemento, y ahora es crece hacia abajo. Entonces si volvemos a la parte superior, clic de nuevo y se desplaza hacia abajo, el sitio web no es lo suficientemente largo para desplazarse hasta un año. Todavía tenemos que construir eso. Pero así es como se hacen elementos clicables. También me gusta hacer que estos módulos de textos enlazen a esta sección. Vamos a hacer eso ahora mismo también. Ve a hacer clic en Guardar. Ahí también hay uno. Enlace. Rolling. Seguro. Nuevamente. Mira al frente, ¿dónde se crea y actualiza la página? Lo hice con mi teclado. Haga clic en el icono, y ahora está enlazando a otras secciones dentro del sitio web. 23. Añade un botón: Genial. Echemos un vistazo a nuestro diseño de nuevo. Ahí estamos. Ya cubrimos cómo agregar una sección de texto. Entonces voy a crear esto. Y una vez que se crea, nuestros enseñan cómo crear un botón. Muy bien, así que tenemos nuestro texto, mi trabajo. Ahora vamos a añadir un nuevo módulo. Entonces voy a hacer clic en el icono gris plus, y voy a buscar el módulo de botones. Nuestro diseño tiene un botón negro con la fuente marcador permanente. Y el botón está mirando. Vamos a crear el hermoso botón acuerdo con el diseño. Primero entramos en inicio con la parte de contenido, por lo que el texto del botón debe ser leído más. Y vamos a enlazar a una página Acerca de. Aún no se ha creado la página about. Pero para el propósito de este video, presentamos que el pitch ya creado y se tiene sobre nosotros. Entonces este va a ser el enlace. El botón de enlace se va a llamar marca roja. Y ahora tenemos que dar estilo al botón. Entonces S para cada módulo, aquí es donde cambias todos los ajustes de diseño. Los que tienen el botón alineado en el medio o en el lado izquierdo. Entonces lo tenemos en el lado izquierdo y el diseño, ¿quieres que el texto sea claro u oscuro? Bueno, queremos tener texto en blanco, así que ponemos esto a la luz. ¿ Quieres usar estilos personalizados para el botón? Si lo recuerdas, puedes cambiar la configuración de los botones en el personalizador, pero tenemos diferentes colores para diferentes botones. Tenemos que crear los botones ella misma por aquí. No veo el texto en este momento, así que agreguemos primero el color, por lo que el color debe ser negro. Ahora tenemos un botón negro, tenemos algún texto blanco. ¿ Qué tan grande debe ser el texto? En mi caso, lo voy a poner a 26 pixeles. Así que va a haber un botón bastante grande. Entonces puedo cambiar el color Buttercup y el borde a negro también. Y el radio fronterizo, las esquinas del borde son redondeadas. Así que en este momento está un poco redondeado con tres salsa grande. Nuestro botón es más redondeado en el diseño. A lo mejor vamos a hacer esto a diez píxeles o incluso más de 15 tal vez. Vamos a ver como un bonito botón. Podemos cambiar la fuente del botón también. Nuevamente, vamos a usar marcador permanente. Y creo que podemos mejorar este tamaño, aumentar el tamaño un poco de la fuente de carga. Por lo que 28 funciona bien en este caso, mayoría de los tamaños de fuente pueden ser un poco más pequeños. Creamos el botón Leer más y puedes seguir jugando con los ajustes de aquí. No éramos todas las letras y mayúsculas. Entonces lo haces así. Si me pongo sobre él ahora mismo, verás este pequeño ícono. Elijo cuatro ahora mismo para no usar eso. Pero lo que hago, 1.5 es si pasas el cursor sobre este botón, quiero que se cambie el color. Ya sabes, puedes hacer click sobre él. Entonces, ¿cómo haces eso? Si tienes estilos personalizados y vas por tu ratón sobre el color de fondo, verás este pequeño ícono de ratón pequeño. Esta es la versión de escritorio o la versión de hover. Y tenemos que pasar el cursor versión. Podemos hacerlo un poco de grado oscuro como tratar que tratas árbol de retiro. Tenemos la versión de escritorio y pasamos el cursor sobre ella. Se consiguió este bonito efecto pequeño, tal vez incluso más ligero. Entonces, ¿qué pasa con cinco por cinco? Entonces quieres hacer lo mismo con el borde de mantequilla color 555. Muy bien. Hemos cubierto todos los ajustes para el botón en este momento. No olvides vincularlo por aquí. Y una cosa que puedes elegir si enlazas dentro de tu sitio web, siempre se abre en la misma ventana. Si vas a estar enlazando el botón a otro sitio web, lo recomiendo en el nuevo mazo, esto es mejor para propósitos SEO. Si tal vez estás pensando en el cambio en el futuro, tu nombre de dominio, o tal vez quieras incluir www o algo así. Las mejores prácticas es usar el prefijo del dominio, como la primera parte del dominio, dejarlo lejos. Así que justo todo detrás de la.com.nl o lo que sea que estés usando desde la slash hacia adelante, puedes usarlo en el enlace. Esta es la mejor práctica para agregar enlaces a tu sitio web. Entonces si eres una estructura vinculada cambia en el futuro, no obtendrás ningún enlace roto. ¿ Qué dañará tus rankings de SEO y cosas así? Tan larga historia corta, solo usa la slash hacia adelante y luego todo lo que necesitas poner aquí para vincular tus botones, enlaces y todo lo que estás enlazando. 24. Añade una superposición de color: Por lo que creamos la primera sección. El segundo apartado. Ahora es el momento de seguir deteriorándose sección. Vamos a añadir una nueva imagen de fondo, según nuestro diseño. Encontré una muy bonita con unas rosquillas y unos unicornios a los que no le gusta eso. Entonces cohete social, hay rosquillas y unicornios. Tengo curiosidad en qué están pensando mis amigos de Google en este momento sobre nuestra página web. Si empiezan a indexar esto, pero cargan la imagen en este momento. Pero la cosa es, se ve super bonita. Podemos hacerlo más grande si nos gusta. Pero la cosa es, vamos a hacerlo, en algunos textos o módulos sobre esto va a ser realmente difícil leer porque hay tantos colores y con el contraste va a ser realmente difícil. Lo que tenemos que hacer, necesitamos, esta sección aún no tiene fila, así que voy a sumar una fila. Voy a darle un color sobre la imagen. Vamos a grande el módulo de texto por ahora mismo porque quiere que escoja un módulo que está bien por ahora. Esta fila y una para hacer el ancho completo. Entonces haces esto y la sección de diseño, y luego te metes en el dimensionamiento. Necesitas usar gusto, gustation, ancho de canalón. Y luego pones esto todo el camino a 0 y el ancho debe ser del 100%. Eso es todo por ahora. Muy bien, entonces hemos añadido algunos donantes, tenemos unos unicornios, pero según nuestro diseño, queremos tenerlo un poco más rosa. El motivo es porque este texto ahora es realmente difícil de leer. No importa si es blanco o negro. Es difícil de leer con tantos estudiosos alrededor, así que le damos un bonito color de superposición. Y hay muchas maneras en que puedes hacerlo, pero una de las formas más fáciles es usar la herramienta de degradado. Si seleccionas la herramienta de degradado, te va a dar algunos colores. Podrás sumar los objetivos de color como desees. Y estamos usando el H6. Lo vamos a usar por ambos lados. Pero ahora es completamente rosa. Probablemente cuando hagas esto va a tener el botón sin seleccionar reproduce degradado imagen de fondo imparcial. Entonces si seleccionas que va a colocar la imagen debajo del colegio degradado que estás agregando en este momento. El colegio degradado va a estar en la cima. Así que voy a arrastrar y soltar esto un poco. Así. Voy a copiar este código. Ir al otro color, colon y hincharse. Y luego pegarlo. Ahí vas. Tenemos un color de superposición rosa para nuestra imagen de fondo. Entonces ahora mismo voy a cambiar la fecha. 25. Añade un opto en forma de forma: Por lo que en esta sección, también necesitamos crear un formulario de opt-in. ¿ Qué es un foro abierto? Puedes recopilar direcciones de correo electrónico y alguna información personal como un amigo llamado lastname, cosas así. Entonces vamos a buscar el módulo opt-in, la aplicación de correo electrónico, entonces. Te está dando un montón de cosas. Entonces vamos a necesitar este texto. Podemos quitar el título también para nuestro diseño. Y el fondo. El color de la imagen también es necesario. Esto va a ser transparente. No quiero tener a la gente sus apellidos porque puedo preguntarlo. Pero cuantas más preguntas hagas, menos probable es que la gente llene. Para que puedas seleccionar si quieres mostrar el campo de apellido o no. Voy a hacer clic en Seleccionar saber. Ya creamos los campos que necesitábamos. Sólo tenemos que asegurarnos de que el botón se vea un poco más hermoso. Y que necesitamos, necesitamos conectarlo a nuestro sistema de email marketing. Muy bien, para que puedas cambiar la configuración de los botones por aquí. Ya lo explicamos con el botón Read More. Es más o menos trabajando igual. Para que podamos usar lo que usamos por allá. Lo voy a hacer muy rápido por ti. Y luego después de eso, te mostraré cómo conectarlo a tu proveedor de email marketing o una solución. Muy bien, así que creamos el botón. También. Quería cambiar los colores de este texto de raza que está en las casillas de la forma. Puedes cambiar el texto del título. Puede cambiar el texto del cuerpo, un texto de mensaje resultado. necesario cambiarlo con campos. Los campos colorean. Podemos hacerlo negro también. De acuerdo con nuestro diseño, las disputas no deberían tener fronteras. Las esquinas redondeadas pueden ir a 0. También puedes alinear esto cambiando el espaciado. Vamos a poner el margen y la cama incluye 0. ¿ Va a llevarlo un poco a la pestaña si quieres alinearlo aún más. Una cosa que puedes hacer es que puedas agregar el divisor. ¿ Qué hace el divisor? divisor trae algo de espacio extra y se ve un poco de una línea por ahí. Pero no quiero mostrar el divisor. Y lo muevo a la cima. Ahora podemos alinearlo un poco más. Algo como esto. Creamos una bonita sección. Lo último, la gente está llenando el antebrazo en este momento, ¿a dónde va la información? ¿ Otra vez? Se pasa por las secciones de módulos, sección, y puede conectarlo a una cuenta de correo electrónico. El servicio estándar proporcionado se selecciona como mailChimp. Mailchimp es el email marketing más usado para y lo hemos estado usando mucho para nuestros clientes. que puedas ir a Mailchimp.com y registrarte para obtener una cuenta por ahí, registrarte gratis hasta 2 mil direcciones de correo electrónico. Si estoy correctamente, puedes usarlo de forma gratuita por encima de más de 2 mil direcciones de correo electrónico, debes empezar a pagarlo. Pero una vez que hayas iniciado sesión y si Google para alguna documentación, puedes averiguar cómo conectarla tú mismo. Pero básicamente, necesitas conectar al proveedor. Pero como hay muchos proveedores y no podemos explicar todos ellos, no vamos a hacer eso en este curso, por lo que probablemente vas a usar mailchimp, sí usa Mailchimp. Si estás usando eso, si está conectado, puedes seleccionar tu lista por ahí. Si aún necesitas conectarlo, solo busca Mailchimp, integración de Diffie. Brain debe hacer el módulo de opción de correo electrónico. Esta es la documentación oficial de Elegant Themes. Aquí te explican con más detalle cómo puedes conectar tu módulo de opt-in de correo electrónico. Y proporcionan documentación para todos sus proveedores de correo electrónico. Tienes una campaña activa. Muchos otros. Lo realmente inteligente que hacer con las páginas, siempre y cuando esto, puedes usar Control F o en un Mac Comando F. Te da una barra de búsqueda de letras, y buscar el nombre Mailchimp. Y trae debe directamente a la sección. Y en todas partes donde se menciona a Mailchimp. Ahí verás cómo puedes conectar la cuenta. Así que encuentra su solución de marketing por correo electrónico. Si no sabes cuál usar, te recomiendo usar Mailchimp y luego puedes solucionarlo desde ahí. Muy bien, así que supongamos que está conectado su módulo de correo electrónico. Ahora hemos terminado con la creación de la tercera sección de su sitio web. Entonces es hora de guardarlo y ver lo que hemos creado hasta ahora. Refresco la página. Podemos desplazarse hacia abajo ahora hasta la segunda sección. Puedes leer nuestra declaración de misión e ir a la página principal o a la página sobre la que aún necesitamos vincular. Probablemente notaste que nuestro módulo óptimo no está apareciendo. Y la razón es que aún no está conectada a ninguna glándula de marketing por correo electrónico. Pero si lo hubiéramos conectado con Mailchimp, habrías visto esto esta pequeña cosita de allá. Pero por lo demás, todo está terminado y podemos pasar a la sección número cuatro. 26. Añade tus USPs y un texto de interrupción: Muy bien, por lo que necesitamos traerlo en otra línea horizontal como esta. Podemos trabajar en la sección número cuatro. Empecemos a construir. 27. Añade un formulario de contacto: Muy bien, creamos un poco de resto del *****. Y mucha gente también quiso tener un formulario de contacto en la página web. Por lo que ya edito el módulo de formulario de contacto y se pueden añadir diferentes campos. Así que tal vez querías cobrar un número de teléfono. Puede cambiar algunas opciones de campo. Para que puedas hacer un campo de entrada. Puedes convertirlo en un correo electrónico, área de texto, casillas de verificación, cosas así. Entonces si es un área de texto, va a ser un poco más grande. Entrada, campo de entrada debe estar bien. Se ve así. Y se puede decir si este es un campo obligatorio sí o no, cambia con la configuración. Puedes arrastrarlo y soltarlo en el orden como quieras. Verás que mi número telefónico ahora es de ancho completo, pero la otra sección o no, voy a cambiar esas otras secciones para que sea ancho completo también. En el diseño de diseño, puedes hacerlo de ancho completo. Vamos a hacer lo mismo con el correo electrónico, fijarlo a ancho completo también. Se puede cambiar con la configuración, nuevo, el texto Ajustes de campo y será negro. Puedes cambiar como las opciones de campo por campo. Pero no quieres tener solo este formulario de entrada para tener la letra negra. Entonces lo voy a volver a poner a la configuración estándar. Vuelve atrás. Y luego para todos los ajustes del módulo, peleas. Ahora todos son negros. Algo que es realmente importante y en su mayoría sale mal es que necesitas poner alguna información. Algo que mucha gente olvida. Se olvidan de poner en la dirección de correo electrónico donde está antearmado debe enviarse. Puedes enviarlo en mi dirección, chicle, y luego añadimos mejor el mensaje. Y si seleccionas este pequeño ícono para una explicación, te explica que debes poner en los nombres de campo cómo quieres recibir el correo electrónico. Entonces lo que siempre hago es sumergirme en la URL base. Voy a copiar mi nombre de dominio así que sé dónde se ha llenado el antebrazo. Y si te desplazas hacia arriba, hay ver que el ID de campo tiene nombre y cuidado porque esto es sensible para mayúsculas o no. Entonces si esta es una letra grande, N, hazla una letra grande también en tu campo. En tu configuración. Si voy a recibir este formulario en este momento, sólo voy a recibir lo que la gente rellene como nombre. Quieres hacer esto para todos tus campos de entrada se ha establecido. Si quisieras tener un Dido por encima de él. Bueno, ya tenemos el módulo de texto. ¿ Quieres tener un mensaje de éxito? Por ejemplo, tu mensaje salió del espacio. Gracias. El botón de enviar. Puedes cambiarlo para enviarlo por todos nuestros ascensores por ahí. Y incluso puedes usar alguna protección contra gastos con alguna captura básica que necesitas hacer algunas matemáticas fáciles. O puedes usar algún salto recapitulativo más avanzado piensa que es un poco más avanzado, así que no voy a repasar eso. Esto vas a ser suficiente en este momento para usar la captura básica que evite zapato para recibir correos de spam en tu bandeja de entrada. Una vez que haya terminado, haga clic en el icono verde, salva la playa, y siempre pruebe el foro y vea si está recibiendo el correo electrónico. Así que vamos a probarlo. Voy a rellenar mi nombre, mi número de teléfono falso, mi correo electrónico. Eso también es falso por ahora mismo. Y escribe un pequeño mensaje. Fuera grupo es profundidad. Voy a hacer algunas matemáticas fáciles. Ojalá lo tengo bien y lo mandé. Tu mensaje salió del espacio. Gracias. Vamos a revisar nuestro correo electrónico para ver si lo recibimos y recibimos un nuevo mensaje de coheteers sociales. Como verán, hice algunos errores tipográficos con el número de teléfono y la dirección de correo electrónico. Así que por suerte lo hemos revisado. Podemos volver a la configuración, ir al módulo, luego el ID de campo solo está lleno. Voy a copiar eso para poder volver a hacer cualquier tipo de errores tipográficos. Voy a cambiar esta base. Probablemente va a ser lo mismo para el correo electrónico. Solo revisa dos veces. Yep. Ese es el correo electrónico. Guárdalo de nuevo. Refresca a tono. Dale otra oportunidad. Mi nombre es Steve. Número de teléfono. Consigue esto a 26 por ahora mismo, envíalo. Volvemos por aquí. Tenemos otro mensaje, y ahora nos está dando los datos, cómo nos gusta. Entonces así es como creas tus foros de contacto. 28. Haz que tu página web responsivas: Muy bien, por eso creamos una página web completa. ¿ Qué tan impresionante es eso? Esta es la versión de escritorio. Si quieres jugar con la versión tablet o incluso una versión móvil, mayoría de la gente está viendo sitios web en el móvil en este momento. Ahí están estos pequeños iconos en la parte inferior que queda por ahí. Así que te imaginas que tal vez esta fuente sea un poco demasiado grande por aquí. Entonces así es como se puede comprobar hacia fuera en un escritorio se ve así. En un móvil, se ve así. Espacios realmente grandes, grandes también. Ahora puedes cambiarlo también por móvil. Lo que me gusta hacer y hacer todo el escritorio listo para una página. Entonces lo hago listo para todos los dispositivos como tablets y móviles. Y luego una vez que todos los módulos estén configurados a la configuración correcta, entonces voy a empezar a hacer múltiples páginas. Primero preparo un escritorio, luego móvil, y luego uso toda la configuración correcta en todo el sitio web. Si vas por el diseño y querías cambiar la configuración de fila solo para móvil, por ejemplo, este espaciado, agregamos, editamos estos pequeños márgenes de una presa. Pero si solo quieres cambiar esto en el móvil, tienes este pequeño ícono móvil y puedes cambiarlo entre diferentes dispositivos. Tal vez no quiera ningún margen en un móvil. Remoto, algún espacio sobrehumedecido. A lo mejor quieras cambiar el tamaño del encabezado de tu rumbo uno por ahí. Nuevamente, tienes que diseñar un texto de encabezado. Seleccione uno, encabezado tamaño del texto, pase el cursor sobre esto, haga clic en el icono de un móvil. Y luego para pho, ponlo también, sucia seis, ella estará bien. O tal vez incluso 26. Si quisieras tenerlo en una línea. Ahí vas. Así es como lo cambias en un dispositivo móvil. Vamos a terminar este video en una versión de escritorio y cosas que aún no cubrimos. No hemos creado nuestro pie de página, la sección inferior de cada página web. Y tenemos que mostrarte cómo nuevo en las páginas de menú del año. 29. Crea tu sitio web web de pie página web: Entonces por ahora voy a salir del constructor visual, guardar y salir. Y nos llevará a la página web. Y quería ir al tablero. Si escribes barra hacia adelante WP stripe admin, vas al backend y en Apariencia, encontrarás widgets. Aquí es donde editas y creas la sección de pie de página. Entonces la barra lateral, voy a hacer clic de distancia por ahora. En esta zona de pie de página uno, lo que siempre me gusta hacer es que voy a sumar un poco sobre cubiertas por aquí, sobre cohete social. Ahí está, Esto es impresionante sobre el texto. Voy a ponerlo un poco así. Solo por algún texto falso, haz un texto realmente bonito, bonito porque esta es la primera introducción y mucha gente ve sobre ti. Y luego más sobre nosotros. Puedes enlazarlo a tu página Acerca de Nosotros, algo que recomiendo. Puedes hacer barra inclinada hacia adelante sobre Stripe como tal vez quieras subrayarla. Lo haces con un poco de HTML. Ya lo subrayé con el comando de teclas cortas para subyacente o Control U si quieres hacer eso y luego guardar. Veamos qué acabamos de crear. Voy a refrescar esta página. Desplázate hasta la parte inferior. Y este es el texto con el enlace que acabamos de crear. Por lo que queremos tener cuatro columnas por aquí. Lo que siempre hago en la segunda columna, voy a añadir un menú y dejarme alimentar. Hay un menú de navegación, lo arrastra y lo suelta. No hay menús creados hasta ahora. Así que vamos a crear un menú. El primer menú que vamos a crear un menú de pie de página, vamos a hacer clic en crear menú. Y luego podemos llenar todas nuestras páginas. Sólo uno. Vamos A casa. Es bonito. De nuevo, vamos a volver. Después de guardar en nuestra sección de widgets, vamos al área de pie de página número dos, abrir la sección de navegación. Ahora vamos a añadir un poco de mareas, seleccionar el menú y hacer clic en el menú de pie de página y pulsa Guardar. Si volvemos a refrescar la página. Ahora incluso tenemos un menú de buen aspecto por ahí. Entonces, ¿qué quieres poner en una tercera columna que depende de ti. Puedes agregar en tal vez un pequeño foro de contactos, tal vez algunos iconos de redes sociales o cosas así. Ataca en voz alta a veces lo que a la gente le gusta hacer, lo que también puedes hacer es tu razón más presume, esto es algo que hago a menudo si vas a usar un feed de bloques o noticias Beach, algo así. Voy a llamar a esto la última noticia. Y podemos mostrar nuestros últimos tres artículos. Eso es por la comida. Y número tres, desplácese hacia arriba. Nos queda un área de pie de página más para cubrir. Aquí es donde siempre voy a poner los detalles de mi empresa. Esta es una bonita estructura. Puedes cambiarlo si quieres, pero funciona para muchos de nuestros clientes. Entonces, ¿por qué no funciona para ti? Rocketers sociales, nombre de nuestra empresa, voy a poner eso primero en letras negritas. Se ve super cool. Entonces ya no hagas las dos cosas. Turno Enter, y luego vivimos en Júpiter ahí. Número uno, el código postal es 111 AB. La ciudad es la luna, y el pórtico es espacio. Puedes añadir tu número de teléfono. No sé los números en el espacio. Y en social, cohete, su chicle. Wow, tal vez quieras vincular días. Se puede añadir un golf para enlazar. Eso es algo que haces así. Acabaste con los pequeños enlaces de go-to. Entonces si la gente lo hace clic en nuestro móvil, empezaron a llamarte. Y también puedes agregar una comida para vincular. Entonces si la gente hace clic en eso, pueden empezar a enviarte un correo electrónico, abre tu programa de correo electrónico. Esa es una característica genial para saber cómo lo haces. Vamos a pegar de nuevo a Save, ver lo que creamos. Ahí vamos. Tenemos un pie de página de aspecto impresionante. 30. Añade tu menú sitio web: Genial. Necesitamos un menú más. De nuevo, vamos a los menús de apariencia, y ya creamos el menú de pie de página, pero necesitamos otro menú. Hay un pequeño eslabón oculto casi crea un nuevo menú. Le damos un nombre. Por lo que a éste se le llama el Menú Encabezado. Crea el menú, y luego ufew todo. Nos encontramos más tarde homepage. Vamos a crear casa. Guárdalo. Para el propósito de nuestro video. Vamos a crear unas cuantas páginas extra. Vamos a editar rápidamente este código, la página sobre nosotros. Haz esta babosa sobre nosotros. Vamos a fingir que tenemos una página realmente bonita Acerca de Nosotros en este momento. Tenemos que vestir platillo y una nueva página. Ir a ir a contáctanos. Ahora tenemos tres páginas, ¿verdad? Entonces volvemos con nuestros padres. Vamos a añadir estas páginas. Ahora tenemos algunas opciones más por aquí. Entonces vamos a sumar estos dos también. Puedes cambiar esto si quieres. Me gusta mantenerlo corto como sobre en lugar de sobre nosotros, me gusta usar una palabra, preferencia personal. No sé por qué. Ya terminaste. No te olvides de ahorrar. Quieres cambiarlo también en el menú de pie de página. Una cosa que podrías hacer con el menú de pie de página, aquí es donde ves y qué menú estás trabajando. Estamos trabajando en un menú de pie de página. Otros médicamente agregan nuevas páginas de nivel superior. Haz este menú. Si selecciona eso, entonces si crea una nueva página, se agregará a la estructura del pie de página. Es una característica realmente agradable, por lo que nunca se olvida. Pero el menú sigue sin mirar como debería ser porque ahora muestra más páginas o intentos. Y esto no estoy seguro dónde está sacando esta información, pero de lo que todavía tenemos que hacer, vamos al Personalizador de Temas. Entonces tienes la opción del menú por ahí. Creamos dos menús. Y aquí se puede seleccionar menú, debe grep. Por lo que este va a ser el menú principal. Y ahí estás. Acabamos de configurar nuestro Menú Encabezado. Vamos a fingir que no quieres crear varias páginas, pero en cambio, quieres tener un uno-pager como un sitio web que existe sobre una página. Y si hace clic en este botón en el menú de encabezado, eso va a enlazar a la segunda sección porque esta es su sección Acerca de. Si hace clic en contacto, desea desplazarse hasta el formulario de contacto. Entonces la forma en que lo haces es ir a los menús. El segundo apartado, ya le dimos nombre. Entonces si vamos a cambiar el menú de cabecera y hacer clic en Seleccionar, ve a Acerca de, Puedes eliminarlo. También puedes agregar enlaces personalizados. Puedo hacer sección de slash hacia adelante. Número dos, dominio. Vas a por ahí. Voy a guardar el menú. Vuelve a la página de inicio, refrescarla. Si voy a hacer click sobre ahora mismo y desplaza por la sección, no importa dónde. Siempre vas ahí. Si querías que lo mismo estuviera sucediendo a esta sección de contenido, habilita constructor oficial. Desplázate por el camino hacia abajo, luego haz clic en el icono Configuración, ve a avanzado. No sabía cuál es el nombre de la sección, así que sólo voy al número de las secciones. Sólo voy a ir a contactar por ahora mismo. Guárdalo. Quita este enlace en un pequeño enlace personalizado slash hashtag contacto. Dale al texto del enlace un nombre, contextos, guárdelo. Después salga del Visual Builder. Refresca a *****. Entonces boom, nos desplazamos todo el camino hasta el botón. Esa es una característica bastante genial ahí mismo. Supongamos que desea tener la página Acerca de como subpágina a continuación contacto. Puedes arrastrar y soltar esto y luego colocarlo así. Así que tienes este pequeño espacio en blanco por ahí. Ahora, es un sub h por aquí. Entonces obtienes este pequeño desplegable sobre la creación de menús. Estamos terminados con construir tu página web por ahora mismo, así es como diseñas una página web con Divi ha sido súper divertida construyendo esta playa. Espero que te haya sido útil. Y vamos a ser creativos y empezar a construir algunas páginas web impresionantes. 31. Ayuda a encontrar tu sitio web en Google: Muy bien, así que ahora estás terminando, estás construyendo tu primer sitio web. ¿ Está bien? Muy bien. Ahora has terminado con la construcción de tu primera página web. Les preguntaré es que has llegado bastante lejos. Has recorrido un largo camino. Enhorabuena a ti si sigues viendo, estoy súper orgullosa de ti. Y puedes llamarte oficialmente diseñador web en este momento. Pero no eres un mercado en línea. Todavía lo son porque una vez que hayas terminado de construir tu primera página web, que siempre quieres hacer. Desea hacer clic en Editar página. Vas al alfa backend de la playa. Y te diste cuenta a veces cuando alguien comparte un enlace en Facebook o algo que toma una imagen del sitio web también. Hay un lugar donde puedes configurar esto para que haya una función de imagen destacada. Entonces esto es algo que siempre quisiste hacer. Esto también es bueno, realmente bueno para propósitos de SEO. Subir mi espacio favorito. Y le voy a dar el nombre de estafadores sociales. Si alguien va a compartir mi link de mi homepage, esta es la imagen que van a ver. Así que acabo de configurar mi In Greek conseguir en el espacio, en lugar de hacerlo arriba. Y esto es algo realmente importante que hacer. Una última cosa, ¿recuerdas que instalamos un plugin llamado Yoast SEO. Yoast es un chico holandés y creó el plugin más impresionante para WordPress en mi opinión. Porque esto te dice exactamente lo que debes hacer para ubicarte más alto en Google con tu página. Entonces Google va a recoger tu sitio web. Entonces si entramos en Google ese chicle, parece un sitio web realmente sencillo. Si vas a los resultados de búsqueda, si al escribir en orejas de cohetes sociales, hay un montón de sitios web que se están clasificando por estas palabras clave. Entonces básicamente, este es el título de la página, descripción de la página. Esta es la parte de aquí. ¿ Cómo puedes dónde pones estos ajustes? Bueno, este es el lugar Wordpress, donde puedes hacer esto con Yoast SEO. Así que voy a hacer primero agregar una frase clave de enfoque para la página de inicio, te recomiendo solo el nombre de tu empresa. Si es la página sobre, puedes poner, contactar con coheteers sociales o contactarnos, algo así. Si quieres crear una página específicamente para agencia de redes sociales en Amsterdam, entonces puedes escribir algo así. Entonces por ahora, sólo voy a darle la página del título. Voy a poner esto aquí así. Después de agregar la frase clave de enfoque. Actualicemos la página por ahora. Guarda la página y haz cosas que noto. Verás este ícono naranja por ahí es como trabajar como un semáforo con rojo, naranja o verde. Si es naranja o rojo, significa que aún no está bien. Todavía hay cosas que puedes mejorar para tu SEO y cuáles son las cosas que tenemos que hacer? ¿ Entonces? Vamos a hacer clic en este infeliz smiley por ahí. Te está dando todos los buenos resultados. Por lo que ya tenemos enlaces internos. Ese es un buen trabajo. Tenemos una frase clave editar, y la longitud de la misma es buena. Tenemos atributos alt de imagen. Te expliqué que siempre debes agregarlas. Pero todavía hay un montón de cosas que puedes hacer. Por ejemplo, el texto es demasiado corto, por lo que recomiendan que vamos a usar 300 palabras en esta página web o incluso más. Y algunas otras cosas. Si no sabes cuál es una de estas cosas, puedes Google qué es lo que nuestros enlaces salientes, y luego los enlaces entrantes son enlaces a otras páginas. Pero puedes aprender eso de solo buscar en Google estas cosas. Y luego aprendes qué hacer para mejorar los rankings SEO de esta página. Y una cosa que siempre quisiste hacer es editar el fragmento. Tú, puedes escribir las cosas que aparecerán dentro de Google por aquí. Voy a sumar mi SEO Dido, cohete social. Ahí está mi homepage, marketing online fuera del espacio, algo así. Puedo cambiar la holgura para nuestra página de inicio. Nunca necesitarás hacerlo. Pero aquí puedes cambiar el enlace permanente si lo necesitas, pero siempre quieres rellenar es la meta descripción. Entonces somos orejas de cohetes sociales y podemos escribir algo como si estuviéramos en una misión para salvar al mundo del contenido prestado. Y sigue siendo naranja porque no agregué suficiente texto a esta meta-descripción. Todavía quiere que agregue más y Marcos tableros y nuestra boca salvando nuestro planeta. Ahora ya verás que sólo nos quedan cinco problemas. Arregimos una parcela y problema. Agregamos la frase clave en la meta-descripción y editamos un poco al frente. Si vamos a poner esto al final. decir, Hiciste un buen trabajo, pero hay que ponerlo más al frente. Así que lo vamos a poner ahí. Algo más, densidad de palabras clave, necesitamos usar esta palabra cohete social. Hay más en nuestra página web. Sólo tienes que seguir estos pasos. Y una vez que has hecho eso, hiciste un gran trabajo al optimizar tu página web para motores de búsqueda. Y algo que es súper importante. Una vez que hayas terminado, haz clic en Actualizar y asegúrate de que todo esté guardado. Antes de terminar una última cosa. Y ves que he guardado esta página por 28 veces. Si cometes un error y no sabes cómo volver atrás, lo voy a enseñar como característica realmente bonita. Si vas a hacer clic en Examinar con revisiones, puedes volver a versiones anteriores. No voy a hacer eso ahora mismo. Pero si quieres retroceder una versión y restaurar a su paciente, basta con hacer clic en este botón o volver al editor si decides que no quieres cambiarlo. Sólo una bonita característica que quería hacerte saber. 32. ¡Felicitaciones!: Wow hombre, aprendimos mucho. Cubrimos tantas cosas. Fuimos sobre cosas súper nerdy con hosting y descubriste cómo puedes registrar nombres de dominio. Instalamos WordPress. Instalamos WordPress siendo instalamos plug-ins. Hemos estado tomando decisiones sobre cómo podemos hacer nuestro sitio web y diseñarlo, y en realidad lo construimos tú mismo y lo optimizamos para Google, básicamente, aprendiste todos los conceptos básicos que necesitas para conocer cómo crear sitios web que generen resultados para las empresas en línea. Y estoy tan orgulloso de ti que has llegado tan lejos. Fue súper divertido crear todos estos módulos, todos estos videos para ti. Preparamos un montón de módulos por primera vez, super feliz fin de semana. Hasta el momento, también planeamos crear más videos como este para en el futuro. Por favor, háganos saber qué piensa al respecto. Estamos abiertos a la retroalimentación, ¿cómo mejorar estos videos para usted? Estamos creando esto para ti. Háganos saber cómo funciona mejor esto para usted, o es que ya funciona realmente bien. Y puedes compartirte un poco en la espalda y estar orgulloso de ti mismo por venir tan lejos. Si llegaste hasta aquí y en realidad, tomó acciones para construir este sitio web tú mismo. Es un gran paso adelante para tu negocio y el internet y los sitios web siempre están en desarrollo, por lo que siempre sigues aprendiendo y sigues aprendiendo todos los días. Mi equipo sigue aprendiendo todos los días, pero paso a paso sí se pone mejor y mejor. Pero ahora estás listo después de aprender las cosas más importantes. Así que les deseo toda suerte en el mundo y todo el éxito con su negocio, con su página web, y se sale del espacio, ¿verdad? Muchas gracias. Estoy deseando verte en próximos videos.