Creación de sitios web (completa): usando WordPress y Elementor

1. Resumen rápido: Aprender a crear un sitio web es definitivamente importante. Pero lo que es más importante es aprenderlo de la manera correcta. simple conocimiento de WordPress y Elementor no va a ser suficiente. Es necesario saber que tres pasos marco de creación de sitios web. Oye, pero ¿qué es este marco de creación de sitios web de tres pasos? Yo, mi nombre es neurona viajero, y en este curso, te ayudaré a aprender todo lo que se requiere para crear un sitio web impresionante sin ningún tipo de codificación, usando WordPress y elemental. Los sitios web que crearás no solo serán impresionantes InDesign, sino que david será super responsive para que funcionen correctamente en todos los diferentes tipos de dispositivos. La mejor parte de este curso es que aprenderás sobre el marco de creación de sitios web de tres pasos. Bueno, este es un sistema que es seguido por los mejores desarrolladores web del mundo. Antes de darles una visión rápida del curso, permítanme decirles que todo esto va a ser un curso práctico para ustedes. Estarás usando nombre de dominio gratuito y cuenta de hosting para crear sitios web todo por ti mismo. Y yo soy CIO que vas a estar creando algunos sitios web impresionantes. Empezaremos el curso con el aprendizaje de los conceptos básicos como sección web más disciplina de una página web. Y luego aprenderemos algunos conceptos importantes como UI y UX. El tipografía teoría coloreada hay si ANC la configuración de diseño base. Después de esto, te han aprendido algunos conceptos de auriculares que están relacionados con la redacción de textos y el diseño gráfico. Sí, estas son algunas cosas adicionales, pero es una parte muy importante de este curso. Después de esto, hemos estado hambrientos del proceso de creación de sitios web de tres pasos con el paso número 1, es decir, descubrir y entender el mercado. El segundo paso sería diseñar el sitio web utilizando un sitio web diseñando herramientas como Figma y Adobe XD sobre de hecho, cualquier otro diseño gráfico dual sobre paso final sería desarrollar el sitio web usando WordPress. Y creo que mi perro, sin ningún tipo de codificación. Te pasaré por la versión gratuita de Elementor así como la versión Pro de elemental. Estarás aprendiendo no solo desarrollando las páginas web, sino también cómo configurar un blog, cómo crear páginas de aterrizaje e indicando el sitio web con Google Tag Manager, Search Console y analytics Jaguars y otras cosas. Cerca del final del curso, compartiré algunas del conjunto de prácticas más importantes como reducir el tiempo de carga del sitio web. Y también te compartiré cómo puedes iniciar tu propia agencia de marketing digital, hacer sitios web para clientes, y cuánto puedes cobrar a los clientes. Entonces si eres alguien que quiere Monstruar la AGA alimentar sitios web sin ningún tipo de codificación, usando WordPress y end to make DOD. A la par de algunos conceptos como qubit, no agregué diseño gráfico, entonces estos son los objetivos para ti. Si tengo sentido para ti, quiero que empieces ahora mismo. 2. Seting y preparación para el curso: El objetivo principal en este curso es aprender a crear un sitio web perfecto de píxel que sea hermoso y diseño funcional y usarlo optimizado para dispositivos como móviles y tabletas con una velocidad de carga rápida. Esto lo lograremos siguiendo el proceso de creación de sitios web en tres pasos. Ten en cuenta que tu objetivo es crear sitios web pixel-perfectos de forma rápida y sencilla sin ningún tipo de codificación. El propósito de este curso puede variar según tus expectativas, pero te aseguro que si sigues estos pasos, tu vida se puede transformar. Un estudiante puede conseguir fácilmente un empleo o comenzar a trabajar por cuenta propia después de completar este curso. Un freelancer puede brindar servicio de desarrollo de sitios web a los clientes. Un profesional en trabajo puede iniciar ingresos pasivos, y un empresario puede crear un sitio web para su propio negocio sin pagar mucho dinero a ninguna agencia digital. Las oportunidades son muchas, y estoy seguro de que lo agarrarás. Siempre estoy aquí para ayudarte en este sentido y siéntete libre de conectarte conmigo en busca de ayuda. Hablando de la preparación para el curso, quiero que marquen hitos. El primer hito podría ser el dominio descubierto, donde podrás entender al público objetivo y analizar los sitios web de la competencia de manera efectiva. Siguiente hito podría ser su parte de diseño que puede tomar algunos esfuerzos, pero estoy aquí para ayudarte y guiarte. siguiente hito sería el paso de desarrollo, que es relativamente fácil una vez que se sienta cómodo con el proceso de diseño de descubrimiento. Espere. Pero, ¿cuál es el hito final? El hito final sería la aplicación de lo que hayas aprendido en este curso. Sí. Tendrás que aplicar los conceptos y completar un sitio web de práctica. Ese será un sitio de demostración. Yo personalmente revisaré ese sitio web y te daré comentarios sobre tu trabajo. Entonces este va a ser un curso práctico y te ayudaré en la configuración de un sitio web de práctica de forma gratuita. Estarás usando un dominio gratuito y una cuenta de hosting gratis para configurar tu sitio web de práctica y siéntete libre de experimentar en ese sitio web porque va a ser el terreno de aprendizaje para ti. Había tantas congelaciones en las últimas frases que hablé. Por lo que estás consiguiendo tantas cosas de forma gratuita. Siéntete bien. Cuanto más experimentes en tu sitio web de práctica, mejor será tu aprendizaje. También, estaremos usando algunas herramientas para diseñar eso. Te haré saber paso a paso en las próximas lecciones. Entonces creo que todos estamos preparados para empezar a aprender. Y los veré en el próximo video donde iniciaremos las bases y aprenderemos algunos conceptos y teorías básicos. ¿ Dijiste algo? No elijas teorías porque son aburridas. O sé que podría ser un poco duro para ti, pero estas teorías y conceptos son las bases de tu éxito, ¿verdad? Disfrutarlos y comprender profundamente los conceptos para un mejor aprendizaje de este curso. Nos vemos en el siguiente video. 3. Algunas herramientas de productividad importantes: En esta lección, quiero hablarles de algunas herramientas que se pueden utilizar para hacer notas, estrategias, y planificar su aprendizaje le mostró. Esto te ayudará mucho a organizar los conceptos que vas a aprender en este curso. Por ejemplo, veamos los conceptos que discutimos en la lección anterior en forma de diagrama de flujo, un mapa de mentes, en forma de lista, o en alguna aplicación de editor de texto como Grammarly. Permítanme darles una visión muy rápida de estas herramientas. El primer instrumento que quiero decirte es draw dot io. Esto se utiliza para crear diagramas de flujo y lo uso para organizar mi plan y estrategias de marketing. Es de uso gratuito y tiene una versión offline así que puedes descargar e instalar en tu computadora. Este es el lienzo en blanco y puedes insertar formas. Inserta texto en esas formas haciendo doble clic en el centro, las dispuso y realiza conexiones. Siéntase libre de agregar tantas formas como desee y organizar el gráfico de manera organizada. Podrás jugar con esta configuración de estilo y texto para que se vea hermosa. Y también puedes ajustar la alineación de las formas. Siéntase libre de explorar más formas y agregar páginas a su documento. Una vez terminado, no es necesario guardarlo porque el documento ya se está guardando auto. El siguiente instrumento es mío, Mr Es un freemium dual, lo que significa que tiene una versión gratuita así como una versión de pago. Aquí puedes crear estructuras de mapas mentales para lluvia de ideas, notas, toma, planificación de proyectos y muchas otras tareas creativas. Lo uso para crear plan de estudios y currículum de mis cursos. La siguiente herramienta sigue siendo baja. Se utiliza para crear tableros, listas y tarjetas para ayudarte a organizar proyectos de manera creativa. Y es una gran herramienta para colaborar cuando se tiene un equipo de personas. El último instrumento que quiero contarles en esta lección es gramaticalmente. Se trata de una herramienta de escritura con el Asistente de Redacción que te ayuda a escribir de forma clara y libre de errores gramaticales. Te estoy hablando de la gravedad porque es la forma tradicional de hacer notas anotando lo que hayas aprendido. Obviamente, puedes usar cualquier otra herramienta de edición de texto como MS Word. Pero si quieres que un asistente de escritura te ayude con los errores gramaticales, entonces usa Grammarly. Ya que vas a estar aprendiendo muchos temas y conceptos nuevos, quiero que organices tu aprendizaje para que te siga siendo fácil idear simplemente escaneando un diagrama de flujo o un documento. Espero que estas herramientas te sean útiles y seguiremos con los fundamentos de la página web en el siguiente video. 4. Qué es un sitio web: En el mundo hay 4.7 mil millones de personas que hoy están usando Internet. Están dedicando tiempo a obtener información, comprar productos, servicios, ver videos, entablar conversaciones con personas en redes sociales, mensajería instantánea, y grandes, pequeños. Por lo que es una oportunidad para crear un sitio web y llegar a millones de personas a través de Internet. Sitio web, en el sentido más general, es una forma de presencia web. Puedes compartir el contenido en forma de texto, gráficos y videos en tu sitio web y conectarte con personas de todo el mundo. Considera Internet como un mercado y un sitio web es tu tienda. Los clientes pueden entrar para obtener información y está abierto 24 por 7. La mejor parte es que un sitio web te da eje a nivel mundial y no tienes limitaciones para ejecutar tus ideas. Entendamos ahora ese concepto técnicamente de un sitio web. Según Wikipedia, un sitio web es una colección de páginas web que se identifica por un nombre de dominio común y se publica en un servidor web. Una página web es una página única que contiene información y contenido en forma de texto, gráficos y videos. Por lo que si una empresa como en este tiempo, Unilever quiere brindar información sobre sus productos en la página web. ¿ Es posible tener toda la información en una sola página? No. Eso es phi un sitio web contiene n número de páginas web que se categorizan en submenú de elemento de menú para proporcionar información significativa al usuario de manera organizada. Siguiente es el nombre de dominio. Si un usuario quiere llegar a su sitio web, tiene que ingresar algún vestido Weber en el navegador. Es similar a alguien que quiere llegar a tu casa. Debes conocerte en cómo sobresalen. Por lo que un nombre de dominio es un nombre único que forma su Weber lo hace. Siempre es único y conduce a sitios web específicos. Al igual que si alguien muere en número móvil, está conectado contigo y no con nadie más. Tan solo asegúrate de que tu nombre de dominio debe ser relevante para tu oferta. Y al mismo tiempo, debe ser fácil de recordar y agarrar la atención. El tercer y último elemento es un servidor web. Un servidor web es una computadora donde se almacenan los datos, la información, y el contenido de un sitio web. Responde a las solicitudes de los usuarios 24 por 7 en la World Wide Web. Siempre que el servidor baje, un usuario no podrá acceder al sitio web. Entendamos también el concepto de hipervínculo. Dado que hay una serie de salarios y una página web, es importante enlazar todas estas piezas y formar un menú de navegación. O el usuario puede cambiar entre varias páginas con el clic de enlaces. Por lo general, la primera página de un sitio web se llama la página de inicio. Y es la página web más importante de tu sitio web aparte de la página de inicio. El otro, básicamente solo en un sitio web son el sobre página, servicios, página, productos, página, página de contacto, página política de privacidad, etcétera. Cada página web tiene cierta información específica, y el usuario puede acceder fácilmente a estas páginas web desde un portátil, escritorio, tableta o smartphone mediante un navegador web. Cuando un sitio web está optimizado para todos estos diferentes dispositivos, se le llama como sitio web responsive. Discutamos ahora los diferentes tipos de sitios web. Un sitio web que creamos puede tener diferentes objetivos y propósitos basados en tu idea. Por ejemplo, el propósito principal de un sitio web de negocios es proporcionar información sobre la empresa empresarial o cualquier individuo que esté realizando una actividad financiera. Por ahora, todos los negocios por ahí definitivamente deberían tener un sitio web. Se trata de una expectativa generalizada. Todos los clientes potenciales en el mercado asumirán que si realizan una búsqueda en Google para cualquier x negocio en busca de más información, encontrarán tu sitio web. Siguiente. El sitio web de comercio electrónico es donde los usuarios pueden comprar y realizar compras. Debe contar con las características esenciales como en visualización de ventanas navegación de productos, filtrar por categorías, resaltar ventas especiales, tarjeta de compra, lista de deseos, y pasarela de pago para realizar transacciones en línea. El propósito principal de un sitio web de águila debe es hacer ventas. Sitio web de blogueo. Proporcionan información publicando contenido que se muestra en orden cronológico inverso, lo que significa que las últimas publicaciones aparecerán primero en la parte superior. De igual manera, también vas a crear un sitio web personal, un sitio web de portafolio, sitio web de entretenimiento, sitio web de noticias, sitio web del directorio de negocios, sitio web del foro, redes sociales del ABS, un sitio web de descargas digitales, sitio web de e-learning y mucho más basado en su propósito e IDM. Ya que estamos discutiendo el propósito de un sitio web, quiero preguntarle una cosa aquí. Por favor dígame ¿qué es una página de aterrizaje? Vamos. Adelante y trata de responder. Sigue pensando. Sigue pensando. Sigo esperando la respuesta. ¿De acuerdo? Por lo que no estás conectado a mí en vivo, por lo que no vas a contestar. ¿ Lo es? No, por favor no tomes este curso así. Por favor siéntete como si estuvieras conectado a mí en vivo e intenta contestar. Te estoy diciendo que te ayudará mucho y aprendiendo cuando una página de destino es una página web dedicada con un propósito muy específico. A diferencia de las páginas web típicas, que tengo muchas opciones de navegación y fomento una mayor exploración, las páginas de destino están diseñadas con una llamada a la acción específica. En una página de destino, queremos que nuestros usuarios tomen la acción deseada que podamos considerar como una conversión para nosotros. Por ejemplo, la página de aterrizaje de Shopify quiere que empieces a prueba gratuita, y es la única acción de etiqueta en esta página web. Parece que por EU, quieren que empieces una prueba gratuita y nada más. Incluso puedes construir un imán de plomo de esta manera y proporcionar algún regalo a cambio de su información de correo electrónico. De esta manera, puedes guiar a los visitantes de tu sitio web para que tomen acciones específicas y cumplan con un propósito específico como parte de tu embudo de marketing o ventas. Personalmente, crear una página de aterrizaje es mi tarea favorita. ¿ Cuál es tu lectura para tu respuesta antes del siguiente video? 5. Estructura de una página web: Si hablamos de la estructura básica de una página web, podemos dividir fácilmente una página web en tres secciones principales. Numerado uno es el encabezado, número 2 es el área de contenido principal, y el número tres es la carpeta. Ahora, el pastoreo es la sección más alta de una página web y suele ser consistente para todas las páginas web del sitio web. Significa que hay que diseñar una cabeza a la vez y el mismo adder será visible en todas las páginas del sitio web. En la sección de cabecera, se encuentra el logotipo y generalmente se coloca a la izquierda están centrados en posición. Asegúrate de vincular la página de inicio, haz el logotipo. Significa que si un usuario hace clic en el logotipo, es redirigido a la página de inicio del sitio web. A continuación, encontrarás un menú de navegación en la sección de encabezados. Generalmente es el menú principal del sitio web y ayuda al usuario a cambiar entre las múltiples páginas web. Las opciones de menú también pueden tener sub-menú para categorizar las páginas y proporcionar una navegación más lógica. Ya tendencia diseño de menú de navegación es el mega menú. Si tienes un sitio web grande con múltiples categorías y subcategorías de mega menú arma mostrar toda la navegación en un solo menú. También mejora la visualización visual del menú, haciéndolo más atractivo. También puedes encontrar un botón en la esquina del menú de navegación, y actúa como una llamada a la acción para los visitados. Por cierto, déjame hacerte una pregunta. ¿ A qué llama a la acción? Vamos, pruébalo. Está bien. Por lo que un llamado a la acción, o CTA es la acción deseada que queremos que nuestros visitantes tomen en el sitio web. Por lo general se destaca para destacarse del otro contenido y guía al visitante con qué hacer a continuación en la página web. También puedes encontrar enlaces de redes sociales en la sección de encabezados para animar a los visitantes a conectarse con el marrón en las redes sociales. Ahora para agregar más espacio a la sección de cabecera y por encima de hidrodisección y una sección de encabezado inferior se complace. También son bastante útiles si hay más información para mostrar En la parte superior de la página. Lake, puedes mostrar las ofertas especiales con un elemento de urgencia, un aviso importante en la sección de cabecera anterior. También puedes jugar la información de contacto y enlaces de redes sociales en la sección. El otro que se encuentra por debajo de una disección que se puede utilizar para mostrar el menú secundario o cualquier información adicional. Es tu elección mostrar estas secciones en toda la página web o en algunas betas específicas. Ahora déjame hablarte de algunos diseños de cabecera friending. El primero es el encabezado pegajoso. Se pega el encabezado primario en la parte superior de la pantalla. Siempre que un visitante escolta por la página web, le dice brindando un acceso rápido al menú de navegación sin tener que desplazarse de nuevo a la parte superior. Siguiente Diseño de encabezado se establece encabezada transparente. Se ve muy cool y le dan un poco de campo moderno al diseño del sitio web. A mí personalmente me gusta mucho esto. Entonces esto fue sobre la primera sección de la página web. Ahora discutamos el siguiente. Ese es el área de contenido principal. También se le llama como el cuerpo de la página web. Es la sección más flexible del sitio web y tienes plena libertad para diseñarlo como el propósito del sitio web. En una página web, siempre se desea mostrar información específica relacionada con el título de la página, me gusta y sobre el espacio tendrá información del perfil y la página Contáctenos tendrá datos de contacto. Pero puedes diseñarlo libremente mediante el uso de texto, imágenes, gráficos y videos para transmitir la información de la manera más efectiva. Esta área de contenido principal está diseñada colocando secciones y columnas. Todo el contenido como texto, imágenes, videos, y otros elementos se colocan dentro de las secciones y columnas. Las secciones controlan el área vertical que está de arriba a abajo, y las columnas controlan el área horizontal que está de izquierda a derecha. la primera sección de una página web se le llama la sección de héroes, y contiene la imagen del héroe. Es el primer contenido que un visitante ve en la página web. Todos entendemos muy bien que la primera impresión es la mayor impresión. Por lo que todos los sitios web deben garantizar que el diseño de la sección de héroes tenga un impacto desencadenante y que genere un sentido de confianza y credibilidad en la mente del visitante. El apartado de héroes debe degenerar y emoción para motivar al visitante a explorar más contenido en la página web y eventualmente tomar una acción. Después de la sección de héroes, puedes insertar varias otras secciones como parte de las demandas de contenido de la página web. Al igual que solemos encontrar un breve resumen de los productos de la página sobre, servicios, características, precios, Media Gallery, y testimonios en la página de inicio. Si me preguntas sobre la longitud de una página web, yo diría que una página web puede ser tan larga como quieras, pero siempre trató de proporcionar información en la menor duración posible porque los visitantes siempre están ocupados y VKC no puede permitirse el lujo de perder su tiempo en absoluto. Sé lo más creativo posible para que siga siendo lo más fácil para el visitante entender lo que quieres decir. Pero en el menor tiempo, la última sección de la página web se llama como infalible. El propósito de un pie de página web es ayudar a los visitantes añadiendo información y opciones de navegación en la parte inferior de la página web. Ya que los visitantes tienen una tendencia general a desplazarse rápidamente por la página web y llegaron a la mediana inferior. Es el lugar ideal para poner el año en curso y el símbolo de copyright. No obstante, también se pueden colocar los menús secundarios de navegación de Huygens sociales, enlaces a la política de privacidad y otras páginas legales, exoneración de responsabilidad, datos de contacto, formularios de baja de correo electrónico, e incluso una llamada a la acción final. Entonces permítanme resumir del aprendizaje en este video. Al crear un sitio web, tienes que enfocarte en las tres secciones principales de una página web, el encabezado, el área de contenido principal, y la comida. Te recomiendo empezar por diseñar primero el encabezado y pie de página porque siguen siendo los mismos para todas las páginas del sitio web. Y luego empieza a diseñar el área de contenido principal ya que será diferente para cada página web. Aprenderemos más sobre los conceptos de diseño en los próximos videos. 6. UI (interfaces del usuario) y UX (experiencia de usuario): El encabezado y el pie de página van a ser consistentes para el sitio web, pero el área de contenido principal está para ser diseñado para cada página. Y diseñar es muy importante para la página web. Es necesario tener un objetivo claro para el sitio web y diseñar cada página web en consecuencia. Es muy importante. De lo contrario, te perderás en el océano de diseño y se convertirá en una tarea bastante frustrante para ti. Por lo que siempre juega un ancla antes de iniciar la tarea de diseño. Tener siempre un claro objetivo de conversión para el sitio web y diseñar las páginas web en consecuencia. Significa decidir sobre las acciones importantes que debe realizar un visitante en el sitio web. Esto puede incluir realizar una consulta en el chat, enviar un correo electrónico, suscribirse a un boletín informativo, descargar un eBook, iniciar una prueba gratuita, explorar más contenido en el sitio web o cualquier otra acción importante, aspart el embudo de comercialización o venta. Otro motivo para mostrar información clara y específica en la página web es el concurso de Internet. Hay tantos sitios web luchando por la atención de los usuarios. Y el lapso de tiempo promedio de un visitante del sitio web es muy corto. En algún lugar alrededor de siete a ocho segundos. Significa que si un visitante visita tu sitio web y no encuentra que sea atractivo o lo suficientemente convincente para explorar más contenido. Simplemente cierra la pestaña y aléjate. Por lo que es muy importante que diseñes el sitio web que sea visualmente atractivo, atractivo y utilizable para animar a los visitantes a pasar tiempo y tomar acciones. Si realizan acciones en la página web, se considerará como una conversión. Tratemos de entender el proceso de diseño de una página web. Siempre comienza por entender lo ideal visitado. Vamos, piensa en que el visitante iba a visitar el sitio web. Sus expectativas, sus valores, intentaron simular su interacción con el sitio web. Más Acciones que preferirán tomar. En qué tipo de contenido te interesará. Texto, gráficos, videos, ¿cuánto tiempo preferirá gastar en la página web? ¿ Cómo puedes guiarlo para completar una acción deseada de la manera más fácil? ¿ Cómo puedes motivarlo para que tome una acción? Se trató de establecer el punto de referencia para la calidad general de interacción entre ese visitante y un sitio web. Toda esta investigación te brindará retroalimentación y datos importantes para ayudarte a planificar el diseño de la página web. Al avanzar más, el proceso de diseño se puede dividir en dos segmentos. Una es interfaz de usuario y la otra es experiencia de usuario. Se inicia el proceso de diseño seleccionando los colores, teléfonos, imágenes, gráficos, y el diseño para que el sitio web se vea hermoso y consistente. Esto se denomina como diseñar la interfaz de usuario o la interfaz de usuario. Representa el sitio visual o gráfico del diseño del sitio web. A continuación, hay que optimizar el diseño de la interfaz de usuario para potenciar la experiencia del visitante cuando interactúan con el sitio web. Es más o menos un sentido de la cuota. El visitante debe sentirse cómodo mientras navega por el sitio web, lee el contenido, ve los colores, videos , imágenes, debe desarrollar un sentido de credibilidad. Tienes que incrustarles la motivación que necesita para tomar acciones en la página web. Debe creer que está obteniendo valor de la página web. Esto se denomina como diseñar la experiencia del usuario o UX. Si te explico la experiencia de usuario en tan solo dos palabras, sería una experiencia fácil y agradable para el visitante en interacción con el sitio web. La interfaz de usuario es en realidad una parte de la experiencia del usuario. Por lo tanto, para asegurarte de que estás obteniendo los mejores resultados del diseño del sitio web, es importante enfocarte tanto en la UI como en la UX. Centrarse en la interfaz de usuario ayudará a que el sitio web se vea hermoso, la tierra consistente. tanto que centrarse en la UX hará que la experiencia sea fácil y agradable para el visitante. Los tres conceptos más importantes a dominar en el diseño de la interfaz de usuario de un sitio web es seleccionar los colores, la tipografía, y el diseño. Y estaremos aprendiendo estos conceptos en las próximas lecciones. Por su nombre, puedes empezar a pensar en el visitante ideal de la página web y tratar de llegar a la investigación de mercado. Nos vemos en el siguiente video. 7. La teoría del color: Bienvenido al vacío de colores. Los colores son lo primero que las personas notan cuando visitan el sitio web y el esquema de color puede tener un enorme impacto tanto en el estilo como en la consistencia. Entonces, ¿qué es un esquema de color? Un esquema de color es la colección de colores que necesitamos elegir para el diseño del sitio web. También se le llama como paleta de colores. Puede incluir tantos colores como queramos utilizar en la página web. Cada color puede ser utilizado para una variedad de elementos en todo el sitio web. Puede dividir su paleta de colores en los colores primarios, el color secundario y el color de acento en función de la aplicación y el uso. El color primario generalmente es el color más dominante en el sitio web, y se utiliza un color secundario para dar un efecto de contraste. Estos colores se utilizan en los fondos de sección y columna, logotipo, navegación, y menú. El color de acento se utiliza para resaltar el elemento estándar, como un botón de llamada a la acción. Si elegimos los colores adecuados en combinaciones correctas, podemos involucrar a los visitantes para que pasen tiempo en la página web y tomen acciones. Los colores también ayudan a crear una conexión emocional. Pero el reto es que hay más de 16 millones de colores para elegir. Y elegir aleatoriamente un color puede no funcionar bien en el diseño de un sitio web. Entonces con el fin de elegir los colores ideales para el sitio web y hacer las combinaciones de colores correctas, usemos algunos signos y aplicemos la teoría del color. teoría del color es la ciencia y el arte de usar colores. Explica cómo nosotros los humanos percibimos diferentes colores y el mensaje que cada color comunica. Empecemos por entender la rueda de color. Se trata de una poderosa herramienta que puede ayudarte a visualizar las relaciones entre colores. De acuerdo con la teoría del color, hay tres colores primarios, rojo, amarillo y azul. Estos tres colores forman la base de todos los demás colores. Cuando mezclamos los colores primarios, obtenemos tres colores secundarios que son naranja, verde y morado. Y cuando combinamos los tres colores primarios y tres secundarios, obtenemos seis colores terciarios. Ahora, cada vez que empezamos a trabajar en un proyecto de sitio web, necesitamos experimentar con múltiples alertas y seleccionar las combinaciones de colores más adecuadas. También podemos usar el concepto de esquemas de color para llegar a la correcta selección de colores. Veamos ahora los cuatro tipos principales de esquemas de colores. El primero, esquema de color monocromo. Consiste en diversos tintes, tonalidades, y saturación del mismo color. A continuación se presenta el esquema de color complementario. Se basa en dos colores de los lados opuestos de la rueda de color. A continuación se presenta el esquema de color de los análogos. Consta de tres colores que están uno al lado del otro en la rueda de color. Y el último es esquema de color triádico. Consta de tres colores que se encuentran en los puntos de un triángulo dibujado dentro de la rueda de color. Por lo general, se puede dar preferencia a los esquemas de colores complementarios y analagosos ya que son efectivos y fáciles de aplicar que los buenos contrastes visibles. Pero siéntete libre de usar cualquiera de estos esquemas de color en tu diseño. Al avanzar más, también podemos dividir los colores de la rueda de color en dos categorías. Es decir, cálido y fresco. tonos que contienen mayores cantidades de amarillo y rojo se consideran colores cálidos. Evocan un sentido de pasión, felicidad, energía, brillo, y acción. Por otro lado, las Alertas de Google contienen mayores cantidades de azul y morado. Se consideran más calmantes y relajantes que los colores cálidos y representan calma, paz y serenidad. También hay colores neutros, como el blanco, el negro y el gris, para equilibrar el esquema de color y agregar contraste al diseño. A continuación, necesitamos entender los sistemas de color porque hay millones de colores y tanques a los signos, podemos asignar un código de color específico para representar cada color. Los tres sistemas de color estándar que se utilizan en el diseño de herramientas y softwares son RGB, CMYK, y hex. El sistema de color RGB es perfecto para diseños que se ven en pantallas. Y el código de color se forma ingresando un valor para rojo, verde y azul entre 0 y 255. El sistema de color CMYK es ideal para el diseño de impresión y también se le llama como el sistema renunciado o que comprende valores para cian, magenta, amarillo y negro entre 0 y 100. El último, ese es el sistema de color hexadecimal es en lo que dispuesto a enfocarse. Se trata de un código de seis dígitos el cual se forma al convertir los valores RGB. Estaremos utilizando este sistema para seleccionar alertas para el sitio web. Supongamos que si conoces los valores RGB de un color y quieres convertirlo en hexadecimal. Entonces simplemente haz una búsqueda en Google como convertir RGB a hex y obtendrás un montón de herramientas gratuitas para hacerlo. Avanzando más allá, no me gustaría llevarlos en la profundidad de los tintes, los tonos, la tonalidad, la saturación, y el brillo en este curso. Pero déjame explicarte el concepto de contraste. El contraste es un elemento crucial de cualquier sitio web, especialmente cuando se trata de color de fondo, y texto. Para proporcionar una buena experiencia de lectura en el sitio web, es lo mejor usar un fondo blanco y color de texto oscuro. También puedes experimentar con un fondo oscuro y texto de color claro para algunas secciones. Así es como en realidad funcionan los temas claros y oscuros. Ahora, intentemos hacer las selecciones de color y aplicar un esquema de color efectivo. Por tu conocimiento, algunos colores pelean unos con otros y algunos colores se convierten en amigos cercanos. Colores que funcionan bien juntos, crean una armonía, contribuyen a una agradable experiencia de usuario. Hasta el momento nuestro proyecto de página web, es necesario seleccionar los colores primarios y secundarios para el fondo de sección y columna, logo, superposiciones gráficas. El alerta de zinc para llamada a la acción y x eruditos para encabezamientos y párrafos. Con el fin de preseleccionar colores para la selección. También podemos usar el concepto de psicología del color. Se habla de la influencia de los colores en los comportamientos y estados de ánimo de las personas. Para crear un diseño exitoso, debes estar al tanto de los significados del color y entender cómo las opciones de color pueden influir en tus usuarios al generar una respuesta emocional específica. Sí, la piel coloreada evocan emociones. Veamos algunos ejemplos. El rojo es una goleta fuerte, enérgica. Puede ser un color de declaración negrita si desea llamar la atención inmediata del usuario. De hecho, muchas empresas de alimentos y bebidas usan el rojo para evocar sentimientos de hambre. No deseado. El naranja es una bomba y de color feliz que sigue siendo muchos usuarios de amabilidad y doozy ASM y motivación. El uso de naranjas de ese color primario puede resultar en un sitio altamente memorable que deja a los visitantes con una impresión positiva. El amarillo es otro de color que simboliza la alegría, la felicidad y la luz del sol. Cuando se usa estratégicamente en tu sitio web, puedes inyectar fácilmente confianza e inspiración en tu diseño, pero hacer mucho amarillo puede morir RDA e incluso crear AINE. Por lo que se prefiere mantenerlo como color de acento. El verde es un positivo y coloreado chicle, ampliamente asociado a la Naturaleza, Ecología y energía renovadora. Blue se incorpora presente inteligencia, confianza, Calmness, eficiencia, y deber. Se trata de un color inteligente y uno de los colores más utilizados en la web. Pero algunas de las marcas digitales más grandes del mundo lo usan como color primario. Pero bowl lleva mucho tiempo asociado con la realeza, el lujo y la marchitez, pero también es un oro misterioso y mágico que combina la energía del rojo y el azul, puede ser una excelente opción si quieres transmitir un mensaje de poder y confiabilidad. Think es genial para productos femeninos o sitios con contenido específicamente orientado a mujeres y niñas jóvenes. El negro crea una sensación de vidrio, glamour, poder, dignidad, y luce terciopelo, casi todos los demás colores. Es excelente para los fondos de sitios web ya que configura un fuerte contraste con más ligero, una biografía. El blanco es una opción popular para los sitios web minimalistas modernos ya que aumenta la legibilidad y lleva terciopelo un águila, y el uso de espacios en blanco crea una sensación de fealdad y tardía. Por lo que como se ve en nuestros ejemplos, los colores pueden tener muchos significados que resuenan de manera diferente con cada usuario. Por lo tanto, es crucial tener en cuenta a tu público objetivo a la hora de elegir las paletas de colores para el diseño de sitios web. Déjame también darte algunos consejos pro aquí. Comience con seleccionar unos colores primarios utilizando el concepto psicológico del color, o su producto o servicio son la industria en la que está trabajando. Es necesario pensar en el público objetivo y buena reacción emocional al ver el color de la página web. También puedes investigar para algunas combinaciones de colores populares y shortlist. las elecciones se da un salto Daddy de colores preseleccionados en herramientas como Canva, Sigma, Illustrator, XD, o cualquier herramienta de edición gráfica que prefieras. A continuación, chicle off con un color secundario y color de acento aplicando los conceptos de esquemas de color como monocromo, complementarios análogos son triádicos. Puedes hacer uso de herramientas como la rueda de color de Adobe, alertas de bebió, color homed, espacio de color, angularjs, y encontrar algunas de las paletas de colores más tendentes y combinaciones de colores para la inspiración. Si no lo estás haciendo bien por ti mismo, puedes hacer una búsqueda en Google para las combinaciones de colores más populares y de tendencia. Obtendrás muchas ideas para inspirarte y seleccionar colores. También debes explorar las comunidades de diseño como Dribble, Behance y conseguir algunas ideas frescas. ¿ De acuerdo? Entonces si te gusta algún color en cualquier sitio web y quieres usar el mismo color, ¿cómo encontrar el ColorCode? Puedes usar algún plugin de Google Chrome, como si estuviera usando cuentagotas de color pick y puedo encontrar fácilmente el código de color y usarlo en mi proyecto. Puede que te lleve algún tiempo llegar a las combinaciones de colores correctas, pero es muy crucial ya que todo el branding del sitio web depende de los colores. Una vez que haya terminado con la selección, actualice las paletas en su herramienta de edición gráfica, e inicie el proceso de diseño. Permítanme resumir el aprendizaje de esta lección. Las galerías juegan un papel vital en el diseño de la página web y pueden evocar emociones. Puedes confiar en la teoría del color para llegar a baladas armoniosas y encontrar las combinaciones de colores adecuadas. Hola, la psicología es una poderosa técnica que puede transmitir una variedad de mensajes a los usuarios. Por último, siempre debes investigar tu público objetivo y poner a prueba sus diferencias en las goletas. Entender al público objetivo es un paso muy importante en el proceso de diseño del sitio web. Y por eso lo estoy repitiendo una y otra vez. Por favor, asegúrate de entender al visitante. Cuanto más los entiendas, mejor crearás el sitio web. Terminemos aquí esta lección y seguiremos en el siguiente video. 8. Conceptos básicos de la tipografía: ¿ Sabes que los teléfonos son muy importantes para el diseño visual de la página web? Los formularios pueden crear una impresión para los visitantes incluso antes de que comiencen a leer el contenido. Entonces aprendamos algunos conceptos que están relacionados con el arte y la técnica del estilismo para la comercialización y disposición de los teléfonos, guirnaldas, topografía. Una buena paleografía en nuestra página web hace que el acto de lectura sea sin esfuerzo para los visitantes. Vil, pobre topografía, baila por las escaleras de un. por lo que es importante utilizar los teléfonos adecuados en una página web que se ve bien en los tres tipos de dispositivos que se computa, tablet y móvil. El primer y el más importante paso es seleccionar las formas correctas que sean fáciles de leer. Pero de nuevo, aquí es un reto porque hay miles de familias extranjeras y tipografía para elegir. Para facilitar el proceso de selección, dividamos los teléfonos en dos categorías. Estos son conjunto de teléfonos y formas sans serif. Así conjunto de teléfonos tienen serifs o degradación extra al final de los tallos, también llamados Les feet o tails. serifs funcionan muy bien en titulares y encabezados porque dan un acento especial para que luzca destacada. Algunos de los conjuntos de familias de formas más conocidos incluyen teléfonos como Times New Roman, Georgia, platino, ponerlo y Cliff que exhibió. Muchas marcas y negocios profesionales suelen usar setters para el logotipo y página web cuando quieren aparecer más reputados, establecidos, formales. Pero ten en cuenta que el conjunto de teléfonos son fáciles leer solo cuando se usan para cantidades más pequeñas de x, como los encabezados son globales y no en los párrafos del sitio web. Por otro lado, las formas sans serif son sin set. Significa que no hay degradación extra al final de cada letra. Se utilizan para transmitir diseño minimalista, modernidad, y sobre todo, simplicidad esquilada. Ya que las reformas y la mejor opción para usar en cuerpo de contenido principal y párrafos, ya que son muy fáciles de leer en pantallas e incluso en pantallas más pequeñas de teléfonos móviles. Algunas de las formas sensibles más utilizadas incluyen evidencia, Roboto, Open Source Sans Pro lacto, marcado Sadat, y Proxima Nova. Se puede evitar utilizar los formularios de escritura a mano, los teléfonos de visualización y las formas monosespaciales, ya que no son fáciles de leer en pantallas, especialmente en pantallas más pequeñas de teléfonos móviles. Para encontrar los mejores teléfonos que están disponibles para usar en sitios web. Te recomendaré que pases algún tiempo en las fuentes de Google. Esta es una herramienta maravillosa y encontrarás una lista de las formas más utilizadas y combinaciones de emparejamiento comunes junto con la vista previa. También puedes consultar los teléfonos que se utilizan en otros sitios web de la industria. Sí. Puede comprobar la familia de teléfonos seleccionando el texto, botón derecho y seleccionando la opción Inspeccionar. Aquí tendrás que seleccionar la pestaña del elemento y hacer clic en computado, desplázate un poco hacia abajo para obtener la información eliminada del teléfono. Encontrarás todos los detalles sobre el teléfono que se está utilizando en la página web, como font-family, font-size, line-height, espaciado entre letras, teléfono coloreado, y más. Alternativamente, puedes usar un plugin de Chrome para obtener los mismos detalles de una manera fácil. Actualmente, estoy usando Firm Finder para identificar teléfonos en cualquier sitio web. Impresionante. Ahora, para nuestro proyecto de sitio web, tendrás que seleccionar entre uno a tres teléfonos. Estarás usando teléfonos para encabezados, subtítulos, párrafo, y botones. Si estás usando diferentes formas para encabezamiento y párrafo, asegúrate de que dos teléfonos se emparejan bien entre sí. Para facilitar el proceso de selección, también se pueden dividir los teléfonos en alimentos primarios y secundarios, y se recomienda decidir primero sobre la forma primaria y luego explotar opciones para el segundo valor predeterminado. Puedes encontrar esa información de emparejamiento común en los teléfonos de Google, o puedes realizar una búsqueda en Google para conocer las combinaciones de fuentes de tendencia. Pero asegúrese de no utilizar más de tres teléfonos y un sitio web como un altera la interfaz de usuario. Herencia visual. Un factor importante para seleccionar la forma adecuada para el sitio web es pensar en los visitantes. qué tipo de percepción quieres que la gente piense cuando vea la página web? ¿ Es una declaración audaz o un profesional y piénsalo desde el punto de vista del visitante. Me alegra repetirlo una y otra vez. Pero cuanto más entiendas a tus clientes mejor sitio web vas a crear. Después de seleccionar los teléfonos, tienes que asegurarte de seleccionar la forma, tamaño, peso, altura de línea y espaciado entre letras correctos según el requisito de diseño del sitio web. El primer aditivo en tipografía es aplicar. Significa limitar la longitud de una línea. Se puede tener en 45 a 85 caracteres, pero línea preferentemente 60 en una computadora. Si deseas brindarte una buena experiencia de lectura. Para dispositivos móviles, debes ir por 30 a 40 caracteres por línea. Incluso recomiendo usar el contador de palabras más plug-in para Google Chrome para contar los caracteres con sólo seleccionar el texto. A continuación se presenta elegir la alineación desde las opciones izquierda, centro, derecha, y justificadas. Esto dependerá de la UA general que estés planeando para la página web. siguiente factor es ajustar el espaciado entre letras, también llamado Les kerning. Es el espacio entre dos letras y mejora la legibilidad, pero aconsejaré usarlo con cuidado. A continuación, ajuste la altura de la línea. También se le llama como líder. Es la cantidad de espacio entre las dos líneas. A continuación es seleccionar el tamaño del teléfono. Y de nuevo, depende de la IU general que estés planeando para el sitio web. Simplemente no lo hagas demasiado pequeño, lo contrario hemos visitado, tendremos que acercar para leer el contenido. De hecho, asegúrate de que sea fácil de leer en todos los tamaños de pantalla. Se puede jugar con el font-weight para que parezca más pesado o más ligero. Se puede seleccionar el color de la forma como esquema de color de diseño de pájaro. Asegúrate de tener un buen problema de contraste. Significa tener un texto claro sobre un fondo oscuro o un teléfono oscuro sobre un fondo claro. Después de decidir sobre todos estos factores tipográficos, asegúrate de usar el mismo estilo en todo el sitio web para entregar una sensación de consistencia y branding. Siempre intenta lo mejor para mantener la jerarquía visual en la página web. Entra en la mente del visitante del sitio web y trata de entender qué palabras quieres que se den cuenta primero? ¿ Y cuál es el formato visualmente más agradable para comunicar esas palabras? Recuerda, la facilidad de legibilidad es el objetivo primordial que queremos lograr aplicando los conceptos de una biografía. Muy bien, Así que has aprendido sobre los colores y la topografía, y en el siguiente video, vamos a aprender sobre los diferentes diseños. Nos vemos ahí. 9. Diseño de página: Déjame contarte un hecho. La gente no visita sitios web para el diseño. Visitan sitios web para el contenido. Pero es importante presentar el contenido de manera útil para involucrar al visitante y obligarlo a tomar acciones. Por lo que el diseño de sitios web se trata de hacer que el contenido se vea fácil y atractivo para los visitados. Sabemos que el encabezado y el pie de página va a ser el mismo para todo lo que es. Y tenemos que diseñar el área de contenido principal para cada página web. Y para complacer el contenido, utilizamos secciones y columnas en otra página. El arreglo del contenido en estas secciones y columnas se puede hacer de numerosas maneras. Por lo tanto, hablemos de algunos diseños de sitios web eficaces en esta lección. El primero, un diseño de columna única. Presenta el contenido principal en una sola columna vertical rodeada de abundantes espacios en blanco. El escolaridad experimenta sin problemas en este diseño y se pueden utilizar imágenes nítidas y claras en un tamaño grande. Este diseño es muy cómodo para los visitantes y funciona bien en todos sus dispositivos. Se recomienda utilizar este layout y blog personal, minimalistas y diseños amigables para móviles. A continuación se presenta el diseño de dos columnas. Se forma dividiendo la sección en dos columnas verticales. El ancho de las columnas se puede dividir en deseo de emitir. Se recomienda para páginas que tengan dos piezas principales de contenido que compartan un nivel igual de importancia. Qué más se puede realizar toma de un lado con una imagen del otro lado para explicar mejor el contenido. Siguiente es uno creativo. Es el diseño asimétrico. Significa distribuir contenido de diferentes tamaños de manera desigual en toda la página. Se recomienda utilizar en sitios web que tengan una amplia variedad de elementos visuales y tipos de contenido, posible que necesites tener varios artículos pequeños en lado para equilibrar un objeto grande en el otro lado. Pero ten mucho cuidado al usar este diseño ya que tendrás que lograr ese equilibrio correcto entre las secciones más grandes y las más pequeñas. Pero una vez hecho, se ve muy bien. Además, es necesario utilizar elementos con alto contraste de color para agregar peso visual a partes específicas del diseño. A continuación se presenta un diseño de barra lateral fijo. En este diseño, la barra lateral pegajosa que contiene el Menú de Navegación se mantiene en la misma posición en cada página web, permanece visible cada vez que lo usan, navega por nuestras escuelas por la página. A continuación se presenta el diseño de medios de pantalla completa. Esencialmente significa usar un video de fondo como la imagen de héroe. Proporciona una experiencia de usuario muy rica y el impacto es muy alto. Aumenta la curiosidad de los visitantes por desplazarse hacia abajo y saber más sobre el negocio. Siguiente es el diseño de cuadrícula. Un diseño de cuadrícula de tarjetas es bueno para los lados pesados de contenido que muestran gran cantidad de elementos con la misma herencia. Se recomienda para una página de archivo de aspecto organizado, Media Gallery, o un blog con un diseño limpio. A continuación se presenta el diseño de caja. Este tipo de maquetación se utiliza a menudo en la página de inicio. Aquí, la sección de héroes es una caja grande, de ancho completo , con imagen o video como fondo y seguida de cajas más pequeñas directamente debajo de ella. Idealmente, el número de estas cajas pequeñas debería oscilar entre dos y cinco. Se trata de un diseño de sitio web perenne y los elementos guían al visitante a más detalles y explicaciones haciendo clic en las casillas. Estos eran el tipo común de Leodes y ahora permítanme decirles rápidamente algunas mejores prácticas para alcanzar algunos objetivos específicos mientras organizaba el contenido en cualquiera de estos Leodes. Muchas veces, necesitarás hacer que una sección destaque del resto del contenido. Lago. Es necesario resaltar el botón de llamada a la acción en la página de destino. Por lo que debes usar el espacio en blanco. De hecho, un montón de espacio en blanco para que destaque y destaque. Porque al eliminar distracciones, puedes obligar al visitante a enfocarse solo en lo que es inmediatamente visible. Esto es una cosa muy importante. Hacer reunir usando el espacio en blanco de manera eficiente. A continuación es jugar con el tamaño. Generalmente, la gente lee las cosas más grandes primero, jerarquía adecuada aclara para los visitantes el orden de importancia de los elementos y el tamaño es la forma más fácil de crear una jerarquía entre elementos. Si desea crear un diseño fácil de escanear para una página pesada de contenido que requiera mostrar todos los elementos primarios con la misma jerarquía aplique el sistema de cuadrícula. cuadrículas pueden variar en tamaño, espaciado y número de columnas. Por ejemplo, echemos un vistazo al sistema de cuadrícula de YouTube. Está muy bien organizado y contiene cuatro columnas. Otra práctica importante es mantener los importantes formularios de llamada a la acción o envío en la parte superior o en la parte inferior de la página web. Según tienden a recordar los occidentes, el primero y el último rubros mejor. El último factor que quiero decirles en esta lección es dividir el contenido en trozos pequeños. Nunca mostrar un gran contenido todo en una sola cuadra. intentó dividirlo en secciones más pequeñas ya que es fácil de digerir para el visitante. Fácil, fácil y fácil. Todo debe ser muy fácil y atractivo para el visitante en la página web. De hecho, si me pides que elimine todo el sitio web diseñando conceptos en dos palabras, solo diría que entiende bien a tu público y les facilitaría las cosas. Eso es todo. Y espero estar haciendo las cosas más fáciles para que aprendan. Muy bien yendo hasta aquí. Nos vemos en el siguiente video. 10. Redacción redacción para sitio web: En esta lección, aprendamos algunas estrategias de redacción súper efectivas. Las estrategias que vamos a discutir no se limitan a un solo sitio web. Se puede aplicar este tipo de enfermedad para escribir un guión de video, bloquear post difusión, correos electrónicos, videos de YouTube, descripciones de podcast, publicación en redes sociales y agregar copias. redacción de textos es la práctica de escribir texto con el fin de informar, inspirar, o persuadir al lector. Escribir y atrayendo copia web es muy importante porque Internet es un lugar altamente competitivo. El visitante no encuentra valor en la página web. Todos sabemos lo que va a pasar. Se alejará de la página web. Y nunca queremos que esto suceda con nosotros. Entonces para eso, hay que escribir titulares de Diller, subtítulos, párrafos, llamadas a líneas de acción, artículos e historias en la página web para que el visitante esté comprometido y motivado a tomar acción. Antes de iniciar el proceso de redacción de textos, hay que ser despejado con los objetivos del sitio web. Debes ser claro con el único objetivo primario de la página web. ¿ Qué quieres que haga el visitante después de leer el contenido de la página web? Cuanto mejor entiendas al público, mejor podrás hacerlo, ¿verdad? Además, se necesita una comprensión clara del producto o servicio. Conoce qué es, cómo funciona, y cómo se compara con la competencia. Además, es necesario conocer los pensamientos, miedos y deseos del público. Entonces solo tú puedes escribir una copia que les hable directamente. Ahora, quiero compartir las siete estrategias más importantes que se utilizan para escribir un contenido de sitio web altamente atractivo. La primera estrategia es usar un tobogán resbaladizo. Sí, es el mismo tobogán en el que juegan los niños en el parque. Las frases cortas y los párrafos muy cortos tienen un efecto de diapositiva resbaladizo y es muy eficaz en copywriting web. Siempre queremos que el visitante siga leyendo hasta el final. Permítanme mostrarles un ejemplo para esto. ¿ Qué es un trabajo principal de sentencias. Conseguir que leas el siguiente, luego el siguiente después de eso. Ese es el concepto de deslizamiento resbaladizo en acción, lo que dificulta que la gente deje de leer. A continuación se presenta una estrategia muy famosa llamada como la fórmula aida. Es sinónimo de atención, interés, deseo, y acción. A-i-D-a, o Aida. puede ver que funciona muy bien para la copia de la página de ventas, copia post en redes sociales, y boletines por correo electrónico. Veamos un ejemplo para entender esto. El primer renglón escrito aquí es, esta es la guía más completa de páginas de aterrizaje en línea. Esta línea crea una tensión. A continuación, crear páginas de aterrizaje que conviertan súper bien. Está tocando el deseo de crear páginas de aterrizaje que conviertan. Entonces en la línea, te encantarán las estrategias detalladas en la guía de hoy. También hay un elemento de interés. Y por último, un llamado a la acción por escrito, vamos a sumergirnos justo en. El orden está un poco al revés para el interés y el deseo en este ejemplo. Pero lo que importa es que aplique fórmula aida en el contenido. El siguiente es reemplazar características por beneficios. Está bien. No conseguiste lo que quiero decir, características beneficios reemplazo. Está bien. Te estoy diciendo que elimines las características del sitio web. Sí, los quitó y escribe los beneficios en lugar de eso. Esta es una estrategia muy poderosa porque resuena bien con el visitante. Trata de hablar de una manera que el visitante se esté beneficiando. No digas por qué eres bueno. Dígales los beneficios que obtendrán al usar su producto o servicio. Después de todo, su juego es solo tu ganancia, ¿verdad? Está bien. A continuación es utilizar CTA fuertes y claras. Se puede colocar el CTA en cada punto del mensaje somos una nueva información se presenta. No obstante, una oportunidad de convertir. Además, sus clientes están ocupados. De hecho, están muy ocupados y no saben qué hacer a continuación. Entonces hay que decirles qué hacer exactamente a continuación. Muy bien, lo siguiente es mostrar prueba social. Es una verdadera magia en la redacción de textos. Cualquiera puede decir en la página web, yo puedo hacer esto, yo puedo hacer eso. Pero si puedes demostrar que con datos, testimonios, ejemplos, casos prácticos, revisiones, estadísticas, realmente puedes llevar las cosas al siguiente nivel y generar ventas. No importa si tienes una larga lista de testimonios son solo unos pocos. Se puede mostrar que reseñas sobre clientes que están brillantemente satisfechos o transformados tomando sus servicios. Cualquiera que sea la forma más fuerte de prueba social disponible para ti usa eso. Siguiente es cristalino. Usp. Usp es sinónimo de propuesta de venta única. Significa contestar, ¿por qué alguien debería comprarte? A lo mejor tienes los mejores precios. A lo mejor entregas más rápido que nadie, o tal vez garantizas resultados. Esto es lo que te hace levantarte de la competencia. Así que asegúrate de resaltar tu USP en el contenido. El último es el sentido de urgencia. Se utiliza para hacer que los clientes actúen en este momento. Sí, queremos que tomen acciones y la tomen ahora mismo. Algunas de las formas de crear urgencia son como ofertas de tiempo limitado selladores el domingo, no te pierdas así. Realmente funciona. No le den a esto una oportunidad. Por lo que estas son algunas estrategias realmente poderosas y tratar de hacer uso de ellas en cualquier contenido que puedas plantear. Ahora aprendamos algunos métodos prácticos como cómo escribir los titulares, párrafo, y otros contenidos. Empezaremos con los faros en la página web Copiar siempre trató de escribir titulares irresistibles. El titular de la página web es la primera impresión que tu contenido va a causar. Es este titular el que hace que la persona decida si se va a quedar o no por el sitio web y explorar más información o de lo contrario simplemente saldrá de su sitio web y revisará Instagram. En el titular. Tienes que tratar de convencerlo de que el contenido es útil. intentó crear una urgencia, trató de demostrar que el contenido es único y ultra específico. Déjame mostrarte un ejemplo. También puedes pausar este video para leer los ejemplos lentamente. Por lo que este es un titular para uno de los artículos y está mostrando claramente que el contenido es útil, único, y específico. Aquí hay otro ejemplo. Es así como escribir un encabezado súper específico. Ahora déjame decirte algunas preferencias de titulares. Puedes usar números en titulares. También puedes dirigirte al lector o usar como titulares y cuestionar titulares. También puedes crear titulares emocionales agregando palabras cargadas emocionalmente en el titular, lake crazy now, fast, mistake, new, breakthrough, amazing, awesome. Está bien. Por lo que el siguiente concepto a usar y titulares es FOMO. Fomo. Es la abreviatura por miedo a perderse. Desencadena una emoción muy fuerte en los visitantes. Puedes usar una frase como ahorro de tiempo limitado. Funciona brillantemente. Dale una oportunidad. A continuación, también puedes usar el concepto de WIIFM. Es sinónimo de lo que hay en él para mí. Significa que no necesitamos escribir titulares mostrando nuestra experiencia. En cambio, escribe titulares que respondan a la pregunta en la mente del visitante. Una vez más, me gustaría repetir que estas son las estrategias universales de redacción. Y eres libre de usar estas estrategias para escribir titulares para diferentes páginas web, títulos de publicaciones de blog, boletines por correo electrónico, publicación en redes sociales y agregar copias también. A continuación se escriben cuatro párrafos. También es importante porque las primeras líneas deciden si el visitante llevará a contenido o no. Por lo que siempre debe comenzar con un gancho. Echemos un vistazo a este ejemplo. Aquí se inicia con una pierna de gancho. Están en las estadísticas, las reservas son innegables. El correo electrónico sigue siendo la forma número 1 de impulsar las ventas en línea. Esto es un gancho. También puedes usar mini historias para iniciar el párrafo, ¿verdad? Una historia de cuatro o cinco líneas como esta. O de lo contrario también puedes complementar el titular como visible en este ejemplo. Ahora, lo siguiente es usar la regla de tres en redacción de textos. ¿ Qué hace esta regla de tres? Trata de resaltar los tres pasos principales en el contenido, como mostrar tres testimonios en la página de inicio, tres ejemplos para algún concepto o tres secciones principales en una entrada de blog. Podrías haber ido fácilmente con cinco pasos o siete pasos. Pero quiero que se centren en la regla de tres porque el convento aparece como conocedor, bienestar, tanto sencillo como pegadizo. Es muy fácil de digerir para los visitantes. Hay algo de magia sobre el número 3. Sí, sí, sí. Por eso había dividido el proceso de catión del sitio web en tres pasos. Ahora conoces mi secreto de escribir guiones. A continuación se sigue una buena estructura para la copia web. Si el contenido es un punto largo, dividirlo en subtítulos para que sea fácil de leer y lógico entender. Siguiente es escribir como hablas. Puede que no sea completamente aplicable en una copia del sitio web, pero intenta usar este hackeo en los boletines de correo electrónico, post de blog y publicación de redes sociales. Siguiente es usar oraciones cortas. Sí. Manténgalos lo más cortos posible y aplica el concepto de deslizamiento resbaladizo. Ayudará al visitante a leer más ya que las oraciones cortas son fáciles de leer y entender. Siguiente etiqueta es escribir para una persona. No escribas contenido en un tono genérico, escríbelo en un tono personalizado como si estuvieras hablando con ese lector específico. A continuación se encuentra utilizar la voz activa en la redacción de textos. Tendrás que volver al libro de gramática inglesa si has olvidado el concepto de voz activa que aprendiste en cuarto o sexto grado de escolaridad. Pero usar voz activa es muy útil para cooperar. Siguiente es no usar palabras grandes, porque si las palabras son difíciles de leer, el visitante no la leerá. Siguiente es escribir para el esquema. Sí, la gente no lee contenido en línea, escatiman. Por lo tanto, usa muchos subtítulos y rompe el contenido más grande en trozos y secciones más pequeños y siempre haz uso de las líneas finales de comida para llevar. Ahora, lo último que quiero decirles en este video es que hay que escribir no sólo para los visitantes sino también para los buscadores. Por lo que siempre intenta integrar las palabras clave objetivo de forma natural en el contenido para que tu sitio web obtenga un alto ranking, lo que lleva a más tráfico y ventas. Aquí, hemos completado el copywriting escuchar Parte 1, y tenemos la segunda parte también. Manténgase atentos ya que tenemos que aprender un poco más sobre el proceso de redacción de textos. Nos vemos en el siguiente video. 11. Redacción redacción para sitio web: En este video, aprendamos el proceso paso a paso para escribir una copia del sitio web de alta conversión para la página de inicio Acerca de Página, página servicio y producto y página de contacto. Es muy emocionante convertir la página en blanco en un contenido altamente conversor que genera suscriptores y ventas de leads. El proceso comienza con identificar los sitios web objetivo más importante, porque siempre creamos un sitio web con un propósito específico para obtener claridad sobre el propósito del sitio web, intentamos visualizar el recorrido de su cliente y llegar a un llamado a la acción. Al igual que si tienes un negocio de servicios, querrás que los visitantes llenen el formulario de plomo. Si tienes un negocio de productos con un ciclo de compra corto, estarás buscando una compra directa. Si tienes un negocio de productos con un ciclo de compra más largo, podrías enfocarte en las inscripciones de correo electrónico para que puedas involucrar a los clientes potenciales en un proceso de nutrición del correo electrónico. Los objetivos pueden variar, pero tratar de identificar el objetivo principal único de la camioneta en la página web de su meta debe ser lograr que los visitantes de la llegada a la acción rápido posible y de la manera más lineal posible. Para ello, queremos minimizar el número de páginas involucradas en el recorrido del cliente. Por lo que tendrás tres opciones para decidir cómo usar la página de inicio. Número uno, si ofrece un solo producto o servicio, puede utilizar la página de inicio como página de aterrizaje de ese producto o servicio. Número 2, si el objetivo principal del sitio web son las inscripciones por correo electrónico, utilice la estrategia de la página de inicio al revés. Número 3. Si el objetivo principal es cualquier otra cosa, utiliza la página de inicio como página de creación de marca. Aprendamos ¿qué es exactamente una estrategia de página de inicio al revés y una página de construcción de marcas? En la página de inicio boca abajo se pide el correo electrónico de los visitantes en la parte superior de la página en lugar de en la parte inferior. El estructura podría ser como la sección de héroes, incluyendo un formulario para la inscripción por correo electrónico. A continuación la sección de héroes muestra algunas pruebas sociales. Si una etiqueta entonces contar una historia de marca que solucione algún problema. Y de nuevo, se puede pedir la dirección de correo electrónico a cambio del recurso de solución. De esta manera, puedes obtener las máximas inscripciones de correo electrónico en la página de inicio utilizando la estrategia de página de inicio al revés. A continuación se presenta una página de construcción de marca. Se trata de una página de inicio clásica. Aquí, no se debe tratar de vender los productos o servicio. En cambio, trató de construir una percepción de marca y luego tomarlos para las páginas de producto o servicio específicas. Para construir una marca, hay que escribir la propuesta de valor de marca que dice vía negocio existir y cuál es la identidad central. Después tienes que escribir el cuento corto de marca para describir los retos o problemas que tu marca desea resolver y contarles cómo se resuelve. Por último, mostrar a los visitantes alguna prueba para construir credibilidad para la marca. Después de esto, puede redirigir al visitante a la página específica del producto o servicio para realizar acciones específicas. También asegúrate de tener suficiente llamada a acciones en la copia web. Es así como puedes escribir contenido para nuestra página de inicio. Ahora, veamos cómo escribir una página Acerca y sobre páginas siempre ahí en el sitio web porque la gente espera que esté disponible. Un gran segmento de visitantes puede incluso posponer la idea de comprarte el servicio si no encontraron la página sobre en tu sitio web. Por lo general, los visitantes visitan la página Acerca para verificar si la marca o persona es genuina o no. También, quieren conectarse bien conociendo la visión, misión, propósito, o los antecedentes empresariales. Y a veces si no entienden tu historia de marca en la página de inicio y quieren saber más. Visitarán la página Acerca. Para sitios web más especializados como un sitio web B2B, quieren comprobar si tienes el trasfondo experimentado o nada o pesado von algún premio o certificaciones para hacerte destacar de la competencia. Al mismo tiempo que escribe contenido para la página Acerca. Siempre se habló para establecer credibilidad. Habla de lo que has logrado y con quién has trabajado. También puedes comenzar con la visión y misión antes de comenzar la historia de la marca, siempre puedes ser honesto y directo ya que los visitantes prefieren la claridad. Y por último, concluir la página Acerca con un CDA. Ahora, veamos cómo escribir para la página de servicios. En lugar de una página de servicio, podemos considerar que ésta es la página de destino o la página de ventas donde podemos brindar una oferta al visitante. Si tienes múltiples productos o servicio, puedes crear páginas separadas para todos ellos. Hablando del contenido, puede comenzar con la propuesta de valor para el producto o servicio específico. Para ello, se definió claramente la oferta, especificó para quién es y se diferenció el valor. Después de esto, debes explicar los beneficios de tu solución y luego explicar cómo realmente resuelves el problema. Aquí también proporcionan tanta prueba como sea posible. También trató de empujar a los visitantes para que se pongan en contacto contigo en cada oportunidad. Se intentó incluir un CTA en cualquier punto de su página donde el lector podría estar en una posición mental para hacer clic. Puede diseñar botones CTA para desplazarse que el lector hacia abajo a n Formulario de contacto en la página en lugar de redirigir a una página separada. Y si estás escribiendo contenido para la página del producto en un sitio web de comercio electrónico, entonces debes incluir las imágenes del producto, los detalles del producto, el botón Agregar al carrito, la descripción del producto, el historial del producto o de la marca. También te podría gustar sección y la sección de revisión. A continuación, aprendamos a escribir la copia web para una página de contacto. Esta es probablemente la página más simple de un sitio web ya que el visitante ya se ha tomado la decisión de ponerse en contacto contigo. Pero si quieres más leads, simplemente mantén todo el contenido por encima del pliegue. Llevando a un desplazamiento mínimo. Incluye una breve invitación dirigida a las personas para que se pongan en contacto contigo. Proporcionar tantas opciones de etiquetado para que un visitante se ponga en contacto contigo como un formulario de consulta, dirección de correo electrónico, llamada telefónica, o Skype. Aprendamos también a escribir para una página de aterrizaje. El único objetivo de una página de aterrizaje es realizar la acción deseada de los datos del visitante, como suscribirse a un boletín informativo, iniciar una prueba gratuita, o descargar un libro electrónico. Esto puede ser cualquier acción específica. Por lo que en la página de aterrizaje, comience con el titular que muestre claramente los beneficios para D obtendrá, compre el producto o servicio. También tener la prueba social en la propia sección de héroes, por encima del redil. Usa lo que sea la prueba más creíble que tengas, como los lugares donde te destacas o número de clientes, o los nombres de las grandes líneas o lo que sea. Pero trató de incluir la mayor cantidad de pruebas posible. Entonces el área de contenido principal debe seguir la estructura como problema, agitar, y resolver fórmula. Comience con el dolor del cliente, señale problemas. Después resalta lo molesto que es el problema y luego burlarlos con la solución. Después de esta sección, se puede llegar a la sección de transición. Es esa transición del problema a la solución. Pero cuando una oferta y sí colocan aquí el CTA para que el visitante tome acción porque si el visitante está convencido, hay que decirle cómo empezar o qué hacer a continuación. Eso es todo. Para escribir contenido para una entrada de blog, puedes empezar por escribir y titular ultra específico. Da claridad al visitante lo que exactamente va a saber en el puesto. Cuanto más específico escribas el titular, más clics recibirás. Después inicia el párrafo con una introducción más corta de no más de unos ocho carriles. En folleto demostrar que puedes entregar en el titular de nosotros. Y también dar una vista previa de lo que todo lo que van a saber entrando en el área de contenido principal. El post debe incluir consejos procesables, técnicas y estrategias que las personas puedan usar de inmediato. Esto puede incluir contenido en el formulario de lista expandida, lista de casos de estudio de herramientas, la guía definitiva o la lista completa Geyte. Usa muchos ejemplos para que el contenido sea fácil de entender. Y por último, dar a sus visitantes es CTA para tomar acción. Se puede colocar alguna prueba social para un estímulo adicional. Eso es todo. Por lo que las lecciones de redacción de textos fueron un poco largas, pero son dignas porque la buena redacción va a traer leads, conversiones, y ventas para el sitio web. Terminaremos esta lección aquí y continuaremos con el diseño gráfico en el siguiente video. 12. Diseño gráfico parte 1: Todos siempre están entusiasmados por los gráficos y hay una razón muy fuerte para ello. Y la imagen vale mil palabras. Y la imagen puede desencadenar percepciones, emociones y acciones más rápido que el texto. Por lo que es importante que uses gráficos e imágenes en el sitio web para construir una fuerte comunicación visual con los visitantes y tanques a algunas herramientas gratuitas impresionantes como Canva, crear gráficos ahora es mucho más fácil que antes. En esta lección, aprenderemos sobre el proceso general y conceptos fundamentales del diseño gráfico que puedes aplicar para editar imágenes y crear gráficos, no solo para un sitio web, sino incluso para publicación de redes sociales YouTube, miniatura, o cualquier otro elemento gráfico, ya que estas son las estrategias universales. Entonces déjame empezar diciéndote el proceso general y los pasos para crear un diseño gráfico. El primer paso es anotar esa dimensión o resolución requerida del diseño gráfico. Es el tamaño del gráfico en términos de ancho y alto que se mide en píxeles. Lake, si quieres insertar una imagen en el fondo de la sección héroe, entonces tienes que crear el gráfico y 11 para 0 por 600 píxeles para cubrir la pantalla por encima del pliegue. La dimensión para una publicación de Instagram es de 1080 por 10 Hz pequeños pixeles. Y la dimensión para una historia de Instagram es 0100 ayudas que todos por 19, 200 píxeles. Por lo que para utilizar gráficos en el diseño del sitio web, es importante conocer las dimensiones requeridas. En primer lugar. Para conocer las dimensiones, puedes utilizar un plugin de Google Chrome llamado como página a LA Redux para medir rápidamente las dimensiones en la pantalla de cualquier sección o columna del sitio web. El siguiente paso es seleccionar el fondo adecuado. Tu diseño converse sería un avión vite, caja vacía. Y siempre puedes empezar poniendo un fondo. Puede ser un color sólido o una textura de auditoría de gradiente o una imagen. También puedes usar fondo excesivamente vago. Insertas un fondo sobre el fondo ya existente y ajustas la opacidad para obtener un aspecto mezclado impresionante. Después del fondo, hay que insertar elementos al diseño en forma de texto, imágenes y formas. Tienes que completar el esqueleto o una estructura simple primero que contenga el contenido, y luego comienzas a trabajar en los teléfonos, colores, espaciado y alineación. Una vez que el gráfico esté listo, puede exportar el archivo y el formato JPEG o PNG oscuro para utilizar en el sitio web. El formato JPEG es el más ideal para usar en sitio web ya que es de tamaño de archivo más pequeño y ayuda a hacer que el sitio web se cargue rápidamente. Pero los JPEG no soportan el fondo transparente. Por lo que si tienes un gráfico que necesita un fondo transparente, tendrás que usar el formato PNG para exportar el archivo. Si bien obtendrá las opciones en la herramienta de diseño gráfico, sirve para exportar el archivo en tamaños de archivo más pequeños. Pero si no encuentras tal opción en ninguna herramienta y quieres reducir el tamaño del archivo, puedes seguir estos pasos. En primer lugar, asegúrese de que la resolución de la imagen no está sobredimensionada ya que el cambio de tamaño de la imagen a la solución requerida reducirá el tamaño del archivo automáticamente. siguiente paso es visitar minúscula PNG.com, subir los archivos y Descargar versiones descomprimidas. Esto ayudará a reducir el tamaño del archivo, pero siempre asegúrate de subir una imagen y el sitio web en el menor tamaño posible de archivo en solo unos pocos bebés. Ahora, hablemos también de algunos conceptos fundamentales para un buen diseño gráfico. El primer concepto es el énfasis. Significa decidir cuál es la primera pieza de información que el visitante necesita conocer viendo el gráfico. A continuación se aplica el equilibrio y la alineación. Se puede diseñar un gráfico simétrico o asimétrico. Tan solo asegúrate de que el gráfico no se vea condensado o desigual. A continuación se trata de asegurar el contraste de color adecuado para hacer estallar los elementos. A continuación es utilizar el concepto de herencia. Es la disposición de los elementos llamar la atención sobre los elementos clave primero. Siguiente es usar líneas y formas en el gráfico. Además, es importante utilizar iconos para llamar la atención sin mucha distracción. A continuación es utilizar el concepto de repetición. No debes usar teléfonos diferentes para cada línea en el diseño ya que rompe la consistencia. Siguiente es mantener proporción. Proporción sólo se puede lograr si todos los elementos de su diseño son de buen tamaño y están pensadamente contentos. Una vez que dominas la alineación, el equilibrio y el contraste, la proporción debe ser visible automáticamente. Siguiente es el movimiento. El movimiento está controlando los elementos en una composición para que el ojo se lleve a pasar del 1 al siguiente y la información se comunique adecuadamente al público. A continuación es utilizar los colores adecuados para conectar bien con el público. A continuación se presentan los espacios en blanco. El espacio en blanco no está sentado ahí haciendo nada. Se está calificando la herencia y la organización. Administrar el espacio en blanco significa utilizar el espacio abierto para llamar la atención sobre los elementos que realmente importan en su diseño. Siguiente es la tipografía. Obviamente, las palabras que usamos en nuestros diseños son tan importantes, pero también las formas que usamos para comunicar esas palabras. Y por último, te recomendaré usar unas imágenes reales de personas ya que ayuda a mejorar la tasa de conversión. No le den a esto una oportunidad. Por lo que estos son los conceptos fundamentales que puedes usar para crear un diseño gráfico y vívido aprender más sobre ello en el próximo video que es parte de diseño gráfico. A verte ahí. 13. Diseño gráfico para sitio web: Una vez que hayas terminado con los fundamentos, es hora de empezar con la aplicación de conceptos. Empecemos con las imágenes. En un proyecto de sitio web, tendrás que usar muchas imágenes. Pero la pregunta es que ¿cómo puedes conseguir esas imágenes? Desde qué sitio web vas a descargar las imágenes? ¿ Estás pensando en hacer una búsqueda de imágenes de Google y utilizar esas imágenes en la página web? No. No debemos hacerlo. Dado que las imágenes pueden no tener permiso para ser utilizadas para un proyecto comercial, y puede plantear algunos temas legales para usted. Déjame decirte alguna muy buena página web allí obtendrás imágenes gratis de stock y de alta calidad para usar en el sitio web de forma gratuita. Sí, puedes descargar estas imágenes gratis desde portales como Pixabay, excels, y Unsplash. A pesar de que hay tantos otros sitios web así para descargar imágenes libres de stock, pero estos tres son extremadamente buenos. Aparte de esto, tengo una opción más. Se pueden descargar las imágenes desde pic libre, pero es un sitio freemium. Un lado freemium es aquel en el que algunos de los recursos están disponibles de forma gratuita, mientras que otros se pagan. Las imágenes con el suelo Akan son las pagadas. Y para tener acceso a esas imágenes, tendrás que comprar la suscripción de pick gratis. Ahora, debes estar preguntándote ¿por qué pagar una suscripción de pick gratis cuando VR obtiene las imágenes de forma gratuita de otros sitios web? Bueno, depende de la colección de imágenes y sucede con bastante frecuencia que se necesita una imagen específica, pero eso no pertenece a ningún sitio web gratuito. Cuando estamos trabajando en proyectos de páginas web. Y hay necesidad de algunas imágenes específicas. El incluso prefieren comprar las imágenes de plataformas como Shutterstock y Adobe stock. Aquí, tenemos que pagar una muy buena cantidad de dinero por la suscripción para obtener esas imágenes específicas. Pero se trabaja porque teníamos al menos consiguiendo lo que queríamos. Tan solo asegúrate de descargar las imágenes en esa resolución requerida. Y si la resolución de la imagen es grande, puede cambiar el tamaño de la imagen a la resolución requerida utilizando la técnica que discutimos en el video anterior. Y comprimir el tamaño del archivo mediante el uso de pequeño PNG o cualquier compresión de imagen similar como el teléfono. Muchas cenas y tutoriales sugieren usar los plugins de WordPress para comprimir imágenes como E triple W image Optimizer. Pero prefiero reducir el tamaño del archivo antes de subir la imagen al sitio web. Ayuda a reducir la necesidad de usar un plug-in extra y mantener nuestro WordPress ligero y limpio. Después de las imágenes, necesitarás algunas ilustraciones vectoriales para utilizarlas en los gráficos del sitio web. Ahora bien, ¿qué es un vector? ¿ En qué se diferencia de una imagen? Un vector es una obra de arte construida a partir de Vector Graphics, que agregan imágenes creadas con fórmulas matemáticas. Cono para leer. No te preocupes, aquí no vamos a discutir fórmulas matemáticas. Simplemente significa que puedes agrandar un arte vectorial a cualquier tamaño sin afectar su apariencia al hacer que se vea borrosa en comparación con las imágenes. Por lo que las imágenes, también llamadas ilustraciones ráster de muchacha, se verán borrosas cuando las agrandamos o las hagamos zoom. Pero una obra de arte vectorial no se difuminará al acercar o ampliar incluso para una, una cartelera de tamaño de celebración. Espero que quede claro con la diferencia entre una imagen ráster y una imagen vectorial. Ahora ¿dónde conseguir vectores y cómo consigo un vector? ¿ Qué herramienta? ¿ Qué software? Déjame decirte primero que obtendrás los gráficos vectoriales gratis de pick gratis. De hecho, algunas serán gratuitas y otras serán pagadas, y podrás acceder a ellas si tienes una suscripción de pick gratis. También puedes encontrar gráficos vectoriales en otras plataformas y simplemente puedes hacer una búsqueda en Google para ello. Pero te sugiero que empieces con pick gratis solamente. El archivo gráfico vectorial suele estar disponible en el formato dot AI o EPS o dot SVG. Estos son todos los formatos de archivo vectorial. Se puede editar un vector utilizando Adobe Illustrator. Y es la herramienta recomendada para crear gráficos vectoriales. Pero la suscripción a Adobe está un poco en el lado costoso. Por lo que puedes hacer uso de una herramienta de código abierto como Inkscape, o al menos usar una herramienta muy económica que tenga gravedad. Diseñador. El diseñador de Gavin es una herramienta decentemente poderosa y viene con una generosa prueba gratuita de dos semanas también. puede acceder a ella en la web o se puede descargar e instalar en el equipo. Déjame darte rápidamente una visión general de trabajo de herramientas como Canvas, diseñador gráfico y Adobe Illustrator. Vayamos primero a Lienzo. Esta también es una herramienta freemium la cual tiene una versión gratuita y puedes suscribirte a la versión pro para características avanzadas. Aquí puedes registrarte para obtener una cuenta gratuita, y así es como se ve el tablero de Canvas. El apartado Inicio consiste en menú de diseño rápido para seleccionar y comenzar a crear el diseño. Debajo del acto, serán la lista de diseños que creaste usando Canva. Estos diseños se guardan en la nube de Canvas y puedes acceder rápidamente a ellos en cualquier momento. Debajo de eso se encuentran plantillas o gráficos prediseñados que puedes importar con un solo clic. Si desea crear un diseño de dimensión personalizado, haga clic en Crear una opción de diseño y seleccione Tamaño personalizado. Aquí puedes ingresar el ancho y la altura en píxeles. También se puede observar que se pueden encontrar las dimensiones de los tipos gráficos populares al pasar el ratón sobre el título. El template library de Canva es muy bueno y se puede utilizar para ahorrar tiempo mientras se crea un gráfico. También encontrarás una enorme colección de fotos e iconos para usar en tu diseño sobre Canvas. Si tienes suscripción a Canva pro, entonces incluso puedes descargarlas y utilizarlas en cualquier otra herramienta de edición gráfica. Déjame crear un fondo de sección de héroe para el sitio web seleccionando Crear un diseño, haciendo clic en Tamaño personalizado, ingresando los valores 1, 1, 4, 0 por 600. Está en píxeles, y aquí tenemos el lienzo en blanco. Ahora bien, si seguimos los pasos como lo comentamos en el video anterior, terminamos con las dimensiones. Ahora, es hora de seleccionar el fondo. Se puede elegir un color sólido, una auditoría de gradiente externa, impar una imagen para el fondo. Simplemente haga clic una vez en el lienzo en blanco y le pidió que se resalte la selección azul. Puedes elegir el color de esta opción. Puedes elegir un color de los colores predeterminados o hacer clic en la opción Nuevo color para explorar el modo. Si tienes el código hexadecimal para alguna alerta específica, puedes ingresar eso aquí. Si desea insertar un gradiente, seleccione la opción de elementos en el menú de la izquierda y luego desplácese un poco hacia abajo para encontrar gradientes o de lo contrario simplemente puede hacer una búsqueda de los gradientes. Estas son las diferentes formas con gradientes y puedes insertarlas en el lienzo con un solo clic. Tendrás opciones para insertar un gradiente de dos colores, gradiente de color auditivo en tantas formas diferentes. Si queremos que el fondo sea un gradiente de dos colores, seleccione este rectangular e inserte haciendo clic. Ahora ajustamos las dimensiones simplemente escalando por las esquinas. No te preocupes si está desbordando ya que el turno será enmascarado automáticamente a las dimensiones del lienzo. Ahora, si quieres insertar texturas, entonces selecciona fondo en el menú de la izquierda. Y si quieres usar imágenes de fondo, click en las fotos y busca la imagen deseada. Tan solo asegúrate de no insertar una foto con la crónica y como está disponible solo para los pedidos de los suscriptores Pro, tu gráfico contendrá marcas de agua cuando exportarás. En realidad las fotos gratis son un poco difíciles de encontrar en Canvas. Está bien, tengo uno y déjame insertar. Otra cosa a notar aquí es que estás insertando diferentes elementos y fotos y todos estos se están arreglando en una jerarquía. Este es el concepto de Lear's en el diseño gráfico. Todos los elementos conforman una capa única y puedes organizarlos en diferentes órdenes fácilmente. Esto es realmente muy útil. Jugando con los elementos delante y atrás otra vez, frente, otra vez, atrás así. Ahora, el siguiente paso es usar una superposición de fondo. Por eso. Insertemos una forma y le demos un color sólido. Hazlo. Ahora se asegura de que la forma esté seleccionada y luego haga clic en esta opción de transparencia. Aquí puedes ajustar la opacidad escolarizando manualmente la rueda y llegando con el efecto de superposición ideal. Esto es genial. ¿ Verdad? Ahora, puedes insertar texto, imágenes y formas según tu requerimiento. Añadamos algo de texto al gráfico. Encontrarás la opción de texto en el menú de la izquierda y haz click en ella. Obtendrás una biblioteca de combinaciones y estilos de forma de uso común. Puede seleccionar uno aquí o simplemente seleccionar los encabezados, subtítulos o texto del cuerpo. Aquí puedes escribir el texto y ajustar la posición simplemente arrastrándolo con el ratón. Se pueden realizar cambios en el estilo del texto. Experimenta con la forma tamaño fuente de la familia Ford color negrita, cursiva, alineación, lista de viñetas, espaciado entre letras, altura de línea. También puedes dar efectos como sombra y curva. Al texto. Encontrarás algunas opciones adicionales haciendo click en estos tres puntos. Puede hacer que el texto subraye o mayúscula, ajustar la transparencia, introducir un hipervínculo al texto, bloquear la capa y crear un duplicado de esta capa de texto. También puedes usar Control Z para deshacer la acción y usar el control C y el control V para copiar y pegar. Al hacer clic en la capa de texto, también puede rotar la capa de esta manera. Ahora, déjame crear un duplicado de esta capa y cambiar los teléfonos. Si desea copiar el estilo de esta capa de texto y aplicar en la otra capa de texto. Simplemente selecciona la opción de estilo de copia y aplícala. Utilizando la opción de posición, puedes ajustar el orden de las capas como frontal y posterior. También se puede ajustar la alineación de las capas como superior, medio, inferior, izquierda, centro y derecha. También puedes hacer una selección de las dos capas manteniendo presionada la tecla Mayús y haciendo clic en ellas. Aquí, puedes agrupar estas dos capas juntas y ajustar la posición para que luzca uniforme. Si echas un vistazo a las opciones de menú de la izquierda, encontrarás la opción de seleccionar elementos. En los elementos se incluyen formas como líneas, marcos, rejillas, degradados e iconos. Hacer un uso inteligente de líneas y formas en el diseño. Puedes hacer uso de marcos y rejillas a Moscú capa dentro de una forma como esta. Si deseas subir imágenes personalizadas a tu diseño, puedes seleccionar la opción Subir para subir medios a tu biblioteca Canva. Se guarda en la Nube y se puede acceder fácilmente a ella en cualquier momento y en cualquier lugar. Y Canadá también cuenta con una aplicación móvil, para que puedas acceder a tus diseños desde el teléfono móvil. Simplemente haga clic en la imagen y se insertará. Puede insertar tantas mesas de trabajo o páginas en el diseño haciendo clic en el icono más o en Agregar una página. También puedes previsualizar el diseño y pantalla completa. Puedes cambiar el nombre del archivo por aquí. Y una vez que hayas terminado con el diseño, puedes dar click en Descargar para exportarlo en múltiples formatos. Puedes consultar las diferentes opciones de tipo de archivo que se han etiquetado aquí. Y si está exportando el diseñado para su uso en sitio web, puede preferir la opción JPEG ya que le da el tamaño de archivo más pequeño. Pero si estás obteniendo algún problema de calidad importante, entonces puedes descargar el PNG y luego usar el pequeño PNG para reducir el tamaño del archivo antes de subir al sitio web. De hecho, recomiendo usar el pequeño PNG para comprimir todas las imágenes que subas en la página web, no importa como JPEG o PNG, porque incluso al 10 por ciento de ahorro en tamaño de archivo es útil para nosotros reducir la carga de página tiempo. Es así como puedes usar Canvas para crear gráficos desde cero. Ahora puedes experimentar con la importación de las plantillas y verás cuánto tiempo se puede ahorrar usando una buena plantilla para el diseño. Y cuando cierro Lienzo, el diseño tal guardado aquí en la biblioteca en el Lienzo en voz alta. Vamos, por favor haz algo de práctica sobre Lienzo. Te ayudará mucho. Ahora, no podemos salir de vectores en Canva. Para editar la ilustración vectorial, puedes usar Inkscape o Adobe Illustrator o bien agarrar a un diseñador. Déjame contarte el trabajo del diseñador de gravedad. La edición vectorial es más o menos una tarea profesional, pero intentémosle al menos aprender la edición básica. Entonces, inscríbase para obtener una cuenta gratuita. Está bien, la cuenta ha sido creada. Es necesario verificar el correo electrónico y empezar a trabajar en el Garver. Diseñarlo. Muy bien, Ahora aquí hay que empezar por entrar en las dimensiones. Y también puedes iniciar la prueba gratuita haciendo clic en este botón. ¿ De acuerdo? Entonces este es el lienzo en blanco, al igual que Canva. A la izquierda, encontrarás la lista de páginas y capas. En la parte superior, tienes el menú de opciones y a la derecha tienes las opciones de estilo. Puede comenzar seleccionando el color de fondo de la página. Al hacer clic en esta opción, puede seleccionar un color sólido o el gradiente. Obtendrás algunas opciones avanzadas también. Siéntete libre de explorarlos y probar cada opción si quieres sumergirte en el diseño gráfico para insertar el texto, las formas y los elementos, tienes las opciones aquí en la parte superior. Puede insertar una capa de texto haciendo clic en esto y dibujando un cuadro de texto en el lienzo, pintando el texto deseado, y ajustando el estilo mediante el uso de las opciones de la derecha. Se puede experimentar con los campos, fronteras, y efectos. Cuando mueves un elemento eligiendo con el ratón, encontrarás líneas de alineación para guiarte con la alineación. También puede utilizar la herramienta de lápiz presionando el borde o seleccionando desde aquí y moverte por el documento. Puede acercar y alejar pulsando la tecla Control y desplazándose con la rueda del ratón. Se puede encender y apagar las reglas de ajuste y rejillas. Desde esta opción, puedes insertar formas e incluso usar atajos de teclado para acelerar el proceso. Y puedes colocar una imagen usando esta opción. Para escalar la imagen, debes presionar el consejo de tecla Mayús que el problema cambiará en el cambio de tamaño y las imágenes se verán un poco impares. Puede arrastrar los elementos con el ratón manteniendo pulsado el clic. Y la mejor parte de usar un software de obtención de vectores es que puedes personalizar las formas, tamaños de imágenes, dejando caer todo muy fácilmente según el requisito de diseño. Para seleccionar una forma, tienes dos opciones. Uno es puntiagudo y el otro es sub punto de selección, ese es el modo de selección regular. Pero con el sub select, puedes jugar con las esquinas y recortar un elemento. El lápiz herramienta es una herramienta poderosa y lleva algún tiempo dominarla. Pero puedes diseñar ilustraciones y crear diseños a mano alzada que sean únicos y creativos. Existen varias opciones para gestionar las esquinas y crear un diseño personalizado. Puede ser una forma abierta o cerrada. No entraremos en la profundidad de la herramienta de lápiz, la herramienta básica ON y la herramienta a mano alzada, pero siéntete libre de ser explorado más al respecto. Otro concepto muy importante es off enmascarar. Cuando tienes una imagen y una forma y deseas insertar la imagen dentro de la forma, igual que usamos rejillas en Canva. Puede hacerlo arrastrando la capa de imagen a la capa de forma en el panel de capas izquierdo. Si quieres sacarlo, simplemente arrástrelo fuera de la capa. También puedes hacer una selección usando el mouse y usar el orden de capas para traer elementos hacia adelante y hacia atrás. Si quería traer un elemento en la parte superior de la capa, haga clic con el botón derecho, seleccione, organice y seleccione llevar al frente. Estos son los ajustes generales y diseñadores gráficos. También puedes explorar los ajustes para Adobe ilustrados en ti mismo. Y funciona casi de la misma manera, pero tendremos mucho más conjunto de opciones y características para hacer gráficos avanzados. Ahora, vamos a ver cómo se puede crear un logotipo en Canva o diseñador de GAVI. Acude a Lienzo y haz una búsqueda de logo. Obtendrás más de 100 plantillas para elegir. Si encuentras uno adecuado según tu requerimiento, simplemente puedes hacer click en él y se cargará en el Lienzo. Ahora simplemente agrega el nombre de la marca y cambia los colores si quieres. Pero siempre recomiendo comenzar con un sencillo logo en blanco y negro y llenar los colores después de haber seleccionado el esquema de color para el sitio web. Exporta el diseño del logotipo en formato PNG. Pero aquí hay un reto. Ya que estás usando la versión gratuita de Canva, no podrías conseguir la transparente aquí. Entonces no hay problema. Todavía puedes descargarlo con fondo blanco. Y ahora veamos cómo puedes quitar el fondo y hacerlo transparente para gráficos sencillos. La primera opción es ir a quitar Dark BG. Aquí puedes subir el archivo y la herramienta eliminará automáticamente el fondo por ti. Si estás satisfecho, puedes descargarlo. No obstante, sólo podrá descargar un archivo en resolución completa. Y para los siguientes archivos, sólo se puede descargar la versión de vista previa. La calidad de imagen no es lo suficientemente nítida y la versión anterior. Entonces para eso, déjame mostrarte otro camino. Puedes acudir a foto p.com. Aquí, abra el archivo desde la computadora, y luego haga clic en Seleccionar opción y haga clic en kit mágico. Aquí, tendrás que hacer algunos ajustes, pero puedes obtener un maravilloso fondo transparente para el logotipo en la imagen PNG de alta resolución afilada. Una vez hecho, haga clic en Aceptar y luego haga clic en la opción Archivo, haga clic en Exportar como, y seleccione PNG. Buen logo está listo para ser utilizado en la página web. Hacer un logo usando Canvas es bueno, pero tiene limitaciones. Si tienes que cambiar los colores se hacen cambios a la forma. No tienes tanta flexibilidad. Por lo que para crear logotipos profesionales, debes usar. Gráficos vectoriales y una herramienta de edición vectorial, preferentemente Adobe Illustrator. Pero estamos usando diseñador gráfico para el alcance de este curso. Y abramos nuevamente Diseñador Gráfico y creemos un Lienzo en blanco. El primer paso para crear el logotipo debe ser experimentar estilos de forma húmeda. Si estás obteniendo uno satisfactorio al usar esta técnica, entonces se vuelve mucho más fácil porque no tendrás que crear muchas formas. Así que juega con los teléfonos, peinando como cursiva, todas gorras, y trata de llegar a una colección. Después de analizar las diferentes opciones, formarás una mejor idea del logo id para el sitio web. Shortlist algunos de ellos y luego filtrar más para llegar a la final sido. Ahora, puedes agregar formas personalizadas al logotipo. Para llegar a ideas. Se puede realizar una búsqueda en Google y tratar de analizar el logotipo de marcas y empresas que trabajan en la misma industria. Si encuentras algún elemento común como las hojas se utilizan para representar empresas verdes, estudiantías y logo del instituto educativo y así sucesivamente. Una vez que tengas algunas ideas y opciones en mente, dirígete al cerdo libre y haz una búsqueda con algunas palabras clave. Por ejemplo, si desea crear un logotipo para bienes raíces, puede hacer una búsqueda de edificios o simplemente hacer una búsqueda de inmuebles locales. Tres cerdo tiene una enorme colección de gráficos vectoriales y encontrarás miles de opciones bajas para elegir. Si encuentras alguno adecuado, simplemente descárgalo y ábrelo usando diseñador gráfico. Ahora, la mejor parte de un gráfico vectorial es que es completamente personalizable. Puede seleccionar las capas Shape, y colocarlas en su tablero de arte de logotipos. Aquí puedes jugar con el tamaño, la posición y la alineación, y llegar con el logotipo de la idea para el sitio web. Crear siempre algunas versiones para el logo como las completas, cortas y mínimas para usar aspart, ese requisito del proyecto. Una vez hecho, haga clic en la opción Archivo, haga clic en Exportar, luego haga clic en Exportar avanzado, seleccione la opción de lienzo, elija el formato como PNG, y cambie el fondo a Transparente. Haga clic en exportar. Tu logo está listo para usar. Otra cosa. Si tiene que exportar sólo la selección de capas, asegúrese de agrupar las capas antes de exportar. También puedes exportar el logotipo en formato PDF y SVG para que puedas usar este archivo en otras herramientas de edición vectorial como Adobe Illustrator o dibujo coral. Es así como se puede crear un logotipo. A continuación es crear una imagen ilustrativa para el sitio web. Aquí también haremos uso del diseñador de gravedad y de pick gratis, buscaremos el gráfico requerido con palabras clave en cerdo libre y descargaremos el archivo abierto Diseñador Gráfico y crearemos una nueva mesa de trabajo con las dimensiones específicas según el requisito. Se pueden medir las dimensiones en un sitio web utilizando regla de página Redux. Al igual. Si quieres colocar una ilustración en diversión fuera de las columnas en una estructura de dos volúmenes, puedes medir el ancho y la altura y crear un diseño con las mismas dimensiones. Muy bien, entonces tenemos la dimensión y tenemos el lienzo en blanco, abre el archivo de cerdo libre descargado y desagrupa las capas. Ahora haz una selección de la capa requerida y llévala al tablero de arte de ilustración. Aquí se puede ajustar el tamaño, posición, alineación, y colores, y finalmente, exportar el gráfico a utilizar en el sitio web. Seleccione el formato PNG y JPEG según el fondo al clima que Sage. Siguiente es diseñar los iconos. Los iconos son una forma sencilla y efectiva de atraer a los usuarios hacia el contenido de tu sitio web. También se utilizan iconos para llamar la atención del usuario y dirigirlos a algún contenido específico. Por lo que para crear iconos personalizados, tendremos que usar Gavin designer sí. Para acceder a una enorme biblioteca de iconos prediseñados puedes visitar plano icon.com. Aquí simplemente haz una búsqueda del Eigen requerido y descárgalo y formato SVG. Ahora hay un motivo para descargarlo en SVG y no PNG. En primer lugar, se puede escalar la ICANN sin provocar que aparezca sangre. En segundo lugar, puedes volver a cambiar el color del ojo, directamente desde el propio editor del sitio web. Funciona bien para los artículos de línea. Por lo que siempre subir DI viene en formato SVG y no PNG. Si quieres volver a crear un cliente usando el descargado del vuelo Eigen, simplemente abre el Eigen y diseñador gráfico y realiza los cambios deseados. Aquí puedes hacer uso del lápiz y básico para crear formas personalizadas también. También puede cambiar el relleno de color a un color sólido o a un color degradado. Una vez que haya terminado con la edición, basta con exportar el archivo en SVG y subirlo en la página web. Lo último que tenemos que aprender es editar las imágenes. La herramienta más recomendada para editar imágenes es Adobe Photoshop. Pero puedes hacer uso de las herramientas gratuitas como GIMP, ang foto B también. Lo más importante solo significa que tienes que hacer en una imagen es modificar las dimensiones según la necesidad del sitio web. Esto se puede hacer creando un nuevo documento en el tamaño requerido, colocando la imagen, y simplemente exportándola en formato JPEG. También puedes hacer esto en grabber, diseñarlo mediante un enmascaramiento la imagen en ese rectángulo. Si quieres mejorar los colores, entonces tendrás que usar ya sea Photoshop o las herramientas gratuitas como GIMP y fotocopia. Además, se puede hacer una selección para recortar una parte específica o quitar el fondo. Siéntase libre de explorarlos según su conveniencia. También se me ocurrirá un curso dedicado sobre creación de contenidos que incluirá tutoriales en profundidad para escribir contenido, diseño gráfico utilizando herramientas dedicadas e incluso edición de video. Pero creo que tienes una cantidad decente de conocimientos sobre diseño gráfico que se requiere en la creación de un sitio web. Eso es todo para aprender en esta lección, y seguiremos en el siguiente video. 14. Comprender el negocio: Muy bien, Así estamos terminados con las fundaciones y demos ahora el primer paso para crear el sitio web. ¿ Cuál es el primer paso? El primer paso que tenemos que dar es descubrir. Aquí, tenemos que entender el negocio, entender el producto o servicio, entender el mercado, los competidores, y lo más importante, entender a los clientes. Si desarrollamos la comprensión correcta del negocio y los clientes, entonces solo podremos crear un sitio web que convierta. Te he estado diciendo que pienses en el propósito de crear el sitio web. Y ahora quiero que te sumerjas en profundidad y te acerques a un contorno para la página web. Se puede dividir el plan en cuatro secciones. El primero es el negocio. Puede ser ya sea un individuo o una empresa. Segundo es el mercado. Tercero es los clientes del salón de audiencias, y cuarto es el sitio web. Tienes que llegar a respuestas a algunas de las preguntas. Empecemos con el primero. Ese es el negocio. ¿ Cuál es el producto o servicio que ofrecen los negocios? Puede ser una física o una versión digital, un servicio profesional, o simplemente una plataforma informativa con contenido útil está disponible para leer. Trate de entender profundamente el producto y el servicio. Esa es la primera pregunta que tienes que contestar. Además, es necesario recorrer los detalles como la historia del negocio. Tu especialidad es tu USP. Esa es una propuesta de venta única. Esta es una glándula muy importante, descubrí cómo la solución que estás brindando va a beneficiar a los clientes. Por último, genial llegar a los valores de la empresa, la mensajería central y la voz de la empresa para configurar un tono para el contenido. ¿ Cómo quieres hablar con los clientes? Acuda con una respuesta a todas estas preguntas. Siguiente es entender el mercado. Trató de llegar a los sitios web de mercado objetivo, geografía y competencia, embudo de VOT que están utilizando los competidores. ¿ Es un enfoque de ventas directas o un proceso de nutre del correo electrónico? ¿ Cuál es la tendencia actual de la industria? ¿ Cuál es el diseño drenado para esto, el tono de contenido, cuál es el embudo de ventas? Siguiente? Y lo más importante es entender al público y a los clientes objetivo, ¿verdad? Para llegar al hábitat del público, sus retos y puntos de dolor. Planifique el recorrido completo del cliente en la página web, cuántas páginas tendrá que navegar antes de llegar a la acción. El último paso es planear el sitio web con base en las respuestas de las preguntas anteriores. las características de un ideal visitado que iba a visitar el sitio web, descifrarlo ¿esperan encontrar o qué acción quieren emprender en el sitio web? ¿ Cuál es el objetivo principal de la página web? ¿ Es información o ventas o simplemente leads? Si estás calificando el sitio web por ti mismo, entonces puedes pasar tiempo pensando en las respuestas para todas estas preguntas. Y si estás saliendo con el sitio web para el cliente, envíale esa plantilla y pide el resumen completo. Es un paso muy importante en el proceso de creación de sitios web y se sigue para construir marcas. Sí. Yo quiero que tomes esta tarea como tenías construyendo una marca y no sólo un sitio web. Después de todo, creamos sitios web para hacer crecer el negocio. Pero si no seguimos las mejores prácticas, puede que no obtengamos los resultados deseados. Si apenas estás iniciando el negocio. La investigación competitiva o los sitios web que ofrecen servicios similares te ayudarán mucho en conseguir este breve. Cuanto más aprendas sobre el negocio, mejor podrás diseñar el sitio web y generar rendimientos de inversión. Por lo que una vez que hayas terminado con estas preguntas, estás listo para proceder. Seguiremos en el siguiente video. 15. Lista de páginas web y construcción de una biblioteca de plantillas: Después de entender el negocio, es necesario llegar a una lista de páginas requeridas en el sitio web. Esto dependerá de la finalidad del sitio web, viaje del cliente, número total de productos, servicios, y el embudo que desee seguir para el negocio. Y las respuestas de las preguntas que comentamos en el video anterior te ayudarán mucho en la planificación del sitio web. Puedes empezar por crear un sitemap estructurado como este y poblar la lista de páginas. Crear una categoría de submenú o páginas de redirección debajo de las principales. La página más importante de nuestra página web es la página de inicio. lo general, es la página predeterminada. Visitante ve el primero cuando visita el sitio web. En general, el contenido de la página de inicio podría estructurarse de la forma en que discutimos en la lección de redacción de textos. Pero si vamos a hacer un sitio web de una sola página, entonces la página de inicio es la única página que necesitarás. A pesar de que nunca recomiendo crear un sitio web de una sola página ya que no es nada bueno desde el punto de vista de los buscadores. Porque si tienes páginas no clasifican en Google, te perderás todo el lote de tráfico importante. En general, las páginas básicas a tener en un sitio web son la página Acerca, la página del producto, o todavía van a la página Servicios, Página Contacto, las páginas legales como política de privacidad, términos y condiciones y un error para 0 para la página que se muestra cuando un usuario solicita algunos pagos que no estén disponibles o que no existan en el sitio web, siéntase libre de llegar a la lista requerida de páginas para el sitio web. Y también puedes buscar en la industria y comprobar las páginas modernas están disponibles en el sitio web de la competencia. A continuación es tomar unas referencias y construir una biblioteca de plantillas. Puedes tomar una ofensas por el sitio web visitando los otros sitios web, puedes comprobar qué páginas están usando, qué esquemas de color están usando. ¿ Cómo habrían arreglado las secciones y mucha inspiración. No es así. Se puede inspirar sólo de los competidores de la misma industria. Puedes tomar ideas de inspiración, diseño y contenido desde cualquier sitio web de la web. Puedes inspirarte para una sola línea, sola sección, una sola página web, o para el sitio web completo. Tomar inspiración no es nada malo porque cuanto más observes diferentes diseños, mejor será tu salida de diseño. Pido tomar inspiraciones, no copiar el diseño completo o el contenido en su sitio web. Si deseas usar el diseño completamente listo que hay tantas páginas web prediseñadas y diseños de sitios web disponibles para descargar y usar en un sitio web. Estas son plantillas sin Dios. Plantillas que he etiquetado para toda la página web, una sola página web, e incluso para secciones individuales. Ya que estamos usando Elementor, obtenemos acceso a una enorme colección de plantillas en el propio Elementor, aunque algunas de ellas son gratuitas, mientras que otras se pagan. Por cierto, Elementor es el Page Builder que vamos a utilizar en nuestro proceso de creación de sitios web. Y es un plugin de WordPress muy popular para diseñar sitios web impresionantes sin ningún tipo de codificación, puedes importar las plantillas para usar en la página web. Majestuoso clic del botón. Y como vamos a estar usando Astra Theme vívido, consigue algunas plantillas de sitio web más en el plugin de plantillas de inicio de Astra. Esta es también una maravillosa colección de sitios web prediseñados y las Betas. Si deseas explorar más recursos, te recomendaré visitar Envato Elements y con una pequeña cuota de suscripción, obtendrás acceso a una enorme biblioteca de plantillas de Elementor para descargar y usar en la página web. Estas plantillas son útiles para crear un sitio web en un periodo de tiempo muy corto, porque solo tienes que editar el contenido y reemplazar las imágenes. Eso es todo. El diseño está bien, somos diferentes y optimizados. Utilizamos esta técnica para crear un sitio web y simplemente no fueron para el cliente. Hay tantos otros sitios web que proporcionan plantillas gratuitas de Elementor como tyler.com y siéntete libre de explorar el modo haciendo algunas búsquedas en Google. Otra cosa construyendo una biblioteca de plantillas no es solo descargar e importar la plantilla. Se trata de crear una colección de secciones y páginas. Digamos que si te gusta la sección de héroes de cualquier sitio web, puedes tomar una captura de pantalla de la misma y guardar en la biblioteca. No olvides organizarlo o de lo contrario terminarás creando un desorden. Si quieres la página Acerca de Nosotros de un sitio web o alguna sección de llamada a la acción, o el diseño de un formulario de contacto o simplemente cualquier cosa que esté bellamente diseñada. Toma una captura de pantalla y guárdela para usarla como referencia para algún proyecto futuro. Incluso puedes tomar la captura de pantalla de la versión móvil y tablet de un sitio web yendo a las Herramientas de Desarrollador y seleccionando el dispositivo así. Ahora bien, ¿cómo tomar una captura de pantalla? Estoy usando una extensión de Google Chrome muy simple llamada como disparo de fuego, y es muy fácil capturar una captura de pantalla. Y puedes pasar tiempo explorando los últimos diseños de sitios web en Behance, Dribble, o de artes para obtener ideas frescas para el proyecto. Encontrarás muchas colecciones a través una variedad de sitios web para obtener inspiración de diseño. Puedes crear un tablero de inspiración sobre Figma o cualquier herramienta de diseño de sitios web para crear una biblioteca de diseños. Depende totalmente de ti cómo creas y gestionas tu responsabilidad. Pero toma mis verts, te va a ayudar mucho. Por lo que terminamos con el paso número 1. Ese es el descubrimiento. No estamos al tanto del mercado, de los competidores y de nuestras preferencias de clientes. Hemos tomado referencias y construimos una biblioteca y ahora es el momento de finalizar el contenido, la tipografía, el esquema de color, el layout, y el diseño del sitio web en el siguiente paso que está diseñando. Nos vemos en el siguiente video. 16. Branding: branding es muy importante para el sitio web ya que ayuda a construir una percepción en la mente del visitante. Crea credibilidad para ti en el mercado y también apoya las actividades publicitarias. branding define quién eres y cómo se ve tu negocio. Ahora, existen varios factores que juegan un papel en transmitir la personalidad de la marca. Pero si les digo los cuatro factores más importantes para el sitio web, son el logotipo de ese sitio web, esquema de color, tipo, biografía, y albores del contenido. Si mantienes consistencia en estos cuatro factores a lo largo de todo el sitio web, que el visitante definitivamente obtendrá el sentido de la paternidad y desarrollará una percepción positiva navegando por el sitio web. Ahora puede haber dos escenarios. Una, podrías estar apenas empezando y no hay historial de marca en absoluto, significa que no hay logotipo, no hay colores de marca, nada. En segundo lugar podría ser que estás haciendo un sitio web para un negocio ya existente que tiene algún logotipo e incluso algún sitio web antiguo. Para tal caso, puede planear un proceso de cambio de marca si es necesario, o bien puede usar el mismo logotipo y elaborar el esquema de color correspondiente y continuar con el proceso de diseño del sitio web. Por el momento. Yo estoy considerando que ustedes están empezando desde cero y vamos a empezar por crear un logo. Ya hemos discutido el proceso para diseñar un logotipo en la lección de diseño gráfico. Empieza siempre con algunas ideas crudas y crea múltiples opciones según el tiempo y presupuesto del proyecto. No te preocupes por los colores hasta que finalice el esquema de color. Simplemente dale un color blanco y negro. Tan solo asegúrate de experimentar con los teléfonos y formas y llegar con el logotipo más ideal para la página web. Entonces hay que finalizar el esquema coloreado. Esto se puede hacer subiendo con los colores preferidos de la marca o tomando referencias de los colores de otras marcas. También puedes hacer una búsqueda en Google para conocer las combinaciones de colores más tendentes para cualquier industria. Se recomienda comenzar por seleccionar los colores primarios, que van a ser los colores dominantes que se utilizan en alto volumen en la página web. Después debes seleccionar el color secundario que se utiliza para complementar el color primario donde sea necesario. Entonces necesitas un color de acento que se use para resaltar algunas secciones extremadamente importantes como un botón de llamada a la acción. El color de acento debe destacarse para dar un énfasis extra al elemento. Después hay que seleccionar los colores para la tipografía. Asegúrese siempre de mantener una buena relación de contraste entre el color del encabezado y el color de fondo. De hecho, cualquier texto y el color de fondo en el sitio web. Las alertas tipográficas incluirán colores para encabezamiento, párrafos de subtítulos y texto de botón de llamada a la acción. Finalizar todos estos colores antes de iniciar el proceso de diseño. Una vez que hayas terminado con la selección de colores, es momento de poner colores en el logo. A continuación, hay que seleccionar los teléfonos para encabezados, subtítulos, párrafos, y texto del botón de llamada a la acción. Ven con una lista completa de opciones de estilo como familia de teléfonos para cada tipo de encabezado, tamaño de fuente y peso de fuente. Nuevamente, puedes experimentar aquí con diferentes opciones de fuentes de Google o tomar referencia desde algún sitio web, o incluso hacer una búsqueda en Google por los teléfonos de tendencia para usar en el sitio web en alguna industria, pero sí hacer que el lista completa de teléfonos y estilo de antemano. A continuación es hacer alguna estrategia de contenido, teniendo en cuenta los valores de la empresa. Y en consecuencia, necesitamos ajustar el tono de los contenidos e imágenes que se van a utilizar en el sitio web. Por ejemplo, los valores de una marca pueden incluir optimismo, Fun, y eco-friendly. Por lo que hay que componer el contenido de una manera que represente que cada problema tenga una solución que sea optimismo. Y también usa algunos hechos divertidos y muestra algo de cuidado por la naturaleza. Algunas marcas exhiben su confianza, Algunas destacan su innovación, y algunas quieren entregar una sensación de toque personal. Se trata de un tema amplio de marketing, pero espero que debas tener alguna idea sobre el branding en cuanto a valores. Por lo que para concluir, el tema de branding aquí, siempre mantienen consistencia en colores, tipografía, y tono del contenido en todo el sitio web e incluso en todos los demás canales como redes sociales, canal de YouTube, y en todas partes de la web. En el siguiente video, aprenderemos a usar una herramienta de diseño para crear el diseño del sitio web antes de pasar al material de desarrollo. Nos vemos ahí. 17. Diseño del sitio web: Hemos estado aprendiendo sobre el uso de Figma en esta lección. Si solo quieres crear el diseño y no formar el prototipo funcional, entonces puedes diseñar para páginas en diseñador gravid o Adobe Illustrator o Photoshop o cualquier herramienta que esté disponible para ti y conveniente para ti. Pero te recomiendo encarecidamente que uses solo Figma o XD o Sketch. Vamos a Figma y regístrese para obtener una cuenta gratuita. Puedes acceder a Figma en el navegador o puedes instalar la app en el ordenador también. Está completamente basado en la nube, muy fácil de configurar. Y aquí está el tablero. Ahora, vamos a crear un nuevo archivo, y este es el lienzo en blanco. Es igual que cualquier otro tipo de edición gráfica. Puede darle un nombre a este archivo haciendo clic aquí. Ahora, el primer paso es conseguir nuestros votos o marcos en esta página. Haga clic en la herramienta de marco y desde la derecha, puede seleccionar un dispositivo para obtener las dimensiones del marco. Queremos crear un sitio web responsive. Por lo que estaremos creando marcos clave. Uno para una computadora, para tableta, y para un teléfono móvil. Estoy dando click en el MacBook aquí y se inserta un marco. Puedo cambiar las dimensiones del marco desde el menú de estilo correcto. Estoy manteniendo el ancho a 100, 400 píxeles como un ancho de contenedor predeterminado distinto para nuestros inversores de constructor de páginas, puedes presionar la tecla Control y usar la rueda del ratón para acercar y alejar. Se puede hacer clic y arrastrar el lienzo con el ratón. Permítanme insertar un marco para la tableta y el teléfono móvil también. Cambie el nombre del marco a la página de inicio haciendo doble clic en el título. Esto también se puede hacer para los fotogramas restantes. Si tienes alguna imagen de referencia para un sitio web, puedes hacer click en este ícono. Seleccione la opción, por favor permanezca imagen y seleccione el archivo desde el equipo. Se puede colocar esto cerca del marco. Y luego si quieres tomar algo de inspiración, siempre está aquí para ayudarte. Por lo que siempre empezamos por crear el encabezado y pie de página ya que serán consistentes para todo el sitio web. Déjame acercar un poco. Sí, eso está bien. Seleccione un rectángulo haciendo clic en esta opción. Dibuja un rectángulo usando el ratón y deja que llegue a las dimensiones 1140 píxeles de ancho y 72 píxeles de altura. Puedes ajustar las dimensiones desde aquí también y ajustar la posición y alineación. Pero espera, me he agrandado, dale los colores y contenido aquí. En el proceso de diseño del sitio web, siempre se recomienda crear primero un wireframe en un diagrama de blog, que represente el diseño y posicionamiento del contenido en el sitio web. Sí. Simplemente crea un esqueleto en gris y blanco color en cliente para llegar con el posicionamiento de contenido. Esto se puede hacer por todas las páginas que se requieren en el sitio web y luego comenzar a trabajar en los elementos visuales. Poner las cajas y el texto es una tarea sencilla en Figma, igual que diseñador gráfico, puedes complacer a los elementos cambiar el color, las dimensiones ajustadas, cambiar las formas, alineaciones, posicionamiento de mano muy fácilmente. Una vez que se haga esta alambrada. Probado si contiene las secciones deseadas para mostrar toda la información que queremos en el sitio web o no. Una vez que estés satisfecho, procede con el diseño visual. Demos ahora a esto un color según mi puerta de branding. Ahora coloquemos el logotipo haciendo clic en desplegable de este ícono y seleccione Colocar imagen, seleccione un archivo de logotipo y haga clic para colocarlo en el marco. Puede ajustar el tamaño manteniendo presionada la tecla Mayús para mantener la relación, arrástrela y colocarla en la posición adecuada. A continuación, creemos el menú de navegación. Ya que estamos finalizados con la lista de páginas, mencionémoslas aquí en el menú de navegación. Haga clic en ese texto, Reagan, y coloque el texto. Se puede mover la posición con el ratón y se mantuvieron alejados de los carriles de chasquido. Ajusta la familia de fuentes, el tamaño de fuente y el color del texto desde el menú de escala correcto. Ahora, para crear una copia, puede presionar Control C y Control V, o simplemente mantener presionada la tecla Alt. Arrastre, arrastre, arrastre y suelte la capa. Se creará una copia. Puede mantener presionada la tecla Mayús mientras arrastra para mantener intacta la alineación. Te complacerás a las diferentes capas, el espaciado entre ellas está resaltado y puedes organizar también la alineación. Por lo que nuestro diseño de cabecera está listo y el siguiente paso es diseñar el filtro. Tomemos otro rectángulo y le demos las dimensiones 11, 400 pixeles invertimos y peleamos 100 pixeles de altura. Obviamente puedes cambiar la altura así. Aquí se puede colocar el menú secundario, elementos de navegación y enlaces a páginas legales como esta lleva a botones de conexión social y también favor de un formulario de suscripción de newsletter. La idea es muy sencilla. Puedes usar Figma para llegar al diseño de cada parte de la página web. Ahora como el encabezado y el pie de página están listos, agrupemos los elementos haciendo una selección, presionando Control G, y se agrupa. Haga doble clic aquí y cambie el nombre de la capa. Visto con el pie de página, haga doble clic en el nombre, eso es todo. El listado de capas de la izquierda son útiles para organizar la herencia y, a menudo, localizar un grupo de elementos. Si los elementos están agrupados, puede hacer clic en este chevron para abrir la lista de capas. Haga clic en la capa individual y se selecciona. El siguiente es crear una sección de héroes de la página web. Nuevamente, rectángulo más grueso, dale las dimensiones cuando, cuando Ford pequeños pixeles inviertan y estoy tomando 600 pixeles de altura. Ahora por favor algún fondo como gradiente de color sólido o una imagen. Yo estoy tomando una imagen. En este caso, para reemplazar la imagen, seguiremos el mismo proceso, seleccionaremos una imagen del dispositivo y pincharemos sobre el área en blanco para insertarla. Ahora, queremos colocar esta imagen dentro de ese rectángulo. Por lo tanto, llevemos la capa de imagen justo encima del rectángulo y luego seleccionemos ambos clic derecho y seleccionemos usar como mezquita. Ahora ventana haga doble clic en ese rectángulo. Se puede ajustar la posición de la imagen. No olvides mantener pulsada la tecla Mayús mientras el dimensionamiento para mantener la relación. Y Figma también te da algunas opciones de edición de imágenes aquí. Y si desea exportar esta imagen para subir en WordPress, simplemente seleccione el grupo de máscaras, haga clic en el icono más aquí en la opción de exportación, seleccione el formato y lo que necesitamos, necesitamos un JPEG, guárdelo. Se redimensiona la imagen aspart que requirió dimensión para usar en el sitio web. Tendremos que utilizar esta técnica muchas veces mientras explotamos los logotipos e iconos para mantener la dimensión consistente. A continuación, puede agregar algunos textos como encabezamientos, subtítulos, y CD. Déjenme agregarlos rápidamente. Ajusta su estilo telefónico en cuanto a la guía de branding. Por lo que aquí está lista la sección de héroes de muestra. De igual manera, se pueden crear las siguientes secciones y más secciones y más y más. Sigue diseñando y sigue agregando las secciones que no tienes en la página web. De esta manera, se debe diseñar una playa en Figma primero y todos los experimentos de contenido y disposición se deben hacer aquí. Antes de pasar a la parte de desarrollo, puedes crear el diseño de esta página también para móvil y tablet, luego proceder con el diseño de otras páginas creando más marcos. También puedes colaborar con el equipo para trabajar en conjunto en un proyecto de página web, aunque hay algunas limitaciones en el plan gratuito. Ahora, para poder ver la vista previa, basta con hacer clic en el botón de reproducción aquí y podrás obtener una vista previa de todas las páginas web que has diseñado. Figma no es sólo una herramienta de diseño, hecho es una herramienta completa de prototipos donde se puede crear un prototipo completo factible del diseño que enlaza mejor a un sitio web o una aplicación. Antes del desarrollo, vaya a la opción de prototipo aquí y asigne interacciones de enlace como esta. Tampoco son características avanzadas como liderar un componente y ajustar los objetos visuales asignando restricciones. Y mucho más cosas avanzadas que es útil en el diseño de interfaz de usuario de sitios web y aplicaciones. Si tienes margen para aprender más, siéntete libre de explorar más sobre Figma y prototipado. Existen algunas ventajas principales de obtener un diseño primero antes del desarrollo. En primer lugar, vas a compartir sus diseños con el cliente para tomar comentarios o para hacer cambios. A continuación, ahorra el alquiler de hosting por el tiempo consumido en crear este diseño para el sitio web. A continuación, siempre tendrás el historial de versiones. Al igual que si rediseñas el sitio web en el futuro, seguirás teniendo el viejo diseño guardado aquí en Figma. Y si el cliente pide variaciones, puedes nuestros genes la página una y otra vez en el sitio web directamente en su lugar puedes guardar una copia de todas las variaciones aquí, mostrarla al cliente y desarrollar la que se finaliza. A continuación, puede acercar y alejar condensadores diferentes páginas para la consistencia del diseño por completo, lo cual no es posible durante su desarrollo en el paso del sitio web. A continuación, se puede obtener una vista de las tres versiones que se computa móvil y tablet en la misma pantalla, lo cual nuevamente no es posible durante el desarrollo. Por último, quiero decir que diseñar un sitio web o una página web sobre Figma te ahorrará tiempo porque tienes que experimentar mucho con sus diseños y nunca estás seguro sobre el contenido final y el diseño. Eic sí inicia. Entonces si saltas médicamente haces Elementor y comienzas a desarrollar el sitio web, será una tarea tediosa experimentar con el look and feel y eventualmente tomar mucho tiempo. Me estoy repitiendo aquí. Es muy importante diseñar primero porque se puede experimentar con diseños y observado que responde a cada diseño, pero simplemente no es posible con el desarrollo directo. Otra cosa que quiero aclarar es que debes estar preguntándote que después de leer el diseño y Figma, solo tienes que descargar InDesign y subirlo en Elementor para crear el sitio web. Pero no, eso no es posible. Figma es solo una herramienta de diseño y solo podrás exportar la imagen. Y para desarrollar el sitio web, hay que seguir de nuevo los mismos pasos en Elementor y crear las páginas web para completar el sitio web. No obstante, una vez que desarrolles una página web sobre Elementor, ese diseño se puede guardar y usar. Se pueden exportar las secciones o la página completa para utilizar en algunos otros sitios web creados con Elementor. Aprenderemos más sobre esto más adelante en el curso. Por lo que ahora estamos listos con el diseño del sitio web. Empieza siempre con el alambrado, ese es el diseño de bloques y luego completa todos los elementos visuales antes de pasar al estado final de desarrollo usando Elementor. Espero que debas haber disfrutado de este proceso y te veo en el siguiente video. 18. Fundamentos del nombre de dominio: Muy bien, así que finalmente estamos aquí. Hemos aprendido todos los conceptos básicos y fundamentales. Y también hemos aprendido los dos primeros pasos que se descubren y diseñan. Ahora es el momento de empezar. El paso final, eso es el desarrollo. Y lo primero que vamos a ver es los fundamentos del nombre de dominio. Entonces ahora estás familiarizado con los votantes un nombre de dominio, déjame repetirlo. Un nombre de dominio es la dirección web única para un sitio web en Internet, como google.com es la dirección de google, y Facebook.com es la dirección de Facebook. Estas direcciones web son únicas. Significa que si uno es una dirección web se toma, no la conseguirás. Ten en cuenta que una vez registrado un nombre de dominio, no podrás obtenerlo a menos que esté siendo ofrecido por un revendedor. Sí, la reventa de nombres de dominio también ha ganado popularidad, en donde personas por nombres de dominio populares de antemano para luego venderlos a un precio más alto basado en la novedad premium del nombre de dominio. Entonces si no quieres terminar pagando una enorme cantidad de dinero por un nombre de dominio. Te recomendaré que registres un nombre de dominio lo antes posible. Ese es el primer concepto fundamental de un nombre de dominio. Es decir, actuar muy rápido. A continuación, tenemos que discutir algunas profundidades para seleccionar el nombre de dominio adecuado para el sitio web. Empecemos con ello. Los nombres tienen poder. Esto es tan cierto para un sitio web como para cualquier otra cosa. Es importante elegir un nombre de dominio que funcione para el negocio. A menudo crea una impresión para el sitio web. También puedes incluir alguna palabra clave o simplemente una palabra nicho utilizada en tu industria para mostrar relevancia a los visitantes. Y lo más importante, un nombre de dominio representa tu marca. Por lo que si ya tienes una marca o creando una, elegir el nombre de dominio correcto es muy esencial. Siempre se puede iniciar el proceso de selección por lluvia de ideas. Porque quién más aparte de ti sabe, orina, Frank, ¿mejor? Piénsalo desde el punto de vista del cliente. A continuación, puedes obtener algunas ideas e inspiración de generadores de nombres de negocio y dominio como cubo de marca o dominio. Se nos ocurrirá una lista cruda y contestamos las siguientes preguntas. ¿ Te sientes bien con el nombre? ¿ Te gusta? ¿Tienes confianza cuando lo dices? ¿ Se siente bien cuando lo anotas o cuando lo lees? ¿ Es doble marca? ¿ Es único, fácil de recordar y significativo? ¿ Es fácil de leer y deletrear? ¿ Pasa el Google Fest? Ve a Google. El nombre. Idealmente, no debería haber ninguna otra organización para aparecer. Si lo hay, al menos quieres asegurarte de que no estén en la misma industria o incluso en una industria estrechamente relacionada. Nunca queremos meternos en los temas legales. A continuación, vas a experimentar con los nuevos TLE. Tld es sinónimo de dominio de nivel superior. Es básicamente la extensión en los nombres de dominio like.com dot n dot, dot IO, dot store dot online. Si es necesario, puedes ir por el TLD específico del país es como dot us, dot ibm dot FR para apuntar a cierta área geográfica. Antes, la gente solía prefer.com ya que es lo más fácil de recordar y relacionarse con un sitio web. Pero ahora es común encontrar otros TLE en el nombre de dominio. Depende de ti y definitivamente puedes dar el primer probado to.com solamente. Pero si no está disponible, puedes pensar en las otras opciones. Y a veces usar un DLD hace que el nombre de dominio sea más relevante para el negocio como he usado dot Academy para mi sitio web. Representa claramente que estoy brindando algún tipo de capacitación en mi sitio web mientras realizo la selección de nombre de dominio. Asegúrese de que sea relevante para el negocio y la marca. Asegúrate de que sea corto y claro, creativo, y fácil de recordar, fácil de leer y pronunciar. También asegúrate de que sea fácil de escribir. Tus visitantes deberían poder escribir tu nombre de dominio sin problemas. Si hay que explicar la ortografía más de una vez a un visitante, se debe entender que es complicado y no se debe tomar ningún nombre de dominio complicado. Puede llevar a que los visitantes potenciales confundan su dominio y terminen en un sitio web diferente. Además, evite guiones y números. Una vez que haya finalizado con el nombre de dominio, no demore ni como un solo segundo y registrarlo. Vamos, carajo, muy rápido. Un concepto más a entender es el de un subdominio. Entonces, ¿qué es un subdominio? Un subdominio es una parte del nombre de dominio que viene antes del nombre de dominio principal y la extensión de dominio. Para entender esto, entendamos la estructura de una URL. Una URL contiene dos partes que son protocolo y el nombre de dominio. Un protocolo es un conjunto de pautas que un navegador sigue para enviar una solicitud al servidor, como HTTPS o HTTPS de dos puntos slash slash www, así. En tanto que un nombre de dominio consta de dos partes. El TLD, eso es dominio de nivel superior like.com obtuvo acidez enojada. Eso es dominio de segundo nivel como Facebook, Google o Rahula Rohde es subdominio contiene un segundo nombre antes de la SLD. Por ejemplo, si Facebook lanza un curso, puede tener un subdominio, lake cores dot facebook.com, y este será un subdominio. Un subdominio se utiliza comúnmente para separar lógicamente el sitio web en secciones, y cada sección es una identidad de sitio web separada. Se puede utilizar un subdominio para lanzar un sitio de carrera. Si sitio de foro para atención al cliente, puede utilizar subdominios para crear bloques de diferentes equipos a todos estos sitios web de subdominios son únicos e indexados por separado en Google. Y hay que instalar WordPress por separado porque estos subdominios son identidad única. Y de esta manera, se puede utilizar un único dominio primario para crear n número de subdominios para crear diferentes sitios web. Entonces eso es todo para aprender en esta lección, y vamos a aprender a registrar un nombre de dominio en el siguiente video. Nos vemos ahí. 19. Pasos para comprar un nombre de dominio: Veamos ahora el proceso paso a paso para comprar un nombre de dominio. Hay tantos registradores de dominio disponibles y puedes proceder con el registro del dominio con cualquier registrador de tu elección. No obstante, algunos factores clave a considerar al seleccionar un registrador de dominio podrían ser, número uno, la repetición del dominio que apenas áspero. Número 2, la facilidad de proceso de compra. Número 3, el número de interfaz del tablero para la disponibilidad de TLD. Y el número 5 es la fijación de precios. He seguido sorprendiendo como último factor porque normalmente la diferencia de precios nunca es demasiado entre los diferentes registradores de dominio. Y aunque no hay mucho que comparar entre los diferentes registradores de dominios, personalmente te recomiendo comprar un dominio ya sea de los dominios de Google. Buena idea, llamada barata. Personalmente prefiero dominios de Google para comprar dominios para mí y para mis Klein's. Los motivos para preferir los dominios de Google son la facilidad de uso, menú de navegación limpio, la reputación del Registrador, y el modelo de precios fijos. Otra ventaja es que los dominios de Google proporcionan protección de privacidad gratuita, mientras que GoDaddy la proporciona como complemento y cobra una pequeña tarifa por ello. Además, puedo integrar el nombre de dominio fácilmente con otros servicios de Google como el G Suite. De hecho, la única diferencia significativa entre los dominios de Google, GoDaddy y Name Cheap es el modelo de precios fijos. Godaddy y nombró ofertas de descuento de oferta barata en la primera compra de dominio. Pero los cargos de renovación son algo más altos. Por otro lado, los dominios de Google cobran un precio fijo por la primera compra y también por las renovables se golpean. Por lo que depende de ti decidir si quieres un descuento de primera compra en GoDaddy o nombre barato, y luego pagar una cuota ligeramente mayor en años de renovación. O quieres pagar un precio fijo Gately si estás registrando el dominio por un año, y si enchufas dos, registraste el nombre de dominio por digamos, cinco años o 10 años, por favor compara la diferencia de precio antes de tomar la decisión final. Hay una diferencia más. Si quieres comprar un nombre de dominio premium que suele estar disponible a un precio premium, entonces debes preferir GoDaddy porque las buenas ideas a colección más grande de nombres de dominio premium. Algunos nombres de dominio que están Magnus agotados, también están empacados y disponibles para su compra a los revendedores. Entonces si tienes algún nombre de dominio preferido el cual se está marcando como vendido, te recomiendo que ingreses al dominio y URL y sí visites el sitio, quiere verificar la disponibilidad de ese nombre de dominio. Además, si quieres comprar un dominio a precios más económicos, entonces también puedes explorar hospedaje allí. Algunos dominios con extensiones como dot tech o dot XYZ o punto sitio fuera de nivel bajo rupias 100 o solo uno a $2 por un año en hospedarlo. Por lo que si deseas obtener un nombre de dominio para tu sitio web de práctica, definitivamente puedes comprar uno de hospedarlo. Si estás comprando este dominio por solo un año, está bien. Pero si deseas renovar el nombre de dominio, entonces sí revisa el precio de renovación antes de la compra ya que hay un buen juego en el mismo. Ahora, veamos los pasos para comprar un nuevo nombre de dominio. Dirígete a los dominios de Google, o buena idea nombrada barata haciendo una búsqueda en Google. Déjame llevarte a ir Listo. Aquí en GoDaddy, simplemente introduce su nombre deseado que deseas comprar como nombre de dominio. Para consultar la disponibilidad. Después de hacer clic en la búsqueda, obtendrá una lista de nombres de dominio disponibles en una variedad de extensiones como.com dot n, dot, dot, dot, dot, dot, IU y modo. Estas extensiones se denominan como TLBs. Si el preferred.com no está disponible, puedes elegir entre una variedad de extensiones. Siéntase libre de explorar y seleccionar una extensión creativa ya que ahora funciona. Recuerda que tres reglas de oro para seleccionar el nombre de dominio adecuado para tu sitio web. Número uno, intenta elegir el nombre más relevante que represente tu negocio, marca, producto y número de servicio para tratar de mantenerlo lo más corto posible. Número 3, intenta seleccionar un nombre de dominio que sea muy fácil de recordar. Una vez que haya encontrado un nombre de dominio de su elección, simplemente agregue el nombre de dominio al carrito y proceda a la compra. El proceso restante es tan simple como hacer un pedido en Amazon. Es posible que se te solicite iniciar sesión o crear una nueva cuenta en GoDaddy. Simplemente ingrese las credenciales de inicio de sesión y se le ofrecerán algunos servicios extra junto con su nombre de dominio, que tenían básicamente los servicios de upsell. Podrás saltarlas felizmente y proceder a realizar el pago. Una vez realizado el pago, podrás acceder a tu nombre de dominio bajo las listas de productos. Enhorabuena, has registrado con éxito un nuevo nombre de dominio para tu sitio web. Puedes seguir los mismos pasos con Google domain name cheap y hosting it, los procesos casi iguales. Entonces si el siguiente video, te diré cómo obtener un nombre de dominio gratuito para el sitio web de práctica. Nos vemos ahí. 20. Cómo obtener un nombre de dominio gratuito: Puede registrar un nombre de dominio fácilmente utilizando cualquier registrador de dominio. E incluso puedes explorar un poco para encontrar algunos dominios muy baratos como dot XYZ disponibles en hospedarlo. Es muy económico alrededor de las rupias 100 o fue a $2 por un año. Pero ¿y si quieres un nombre de dominio completamente gratuito? Sí, es posible comprar un nombre de dominio gratuito, pero 50 LDs, como TK dot, dot, dot c, f, r dot d q. Y suele ser gratis por un periodo de 12 meses. Puedes registrar este nombre de dominio gratuito desde el registrador llamado como nlm gratis. Frenum. Es que una descarga para nombres de dominio de la diminuta isla de Tokio permite un país remoto y muy escasamente poblado de alrededor de 1500 personas en el Pacífico Sur. Da Encuesta de Nombres de Dominio de forma gratuita y por eso, ha ganado popularidad. De hecho, los dominios dot t k son la quinta extensión de dominio más registrada en el mundo. Y puedes conseguir uno para tu sitio web de práctica. Si bien no es obligatorio registrarse para este nombre de dominio gratuito porque se puede obtener un subdominio gratuito para crear el sitio web de la práctica. Un subdominio es una parte del nombre de dominio que viene antes del nombre de dominio principal y la extensión de dominio. Podrás obtener fácilmente un subdominio gratuito con el plan de hosting gratuito que estaremos discutiendo en la siguiente lección. Esa es una opción mucho más confiable para tu sitio web de práctica ya que tiene muy bajas posibilidades de redirigir a un usuario a un sitio de spam. No obstante, le toca a usted registrar el nombre de dominio gratuito con dot TK o utiliza subdominio o comprar algún nombre de dominio barato de publicarlo. Lo que más importa es que tomes uno y empieces con el sitio web de la práctica. Entonces en la siguiente lección, vamos a aprender sobre el servidor web y los planes de hospedaje. Nos vemos ahí. 21. Fundamentos de servidor web: Empecemos esta lección con los fundamentos. Entonces, ¿qué hace un servidor web y un plan de hosting es servidor es una computadora que conecta a otros usuarios web a tu sitio web desde cualquier parte del mundo. Como su nombre lo indica, los proveedores de servicios de alojamiento web cuentan con los servidores, conectividad y servicios asociados para albergar un sitio web. Muchos proveedor de hosting asigna espacio en un servidor web para un alcista para almacenar sus archivos. El AD hospedando su sitio web. alojamiento web hace que luchar contra un sitio web como imágenes doradas disponibles para su visualización en línea. Cada sitio web que alguna vez has visitado está alojado en algún servidor. La cantidad de espacio asignado en un servidor a un sitio web depende del tipo de alojamiento. Los principales tipos de hosting, hosting compartido, hosting dedicado, VPS, revendedor, hang, hosting en la nube. diferencian por el tipo de tecnología utilizada para el servidor, el nivel de proveedor de gestión, y los servicios adicionales que se ofrecen. De ahí diferentes tipos de servidores disponibles. Nos interesa sólo el plan de hosting compartido y el plan de hosting en la nube. El alojamiento compartido es a papel para quedarse con un solo servidor web se divide entre n número de líneas. Dado que un servidor web es muy poderoso en configuración, en sitio web básico solo utilizará una parte muy diminuta del celular. Por lo que con el fin de utilizar completamente el servidor web y hacer que las plantas sean económicas para que los compradores alojen su sitio web. Las empresas de hosting proporcionan planes de hosting compartidos. Los planes de alojamiento compartido simplemente compartieron el servidor entre n número de usuarios. A todos los usuarios se les asigna una configuración específica a sus retrasos. Algunas empresas optimizan los planes de hosting compartido para WordPress. Eso se llama último hosting de WordPress. Pero tenga en cuenta que el hosting de WordPress no es equivalente al hosting de WordPress Managed. Se trata de diferentes servicios. El hosting de Wordpress es económico, pero el hosting de WordPress administrado ofreció algunas características adicionales, y por lo tanto, eso es un poco en el sitio costoso. Por lo que siempre que desee comprar un plan de hosting compartido, siempre tenga cuidado con el hosting compartido regular o un hosting de WordPress. Si vemos las ventajas de un plan de hosting compartido, entonces el número uno, tienes que pagar menos para conseguir el hosting para tu sitio web. Número 2, algunas empresas te ofrecieron una gran configuración incluso en plan de hosting compartido. Y número tres, obtienes acceso a los archivos raíz y gestiona fácilmente el sitio web según tu requerimiento. No obstante, hay algunas desventajas para el número uno, los servidores de alojamiento compartido suelen ser lentos y aumenta el tiempo de carga de su sitio web. Número 2, restricciones de datos sobre el uso de los recursos y a menudo, su sitio web está abajo una vez agotados los recursos. Cambiando, impar. 22. Pasos para comprar un plan de Hosting: Elegir el plan de hosting correcto requiere un poco de estudio y la búsqueda. Es verde pasar tiempo buscando el plan de hosting más confiable para tu web. ¿Y por qué no? Porque un sitio web es tu activo, SU valioso activo que se va a quedar por los años venideros. Por lo que es muy importante construir este activo en un terreno que esté libre de obstrucciones y peligros de temas como estrellarse, hackear, servidores inalcanzables y lentos. Yo quisiera preguntarle, ¿ cómo se sintió cuando intenta abrir algún sitio web AND gate le da una edición diciendo que el sitio web no es alcanzable hacer para anexar razón. Te molesta obviamente, y forma una muy mala impresión en tu mente. Es posible que incluso crearas desconfianza por ese sitio web. ¿ Es correcto o no? Dime honestamente. Ahora pasa lo mismo con cada usuario de internet. Por lo que en el proceso de crear un sitio web hermoso, es muy importante seleccionar un plan de hosting confiable, confiable y sólido para colocar tu sitio web en la web. Dado que seleccionar el Plan de Hosting correcto es un paso extremadamente crucial, te recomiendo encarecidamente que investigues totalmente antes de comprar el plan. Y si quieres mi opinión, en base a mi experiencia, te recomendaré invertir en cadena A20 si vas con plan de hosting compartido y formas Cloud, si quieres ir con cloud hosting, el servicios que ofrecen estas dos empresas son muy buenos y brindan muy buena relación calidad-precio. Ahora déjame mostrarte el proceso para comprar un plan de hosting para el sitio web. En primer lugar, vamos al hosting A2 haciendo una búsqueda en Google. Aquí, selecciona el plan que deseas comprar y haz clic en Continuar. Se te pedirá que introduzcas tu nombre de dominio si tienes uno, o puedes usar un subdominio. Aquí en la configuración de hosting A2, te recomendaré usar un subdominio, porque si vas con algún nombre de dominio, entonces se te pedirá que lo renueve obligatoriamente porque ese será el dominio raíz para el configuración. Entonces, o bien usas algún nombre de dominio principal que vas a usar durante un largo periodo de tiempo mientras configuras la cuenta de hosting o bien la mejor manera es usar el subdominio proporcionado por el hosting A2 aquí. También tenga en cuenta que selecciona la ubicación del servidor más adecuada en función de la ubicación más cercana de su público objetivo. resto del proceso es tan fácil como hacer una compra en línea. Podrás omitir felizmente el anuncio en algún nivel para up-selling, te pedirá que crees una cuenta. Adelante con lo mismo, haz el pago, y eso es todo. Has adquirido con éxito un plan de hosting para tu sitio web. Enhorabuena. Siguiente es Nube ways. Hagamos una búsqueda en Google para ello. Aquí. Empieza con la ecologización y cuenta como de costumbre, e intentaré compartir algún código de cupón con ustedes para que puedan obtener $30 predecir que es casi tres meses gratis en formas Cloud. No consulte la sección de abajo este video. Una vez creada la cuenta, después de todo el proceso de verificación, necesario seleccionar el servidor y la configuración. Aquí tienes opciones para seleccionar desde océano digital, Leinhardt, buitre, Google, y Amazon. Todos estos servidores son excelentes y rendimiento y puedes seleccionar uno en función del precio, la ubicación del servidor y tu requerimiento. Si apenas estás empezando, incluso te recomiendo usar el cáncer digital oceánico sobre línea y cultura durante la fase lútea. Después de seleccionar el servidor, necesario simplemente instalar la aplicación, es decir WordPress. En nuestro caso. Eso es todo. Hay algunas características sobresalientes del derecho laboral en las formas Nube. Siéntase libre de explorarlos. Se trata de un hosting muy potente. De hecho, un hosting en la nube muy potente. Refiriéndose a las formas Cloud sobre cualquier otro host es importante debido a la facilidad de administración, soporte, rendimiento en la nube y opciones de escalabilidad como puedes actualizar el servidor en tan solo unos clics. Además, el soporte es impresionante en las formas Cloud. Además, obtienes un plan de precios flexible donde pagas los recursos a medida que usas. Si quieres hacer una comparación entre los premiados, asegúrate de considerar el precio de renovación en el hosting A2 y compáralo con las formas Cloud para llegar a una mejor decisión. Porque generalmente en diferente host, obtienes un descuento muy pesado en la primera compra inicial, pero los precios del renin están en el lado más alto. Por lo que necesitamos considerar el precio de renovación porque cambiar al anfitrión no es en absoluto una tarea fácil. Muy bien, Por último, si deseas conseguir un hosting muy económico para proyectos más pequeños o para tu sitio web de práctica, entonces incluso puedes preferir hospedar eso. El performance act hosting que es distinto y usted encontrará que el precio es extremadamente económico. El proceso de creación de la cuenta es casi el mismo y encontrarás que opciones regulares, como el otro host web, podrás instalar fácilmente WordPress y SSL con solo unos clics. Entonces si quieres ahorrar mucho dinero y hosting comprometiéndote con algunas de las características, consulta el hosting allí. Pero ten en cuenta que lo económico y los productos siempre vienen con limitaciones. Al igual que si comparas a2 o te quedas con hosting, encontrarás que no hay claridad en las restricciones de configuración y uso en hospedarlo. Lake, por ejemplo, obtienes SSL gratis y este plan de hosting. Pero en cuántos sitios web que no se menciona. Entonces lo más probable es que puedas obtener SSL gratis, pero solo por un sitio web, y es posible que tengas que pagar extra por obtener más SSL. Es lo mismo con otros planes de hosting económicos como GoDaddy y nombrado barato. Obtendrás las plantas a un precio súper económico, pero puede haber restricciones y falta de claridad. Además, el tiempo de actividad se reduce con los económicos. Por lo que te recomendaré hacer una lista de este tipo de preguntas y claras con el soporte al cliente o el equipo de ventas antes de realizar la compra. Y una cosa más, mayoría de los proveedores de hosting proporcionan garantía de devolución de dinero si no estás satisfecho con los servicios. Ec2 hosting de hecho, ofrece una garantía de devolución de dinero de por vida que es bastante única en sí misma, pero la mayoría de las demás empresas tienen al menos 30 días para reclamar el reembolso. Entonces si no estás satisfecho con el plan de hosting, inmediato reclamó que una multa, y pasar al mejor anfitrión. Por la necesidad de construir nuestro activo. Necesitamos construir un sitio web únicamente en terreno fuerte. O de lo contrario podemos terminar perdiendo el negocio y los clientes. Eso es todo en esta lección, y seguiremos con las opciones de hosting gratuito en el próximo video. 23. Cómo conseguir un plan de alojamiento gratuito para la práctica: A todos nos gustan las cosas libres. Entonces si te digo que puedes conseguir un plan de hosting gratuito, te pondrás muy feliz. Pero antes de contarte sobre los planes de hosting gratuito, quiero alertarte de que nunca, nunca use un plan de hosting gratuito para hospedar un sitio web comercial o un cliente, ya que estos servicios son adecuados solo para sitios web de práctica y no para los profesionales. Entonces si deseas obtener un plan de hosting gratis sin gastar dinero, entonces tengo algunas buenas opciones para ti. Existen algunas empresas de hosting que proporcionan planes de hosting por 0 cargos. Pero de nuevo, estoy repitiendo que puedes usar tales planes de hosting solo para el sitio web de la práctica ya que son bastante poco confiables en el servicio. Y puede enfrentar muchos problemas técnicos y tiempo de inactividad mientras hospeda sitio web en estos tres servidores web. Por lo que en caso de que tengas que publicar tu sitio web en un servidor gratuito, he preseleccionado algunas empresas decentes que te brindarán plan de hosting gratuito. El primero recomendado es extender el hosting. Y los otros para darle una oportunidad es el hosting web agudo, mordida host, bocado host, y hosting sin infinidad. Ahora, espero que compare las características y beneficios de todos estos hombres empresas de hospedaje compartido y seleccione la que resulta estar brindando el mejor valor para su tiempo. Es posible que encuentre muchas restricciones en los límites de uso y puede que ni siquiera obtenga un SSL gratuito. Pero eso estará bien ya que solo estamos creando este sitio web para la práctica. Seleccione cualquiera de los planes de hospedaje anteriores para proceder. Y los pasos para configurar esta cuenta de hosting gratuito también son los mismos. te pedirá crear una cuenta primero, enviar tus credenciales, seleccionar un subdominio, eso es todo. Estás cuenta de hosting web gratis está lista. Ahora simplemente usa un subdominio gratuito proporcionado a ti para disfrutar del sitio web de la práctica o bien puedes usar el dominio personalizado o un dominio gratuito que compraste a 39. Para utilizar un dominio personalizado, deberá actualizar la configuración de DNS y lo aprenderemos en el siguiente video. Después de eso, vas a instalar WordPress y crear un sitio web de forma gratuita. Y no se olvide, hay que presentar la asignación también. Tienes que crear el sitio web de práctica usando estas tres opciones y compartir el enlace conmigo para que pueda compartir mis comentarios para tu trabajo. Está bien, así que seguiremos en el siguiente video. 24. Conexión de dominio y alojamiento a través de la configuración de DNS: Después de haber adquirido el plan de hosting, hay que hacer un ajuste muy importante para proceder. Tienes que actualizar la dirección IP o los servidores de nombres del servidor web al nombre de dominio. Entendamos primero por qué es importante. Siempre que un usuario escribe la URL en la barra de direcciones de un navegador web, navegador llama la puerta del dominio, no llama. Dominio proporciona la dirección IP del servidor web donde se almacenan los datos del sitio web. El navegador Gonstead obtiene los datos del sitio web y los presenta al usuario. Ahora bien, si su nombre de dominio no conoce la dirección IP del servidor web donde se guardan los datos del sitio web, entonces un navegador web no podrá presentar el contenido web al usuario, y el resultado será una página de error. El servidor de direcciones IP o nombres. A menudo, los servidores web se pueden asignar a su nombre de dominio a través de la configuración de DNS. Simplemente tiene que localizar la dirección IP o los detalles del servidor de nombres proporcionados por la cuenta de hosting. Esto suele estar presente en los detalles de su servicio o incluso en la sincronización de correo electrónico de bienvenida por parte de la empresa de hosting, simplemente copia los detalles y dirígete a la cuenta de dominio. Entonces déjame iniciar sesión en la cuenta de GoDaddy y mostrarte el proceso. Después de iniciar sesión, vaya a la sección de productos donde aparece el dominio y trató de encontrar una opción de configuración de DNS. Busque el campo llamado servidores de apellido. Simplemente pega los detalles aquí y actualízalo. Tenga una cosa en cuenta que algunas empresas de hosting proporcionan detalles del servidor de nombres mientras que algunas proporcionan dirección IP. Entonces si quieres actualizar los servidores de nombres, el proceso será así. Y si quieres actualizar la dirección IP, entonces busca la configuración de DNS y actualiza la dirección IP en un campo de registro como este. Ahora simplemente guarda la configuración y has conectado con éxito tu nombre de dominio figura web host. Puede tardar hasta unos minutos o algunas horas en actualizar la configuración de DNS en todo el mundo. Puedes comprobar lo mismo visitando Portsmouth DNs.net o simplemente hacer una búsqueda en Google para verificar la propagación DNS. Obtendrás los enlaces. Puedes seguir el mismo proceso para actualizar servidores de nombres o dirección IP en Google, los dominios se nombran baratos o de cualquier registrador que hayas registrado el nombre de dominio. Funciona de la misma manera. Muy bien, En la siguiente lección, iniciaremos sesión en la cuenta de hosting y aprenderemos a usar el cPanel. Nos vemos ahí. 25. CPanel: Cuando inicias sesión en el plan de hosting, tienes que acceder al panel de control para poder gestionar los archivos del sitio web y otros ajustes importantes. Existen diferentes paneles de control, tienen etiquetado, diferentes planes de hospedaje, pero el panel de control más utilizado es el panel C. Entonces, ¿qué es un cPanel? ¿ Entonces? Un panel C es un panel de control popular que te ayuda a administrar el servidor de alojamiento web utilizando una interfaz gráfica y humana amigable. Usar cPanel significa que no necesitas esos conocimientos técnicos para administrar el servidor web. Veamos ahora cómo funciona un cPanel. Bueno, esta es la terminal C dentro de la cuenta de hosting E2. Te brinda tantas opciones, pero tenemos que enfocarnos solo en dominios matrimoniales, subdominios gestionados, instalar WordPress, administrar los archivos del sitio web, administrar copias de seguridad, versiones de PS3 administradas, y administrar cuentas de correo electrónico. Siéntase libre de explorar las opciones restantes también. Ahora, a la derecha, encontrarás los datos de uso y las estadísticas ya que se nos proporciona el recurso limitado en cualquier plan de hosting. Por lo que siempre te recomendaré que vigiles las estadísticas de uso para estar al tanto de tu consumo de las fuentes. Empecemos con la gestión de dominios. Es posible que ya haya proporcionado un nombre de dominio al configurar el plan de alojamiento. Pero si utilizaste el subdominio aquí, puedes agregar esos nombres de dominio desde esta opción. Cuando tienes que agregar más sitios web a la cuenta de hosting, tienes que listar el dominio bajo dominios add-on. Simplemente haga clic en Crear un nuevo dominio add-on y escriba aquí el nombre de dominio. Haga clic en Guardar. Puede tardar unas horas en instalar SSL en este dominio add-on de forma automática. Y tendrás que esperar alrededor de dos a cuatro horas hasta que se complete el proceso. Entonces solo tú podrás instalar WordPress en este dominio add-on dentro de SSL. A continuación, si desea agregar subdominios a su dominio add-on existente, puede hacer clic en subdominios y hacer clic en Crear un nuevo subdominio, seleccionar el nombre de dominio principal y proporcionar un subdominio detalles que desee tener y hacer clic en Crear. También tardará unas horas en instalar SSL y una popa, puedes proceder a instalar WordPress. Tendrás que hacer la instalación de WordPress desde el propio panel C mediante el uso del software Oculus App Installer, es muy fácil. Veremos el proceso completo para instalar WordPress en la siguiente lección. A continuación, después de instalar WordPress, si tienes que acceder al directorio raíz y a los archivos del sitio web, puedes acceder a él utilizando la opción Administrador de archivos en cPanel. Basta con tener en cuenta que nunca experimente con la opción Administrador de archivos. Porque si borras por error algunos de los archivos importantes, entonces tu sitio web puede bloquearse o puedes perder el Acceso para iniciar sesión en el sitio web. Por favor, ten mucho cuidado al usar esta opción. A continuación, puede tomar copia de seguridad del sitio web utilizando la opción back-office Out aquí. A continuación, también se puede administrar la versión PHP del servidor. Se puede actualizar a la última versión estable y se utiliza para mejorar la velocidad y funcionamiento del sitio web. Asegúrate de estar siempre actualizado a la versión más estable y más reciente. A continuación se trata de administrar las cuentas de correo electrónico. Tienes la opción de crear y administrar cuentas de correo electrónico para el nombre de dominio que también se llama webmail. Es como tu ID de correo electrónico de negocio y es un must tener hoy en día, basado en las características de la glándula de hosting, podrás crear n número de cuentas de webmail para crear un nuevo correo VM, utiliza esta opción de cuentas de correo electrónico aquí en cPanel. Elige el dominio y crea un nombre de usuario y contraseña. Está disponible para su uso instantáneamente después de la creación. Se puede acceder a este correo web directamente desde aquí o mediante alguna aplicación cliente de correo electrónico como Microsoft Mail o Apple Mail, o alguna aplicación de terceros como blue mail, tanto en computadora como en teléfono móvil. Hay tantas otras características y opciones de etiqueta con cPanel, pero hemos aprendido las que nos son útiles. Procedamos ahora a instalar WordPress en el siguiente video. 26. Instalación de WordPress: Una vez que haya agregado el dominio o subdominio add-on, y hayan pasado unas horas, puede proceder a instalar WordPress en el dominio. Seleccionemos estos de cálculo App instalador opción. Aquí, selecciona WordPress. Se te proporcionará una opción para instalar WordPress. Si te desplazas hacia abajo, encontrarás la lista de todas las instalaciones de WordPress que has hecho en el host web. Además, este icono es el inicio de sesión maestro o administrador. Esto se utiliza en caso de que olvide el ID de inicio de sesión o contraseña para acceder al área de administración del sitio web. Además, puedes hacer clic en el icono del lápiz para eliminar una instalación de WordPress. Yo quiero que tengas mucho cuidado ya que lleva meses y años acumularse al alza. Y lo mismo se puede eliminar en tan solo unos segundos haciendo clic en este icono de cancelar. Muy bien, ten mucho cuidado. Ahora sigamos adelante y pinchemos en Instalar. Ya estás en la página de instalación. Seleccionaremos primero el protocolo. Un protocolo es el nombre inicial de una URL, y se guía por la configuración del archivo dot SCSS. Hay cuatro opciones disponibles fuera de las cuales tenemos que ignorar y seleccionar una de nuestra elección entre las dos opciones restantes, ignoraremos las versiones HTTP ya que son protocolos no de seguridad sin SSL. Debió haber visto esta mañana de conexión no segura en muchos sitios web, los usuarios tienden a ignorar o tener una mala impresión para dichos sitios web. Incluso es perjudicial para los rankings de tu sitio web en la página de resultados del motor de búsqueda. Y como SSL está disponible gratuitamente para nosotros, debemos asegurarnos de que lo utilizamos. Donación de violines, siempre instalan y versión HTTPS ya que es segura y es ciudad presentada por un icono de candado verde en la barra de direcciones del navegador. Seleccionar www en tu URL es opcional. Algunas personas lo ignoraron, mientras que algunas personas lo guardan, depende totalmente de ti. No creará ninguna diferencia en el funcionamiento de su sitio web. Es sólo por el bien de la presentación de ustedes. Podría tener un alto personalmente prefieren URL sin www. A continuación, seleccione el nombre de dominio de la lista de dominios. Ten una etiqueta en tu cuenta de hosting. Simplemente regala a un lado un título y un subtítulo. No pienso mucho, no te molestes. Se puede cambiar fácilmente después también. A continuación, asigna un nombre de usuario que recuerdes y una contraseña que nadie más aparte de ti pueda recordar o adivinar, porque es la clave de tu activo. Si es hackeado por alguien fácilmente y estarás en problemas. La forma en que tu email ID y salte la configuración avanzada. Simplemente haga clic en instalar ahora y espere unos minutos. Respira hondo. Relájate. De acuerdo, entonces ahora WordPress está instalado en tu dominio, y aquí está la URL de inicio de sesión. Puedes marcar esta URL como marcador ya que se puede utilizar para iniciar sesión en el área de administración de tu sitio web. Bueno, esta no es la única forma de que tengamos otra forma de iniciar sesión en el área de administración de tu sitio web. Generalmente, para todos los sitios de Wordpress, la URL de inicio de sesión es www dot tu domain.com slash WP dash admin, y pulsa Enter. Aquí, se te pedirá las credenciales de inicio de sesión. Puede usar su ID de correo electrónico o nombre de usuario e ingresar la contraseña, verificar la captura, y proceder con el inicio de sesión. Ellos soldarán cuando estés en el área de administración de WordPress, y estoy muy feliz de tenerte aquí. Echemos un vistazo al sitio web desde la vista de los visitantes y volvamos al panel de control. Por lo que este es el lugar donde puedes editar fácilmente tu sitio web y controlar cómo se ve, qué muestra, y generar un negocio de millones y miles de millones construyendo este sitio web valioso. Espero que estén disfrutando de este emocionante viaje y seguiremos en el siguiente video. 27. Ajustes comunes de WordPress: Siempre prefiero iniciar el proceso de creación de sitios web con la actividad de limpieza. Con la limpieza, quiero decir eso, eliminemos primero todos los plugins y equipos innecesarios que están preinstalados en nuestra configuración de WordPress. Ah, ¿cuáles son estos temas y plug-ins? ¿ Olvidé decírtelo? No, eso lo recuerdo. Tengo que explicar estos conceptos y vamos a estar discutiendo lo mismo un poco por delante en este curso. Por el bien de esta lección, pasemos el cursor sobre la opción de plugins y haga clic en Instalar plugins. Encontrarás una lista de plug-ins preinstalados. Simplemente seleccione los plugins haciendo clic así. Y por aquí en la parte superior y también en la parte inferior, haga clic en el menú desplegable y seleccione, desactive y haga clic en aplicar. En WordPress siempre que tengas que instalar o desinstalar un plugin, tienes que activar o desactivar el plugin. En primer lugar. Puedes hacer este proceso para cada plugin de forma individual, o puedes seleccionar todos los plugins y realizar una acción a granel. Por cierto, las acciones a granel realmente ahorran mucho tiempo. Por lo que los plugins no deseados han sido desactivados y ahora es el momento de desinstalarlos. Seguir el mismo proceso. Selecciona los plugins que estoy seleccionando todos juntos esta vez. Haga clic en el menú desplegable Acciones masivas y seleccione la opción Eliminar. Haga clic en Aplicar. Se ha ido. Ahora se eliminan todos los plugins no deseados y nuestro Directorio de Plugins está totalmente limpio. A continuación, sigamos el mismo proceso para los equipos, pero aquí hay un giro. No es posible eliminar todos los equipos presentes en nuestra biblioteca. Requerimos al menos un equipo para estar activo. Entonces mantengamos al equipo activo y eliminemos de nuestra cuenta a los no deseados. Esto tendremos que hacer hasta un equipo en un hall de tiempo que por encima de la imagen del tema y dar click en Administrar en la parte inferior derecha, localice esta opción de eliminación, haga clic en esto, y su equipo sería eliminado. Además, tenga en cuenta que un equipo activo no pudo ser eliminado así. Si deseas eliminar y activar equipo primero instala un tema diferente activado, y luego puedes eliminar ese equipo. mismo proceso que discutimos ahora mismo. Vamos, adelante y borra todos estos equipos no deseados uno por uno. Limpiemos también las páginas de muestra preexistentes. el cursor sobre el menú de páginas y haga clic en todas las páginas, seleccione todas estas páginas preexistentes y siga el mismo proceso para eliminarlas. Ahora haz lo mismo con preexistente, post. Otra cosa, da clic en la opción Inicio de Dashboard y encontrarás opciones de pantalla. Pero entonces aquí en la parte superior derecha, esto a veces no es visible para un usuario, pero es posible que encuentres algunos ajustes aquí también. Y de hecho, algunos ajustes importantes. Por lo que para administrar el dashboard home, puedes seleccionar qué casillas de información quieres ver y qué altura. De esta manera, se puede limpiar el salpicadero de casa también. También siéntete libre de explorar las opciones de pantalla para otras opciones de menú en WordPress. Hurra, nuestro sitio web ahora está bastante limpio y limpio. Ahora hagamos algunos ajustes básicos de WordPress, cursor sobre el menú de ajustes y seleccionemos longitudes de Birmania. Por defecto, la opción que está seleccionada no nos es necesaria. Por lo que fuera de las tantas opciones de mano de obra, tenemos que seleccionar la opción de nombre del puesto y dar clic en Guardar. Por cierto, ¿qué es un permalink? Un enlace permanente es básicamente la URL de las páginas web. Y con esta configuración actualizada, ahora podemos hacer que los URL's parezcan más relevantes y fáciles de entender en lugar de la estructura complicada anterior. Es un escenario muy importante y en caso de que te lo pierdas al principio, entonces también no hay temas. También puedes hacerlo más adelante, pero nunca olvides actualizar esta configuración nunca. Siempre prefiero iniciar mi configuración de Wordpress solo para esto. Siguiente configuración común es actualizar el título y el lema del sitio en caso de que no lo hayas mencionado al momento de instalar WordPress, o si deseas cambiarlo. El título y el tagline suelen ser visibles por aquí en la pestaña. Seleccione la opción general en Configuración y actualice la información. También es necesario actualizar la hora para mostrar la hora correcta. Hacen los visitantes. Si deseas cambiar la dirección de correo electrónico, puedes actualizarla aquí en la dirección de correo electrónico de administración. Recibirás un correo electrónico de verificación para confirmar los cambios de dirección de correo electrónico. Una vez hecho clic en guardar los cambios aquí en la parte inferior para actualizar los ajustes. A continuación, puede personalizar la visualización visual del panel de WordPress al pasar el cursor sobre la opción de los usuarios y seleccionar la opción de perfil. Aquí puede cambiar los colores, cambiar el nombre de visualización y autor asignado una imagen de perfil, y actualizar la contraseña de inicio de sesión del sitio web. Una vez hecho clic en actualizar perfil para guardar. A continuación, puedes ir a la opción de lectura aquí y asegurarte que la opción de desalentar motores de búsqueda esté desactivada. Es importante desmarcar esto porque puede bloquear que los motores de búsqueda no rastren el sitio web y su sitio web no estará disponible en la búsqueda de Google. Por fin estoy, si no vas a compartir el acceso de tu sitio web con fines de edición, ya sea con tu cofundador, socio de negocios, o cualquier miembro del equipo, debes crear un nuevo usuario yendo a añadir nuevo usuario aquí, puedes asignar el nombre de usuario, dirección de correo electrónico , nombre, segundo, la contraseña de inicio de sesión, y asignar un rol adecuado y hacer clic en agregar nuevo usuario para compartir el acceso para editar el sitio web. Existen 700 opciones de regla disponibles, como un administrativo tendrá acceso a todas las características del sitio web. Un editor puede publicar y administrar post de múltiples autores. Y autor puede publicar y administrar su propio puesto. Un colaborador puede escribir el post pero no podrá publicarlo. Y un suscriptor sólo puede leer el contenido. Asignar las reglas correctas es importante porque un sitio web es tu activo y nunca debes asumir ningún riesgo en materia de seguridad. Nunca compartas los detalles de inicio de sesión del super admin con desigual. Muy bien, una última cosa aquí es administrar las actualizaciones. Recibirás actualizaciones sobre temas y plug-ins de WordPress de forma regular. Asegúrate de actualizarlos todos para la seguridad y el rendimiento del sitio web. A pesar de que estos son los ajustes comunes que actualizamos al principio, te recomendaré explorar todas y cada una de las opciones disponibles aquí en el área de administración de WordPress para familiarizarte con todo el montón de opciones, algunas de las cuales se utilizará en los próximos pasos. Eso es todo. Terminamos con los ajustes más comunes para WordPress y estamos bien para seguir adelante. Seguiremos en el siguiente video. 28. Temas de WordPress: Ahora es el momento de empezar a personalizar el sitio web. Estarás creando un sitio ya sea para ti o para tu cliente. Empezaremos con instalar el tema de nuestra elección. Pase el cursor sobre el menú de apariencia y haga clic en la opción Tema. Actualmente ese equipo 2021 está instalado y es el tema predeterminado de WordPress. Por cierto, ¿qué hace un tema de WordPress? Un equipo de WordPress es una herramienta para cambiar el diseño y diseño del sitio web. Los temas personalizan la apariencia del sitio web, incluyendo el diseño, tipografía, color, y otros elementos de diseño. Un tema de WordPress actúa como una estructura arquitectónica para tu sitio web. Te proporciona la funcionalidad para editar diferentes partes de una página web, cabecera de lago, contenido principal o área de cuerpo, pie de página, widgets, ubicaciones de menú, y más. Elegir el tema correcto de WordPress es muy importante porque sienta las bases del diseño del sitio web. Entonces, ¿qué pasa cuando cambias de equipo después crear n número de páginas y publicar contenido? Bueno, cambiar el equipo de WordPress no cambiará el contenido. Páginas, usuarios u otra información almacenada en la base de datos, pero el equipo cambia cómo se muestra toda esa información a los visitantes del sitio web. Si hacemos cambios en el equipo después de poner contenido, entonces lo más probable es que el diseño se altere en cuanto al equipo, y v puede terminar haciendo n número de revisiones, reordenando el diseño del sitio web. Así que ten mucha seguridad, sí empieza en seleccionar al equipo adecuado para la página web. El equipo que seleccione debe cargar rápido con canchas optimizadas. Tener potentes opciones de diseño como administrar los diseños, opciones de estilo de encabezado y pie de página admiten tipografía y colores para diferentes elementos. Seo optimizado y receptivo para trabajar bien con todos los dispositivos. De nuevo hay, miles de temas gratuitos y pagados para elegir. Pero en base a mi experiencia, he preseleccionado de dos a tres temas que te recomiendo usar en tu página web de negocios, sitio web personal, sitio web de comercio electrónico, o de hecho, cualquier tipo de sitio web que desees realizar. El primero es Astra, el otro es ocean WP, y el último es Hello team. Astra y ocean WP son temas premium. Significa que tienen una versión gratuita y también tienen los complementos pagados para mejorar la funcionalidad del equipo. Por otro lado, el equipo de Halo es libre, pero es un equipo llano de vainilla y está destinado a ser utilizado con la versión Pro de Elementor para tener sentido. Ahora, obviamente, puedes empezar con la versión gratuita de los equipos. Te recomendaré usar Astra sobre océano WP ya que es el tema de WordPress más ligero. Y funciona absolutamente bien con todos los populares constructores de páginas. Por lo que voy a seguir adelante y dar clic en el botón Añadir nuevo. Ahora en la barra de búsqueda, escribiré Astra. Estos son los resultados de búsqueda. Seleccione con cuidado el Tema Astra y haga clic en Instalar. Por lo que la instalación está en curso, y aquí se hace. Como les había dicho antes, siempre es un proceso de dos pasos. Por lo que después de instalar el tema, haga clic en activar para hacer de Astra, nuestro tema de trabajo en este sitio web. Asegúrate de habilitar las actualizaciones auto para el tema ya que hay actualizaciones regulares proporcionadas por el creador y V debe actualizarlo para el rendimiento y la seguridad. En caso de que haya alguna actualización pendiente, por favor revise la opción de actualizaciones debajo del panel. Ya que recién estás iniciando, te recomendaré instalar Ocean WP también para probar las diferencias entre los dos equipos. Y si deseas comprar algún verbo procede del mercado de Envato o Envato Elements. Asegúrate de que sea compatible con Elementor. Generador de páginas que estaremos utilizando para diseñar nuestras páginas web. Un concepto más me gustaría decirles, siempre que creamos un sitio web profesional, siempre se recomienda utilizar un tema infantil. Un equipo infantil es una extensión de tu tema principal, y se utiliza por algunas razones estratégicas. Se trata de un tema que hereda la funcionalidad y estilo de otro equipo llamado como el Equipo padre. Equipos de canal han recomendado modificar los equipos existentes sin dejar de mantener su diseño y código. Supongamos que has puesto algunos códigos personalizados en tus archivos de tema y hay una actualización. Al instalar la actualización, se restablecerían tus códigos personalizados y tienes que volver a insertarlos. Por lo que para mantenerse alejado de tal tema, siempre recomendamos usar un equipo infantil. Crear un tema infantil es muy fácil. Haga una búsqueda en Google para el equipo de Astra y haga clic en este enlace de Astra. Aquí, dale un nombre a este equipo infantil y da clic en Opción Avanzado. También puedes subir una imagen en miniatura para representar un tema y dar click en Descargar. Ahora puedes subir este equipo infantil en WordPress y usarlo junto con el padre como sub-tema instalando y activando. Eso es todo. Tu equipo infantil está activado y recuerda, no elimines el tema de los padres. Es obligatorio tener instalada la crianza de los hijos para que el equipo infantil trabaje para tu página web. Eso fue todo acerca de los temas de WordPress. Continuaremos en la siguiente lección y aprenderemos sobre los plugins de WordPress. Nos vemos ahí. 29. Plug de WordPress: ¿ Y si te pido que uses un teléfono inteligente sin ninguna aplicación móvil? Se mejoró la funcionalidad de un smartphone con aplicaciones dedicadas como una mensajería instantánea, redes sociales, aplicación de reproductor de música, aplicación grabación de correo electrónico o video, y mucho más. Sin laboratorios tan especiales, un smartphone no es de uso especial. De igual manera, con el fin de mejorar la funcionalidad y características de un sitio web, utilizan plugins. En general, enchufe dentro de la fuente principal de funcionalidad especial para nuestro sitio web de WordPress. Y hay una enorme colección de plug-ins para cada tarea en WordPress. Al igual que tienes plug-ins de constructor de páginas para diseñar una página web usando la técnica de arrastrar y soltar. Tienes plugins de personalización de encabezado y pie de página. Tienes plugins SEO, plugins de optimización de imágenes, plug-ins de administración de caché y lotes, mucho y mucho más plug-ins para cada función especial. También puedes hacer una búsqueda en Google de los plug-ins más recomendados para tener en un sitio de WordPress e incluso comparar los diferentes plugins antes de instalarlos. Ahora bien, aunque hay tantos plugins disponibles, pero debemos usarlos de manera inteligente, se recomienda utilizar el menor número de plugins para mantener el sitio web ligero, limpio, rápido y sin errores. Y siempre asegúrate de instalar los plugins de desarrolladores autorizados para mantenerte a salvo de errores y errores no deseados. En el momento de la configuración común de WordPress, habíamos eliminado todos los plugins preinstalados, y ahora es el momento de discutir los plug-ins más importantes que vamos a utilizar en nuestro proceso de creación de sitios web. Echémosles un vistazo uno por uno. El primer y el plugin más importante que tenemos que usar es un plugin de Page Builder. Un constructor de páginas es un plugin que nos ayuda a diseñar una página web sin necesidad de códigos. Imparte funcionalidad de arrastrar y soltar a la edición del sitio web desde el front-end. Esto nos ayuda a enfocarnos enteramente en el contenido y diseño del sitio web sin tener que preocuparnos por la codificación. Ayuda a no codificadores como tú y yo a crear un sitio web hermoso y que para ingerir nada de tiempo. Consigamos un poco de claridad por parte de las cotizaciones. Usar un constructor de páginas no significa que tu sitio web no tenga cotizaciones en absoluto. Sí tiene cotizaciones, pero mediante el uso de constructores de páginas, vía no requerida para escribir esos códigos, tenemos que simplemente diseñar las páginas web y el constructor de páginas creará automáticamente códigos para nosotros. En el back-end. Estos constructores de paz han revolucionado el desarrollo web en los últimos años. Ya hay tantos plug-ins de Page Builder disponibles para WordPress como Elementor, Beaver Builder, Devi, constructor de oxígeno, brisa, Visual Composer. Pero estarán usando el mejor fuera de ellos. Según mi experiencia, Elementor toneladas hasta ser el plugin de Page Builder más efectivo para WordPress. Ahora mismo. Es el constructor de páginas más avanzado con características y funcionalidades sobresalientes. Los canchas en el back-end también están limpios y ayudan en una carga más rápida del sitio web. Y hay muchas plantillas disponibles para Elementor acelere el proceso de creación de sitios web. Veamos el proceso para instalar un plugin ratón sobre el menú de plugins y haga clic en Agregar opción plug-in. Ahora escriba elemento o en la barra de búsqueda, y obtendrá que también está aquí abajo. Seleccione el plug-in oficial de Elementor y haga clic en Instalar. Al instalar un nuevo plugin, asegúrate de instalar el plugin oficial ya que habrá tantos plugins diferentes disponibles con nombres y extensiones similares. Además, instalar un plugin y WordPress es un proceso de dos pasos. Ahora tenemos instalador elementor y fin de semana activar el plugin haciendo clic en este botón. Pero trigo, tengo un plugin más para instalar. Este es un plugin premium y he tomado suscripción de esto por un año. Se trata de Elementor Pro, y podrás descargarlo desde la página web de Elementor una vez hayas adquirido la suscripción. Bueno, estoy usando Elementor Pro porque mejora la funcionalidad y características del elemento libre o a todo un lote extinguido. Obtienes muchas características como el constructor emergente, el constructor de equipos, alrededor de 13 asistentes premium adicionales para usar al diseñar las páginas web. Se trata de un plugin muy potente. De hecho, una suscripción pagada muy potente del elemento gratuito de, y te recomiendo encarecidamente que lo utilices si quieres crear webs profesionales para ti o tus clientes. Ahora desde que he descargado el plug-in Elementor del elemento o página web y tengo que subirlo a mi WordPress. Voy a dar click en Agregar Nuevo, y dar click en subir. Una vez subido e instalado, ahora podemos activar ambos plugins juntos. Pase el cursor sobre el menú de plugins, haga clic en Instalar plug-ins. Aquí está la lista de plugins instalados. Muy bien, Así que sólo estamos teniendo dos plug-ins de este lado. Déjame mostrarte otro sitio web que tiene más plug-ins para entender mejor este proceso. Los plugins que están instalados pero aún no activados, no tienen este color de superposición y borde azul. En tanto que los plugins que se han instalado y activado tendrán la superposición y el borde azul. Tenemos que seleccionar los plug-ins que están instalados pero que no se activan. Por lo que aquí hemos realizado la selección y ahora dar click en Acciones Bulk, desplegable, seleccione la opción Activar, y haga clic en Aplicar. Eso es todo. Hemos arqueado múltiples plug-ins y nos ahorró tiempo. Te recomendaría que iniciaras el proceso de desarrollo solo con los plugins esenciales y siempre asegúrate de usar el menor número de plugins en el sitio web. Estaremos instalando los otros ligandos cuando los necesitemos uno a uno en nuestro viaje de creación de sitios web. Pero espero que tengas claro con el proceso de instalación del plug-in. Al igual que recibes actualizaciones para laboratorio móvil. De igual manera, también estarás recibiendo actualizaciones para plug-ins. El lado del plugin de Wordpress ahora se actualiza de forma automática, pero sigue comprobando si hay betas reparando yendo a la opción Actualizaciones bajo el tablero. Si está utilizando algunos plugins premium, asegúrese de que las licencias activas reciban las actualizaciones. Y una cosa más, déjame desactivar el plugin Elementor Pro por ahora porque es uno pagado. Y quiero que empieces primero con lo básico, eso es usar la versión gratuita de Elementor. Eso es todo. Para esta lección, seguiremos en el siguiente video. 30. Crear la primera página web: Ahora, empecemos a crear el sitio web desde cero y creemos la primera página web, ratón sobre la opción de páginas y pinchemos en Agregar nueva página. Puedes deshacerte de esta ventana emergente haciendo clic en cualquier lugar del espacio abierto. Una cosa importante que me gustaría decirles es iniciar el proceso de agregar páginas y publicar es casi lo mismo. Por lo que si quieres crear una entrada de blog, simplemente tendrás que seleccionar la opción Añadir Post desde aquí. Pero el resto del proceso se verá como leer una página web. Ahora, veamos los ajustes que obtenemos al crear página web. Aquí en la parte superior, tienes la opción de proporcionar título a la página como Inicio Acerca de Nosotros productos, servicios, conductores, política de privacidad. Este título es importante para que los usuarios reconozcan la información de etiqueta en esta página web. Ya que recién estamos empezando con un sitio web, vamos a crear la página web más importante o la página predeterminada que llamamos como la página de inicio en el título, déjame escribir en casa. Siguiente. A la derecha, encontrarás varios ajustes y opciones. Algunos ajustes y opciones son predeterminados de WordPress, y se agregan algunos ajustes basados en el equipo o algunos plugins que estamos usando en el sitio web. Y permítanme decirles que estamos utilizando como tema de trompa en este curso. Si minimizo todas las categorías, entonces obtendrá un aspecto claro de todas las opciones que están disponibles. Para que podamos gestionar aquí el estado y la visibilidad. Pero mulling destacado emergen atributos de página de discusión y una configuración de equipo. Para esta página. Veamos las opciones uno por uno. El estado y la opción de visibilidad permite ocultar la página o playa cerrada con contraseña. Si deseas mostrarte la publicación de una página o de un post, puedes asignar la fecha y hora y la página o publicación se publicará automáticamente en el horario previsto. A continuación, bajo la configuración de permalink, puedes administrar la babosa del URL Hall, ¿verdad? Entonces, ¿qué es una babosa? Una babosa suele ser el título de la página o publicación que se optimiza para la mejor comprensión del visitante. Es la extensión que se complace después del nombre de dominio en la URL. Y si deseas realizar algún cambio en la babosa, puedes editarla aquí desde la configuración de permalink. No te confundas con los ajustes anteriores de permalink que te dije. Este enlace permanente sentado aquí para esta página es para editar la estructura de la URL sólo para esta página específica. Muy bien, La siguiente opción es agregar una imagen destacada. Es muy útil para una entrada de blog y actúa como una imagen en miniatura para la publicación en la página de archivo, y también se muestra en la parte superior de la página de entrada única. A continuación, puede permitir o no permitir los comentarios bajo la opción de discusión. A continuación, puede utilizar algún diseño o plantilla para la página utilizando las opciones de atributo de página. Aquí, también puede asignar la categoría principal a una página que sea útil para optimizar la estructura de URL. Se trata de una característica muy útil, comúnmente utilizada en los sitios web de comercio electrónico para mostrar claramente esa categoría y subcategoría en las propias URL. Por último, tienes la configuración de equipo para la página. Aquí en Astra, tienes las opciones de mostrar u ocultar la barra lateral de la página. Es sólo el diseño de contenido, habilitar o deshabilitar el encabezado, título de página, imagen destacada y pie de página para la página o publicación. Las otras opciones de tema como el encabezado transparente deben ser un distinto del personalizador. Entonces podemos saltarlo aquí. Una vez que hayas terminado con la configuración, puedes hacer clic en Publicar, y de nuevo dar clic en Publicar, y eso es todo, las páginas creadas. Si desea desactivar esta doble comprobación para la publicación, puede desmarcar esta opción aquí. Ahora para editar esta página, se nos proporciona un editor de bloques por defecto por WordPress. Y este es el modo de edición para diseñar una página o publicación. Pero estaremos editando la página usando Elementor, que es el constructor de páginas más avanzado del mundo. Crear páginas web usando Elementor es una tarea muy emocionante y estaremos aprendiendo sobre los conceptos básicos de usar Elementor en la siguiente lección. Nos vemos ahí. 31. Configuración de elementos para el primer uso: Bienvenido a la primera lección de Elementor, y empecemos el viaje de crear páginas web impresionantes y sitio web pixel-perfecto sin ningún tipo de codificación usando Elementor, comenzaremos con configurar el elemento o 4 primero US y dejaremos nos vemos algunos ajustes comunes. Lo primero que tienes que ver con Elementor es hacer clic en la configuración de Elementor desde aquí y asegurarte desmarcar que desactivaron las alertas y teléfonos predeterminados para habilitar la configuración del teléfono colorante usando Elementor. Elementor es completo en sí mismo para administrar múltiples configuraciones. Y así no queremos utilizar el índice Theme Colors Phi. Estamos habilitando el elemento o la configuración predeterminada. Aquí. Estaremos configurando los valores globales para colores, tipografía y espaciado. Y eso será aplicable para todos los elementos y páginas de la página web. Significa que estaremos configurando los colores de la guía de branding. Soy pliegues aquí en Elementor para hacer el proceso de desarrollo del sitio web fácil y consistente como parte de nuestro diseño. Ahora, con el fin de editar la página web, haremos clic en editar y volveremos a acceder a la opción Configuración. Aquí, da click en Editar con Elementor. Serás redirigido a esta pantalla de edición y a la interfaz principal del sistema que tenemos que entender para crear un sitio web impresionante. Entonces esta es la interfaz de edición para Elementor, y debo decir que es muy fácil y fácil de usar. Tienes todas las opciones de edición aquí a la izquierda pagadas y el lienzo de edición a la derecha. Hay un botón para ocultar el panel de edición, y esto abre la página de vista previa. El modo de vista previa, no podrás editar la página web ya que solo puedes previsualizarla. Para volver al panel de edición. Vuelve a hacer clic en esta flecha, y obtendrás las opciones de edición de nuevo. Empecemos la configuración con las opciones disponibles en la parte superior. Al hacer clic en el icono de la hamburguesa, obtendrá opciones para Configuración del sitio, constructor de equipos, y administrar las preferencias del usuario. Los veremos uno por uno. Hagamos clic en Configuración del sitio primero. Aquí, hay que mencionar los colores que ha finalizado en la guía de branding. Haga clic en el color primario aquí y escriba el código hexadecimal de su color. Esto ahora se guarda en la paleta de colores. También puedes cambiar el nombre de la categoría si es necesario. De la misma manera, actualizar el texto secundario y el color de acento con los colores de la marca que hemos finalizado en la guía de branding. Incluso si deseas agregar más colores a la paleta, puedes agregarlos, renombrarlos y también puedes eliminarlos. Y si desea quitar un color o borrar el color, haga clic en esta opción clara aquí, volverá a vaciar. Graduación. El color válido es el primer y el paso más importante de usar eliminar o porque ahorra mucho tiempo eligiendo los colores predeterminados con un solo clic. Ahora vuelve al menú anterior haciendo clic aquí. Siguiente es configurar los teléfonos globales. Aquí, vas a asignar la configuración de tipografía predeterminada para todos los diferentes tipos de teléfonos como encabezamiento familiar, encabezado secundario, XT y XT y teléfonos, asignando la configuración global del teléfono guarda el estilo en el font-style paleta aquí. Y podrás asignar fácilmente este estilo con un solo clic. Al hacer clic en el icono del lápiz se abrirá la configuración de topografía. La primera opción es seleccionar la familia de teléfonos. Obtendrás que seleccionar los teléfonos de Google de este desplegable. Hacer una selección de la familia Ford según la guía de branding. Siguiente opción es seleccionar el tamaño del teléfono. Se puede desplazar esa rueda manualmente o simplemente introducir el valor. Son cuatro unidades de medida, pero iremos con píxeles. Aquí hay otra cosa que notar. Si elimino el valor en tamaño de teléfono que se restaura al valor predeterminado. Debes estar preguntándote que si no hay valor en el cuadro, lo necesita un 0, pero no es así en el elemento o será 0 solo si mencionaste 0 aquí, o si lo mantienes vacío, será el valor predeterminado. Este concepto en mente, porque te va a ayudar mucho en el curso. Nuestra cabeza siguiente es el peso. Esto hará que tu texto luzca claro o audaz. Entonces puedes probar esa configuración de transformación para hacer el texto en mayúscula, minúscula o mayúscula. A continuación, puedes hacer tu texto en cursiva desde la opción de estilo. En decoración, se pueden insertar titulares y qué líneas a los textos e incluso líneas tachadas que también podemos ajustar la altura de la línea. Y digamos para el TextContent, prestemos atención a las unidades de medida y tenemos que utilizar la unidad de píxeles para cada medida. Yo quiero preguntarte una cosa aquí. ¿ Te das cuenta de este pequeño ícono de pantalla después de algunos ajustes? Bueno, este icono representa que se puede realizar ajuste personalizado en esta opción de ajuste para diferentes dispositivos. Al igual que si desea asignar un valor diferente de tamaño de teléfono para teléfono móvil, puede hacer clic en este icono, seleccionar Móvil, y asignar el diferente valor que será específicamente para el dispositivo móvil y lo mismo que puede hacer para una tableta. Aquí, el diseño del sitio web te ayuda mucho porque ya habíamos finalizado con el tamaño del teléfono para cada tipo de dispositivo y no necesitamos pasar tiempo en experimentar con diferentes Valores en la etapa de desarrollo. Otra cosa, si tienes que restablecer esa configuración tipográfica completa a predeterminada, puedes hacer clic en este botón predeterminado aquí. Y una vez que haya terminado que su configuración de Tipografía haga clic de nuevo en este ícono de lápiz, y se resaltará. De esta manera, puedes guardar los teléfonos globales como a diario. Volvamos ahora atrás. Ahora haga clic en tipografía. Aquí puedes configurar la tipografía para tipos de textos específicos como Título 1, Título 2, hasta rúbrica 6, los alimentos de párrafo y un enlace pliegues. Estos ajustes son aplicables cuando coloca un nuevo cuadro de texto o un cuadro encabezado o crea un hipervínculo en el campus de edición. Definir los valores aquí puede ahorrar tiempo y ajustar la topografía una y otra vez. Por lo que ahora podrás hacer uso de los colores globales y los teléfonos globales que acabamos de decir en el menú anterior. Y eso ahorrará mucho tiempo en la etapa de desarrollo. Por cierto, una vez que hayas terminado con la configuración, Al hacer clic en el botón de actualización aquí en la parte inferior para guardar los cambios. Es un buen hábito guardar la obra al menos cada cinco minutos. El siguiente ajuste está relacionado con el botón predeterminado, las imágenes y los campos de formulario, pero los veremos primero en la lección del widget y luego después si lo requerimos, podemos volver aquí para asignar los valores predeterminados. Debajo de esto, tenemos configuraciones relacionadas con la identidad del sitio, el fondo, el diseño, y la caja de luz. Configuraremos primero la identidad del sitio. Se puede actualizar el nombre y la descripción del sitio que es igual que título y lema del sitio desde aquí también. A continuación, se puede subir el logotipo para la página web. Asegúrese de utilizar las dimensiones correctas para que el logotipo aparezca impactante en el encabezado. A continuación, se puede subir el fairway puede pedir icono del sitio para mostrar por aquí en la pestaña. Siempre se debe diseñar un icono de fav o citoquinina en la proporción de lo que es a uno, preferentemente 52 píxeles por 500 píxeles. Ahora, aquí está la configuración de fondo de página. Puedes seleccionar entre las opciones de ingredientes clásicos y usar alguna imagen coloreada o un degradado para el fondo de la página. Por lo que si quieres crear un sitio web de color oscuro, puedes seleccionar el color negro como fondo de la página. Asignar un color de página aquí aplicará el color a todas las páginas del sitio web. Si deseas personalizar el fondo de alguna página específica, podrás hacerlo desde el icono Configuración aquí en la edición individual de la página. Muy bien, ahora volvamos atrás y seleccionemos la opción de diseño. Aquí puedes echar un vistazo al espaciado, ancho y diseño. Estos ajustes predeterminados funcionan de la mejor manera y no hay necesidad de hacer ningún cambio aquí. Acaba de cambiar. En tercer lugar, el diseño de página predeterminado a Elementor ancho completo ya que no estamos utilizando la configuración del tema. Eso es todo. A continuación se presentan los ajustes predeterminados de la caja de luz. Por cierto, ¿cuál es la caja de luz? Un pop-up de caja de luz es una superposición de ventana que aparece en la parte superior de una página web como esta. Cuando aparece una ventana emergente de caja de luz, el fondo se ofrece, atenúa y se desactiva, lo que significa que los visitantes del sitio no pueden interactuar con el otro contenido del sitio web. Esto llama la atención sobre la propia caja de luz. Por lo que podrás ajustar nuestra configuración predeterminada para las bombillas de las pantallas, pero no es tan importante en este momento. Veamos si los cambios que hemos realizado, haga clic en Actualizar, y ahora volvamos atrás. Se puede omitir el CSS personalizado. No es para los no cuartos como tú y yo. Y si conoces el recubrimiento, entonces definitivamente puedes hacer uso de esta función suscribiéndote a Elementor Pro. Por fin estoy, puedes hacer clic en la opción de ajustes adicionales para ir a la configuración del plug-in Elementor en el área de administración en una nueva pestaña. Aquí, ya hemos hecho el ajuste al inicio de la lección en dinastía sólo requería ajuste que necesitábamos hacer. Y si estás suscrito a Elementor Pro, puedes subir los teléfonos personalizados e iconos personalizados de estas opciones disponibles calor. Nos saltaremos esa opción de constructor de equipos aquí, ya que es de liberal en Elementor Pro. Y lo veremos más adelante en el curso. Veamos las preferencias del usuario. Aquí, obtendrás la opción de cambiar el elemento o visualización. Actualmente, estamos en el modo luz y puedes cambiar a la pizarra oscura también. Sé que algunos de ustedes definitivamente encenderán el modo oscuro en comparación con el modo de luz. Pero déjame seguir en el modo de luz sólo en este curso. Se puede ajustar manualmente el ancho de remo también así. Y si quieres restaurarlo por defecto, puedes ingresar unos 300 píxeles en. Puedes ajustar el peso según tu preferencia. Entonces terminamos con el sector de Elementor para el primer uso, y seguiremos aprendiendo los conceptos básicos de Elementor en la siguiente lección. Nos vemos ahí. 32. Conceptos básicos de usar el elemento: El panel de edición de Elementor es muy fácil de usar. Contiene una lista de widgets que se categorizan en las visitas básicas y genitales. Si estás usando Elementor Pro, has comprometido categorías adicionales como el Pro y widgets del sitio. Aprenderemos sobre el uso de todos los desiertos en las próximas lecciones. Pero por ahora, déjame decirte cómo usar el lienzo en blanco en esta lección. En primer lugar, la fila superior que es el encabezado del sitio web y la última fila que es la peor parte del sitio web comprado. El encabezado y el pie de página no se pueden editar ni crear a partir de este lienzo de edición. Se puede acceder a la configuración de Encabezado y Pie de Página desde el personalizador si estás usando la configuración del equipo desde el elemento, nuestro constructor de equipos, si estás usando Elementor azul. Entonces olvídate del encabezado y pie de página mientras estás en la página. Modo de edición. Aquí sólo enfocarse en el área de contenido principal de la página web. Se puede insertar una sección haciendo clic en este icono más y seleccionando la estructura con diferente número de columnas. Por defecto, siempre se inserta una sección con una sola columna. Puedes comenzar con una estructura simple ya que se puede personalizar más adelante según tu requerimiento. Aquí, la línea de borde azul representa un límite de sección o un borde de sección, mientras que la línea de puntos gris representa una columna. Puedes agregar más secciones encima de la sección haciendo clic en el icono más aquí o en la parte inferior. Si deseas eliminar la sección, click en ahí, cancela, llego aquí. Ahora para editar la configuración de esta sección, es necesario hacer clic derecho en los puntos aquí y hacer clic en Editar sección. En el panel izquierdo se abrirán las opciones de edición para esta sección. Si echas un vistazo a la pestaña superior, encontrarás los tres tipos de ajustes. Disposición de corredores numéricos. El número dos, su estilo, y el número tres está avanzado. Todos los ajustes para secciones, columnas, y de hecho, todas las visitas tendrán los tres tipos de ajustes o las tres pestañas de ajuste, tardío, estilo León y avanzado. Siempre ten esto en mente. A continuación, si tienes que volver a la pantalla de inicio del panel de edición, haz click en esta cuadrícula. Eigen. Conoce a mi papá lo profundo que estás en algún escenario. Si haces click en esta grilla eigen, volverás a la pantalla de inicio del panel de edición D así. Veamos ahora por qué otras opciones he etiquetado, haciendo clic derecho en los puntos aquí. Bueno, puedes crear un duplicado de esta sección. A continuación, puedes copiar esta sección y pegarla en alguna otra ubicación, arriba o abajo en cualquier parte de la página. A continuación, puede utilizar la opción de estilo de pasta. Es como si quieres copiar la configuración de una sección y aplicarla a alguna otra sección, puedes copiar y pegar el estado. Es muy útil a veces. Y si desea restablecer un ajuste de sección a predeterminado, haga clic en Estado predeterminado. Ahora, la siguiente opción es muy importante. Se puede guardar la sección como plantilla. Y sabemos que podemos reutilizar esas plantillas a través de diferentes páginas y diferentes sitios web. Así que simplemente haz clic en Guardar plantilla, Dale un nombre, y haz clic en Guardar. Por cierto, este es el elemento o biblioteca de plantillas. Aquí encontrarás una enorme colección de bloques prediseñados, páginas, y una lista de alertas que podrías haber guardado. Si desea insertar una plantilla en esta ubicación, simplemente puede hacer clic en Insertar, y aquí está. Se inserta la plantilla. Muy fácil. Si quieres usar bloques y plantillas de Elementor, debes registrarte en los elementos impares y crear una cuenta gratuita. Entonces podrás insertar las plantillas gratuitas. Y si tienes la suscripción Elementor Pro, entonces puedes insertar las plantillas Pro también. Ahora, si deseas exportar nuestra plantilla, puedes hacer click en los tres puntos y dar click en Exportar. Esa plantilla será explotada en formato JSON y podrás subirla en un sitio web haciendo clic en esta opción Importar y cargando el archivo. Si desea acceder a esas plantillas, puede hacer clic en este icono de carpeta aquí. A continuación, nuevamente, haga clic derecho en los puntos y vea qué más queda aquí. De acuerdo, El siguiente es Navigator. Y aquí podrás gestionar el orden de las secciones y columnas, igual que gestionamos las letras y la herramienta de diseño gráfico. También es útil para cambiar el orden de las secciones y también puedes renombrarlo simplemente haciendo doble clic. Ahora, lo último que tenemos que aprender sobre el elemento o panel de edición es esta barra inferior. Aquí, encontrarás la opción de configuración de página y podrás cambiar el título, el estado y la imagen destacada para la publicación del blog. Estos son los mismos ajustes que hicimos al crear la página. Si hace clic en la opción de mancha aquí, encontrará que puede cambiar el tipo de fondo para esta página específica. Tiene las mismas opciones como es de color sólido o una imagen, o un color degradado. Si deseas asignar algún color melocotón, puedes seleccionar uno yendo al estilo y seleccionando el tipo de fondo como ingrediente clásico y seleccionando el color. Tenga en cuenta que este color melocotón solo es aplicable a esta página específica. A continuación, puede habilitar el navegador desde aquí también. Entonces sigue la opción de historia. Aquí encontrarás un registro de actividades y podrás revertir fácilmente usando las acciones y revisiones. En la opción de acciones se tendrá una lista de actividades en la sesión actual antes de la última actualización. Y la opción de revisiones tendrá copias de autoguardar de algunas de las versiones anteriores también antes de actualizar. Siguiente opción es optimizar el sitio web para diferentes dispositivos. Es muy importante porque definitivamente queremos crear un sitio web responsive que funcione muy bien en todos los dispositivos como computadoras, teléfonos móviles, y tabletas. Puede seleccionar fácilmente la vista previa del escritorio, previa de la tableta y la vista previa del móvil desde aquí, y optimizar su sitio web en consecuencia. A continuación, se utiliza la pistola IA para ver la vista previa de la página y se utiliza el botón de actualización para guardar y publicar la página web. Todos los cambios que realices en la página web. Se publica inmediatamente una vez que hace clic en este botón Actualizar. Además, te sugeriré que hagas un hábito para guardar tu trabajo cada cinco minutos. Cerca del botón de actualización, encontrarás una flecha con algunas opciones más. En lugar de publicar la página lo hizo globalmente, puedes guardarla como borrador y actualizarla una vez que se complete el diseño. Y también obtienes una opción para guardar la página como plantilla. Ahora, si guardas una plantilla de esta opción, podrás guardar toda la página Act corre en una sola plantilla. Por lo que si quieres guardar una sola sección, puedes guardar desde la configuración de la sección como vimos antes. Y si deseas guardar una página completa, puedes hacerlo desde aquí cerca de la opción de actualización. Ambos serán accesibles en la plantilla como dama. Ahora recuerda que estás en el modo de edición aquí. Y para ver la vista previa, puede ocultar el panel o hacer clic en la opción Ver página. Desde vn usando WordPress, siempre encontrarás la barra negra en la parte superior de la página ahí que habías iniciado sesión en el WordPress. También se puede hidratar, pero esto es muy útil ya que se puede volver al tablero al pasar el cursor sobre el título y hacer clic en el tablero. O puedes ir a la configuración del personalizador. Desde personalizar, puedes ver las actualizaciones pendientes, comentarios, agregar una nueva página, una nueva publicación, editar la configuración de página, o editar el diseño de página con Elementor, también puedes redirigir para editar los diseños personalizados como encabezado y pie de página desde aquí mismo. Y si desea cerrar sesión en el modo de edición del sitio web, el cursor sobre el nombre de usuario y haga clic en cerrar sesión. Esta barra negra es el atajo a muchos ajustes y opciones. Si desea salir por el tablero de mandos del área de administración, haga clic en la opción de salida del dashboard. Eso es todo. Entonces así es como puedes acceder a Elementor y vívido aprender más sobre la configuración de sección y columna en el siguiente video. Nos vemos ahí. 33. Ajustes de sección y columna: Entonces usamos estamos diseñando herramienta. Podemos crear fácilmente un rectángulo y colocar el contenido mediante un simple arrastrar y soltar. Pero organizar la información en tal estructura en una página web es un juego completamente diferente. Tienes que usar secciones y columnas para administrar el diseño de la página. Entonces, ¿qué hace esta sección y qué es una columna? Sección es el área de la página donde se pueden colocar columnas para presentar la información de manera organizada. Y por columna, nos referimos a un bloque vertical de contenido. Es posible que requiera varias columnas a lo largo del ancho de la página. Una sección puede contener una o más columnas y se puede ajustar la estructurada según el requisito de diseño. Veamos cómo gestionar esas secciones y columnas en una página web. Sabemos insertar una nueva sección. Haga clic en el icono más y seleccione una estructura. Puedes seleccionar una estructura simple y obviamente podemos personalizarla más adelante. Una sección está representada por una línea de borde azul y la columna está representada por una línea de puntos gris. Ahora dentro como sección, hay columnas para dividir esta sección en 23 o cualquier número de partes que necesites. En una sección, hay obligatoriamente al menos columna divertida. Otro punto importante a destacar aquí es que sólo se agregarían columnas de izquierda a derecha. Significa que las columnas se utilizan para organizar rechazos y forma horizontal. Si deseas agregar más área en forma vertical, tendrás que usar secciones ya que funciona de arriba a abajo. Echemos un vistazo a la configuración de la sección. Simplemente pasa el cursor sobre la parte media superior y haz clic con el botón derecho en los puntos. Ahora podemos ver el panel de edición y a la izquierda con ajustes teniendo las tres pestañas principales, maquetación, estilo y avanzado. En Configuración de diseño para una sección, tenemos desplegables como estos. El ajuste principal de etiqueta, nuestra configuración de diseño y estructura con un clic izquierdo en la pestaña Layout y se expandirá. Estaremos discutiendo los principales ajustes que son útiles en la edición de un sitio web. El primer rubro es contenido ingenio. Tiene dos opciones para seleccionar, caja y vector completo. Por defecto, actualmente tenemos seleccionado en caja y vía proporcionada una escala para ajustar el ancho manualmente como parte de un requisito. Puedes desplazar la báscula a la izquierda y a la derecha y decidir el peso adecuado para tu sección. Además, se puede poner el valor en la caja proporcionada. Ten en cuenta que estaremos siguiendo el diseño que ya hemos creado en el diseño de herramienta como Figma o Adobe XD. Y estaremos usando todas esas dimensiones y valores aquí en Elementor. Esta es la etapa de desarrollo y estaremos desarrollando la página según el diseño que ya hemos creado en su etapa de diseño. El valor que pondrás aquí en la dimensión es en píxeles. Tienes que hacer cambios en la configuración de Ancho con un poco de precaución como si tuvieras la palabra más pequeña, afectará la visualización en las pantallas y tu sitio web terminará mostrando encogido. Y en caso de que desees volver al valor predeterminado que estaba disponible antes de ajustar manualmente el ancho de la sección, simplemente eliminas el valor en el cuadro así. Sabemos que eliminar el valor no lo hará 0. De hecho, lo restaurará a defecto. Además, puede seleccionar la opción de ancho completo para expandir la sección a través de toda la pantalla, sin importar cuán amplia sea la pantalla. En resumen, puede bloquear el ancho del contenido poniendo algunas dimensiones específicas o bien puede permitir la expansión de pantalla completa seleccionando la opción de ancho completo. Siguiente ajuste útil es la altura. Usando esta opción, podemos ajustar la altura de la sección, haciéndola más alta para cubrir toda la pantalla, o hacerla pequeña, o permitir que se ajuste en función la altura de las columnas y widgets dentro de la sección. También puede ajustar la altura de la sección manualmente utilizando la opción de escala de altura mínima. Permítanme decirles que la elección adecuada de alturas juega un papel muy importante en la gestión del espacio en blanco y la creación de una interfaz de usuario atractiva. Ahora, el siguiente ajuste es la posición de la columna. Ya que sabemos que todas las secciones tienen columnas, por lo que es posible ajustar la alineación de las columnas a la parte superior, media o inferior según el requisito de diseño. Además, existe la opción de estirar esta sección para que cubra borde a borde mientras se ve el sitio web en una pantalla más ancha. A continuación, vamos a explorar la configuración bajo esta pestaña de mosaico. Por lo general, los ajustes relacionados con fondo, superposición de fondo, borde, forma, divisor, tipografía y colores se enumeran bajo la pestaña de estilo para las columnas de sección y de hecho para todos los widgets. Por lo tanto, empecemos con la configuración de fondo. Podemos ajustar el fondo para la vista normal y la vista de movimiento. En la vista normal, se puede seleccionar el fondo entre cuatro tipos diferentes, clásico, gradiente, video y presentación de diapositivas. Entendemos el clásico primero, tienes una opción para elegir los colores como fondo de sección. Así que da clic en la ventana Color y la paleta de colores se abrirá en el seleccionador de colores, puedes desplazarte esa rueda y elegir el conjunto de colores adecuado para tu proyecto. Pero ya hemos hecho este paso guardando las opciones globales de color. Por lo que necesitamos simplemente hacer clic en la opción de color global aquí y elegir el color como fondo para esta sección. Por eso te dije antes que cuando guardes la paleta de colores, ahorrarás mucho tiempo. Por lo que de esta manera, puedes establecer un color sólido como fondo de tu sección. Ahora, en lugar de un color sólido, también puedes elegir una imagen ya este fondo de sección pasa el cursor sobre el cuadro de imagen y encontrarás una opción para Agregar imagen. Haga clic en él, y se abrirá el cargador de imágenes, subirá la imagen desde su dispositivo y haga clic en agregar. Se agregará la imagen al fondo de la sección. Agregar una imagen al fondo requiere alguna decisión y ajustes. Echemos un vistazo a lo mismo. Siempre trataron de subir una imagen en sus dimensiones que se requieren. Significa edición e imagen de antemano para que coincida con las dimensiones de la sección. De esta manera, no enfrentarás el problema al recortar o aumentar la imagen en pantalla. Si las dimensiones no son precisas, entonces después de subirlas emergen, use los ajustes de etiquetado siguiente, puede ajustar la posición de la imagen para centrar las opciones de alineación, las opciones alineación superior y la parte inferior opciones de alineación. Hay un ajuste muy fresco y ese adjunto se puede seleccionar de la opción fija o la opción de desplazamiento. Si el tamaño de la imagen es pequeño, puede seleccionar esa opción de repetición para cubrir la sección con imágenes repetidas. Y finalmente, puedes intentar ajustar el tamaño de la imagen usando algunos ajustes de tamaño en esto que cubren y contienen opciones son las más útiles. Ahora en todos los ajustes, hay una opción predeterminada. Entonces en caso de que si te pierdes en los diversos ajustes, simplemente selecciona el valor predeterminado para volver a la configuración original. El siguiente tipo de fondo es el gradiente. Un gradiente es una fusión de dos colores y puedes mezclar los dos colores para crear una increíble composición de color para tu sección hacia abajo, necesitas seleccionar los dos colores actuados ubicación, ajustar ese tipo de mezcla y ángulos para que coincidan su requerimiento. El siguiente tipo de fondo como video, es una muy buena mezcla. Solo necesitas ingresar al link de tu video de YouTube o Vimeo o incluso a tus videos autoalojados. Y se sumará al fondo de la sección. Para vender Foster Video, basta con subir el archivo en la Mediateca. Se puede ajustar la hora de inicio y la configuración de la hora de finalización y también ajustar las opciones de reproducción de bucle y reproducir el video en el móvil. El video en mobile oriente a tener especial cuidado ya las dimensiones de la pantalla son diferentes y el video puede acercar hacia arriba. Por lo tanto, por favor preste atención a la configuración de respuesta si está insertando un video en este fondo de sección. También hay una opción para el respaldo de fondo. Significa que puedes seleccionar una imagen como respaldo de fondo. Porque en algunos casos, si el video no es capaz de renderizar o reproducir, entonces debe haber una imagen de copia de seguridad para mostrar en segundo plano. El último tipo de fondo es una presentación de diapositivas. Muestra las diferentes imágenes en formato de presentación de diapositivas y que mantiene deslizándose aspecto ese tiempo y velocidad. Usted mencionó. Se trata de unas características de uso muy común y se puede aplicar fácilmente usando el Elementor. Simplemente selecciona las múltiples imágenes y selecciona la opción de bucle con este botón, puedes hacer que la presentación de diapositivas sea rápida o lenta ajustando la velocidad y milisegundos. Hay algunos efectos de transición y también puedes ajustar la velocidad de transición. También son útiles las opciones de tamaño de fondo y posición de fondo en caso de que las dimensiones de la imagen sean diferentes de las dimensiones de la sección. El efecto Ken Burns también es una característica genial ya que obtiene una vista creciente o una vista decreciente de la imagen. Estas son las opciones de fondo para la vista normal. Veamos algunos ajustes para el efecto hover. Se pueden aplicar dos tipos de fondo y visión general, clásico y gradiente. Los ajustes son los mismos que aprendimos antes. Apenas la vista del fondo aparecerá mientras se cierne. A continuación, aprendamos la función de superposición de fondo. Debe haber notado la superposición de color sólido por encima de una imagen como esta. Puede aplicar una superposición en la vista normal así como en la vista de Harvard. Aprendamos uno por uno. Además de las opciones de edición estándar que aprendimos antes, existe una opción para ajustar excesivamente la opacidad en términos de fondo. Va de 0 a uno, siendo 0 el mínimo y uno el máximo. También puedes aplicar los filtros CSS y diferentes modos de fusión como Marie o habilidades de diseño. Prueba los ajustes para las opciones de desplazamiento de cursor así como son casi similares. siguiente ajuste debajo de la pestaña de estilo es ajustar el borde. Nuevamente, tiene la vista normal y toda la visión general. Debajo del Tipo de borde, puede seleccionar el tipo de bordes sólidos, dobles, punteados, discontinuos y ranurados. Una vez que seleccione el tipo de borde, obtendrá una opción para seleccionar el peso del borde y dirigir. Ahora, esta caja contiene cuatro valores. Arriba, derecha, inferior e izquierda. eso le sigue una caja que los une a todos. Por lo que en caso de que desee asignar el mismo valor a las cuatro direcciones, primero, marque la casilla de enlace, o si desea proporcionar variable son valores diferentes. En primer lugar, desmarque la casilla de vinculación y luego inserte los valores en las casillas superior, derecha, inferior e izquierda. Debajo de eso, puedes seleccionar el color del borde desde la misma paleta de colores. Además, puede usar la sombra de cuadro y también puede aplicar la configuración de borde para el efecto de desplazamiento. Siguiente opción de edición son los divisores de forma. Se puede aplicar el divisor a las partes superior e inferior de la sección. Tiene tantos tipos creativos y te sugeriré que explores los diferentes tipos tanto en partes superior como inferior de la sección. Última opción es la topografía, pero no vamos a cambiar la configuración aquí ya que lo estaremos haciendo de forma individual para cada contenido de texto que agreguemos. Ahora, la siguiente pestaña bajo la Configuración es la pestaña Avanzado. Es un momento muy importante y muy crucial para entender y practicar. Y además déjame decirte que los ajustes avanzados son casi los mismos para cada columna de sección y casi todos los widgets de Elementor. Significa que si eres capaz de entender estos ajustes avanzados una vez que puedes aplicarlo a todas las secciones, columnas y widgets. Entonces, ¿qué todo lo que incluye? Incluye el efecto de movimiento de ajustes avanzados. Atributos de configuración de respuesta y CSS personalizado. Empecemos con los ajustes avanzados. La primera opción es el margen. margen para la sección podría ajustarse para arriba e abajo izquierda y derecha está deshabilitado para la configuración de sección ya que es un distrito automáticamente basado en el vector de contenido. Pero obtendrás las cuatro direcciones, abajo, izquierda, y derecha para las columnas y widgets. Margen significa la especie fuera del límite de esta sección. Permítanme repetirlo. Margen significa el espacio fuera del límite de una sección, mientras que en encuadernación, es el espacio dentro del límite de una sección para arriba, abajo, izquierda y derecha. Margen claro significa espacio fuera del contorno de sección, y relleno significa espacio dentro del contorno de sección. Puedes usar inteligentemente el botón de vinculación para vincular los valores juntos mientras ajustas, ajustar los valores para arriba, abajo, izquierda y derecha es una práctica muy importante y tendrás que usar este Lord opcional. Por lo tanto, familiarizarse con vincular los valores y vincular los valores y anclar los valores para arriba, abajo, izquierda y derecha. Entonces esa es una opción para editar el índice Z o índice para la sección. Te ayuda a ajustar el orden. Si otra sección se superpone, entonces hay opciones para asignar clases CSS CIADI, que se utilizan para algún propósito específico que podamos discutir en el curso que se avecina. A continuación se presentan los efectos de movimiento. Como su nombre indica, el ajuste tiene ajustes de animación. Obtendrás acceso a este efecto de enfriamiento si te has suscrito a Elementor Pro o de lo contrario, solo puedes usar la opción de animación de entrada en la versión gratuita. Adelante y dale una oportunidad a esto ya que hay tantos efectos cool para usar cargando la sección que los ajustes de respuesta también son importantes. Vas a ajustar la posición de la columna en una sección para móvil y tablet. Y puedes reorganizarlos según tu requerimiento. Además, puedes ocultar algunas secciones o columnas, específicamente para móviles, tabletas o escritorios. Esta característica se usa con bastante frecuencia porque tienes algunas secciones que tienes que mostrar solo en los dispositivos de escritorio. Y hay algunas secciones que has diseñado específicamente para los dispositivos móviles. Para que puedas ocultar las secciones y mostrar las secciones. Es muy útil de usar. Por lo que estos son los ajustes importantes para una sección. Y si eres capaz de entender el concepto todavía aquí, podrás ajustar la configuración para todos, la mayoría de Aliyah que rechaza mientras diseñas la página web. Ahora, vamos a entender también la configuración de la columna. Para abrir los ajustes de una columna, Harvard desde la esquina de una columna y haga clic en este icono de lápiz. También tiene el mismo estilo de maquetación y pasos avanzados en la configuración de maquetación. Se puede ajustar el ancho de columna en términos de porcentaje. Es muy útil cuando tienes múltiples columnas y quieres asignar el veredicto a las diferentes columnas dentro de una sección. Y ajuste importante es ajustar el espacio de visita y está anclado en píxeles. Si recuerdas, ingresamos 20 píxeles como espacio predeterminado del asistente. También, me gustaría llamar su atención aquí ya el cuadro de valor es MD y esto no significa que sea 0, significa que es el valor predeterminado, que es de 20 píxeles. Si desea hacerlo 0, simplemente puede ingresar 0 en el cuadro OT else, si desea asignar algún valor de espaciado específico, puede ingresar eso. Adelante y haz algunos experimentos que te ayudarán a convertirte en un buen alumno. El tabulador de estilo y el tabulador Avanzado tiene opciones similares, al igual que una sección. Siéntase libre de explorarlos también. Entonces así es como puedes gestionar la sección y las columnas en una página web. Y vivant empieza a aprender la aplicación de widgets Elementor a partir del siguiente video. Nos vemos ahí. 34. Aplicación de widgets básicos: Como te había dicho que estaremos desarrollando la página web sin ningún tipo de codificación, simplemente usando la técnica drag and drop. Y hemos llegado a la etapa donde lo estaremos aprendiendo. Ahora en este lienzo en blanco, después de insertar una sección y una columna, necesitamos arrastrar los widgets a la columna y utilizar los diferentes tipos de widgets, diseñar la página web. Es una forma muy sencilla, pero efectiva de desarrollar páginas web de hoy en día sin necesidad de ningún tipo de codificación desde tu extremo porque Elementor está generando abrigos para ti en el backend. Por lo que solo haces uso de los widgets de etiqueta para ti y comienzas a construir la página web. Ahora, vamos a discutir las diferentes visitas que nos han trabajado en el elemento libre o una por una, los widgets disponibles y gratuitos Elementor se categorizan en básico, antiguo. Y si tienes la suscripción de Elementor Pro, entonces obtendrás los desiertos de sonda y visitas a sitios también. Empecemos a aprender la aplicación de widgets básicos en esta lección. El método para insertar un widget es muy sencillo. Simplemente haga clic en el presupuesto, mantenga presionada la tecla del ratón, arrastre, arrastre, arrastre y suelte. Dentro de la columna, verá una forma rectangular azul bandera que resalta la posición donde se está insertando el widget. Después de colocar la visita, puedes hacer clic en el icono del lápiz y las opciones de edición se abrirán en el panel izquierdo. El primer visita y la lista se encuentra en su sección. Se utiliza para crear columnas anidadas dentro de una sección. Por lo que este widget es en realidad un nuevo conjunto de sección con columnas y puedes usarlo para crear diseños complejos como este. Echemos un vistazo a las opciones de configuración de video de etiqueta para el widget de sección interna. Ahora hay una sección y hay columnas. Entonces vas a editar la configuración para sección como esta y para una columna como esta Como todo lo mismo que la sección y las opciones de edición de columnas que comentamos en el video anterior. Las mismas tres pestañas principales, maquetación, estilo y avanzado y las opciones de edición también son las mismas. Por lo que no necesitamos volver a discutirlo aquí. Pero siempre haga un uso inteligente de la intersección donde sea necesario. Quiero decir que si quieres insertar una nueva columna, simplemente puedes insertarla usando la opción Añadir columna. Por lo tanto, no utilizar en sus secciones innecesariamente ya que se suman a los códigos de marcado que fácilmente podemos evitar. Utilice intersecciones sólo para crear diseños anidados complejos. Está bien. El siguiente visita de mano de obra y libre Elementor es el rubro. Permite crear encabezados de título con estilo. Usa este widget para agregar títulos. Pregunta cuál es el diseño y estilo que creaste en la herramienta de diseño. Basta con arrastrar el widget a la sección, etiquetar el contenido. Yo sólo una configuración de estilo y ajuste la posición para dominar el diseño. Es muy fácil. Si vemos los ajustes para este lagarto, de nuevo, tiene las mismas tres pestañas principales, Estilo de contenido y avanzado. En la pestaña de contenido, tendrás que escribir el título. También puedes escribir el contenido directamente haciendo clic en el cuadro Encabezado de la página web. Pero personalmente recomiendo escribir el contenido del encabezado en ese cuadro de título bajo esta pestaña Contenido en el panel de edición, encontrarás la opción llamada como etiquetas dinámicas aquí en el título. Y puedes usarlo solo si tienes la suscripción Elementor Pro. Pero ya que es muy importante. Entonces déjame mostrarte un ejemplo de cómo usarlo. Las etiquetas dinámicas se utilizan para buscar contenido directamente del sitio web o de la página o publicación actual. Y lo mejor es que cambia automáticamente a medida que se cambia el contenido base. Por ejemplo, si ingresa título de página o publicación como etiqueta dinámica en encabezado, será rápido automáticamente desde el título de la página o publicación. Y en caso de que realices cambios al título de la página que se actualizará aquí automáticamente. Veamos otro ejemplo. Si ingresaste la fecha y la hora actuales como la etiqueta dinámica. La fecha y hora, seguiremos actualizando automáticamente aquí. Eso es cosa muy maravillosa. Esta es la principal ventaja de usar el impuesto dinámico, y tienes algunos ajustes extra para las etiquetas dinámicas. Haga clic en el icono de la llave inglesa. Se puede cambiar la configuración y asignar el texto antes y después bajo la opción avanzada. También obtienes la opción de asignar contenido de reserva aquí. La opción de retroceso se utiliza para mostrar el texto predeterminado en caso de que la etiqueta dinámica no se active por algunas razones, o si el título está vacío. Y las opciones de acción en las etiquetas dinámicas varían para diferentes configuraciones, lo que significa que puede encontrar más opciones en sus etiquetas dinámicas para alguna otra opción de presupuesto u otra opción de configuración como mostrar un pop-up en el clic de un enlace. Ten en cuenta que obtendrás acceso a esta opción fiscal dinámica solo cuando te suscribas a Elementor Pro. Ahora, debajo del título, puede insertar un enlace, lo que significa que si un usuario hace clic en el encabezado, será redirigido a la URL. Mencionarás aquí, este enlace podría ser un enlace interno que conduce a una página web en tu sitio web o algún enlace externo. Además, hay un pequeño icono de engranaje para abrir las opciones de enlace. Contiene opciones para hacer que el enlace se abra en una nueva pestaña y agregar atributo nofollow desde el punto de vista SEO, puedes dejar aquí los atributos del cliente tal como está. Puedes dejar aquí la opción de tamaño, asignar la etiqueta HTML según el plan SEO, y ajustar la alineación. Estos son los ajustes básicos y entendidos por defecto. Basta con prestar atención a una cosa más aquí. Encontrarás este pequeño icono de dispositivo de computadora cerca de algunas opciones, y representa vD. Representa que la configuración de alineación que estamos haciendo aquí es para computadoras. Si desea cambiar la alineación para los demás dispositivos. Simplemente haga clic en el icono de la pantalla y la lista abrirá el conmutador el dispositivo fuera del móvil y la tableta. Para que pueda hacer que los ajustes de alineación sean diferentes para los diferentes tipos de dispositivos. Es muy recomendable optimizar el diseño de tu sitio web, para sentirse bien en los tres tipos de dispositivos. Y puedes hacer los ajustes de optimización ya sea a nivel de sección o a nivel de página web. Déjame decirte una cosa aquí muy rápidamente. Supongamos que estás diseñando una página web y en cuanto tu única sección se haya diseñado por completo, puedes optimizarla para móvil y tablet cambiando la vista desde la barra inferior por aquí. Esto se llamará como optimización de nivel de sección. Por otro lado, puedes diseñar la página web completa y luego cambiar la vista a móvil y luego a tablet para realizar los ajustes de optimización. Esto se denominará como optimización de nivel de pH. Ambas técnicas son igualmente buenas y puedes hacer una elección según tu conveniencia. Pero por favor ten en cuenta que tienes que hacer que tu sitio web esté completamente optimizado para los tres tipos de dispositivos. A continuación, veamos la pestaña de estilo. La primera opción es seleccionar el color del pastoreo. Puedes elegirlo fácilmente de la paleta global que tenemos secc. Si desea seleccionar algún otro color, puede utilizar el selector de color. A continuación, tenemos los ajustes topográficos y sabemos hacer cambios en la topografía. Puede seleccionar fácilmente usando los teléfonos globales para ahorrar tiempo. A continuación, puedes ajustar los acontecimientos de sombras para tu rumbo y jugar con los diferentes modos de fusión. A continuación se presenta la pestaña Configuración avanzada. Y tiene casi el mismo conjunto de opciones, pero para el widget de encabezado, como puedes ajustar el margen y el relleno, asignando los efectos de desplazamiento, los esfuerzos de mouseover lo hacen pegajoso o agregar animación de entrada. Se puede ajustar el fondo del encabezado y el borde del dolor de cabeza. Pero aquí hay un ajuste adicional, ese es el ajuste de posición. En primer lugar, vas a ajustar el ancho de los pantanos de encabezado eligiendo entre default, filbert in line, Ang, custom late. Aquí, el valor predeterminado suele ser el ancho completo. Y significa que cuando insertes el widget de encabezado, cubrirá el ancho completo de las columnas de izquierda a derecha. Y si seleccionas la opción de veredicto interior, el asistente de encabezamientos habrá leído solo puede el contenido está disponible y habrá un espacio vacío para agregar algún otro widget a la derecha. Sí. Tendrás que asignar el vert interior al otro rígido también. Entonces sólo se complacerá aquí en el espacio vacío de la columna. Esto en carril. O más precisamente, al usar la costumbre trabajada en porcentaje, podrás crear diseños anidados y complejos fácilmente en Elementor. Se puede hacer un muy buen uso de la desorción, sobre todo en los teléfonos móviles. A continuación, tienes la opción de posición aquí, e incluye por defecto, absoluto, fijo. Si elijo absoluto, puedo colocar los elementos libremente en la página, pero quería dejar claro que debes usar esta opción solo en casos raros diseñados donde no sea posible implementar el diseño sin esto. Debido a que este método no se considera bueno para el sitio web receptivo. Y puede que tengas que inventar muchos ajustes para dispositivos que consumirán mucho tiempo. utiliza la posición fija para fijar el elemento a una posición específica de la página. Y no importa cuánto se desplaza un visitante, este elemento sólo se quedará aquí. Por favor, utilice estas dos opciones con mucho cuidado y muy inteligente. resto de los ajustes como la capacidad de respuesta son los mismos. Y puedes ocultar este widget o diferentes dispositivos. Y puedes dejar los atributos, ciertas opciones CSS. Es hora de guardar la guía de palabras, actualizar el sitio web, por favor, actualizado al menos en cada cinco minutos. Aprendamos ahora el uso de los otros widgets. El siguiente es insertar la imagen. Así que haga clic en él, sosténgalo, arrástrelo, y suéltelo dentro de la columna. Aquí puedes agregar una imagen colocando el cursor sobre el soporte del lugar. Haga clic en Elegir imagen. Se puede subir una imagen desde computada o insertar una imagen que ya está cargada en la mediateca. Introduzca el texto alt para la imagen desde el punto de vista SEO y haga clic en Insertar medio. Vow, la imagen ahora se inserta en la página web usando este widget de imagen. Muy fácil. Ahora vamos a editar la configuración. O haga clic en la imagen o haga clic en el icono del lápiz para abrir el panel Ajustes de la izquierda. Discutamos las opciones de edición y la mandíbula izquierda parecía tres pestañas, Contenido, estilo e imagen avanzada que ya hemos subido. Puede utilizar las etiquetas dinámicas para insertar automáticamente la imagen destacada, logotipo o la animación automática. A continuación, puede ajustar el tamaño de la imagen y la alineación. Además, puedes agregar subtítulos, esa es la línea de texto para mostrar debajo de esta imagen. podrían agregar los subtítulos ya sea en la imagen en los medios, ADD ODD else usando la opción de subtítulos personalizados aquí. Si seleccionas archivo multimedia aquí, obtendrás una opción para abrirlo en el Modo Lightbox como este, o bien puedes bajo alguna URL redirigir al visitante al enlace que mencionaste, y ya sea en la misma pestaña o en una nueva ventana. Ajustando los ajustes para el enlace. Debajo de la pestaña de estilo, puede ajustar el ancho y la altura de la imagen. Además, puedes ajustar la opacidad y algunos ajustes del filtro CSS, tanto en vista normal como en toda la visión general. Se puede utilizar para crear hermosos efectos como estos. Debajo de eso está el ajuste de borde para administrar el borde alrededor la imagen y los ajustes de sombra de cuadro muy cool. También puede ajustar los ajustes de alineación, tipografía de color y espaciado para el texto del título. La última pestaña es Configuración avanzada, y contiene el mismo conjunto de ajustes. Pero para el widget de imagen, no necesitamos discutirlo una y otra vez. Siguiente asistente es el editor de texto. Se utiliza para insertar párrafos a la página web. Nuevamente, mismas tres pestañas aquí, Contenido, estilo y avanzado. En la pestaña de contenido, agrega ese texto que deseas escribir. Puedes agregarlo haciendo clic aquí también. Déjame decirte que este es un poderoso editor y obtendrás tantas opciones de formato. Puedes agregar medios al párrafo desde aquí y ajustar esa posición de envoltura así. Se puede ajustar el formato del texto, como poner el texto en negrita, cursiva o subrayado. Además, puedes insertar viñetas, lista numerada, insertar el enlace en el texto e incluso convertirlo en un editor de pantalla completa. Puedes cambiar para más opciones haciendo clic en este botón. Aquí obtendrás opciones para hacer que el texto tachado, insertar línea horizontal, cambiar el color de palabras o frases específicas para resaltar. Usar blockquote. Puedo organizar la alineación, usar caracteres especiales y aumentar o disminuir la sangría. Se puede asignar brecha caída, el primer alfabeto del párrafo y dividir el contenido en columnas. Debo ver que es un editor lo suficientemente decente para insertar párrafos en la página web. Ahora bajo la pestaña de estilo, tienes el mismo conjunto de textos, ajustes de estilo. Y la pestaña Avanzado también tiene el mismo conjunto de ajustes para este widget de editor de texto. Ahora, el siguiente widget que tenemos es el widget de video, y se utiliza para incrustar videos. Hacer la página web. Veamos los ajustes bajo el contenido que encontrarás ajustes para radio e imagen torpemente. Veamos primero los ajustes de video. Empezar eso seleccionando la fuente. Puedes usar un video alojado en YouTube, Vimeo, movimiento diario, o subido en tus medios como diariamente, o de hecho, cualquiera que sea el lugar que hayas costado. Si quieres iniciar ese video desde un clip específico, ajusta la hora de inicio, la hora de finalización. Después hay algunas otras opciones de video. Puede ajustar los ajustes de reproducción automática, silenciar el video, bucle, la reproducción para mostrar u ocultar los controles del reproductor. Si estás vinculando a un video de YouTube, puedes ajustar la modesta configuración de branding. Y si estás usando un video de Vimeo, podrás ajustar el color del reproductor también. Incluso puedes ajustar los videos estadísticos para mostrar videos del canal actual o cualquier video aleatorio. El siguiente ajuste está relacionado con la superposición de imagen. Esto te ayudará a personalizar la miniatura del video. Puedes subir una imagen desde el dispositivo y ajustar el tamaño de la imagen si deseas mostrar el botón Play que puedes realizarla. Por lo que si deseas hacer que el video se reproduzca en el Modo Lightbox apareciendo, puedes seleccionar eso también. A continuación, debajo de la pestaña de estilo, puedes ajustar la relación de aspecto a la elección del deseo, junto con algunos filtros CSS para ajustar los looks. Y luego puedes personalizar el icono de juego con color y tamaño. Los ajustes avanzados son los mismos para el veredicto de video. Muy bien, el siguiente widget es un botón. Se utiliza para agregar botones clicables a la página web. Por favor, preste especial atención a la configuración del widget botón porque un botón es la superestrella del sitio web. Vía ella es una superestrella porque una instancia de botón C, D, E, llama a la acción. Muy bien, veamos los ajustes para el botón Vijay. El tabulador de contenido tiene ajustes relacionados con el botón. El primero es el tipo de botón y ajustando los colores predeterminados de registro en función del tipo de mantequilla, insignificante. Después se puede insertar el texto del botón proporcionado pero el enlace, y es el propósito más importante de tener un botón en la página web. Los visitantes deben ser redirigidos a alguna URL al hacer clic en el botón, o un pop-up debe aparecer visitante más lejos para completar la acción o para descargar algún archivo como un PDF. Redirigir es fácil simplemente introduciendo la URL y ajustando la configuración. Abrir un pop-up es posible mediante el uso de esas etiquetas dinámicas y podría descargar un archivo. Puedes subir terrenos en la mediateca como un PDF, copiar el enlace, y pegarlo aquí en la URL. En ese clic, el archivo se abrirá en una nueva pestaña, y a partir de ahí el visitante podrá descargarlo. Si deseas descargar el archivo directamente sin abrirlo en una pestaña nueva, entonces tendrás que asignar un atributo personalizado como signo de tubería de descarga. Por último, esto descargará el archivo sin abrir en el nuevo dapp, luego ajustará la alineación. Puedes saltarte el año de potencias para el carbono. Yo puedo hacer el botón. Se puede seleccionar un icono ya sea del eigentlich, muy raro, se puede insertar un icono personalizado subiendo el diseño en formato SVG. Hemos discutido los beneficios de usar un SVG en lugar de un PNG o JPEG para los iconos porque los archivos SVG no se borran en absoluto. Por lo que puedes usar algunos prediseñados de liberal en el eigentlich Diddy o bien subir el que has diseñado usando la opción Subir aquí, ajustar el espaciado de iconos y puedes proporcionar una ID de botón para rastrear los clics en Google Analytics o píxel de Facebook, esa es la parte de Advanced Analytics. A continuación, tenemos la configuración de estilo para el widget de botón. Puedes empezar ajustando la topografía y luego obtendrás la opción ajustar los colores tanto para la vista normal como para la vista flotante. Los colores para un botón son muy importantes y proporcionan el color de acento para resaltarlo desde el resto del contenido. Además, puedes elegir entre una variedad de animaciones de Harvard para el botón y también ajustar la configuración del borde. A continuación, hay que ajustar el espacio dentro del botón. Y para eso, tenemos los ajustes de relleno aquí. Preste atención. Es importante. Úsalo para hacer el botón más grande, más pequeño, dólar, o violado. Y la pestaña Configuración avanzada para el asistente de botones también tiene el mismo conjunto de letras de configuración. Sáltalo. Ten en cuenta que el botón es diversidad y v saber lo importante que se debe, hacer muy buen uso de esta visita. Siguiente visita está dividida. Se utiliza para agregar línea horizontal y se diferencia para dividir el contenido. Y que la pestaña Contenido se puede seleccionar entre los diferentes estilos. Después de dividirse, ajusta el ancho y el porcentaje o píxeles, ajusta la alineación del divisor y agrega algún elemento en forma de EXT o icono o un icono personalizado subiendo SVG y colóquelo antes del dividido o después o en medio. Debajo de la pestaña de estilo, puedes hacer ajustes para el color y el tamaño, a menudo divididos así como el hueco. El tabulador Avanzado vuelve a tener el mismo conjunto de ajustes para esa visita dividida. A continuación se presenta el widget espaciador. Crea un bloque de espacio en cualquier parte de la página web, puedes llenar este bloque de espacio con algún color o una imagen. Pero este no es el único uso de un widget espaciador. Puedes usar este widget para crear formas personalizadas y usarlo en el sitio web. Cuando estoy compartiendo un enlace del siguiente video para ayudarte a aprender a hacer formas personalizadas usando este espacio y rechazar todos los ajustes me gustaron así sucesivamente. Tiene sólo dos pestañas. Se puede crear una caja vacía con el espaciador y ajustar la altura. Los ajustes avanzados son los mismos. Después puede ajustar el margen agregando color de borde de fondo, posicionamiento, y los mismos ajustes. Entonces aplica tu creatividad mientras usas el espacio de presupuesto y no mira el video haciendo click en el siguiente enlace. Siguiente widget es agregar Google Maps a la otra página. Es una forma fácil de incrustar Google Maps en tu sitio web. Esto es muy útil para páginas de conducta para que tus visitantes sepan dónde te encuentras en el mapa. Simplemente atado a la ubicación que desea mostrar en el mapa y ajustar el zoom en el área. También puedes ajustar la altura del mapa. El tabulador de estilo tiene algunos mentores CSS, mientras que la pestaña Avanzado tiene la misma configuración. Siguiente asistente es insertar un iBeacon. Ten en cuenta que los íconos juegan un papel muy importante en el mantenimiento del equilibrio del diseño del sitio web. Así que haz un buen uso de los iconos de la página web. Simplemente seleccione un artículo de la responsabilidad del icono o cargue el icono personalizado en formato SVG. Como ya les había dicho antes, que preferimos los iconos en SVG y no PNG o JPEG. Se puede ajustar la vista por defecto, apilada y enmarcada. Además, puedes proporcionar un enlace como lo comentamos antes para el botón y ajustar la alineación bajo el estilo. Puede ajustar el color para la vista normal y la vista de desplazamiento. También puedes realizar ajustes por tamaño y rotación. El tabulador Avanzado, nuevamente tiene el mismo conjunto de ajustes para la visión del icono. Por lo que estos todos son los widgets básicos proporcionados en el constructor de páginas Elementor. Y puedes utilizarlas para desarrollar las secciones, columnas, y todo el diseño de la página web. Es muy fácil de usar, simple arrastrar y soltar y sin embargo una manera muy poderosa de construir sitios web modernos. Estoy seguro de que podrás utilizarlos todos en el desarrollo de la página web según el diseño que has creado en su herramienta de diseño. Sé que requerirá una buena cantidad de práctica para tomar conciencia de todos los viñedos y opciones de ambientación. Pero una vez que has dominado, nadie puede impedirte construir un sitio web, un sitio web pixel-perfecto, rápida y fácilmente sin ningún tipo de codificación. Incluso conoce más sobre los presupuestos generales y aprueba presupuestos en los próximos videos. Mantente atentos. 35. Aplicación de widgets generales: Estamos utilizando los presupuestos de Elementor para desarrollar las páginas web según el diseño que hemos creado en la herramienta de diseño. Se trata de un proceso fácil y potente de desarrollar sin ningún tipo de codificación. Ahora, aprendamos el uso, a menudo widgets cada etiqueta bajo la categoría general. Estos presupuestos son en realidad sólo una extensión de los widgets básicos. Combinar los diferentes widgets en un presupuesto común para acelerar el proceso de desarrollo de la página web. Y junto con eso, hay algunos presupuestos más creativos también en esta sección, aprendámoslos uno por uno. El primer visita de etiqueta aquí es el cuadro de imagen. Se utiliza para agregar un cuadro de imagen que combina una imagen con un titular y texto, que a menudo se utiliza en la sección de características del sitio web. Simplemente elegido emergen en el título y la descripción y obtienes el mismo conjunto de ajustes como un encabezado de imagen y descripción que aprendimos en el último video. Similar al cuadro de imagen, tenemos el siguiente widget llamado como la caja de iconos. También se usa comúnmente para crear la sección de entidades. Tiene todos los mismos ajustes. Simplemente puedes usar un icono en lugar de una imagen de la biblioteca de iconos o subir SVG personalizado y ajustar usando el mismo conjunto de ajustes. No estoy repitiendo esa configuración común una y otra vez. Espero que tengas claro cómo usar la configuración para los widgets. Siguiente visita es agregar calificación estelar. Ahora usando este widget, puedes asignar calificaciones de estrellas en la página web. Se puede utilizar junto con los testimonios y reseñas. Se puede personalizar el icono de la estrella y una etiqueta para el tamaño, el color y la topografía. El tabulador de contenido tiene ajustes relacionados con las estrellas. La primera opción es seleccionar la escala de calificación entre 0 a cinco o 0 a diez. En la siguiente opción, se puede asignar valor en función de la escala. En la siguiente opción se pueden seleccionar las dos versiones de icono estrella. Uno es vía font-awesome y el otro desde Unicode. Elige la que te guste. A continuación, puede seleccionar el estilo sin marcar de sólido a contorno. Incluso puedes agregar un título antes de la calificación estelar así y ajustar la alineación seleccionando izquierda, centro, derecha o justificada. Debajo de la pestaña de estilo, puede ajustar la topografía y los ajustes de color de título e inicio. Siéntase libre de explorar los ajustes restantes. Contiene casi el mismo conjunto de ajustes. Siguiente asistente es agregar imagen, obtener acyl. Ayuda en la creación de galerías de imágenes deslizantes a la página bajo la pestaña de contenido. El primer ajuste está relacionado con carrusel de imagen. Puede seleccionar múltiples imágenes haciendo clic en el icono más. Se puede ajustar el tamaño de la imagen. Y la siguiente opción es importante. Puedes seleccionar cuántas imágenes mostrar a la vez y cuántas imágenes desplazar. Por ejemplo, si seleccionaste tres imágenes para mostrar y una para deslizar, se verá así. Y no lo olvides, hay que optimizar la configuración para el dispositivo móvil y tablet también. Entonces esa es una opción para estirar la imagen en caso de que las dimensiones de la imagen no estén en orden. A continuación, para mostrar la navegación, se pueden seleccionar las flechas y los puntos. Sólo las flechas son solo puntos. Si desea mostrar las imágenes en Modo Lightbox, puede seleccionar el archivo multimedia y los enlaces y luego presionar sí en la opción lightbox. O bien puede asignar un hipervínculo imágenes 2D y ajustar la configuración de subtítulos. En los ajustes adicionales se puede controlar la función de reproducción automática, boson hover, boson, click en la interacción, la velocidad de reproducción automática, ajustes de bucle, velocidad y dirección de animación de izquierda a derecha o de derecha a izquierda. El ajuste de estilo contiene las opciones para modificar los colores y la posición para la navegación, emerge y subtítulo. Debajo de la configuración de navegación, puede ajustar la posición, tamaño y el color de las flechas y Puntos. Los ajustes de emiten contienen las opciones de alineación, espaciado, tipo de borde y radio de borde. Después hay ajustes estándar para subtítulos, como cualquier otro widget de texto. Los ajustes avanzados contienen el conjunto similar de opciones para el widget colosal. Eso es todo. Siguiente widget es la galería de imágenes básica. Se utiliza para agregar galerías de imágenes a la página, pero no el deslizamiento cuando se escucha. Opciones de configuración. Casi lo mismo. Siéntase libre de explorarlo. El siguiente widget es agregar lista de iconos. Se utiliza para crear una lista de elementos fácil de administrar con cada elemento resaltado por su propio icono. Empecemos con la configuración bajo la pestaña de contenido. La primera opción es seleccionar el diseño. Hay dos opciones y por defecto e iluminado. A continuación, puede escribir esos diferentes elementos en la lista. Un ítem contiene el texto y puedo, junto con una opción de enlace, puedes crear una copia del ítem o borrado haciendo clic en éste. Debajo de la pestaña de estilo, hay el mismo conjunto de ajustes para ajustar la lista. Puedo terminar texto y también hay una opción para agregar un divisor en el medio. El tabulador Avanzado también es el mismo para la lista de iconos del widget. Próxima visita se cuenta. Si es uno fresco, se utiliza para agregar cualquier contador numerado medido a la página web. Debajo de la pestaña de contenido, hay opciones para ajustar el contador. Se puede mencionar el número inicial, el número final, prefijo y el sufijo para personalizar los valores del contador. Entonces puedes ajustar la duración de la animación que cambiará la velocidad de conteo y también mostrar u ocultar el separador de mil, podría ser un punto o un espacio. También se puede asignar un título, aunque aparece en la parte inferior del contador como un título. Debajo de la pestaña de estilo, podrás ajustar los colores y la tipografía para el número y el título. Los ajustes avanzados son los mismos. El siguiente video es la barra de progreso. Se utiliza para agregar totalmente estilizadas cualquier barra de progreso de matriz a la página web. Contiene los ajustes para la barra de progreso. En primer lugar, se puede mencionar el título del BOD de progreso y asignar un porcentaje a llenar. Es opcional mostrar el valor porcentual y el texto interno, que también se denomina como texto de portador del lugar. Debajo de la pestaña de estilo, puedes realizar ajustes para el despalco de la barra de progreso, la altura y el radio. la tipografía y los colores fuera del texto interior junto con el título También se podrían cambiarla tipografía y los colores fuera del texto interior junto con el título. Los ajustes avanzados son los mismos. Siguiente widget es agregar secciones testimoniales. Hace que tu tarea sea fácil combinando el contenido y emerge Diseño anidado en un solo widget. Esto resulta útil para ahorrar tiempo en hacer ajustes de diseño de columnas. El primer ajuste bajo la pestaña de contenido es para testimonios. Podrás escribir el contenido testimonial y subir una imagen de tu cliente junto con el nombre, designación y opción Enlace. La posición de la imagen tiene dos opciones a un lado, superior, junto con los ajustes de alineación. Debajo de la pestaña de estilo, los colores y la topografía podrían gestionarse para el contenido, nombre y la designación, junto con los ajustes estándar para la imagen. Los ajustes avanzados son la escena. Siguiente video es insertar pestañas. Ayuda a dividir el contenido en pestañas, ya sea horizontal o verticalmente. Debajo de la pestaña de contenido, tenemos ajustes para las pestañas. Se puede crear una lista de pestañas que la opción de copiar y eliminar una pestaña. Aquí, puede seleccionar el tipo de pestaña entre horizontal y vertical. Debajo de la pestaña de estilo, tienes ajustes para ajustar el ancho del cuadro de menú, teniendo ese título y el ancho del borde, borde y color de fondo. A continuación, puede ajustar la configuración de topografía para título y contenido. Aquí hay una opción para ajustar la pestaña activa, significa que puedes asignar ajustes específicos para la pestaña activa a la que está accediendo un usuario. Garantía. Los ajustes avanzados son los mismos. Los dos presupuestos siguientes son casi comunes con el mismo propósito, pero con una ligera diferencia en su funcionamiento. Estos son acordeón y toggle. El widget de acordeón se utiliza para mostrar texto de una manera colapsada, condensada y ayuda a ahorrar espacio. Con el acordeón. Los visitantes pueden escanear los títulos de los ítems y elegir expandir un ítem solo si está fuera de sus intereses. Como vemos en una sección de preguntas frecuentes. Si vemos los ajustes de un acordeón, contiene la lista de elementos con título y descripción. También contiene iconos. Aquí también puedes hacer diferente el icono activo. También puedes asignar las etiquetas HTML al título desde el punto de vista SEO. La pestaña de estilo contiene los ajustes de un borde guardián, tobillos, la topografía y los ajustes de color para el título, la descripción y Eigen. Los ajustes avanzados son los mismos. Ahora, cuando también insertamos ese widget de toggle, sirve al mismo propósito pero con un poco de diferencia. Anteado ese widget de toggle, un visitante puede ver tantos elementos como desee y todos se pueden expandir al mismo tiempo. No obstante, con el widget de acordeón, sólo se puede ampliar un elemento a la vez. A medida que amplías otra grabación yo término el ítem previamente abierto colapsa automáticamente. Entonces esa es la única diferencia entre el acordeón y el toggle rechazo. Los ajustes para el presupuesto de toggle son los mismos que el acordeón. Siguiente asistente es insertar los iconos sociales. Ayuda en agregar enlaces de iconos a tus perfiles de redes sociales. Debajo de la pestaña de contenido, puedes realizar cambios en la lista de iconos sociales. Se puede ajustar el icono y enlazar junto con opciones para editar los colores. Se puede seleccionar entre una gama de formas como un redondeado, cuadrado y círculo. Si desea apilar en líneas, puede elegir el número de columnas y elegir la alineación. Debajo de la pestaña de estilo, puedes realizar cambios para el color. Hay dos opciones a elegir, el color oficial y el color personalizado. Bueno, ambos se usan con frecuencia en el diseño de sitios web y puedes elegir según tu esquema de diseño. Al seleccionar el color personalizado, puede ajustar el color primario y el secundario. A continuación, se puede administrar el tamaño de los iconos sociales agregando espaciado y brecha de filas, también se puede insertar un borde. También se puede asignar un efecto de emisión. Hacer el pase por encima de los iconos sociales. Esta es una genial. Los ajustes avanzados son todos iguales para el widget de iconos sociales. Siguiente asistente es agregar cuadro de alerta. Vamos, todos estén alerta. Permite mostrar una caja de alerta de color para llamar la atención sobre algún mensaje importante y desaparece después de que el visitante realiza una acción al respecto. Existen diferentes tipos de cajas, solo con diferentes colores de fondo, nada significativo. Puedes agregar el título y la descripción de tu elección aquí, el botón de cerrar y para ocultar la alerta también es opcional. Debajo de la pestaña de estilo, puedes realizar ajustes para el color y el borde y para el título y la descripción. También son los mismos los ajustes avanzados. El siguiente video es SoundCloud. Incrusta clips de audio de SoundCloud a la página web. Puedes ingresar al enlace de audio, elegir la pantalla del reproductor, habilitar desactivar la opción de reproducción automática por me gusta, descargar, compartir comentarios de botones, cuentas, nombre de usuario, y controlar los colores. El siguiente es widget de código corto. Entonces, ¿qué es un código corto? Es código corto básicamente es una etiqueta especial que entramos en una página en WordPress que se reemplaza con el contenido asignado cuando vemos el sitio web en vivo. Déjame decirte un ejemplo. Si tienes que incrustar un formulario creado usando plugin de terceros como formularios WP, entonces necesitas agregar el código corto para incrustarlo en la página web. Es código corto también se utiliza para incrustar API y visitas como un widget de Twitter en la página web. Ahorra tiempo y ayuda a agregar contenido especializado. En un sencillo, simplemente escribimos el código corto en un campo dado y damos clic en Aplicar. Tu contenido aparecería en la página web. Los ajustes avanzados son los mismos. El siguiente widget es agregar código HTML a la página web. Al igual que el insertado un código corto, puede agregar un HTML, CSS, códigos cortos, o JavaScript en la página web usando este widget. Al igual que si tienes el código HTML para un formulario, puedes insertarlo aquí para incrustar el formulario en la página web. También son los mismos los ajustes avanzados. A continuación se presenta el widget de anclaje de menú. Se utiliza para crear una página con navegación de desplazamiento interno. Significa que si un visitante hace clic en cierto elemento aquí se desplazará automáticamente a los otros elementos de la misma página. Se utiliza para la navegación de desplazamiento de la misma página. El proceso es sencillo. Simplemente inserta el asistente de anclaje de menú en la parte superior de la sección donde quieres desplazar al visitante. Dale un nombre. Ahora, edita ese elemento clicable que redirigirá al hacer clic en el campo URL, introduce el mismo nombre, pero comenzando con un hashtag, eso es todo. Se crea el menú y obtener y los ajustes avanzados son los mismos que de costumbre. Siguiente visita es insertar una barra lateral. Ayuda en añadir a la página cualquiera de las barras de los equipos que pudiéramos haber creado. Podrás editar los elementos de una barra lateral ya sea yendo al Personalizador de temas o elemento o team-building. Por cierto, agregar barras de lado a un sitio web de negocios es muy raro hoy en día. Simplemente se usa comúnmente en los sitios web de blogueo. Por último, hay un asistente en modo de lectura, pero puedes omitirlo ya que no es tan útil. Por lo que también has aprendido sobre la aplicación de widgets generales. Y esto es lo que toda la puerta con el plug-in gratuito Elementor. Estos widgets son bastante potentes y V son capaces de desarrollar la página web basada en el diseño web muy rápida y fácilmente sin ningún tipo de codificación utilizando todos estos widgets, puedes desarrollar todas las partes de las páginas del sitio web con mucha facilidad utilizando estas visitas para obtener acceso a las características y widget más avanzados, puedes planear obtener la suscripción Elementor Pro y aprender vívidamente sobre la aplicación de los widgets de sonda en la siguiente lección. Nos vemos ahí. 36. Aplicación de widgets profesionales: Cuando te suscribes a Elementor Pro, obtienes acceso a las características premium como el constructor de equipos, formularios de doblador emergente e integración, animación de mouse y scroll, presupuestos globales, etiquetas dinámicas, y unos 30 widgets avanzados para crear diseños web interactivos de forma rápida y sencilla. Entonces vamos a aprender ahora sobre los widgets de mano de obra en la versión Pro de elemento de. En primer lugar, quisiera decirles ¿qué es un presupuesto global? utiliza un elemento o un presupuesto global para controlar la configuración de un widget específico se muestra en múltiples lugares del sitio web. Significa que si quieres usar un widget a través las diferentes páginas y editarlas todas juntas avanzan. Se puede utilizar un rechazo global. Por ejemplo, si desea utilizar el mismo presupuesto testimonial en la página de productos de la página de inicio y contáctanos página. Después dar vida para guardar la sección como plantilla y se inserta en las tres páginas. Pero si deseas realizar cambios a este widget testimonial, tendrás que editar las tres páginas y consumirá tiempo innecesario. Aquí, puedes hacer uso del presupuesto global porque estás usando la misma configuración para el widget testimonial en todas las diferentes páginas. Entonces guarde ese testimonio como presupuesto global e insertado en las tres páginas. Ahora bien, si deseas realizar cambios, visita adjetiva en una página y el resto se actualizará automáticamente porque están vinculados. Tenga en cuenta que si elimina el asistente global, se eliminará de todas las páginas donde se insertó. Y asistente global funciona para widget, no cuatro secciones. Algunos pros, algunos contras. Está bien. Déjame decirte el proceso, cómo crearlo. Cree cualquier presupuesto global simplemente haga clic derecho y guarde como global, ingrese un nombre, guarde. Se sumará a esta lista de presupuestos globales cerca de los elementos. Tiene un borde amarillo en lugar de azul. Ahora, para insertar este asistente global a cualquier otro lugar, simplemente arrastre y suelte. Pero a partir de esta lista global de widgets, si desea editar el widget Global, haga clic en el icono del lápiz y se mostrará que la visita está bloqueada. Puedes hacer click en editar y empezar a editar el proyecto. Se actualizará en todos los lugares de forma automática. Y si deseas editar sólo la visita en esta página y no las otras, puedes dar click en desvincular. Se convertirá en un presupuesto ordinario y ahora hizo los cambios sólo a este widget aquí en esta página. Entonces ese es el concepto de rechazo global. Ahora vamos a discutir los Widgets Elementor Pro. El primer asistente es post. Se utiliza para insertar el post archivo a la sección de cualquier página. De hecho, puede mostrar el archivo de páginas, cartera de productos, o seleccionar manualmente qué secciones desea mostrar de manera archivada en una página web. ¿ Es potente y comúnmente utilizado para mostrar archivo de póster en bloque en la página de inicio? Si vemos los ajustes para este proyecto, entonces bajo la pestaña de contenido, puedes cambiar los visuales seleccionando la piel de guardias clásicos y contenido completo. Cambiar el número de columnas y publicación. Pero página se puede optar por mostrar la dimensión característica y habilitar el efecto de mampostería. Por cierto, la mampostería es un diseño de cuadrícula que utiliza todo el espacio al reducir los huecos innecesarios entre las imágenes. Se puede cambiar el tamaño de la imagen. Seguro que odian el título y el extracto. Metadatos, modelado de plomo, insignia, y configuración de Avatar. Si cambias la piel, se cambian algunas opciones, pero solo son comunes y fáciles de entender. A continuación, en la configuración de consulta tienen niveles avanzados, opciones de personalización como elegir la fuente de contenido e incluir o excluir ciertas categorías de contenido o autor. Se puede seleccionar el alarde para mostrar por un periodo de tiempo específico y también gestionar la secuencia de pedidos del puesto. Además, tienes las opciones para personalizar los elementos de paginación como números y anteriores. A continuación, bajo la pestaña de estilo, podrás ajustar los elementos visuales, el diseño, el espacio, alertas y la tipografía para el contenido de la imagen, ANC, paginación, y los ajustes avanzados vuelven a ser los mismos. Podrás utilizarlos según tu requerimiento. A continuación se presenta el widget de portafolio. Se utiliza para mostrar las páginas de correos y tipos de publicaciones personalizados en una cuadrícula de pensar que capaz atractiva. Funciona casi de la misma manera que el presupuesto del puesto. Simplemente, puedes agregar una barra de filtro para que el visitante pueda hacer clic en los filtros para ver la publicación relevante y los diseños personalizados de manera organizada. Los ajustes son todos iguales con solo una opción adicional para activar y desactivar la barra de filtro más antigua debajo de la pestaña de estilo , de nuevo, obtienes el mismo conjunto de opciones con Justin, ajuste adicional para el filtro, pero nada significativo. Y los ajustes avanzados también son los mismos. Veamos ahora el siguiente video, pero hace la galería de imágenes. Ayuda en agregar las galerías de imágenes complejas y hermosas en la página web. Esta es una versión avanzada del GAL80 básico que aprendimos antes. Se puede agregar una sola galería o varias galerías con grifos de filtro. Se puede elegir el diseño desde rejilla, justificada y mampostería. Puede administrar el número de columnas, espaciado, vínculo y relación de aspecto. Se pueden realizar cambios en la barra de filtros para etiquetas, punteros y animación. Además, puede personalizar la superposición de fondo, el título y la descripción. Debajo de la pestaña de estilo, obtienes ajustes para superposición de imagen, contenido y filtrado sobre, que son simples como hemos aprendido, lucharon los widgets antes, Avanzado que los bancos también son los mismos. Siguiente visita en Elementor Pro es una especial y es agregar formularios. Utilizando esto, puedes configurar un formulario de contacto en el sitio web para permitir a los visitantes una manera sencilla de ponerse en contacto contigo. Por cierto, este es el presupuesto más importante, sobre todo para las páginas de aterrizaje. Debajo de la pestaña de contenido, obtienes ajustes para campos de formulario, enviar acción de botón después de enviar, y algunas opciones adicionales dan para formar un nombre y agregar los campos que deseas mostrar. El tipo de campo contiene todos los campos estándar y comúnmente utilizados en el formulario como texto, correo electrónico, número de teléfono, área de texto, botones de radio, casilla de verificación, fecha, hora, recaptura y modo. Puedes usar tantos campos como quieras. Tan solo asegúrate de que el proceso de llenado del formulario debe ser muy suave y fácil para el visitante y debe consumir el menor tiempo posible. Puede mostrar u ocultar la etiqueta o la marca requerida activando o desactivando esta opción. A continuación, puedes administrar los ajustes de botón como tamaño, peso y pasos de alineación y botón Enviar. Ahora asigna la acción después del envío del formulario como enviar un correo electrónico, redirigir al usuario a una página de agradecimiento, o agregar al usuario a la lista de audiencias de la herramienta de marketing por correo electrónico. Aquí, la primera opción de correo electrónico es engañar a los desiertos de envío en su ID de correo electrónico. Y el correo electrónico también está acostumbrado a decir un correo electrónico automatizado sobre el envío exitoso del formulario como un auto respondedor usando Elementor. Aquí puedes elegir tantas acciones como quieras. A continuación, puede realizar la configuración de los formularios de varios pasos. Por cierto, para crear una forma de varios pasos, seleccione pasos del tipo de campo de lista, y esto actúa como un divisor para la diversión de paso. Puedes agregar más tarifas y Dave se mostrará en el paso 2. En lugar de enviar botón, encontrarás el siguiente botón en el paso uno y el beta1 anterior, junto con Enviar y paso 2. Los formularios de varios pasos son útiles cuando se tiene más número de campos y se desea dividir el proceso de llenado de formularios en un más lógico. Y por último, bajo las opciones adicionales, se pueden editar los mensajes personalizados que se muestran después de enviar un formulario como el mensaje de éxito. O el mensaje de error, mensaje adquirido de campo o mensaje de entrada no válido. Debajo de la pestaña de estilo, puedes administrar la configuración de tarifas, contenido, botón ang para espaciado, color, biografía, y visuales. Preste atención al estilo de los pasos ya que obtendrá opciones para estilizar el paso inactivo, activo y completado. Dejando la pestaña Opciones avanzadas para que lo pruebes. Siguiente widget es el formulario de inicio de sesión. Hace que sea fácil crear una página de inicio de sesión personalizada en lugar de la página predeterminada de inicio de sesión de WordPress. Debajo de la pestaña de contenido, hay opciones para editar los campos de formulario, botón, y opciones adicionales para dirigir al visitante después de iniciar sesión, mensaje de inicio de sesión y opciones para editar la etiqueta y el titular del lugar. Estilo y opciones avanzadas contienen los mismos ajustes comunes. A continuación se presenta el widget de diapositivas. Ayuda en la creación de diapositivas simples que funcionan perfectamente bien. Puede crear diapositivas de secciones con fondo personalizado, título, descripción y botón. Simplemente arrástrelos y soltarlos para cambiar su posición, duplicar, eliminar o agregar una diapositiva. Al hacer clic en una sola diapositiva, sus opciones se abren para configuraciones de fondo, contenido y estilo. Puede crear n número de diapositivas, ajustar la altura, y en las opciones de deslizador puede ajustar la navegación, reproducción automática, boson hover, tableros o interacción bucle de velocidad de reproducción automática, y seleccionar una maravillosa transición de slide o fade. Además, existe la opción de asignar animación de contenido desde diferentes direcciones. Debajo de la pestaña de estilo, puede administrar los objetos visuales, el espacio, el color y la topografía de las diapositivas, título, la descripción, el botón y la navegación. El tabulador Avanzado tiene el mismo conjunto de ajustes. Ahora la siguiente visita es Nav Menu. Le ayuda a usar los menús que has creado en WordPress y diseñarlos de la manera que quieras. Significa que puedes insertar un menú de navegación en cualquier parte de la página web. Debajo de la pestaña de contenido, puede ajustar los ajustes de diseño como el menú horizontal , el menú vertical o un menú desplegable. En función del diseño que seleccione, obtendrá opciones para editar el puntero de alineación, indicador del submenú de animación, ajustes de Anki para el menú desplegable móvil. Debajo de la pestaña de estilo, puede ajustar la configuración del menú desplegable y el botón de activación del menú principal. Asegúrate de editar los ajustes para el modo normal de desplazar y activo. También son los mismos los ajustes avanzados. El siguiente widget es el titular animado. Se utiliza para crear titulares que atraigan la atención que roten o incluyan la animación resaltada. Podrás crear titulares emocionantes con efectos llamativos. Debajo de la pestaña de contenido, comienza con seleccionar el estilo de su nombre que son dos estilos que han etiquetado. Destacado y rotativo. El texto resaltado podría resaltarse con alguna forma como círculo o subrayado. Que los textos rotativos podrían tener la animación de mecanografía o clip, remolinos y muchas otras animaciones. En el siguiente campo, se puede agregar antes de texto, texto resaltado o rotativo, y el texto siguiente. También puedes agregar enlaces, ajustar la alineación, y asignar las etiquetas HTML a que esto suceda desde el punto de vista SEO. El estilo es fácil. Debajo de la pestaña de estilo, puedes ajustar la forma y los objetos visuales encabezados. El tabulador Avanzado es también, como de costumbre. La siguiente visita es una lista de precios. Se utiliza para crear catálogos y menús de estilo completo que incluyen precios. En cuanto a editar la configuración, es similar a la lista de iconos, y creo que puedes manejarla fácilmente explorando el contenido, el estilo y la pestaña Configuración avanzada. Siguiente video es la mesa base. Se utiliza para crear tablas de precios elegantes y avanzadas que muestren los productos o servicios. Es una buena y puedes editar todas las partes de esta tabla de precios. Debajo de la pestaña de contenido, puede editar el encabezado para título, descripción y etiqueta HTML, luego administrar la configuración de precios, lista de características, botón, enlace e información adicional en pie de página. Y por último, habilite, deshabilite la cinta Cuándo opciones para modificar el título y la posición. Debajo de la pestaña de estilo, podrás ajustar el espaciado, los colores, tipografía y los elementos visuales para las entidades orientadas al encabezado, el pie de página y la cinta. Y avanzaron, sus tanques son los mismos. Siguiente widget es un flip box. Se utiliza para crear cajas animadas que voltean hacia el otro lado. Visitante monstruo se cierne sobre ellos. Significa que la sección tiene un lado francés y un trasero. Y puedes mostrar diferentes contenidos en la parte delantera y trasera. El frontal se puede utilizar para crear emoción y atracción para voltear la sección y la parte trasera tiene un CTA para fomentar la acción. Si vemos los ajustes, la pestaña de contenido tiene ajustes para las opciones de frente, espalda y ajuste. Debajo de la opción frontal, se puede diseñar el contenido y el fondo en la opción convento, elegir un elemento gráfico como una imagen o puedo cambiar el tipo de vista como predeterminado, apilado o enmarcado, insertado título y descripción. Y en la opción de fondo, se puede cambiar la diagonal de la sección. A continuación, se puede cambiar la parte posterior de la sección, que es visible después del flip. Y tiene casi la misma configuración, pero con el botón que puede actuar como un CTA. En los ajustes, puede ajustar la altura y el radio de la sección, asignando el efecto de volteo, dirección de giro y un efecto 3D. En la opción de estilo, se pueden realizar ajustes para la parte delantera y trasera para relleno, alineación, posición, tipo de borde, y ajustes relacionados con el icono, título y descripción parecen lejos los parte trasera con ajustes adicionales para personalizar el botón. Y por último, obtendrás el mismo conjunto de ajustes en la pestaña Avanzado. El siguiente es un widget de llamada a la acción. Se trata de una herramienta para crear hermosas cajas que combinan una imagen, algún texto, y un botón. El widget Usuarios y emisiones y efectos CSS para crear interacciones de usuario que aparecen cuando el usuario pasa por encima de la caja. Aquí, bajo la opción de contenido, vas a ajustar la configuración de imagen, contenido y Cinta. Elige el tipo de piel y ajusta la posición de la imagen. Los ajustes de contenido tienen casi el mismo conjunto de configuraciones regulares. Y en la cinta, puedes mostrar un texto inclinado en la parte superior derecha, arriba a la izquierda. Debajo de la pestaña de estilo, hay ajustes para cuadro, botón Contenido y un benigno efectos Harvard. Se puede ajustar la altura, alineación, posición y relleno después de sección con opciones para editar el ancho y alto de la imagen. Después hay opciones de configuración regulares para el contenido y el botón. Debajo de la opción de cinta, puede cambiar el color de fondo, x coloreado, y la distancia desde la esquina, la topografía y la sombra. Y los ajustes avanzados también son los mismos. Siguiente widget es un kit de medios acyl. Se utiliza para crear un deslizador de videos e imágenes. Visita incluye tres pieles. Número uno, ponte impresionante. Es la piel de carrusel giratorio estándar que muestra un número personalizado de diapositivas de imagen o video. Pero pocos. El número dos es presentación de diapositivas. Se trata de un skin de deslizador que muestra una diapositiva primaria y pequeñas miniaturas de imagen a continuación. Número 3 es flujo cubierto. Se trata de una piel deslizante que muestra un tobogán central en la parte delantera y dos sitios luces en la parte posterior. Dentro de cada matada, puedes agregar la imagen o video y tenerlo vinculado a su archivo multimedia o a un enlace externo. El despertar del gueto puede exhibir una mezcla tanto de imágenes como de videos, de actos. Puede cambiar la altura de este efecto de diapositiva y administrar la configuración de miniaturas. En las opciones originales, puede habilitar, deshabilitar la navegación del control deslizante, las opciones de reproducción automática y el tamaño y ajuste de la imagen. Debajo de la pestaña de estilo, puede administrar los objetos visuales, el espaciado, color y la tipografía para diapositivas, navegación, y cuadro establecido. Los ajustes avanzados son los mismos para que los medios también pueden rechazar. Siguiente widget es una cetosis testimonial. Se utiliza. Display es carrusel deslizante de testimonios de clientes en una variedad de diseños. Tiene el mismo conjunto de ajustes y que el estilo de contenido y pestaña Avanzado que ahora puedes explorar fácilmente. Siguiente asistente es mostrar críticas. Muestra un carrusel deslizante de reseñas de usuarios, aunque las opciones de envío son las mismas para este widget ha fallado, pero se obtiene una característica muy beneficiosa aquí. Se puede insertar un icono como un icono de redes sociales y proporcionar el enlace ya sea a la revisión o al perfil de que el espectador. Esto realmente ayuda a construir credibilidad y autenticidad en la percepción de los visitantes. Muy buena línea. A continuación se presenta la tercera tabla de widget de contenido. Se utiliza para insertar encabezados en una sección y los encabezados son rápidos automáticamente desde el contenido de la página basado en los niveles H1 a H6 de jerarquía. A pesar de que los procesos automáticos, tienes mucho control sobre lo que se incluye y tablero queda excluido de la pantalla. Se pueden incluir las etiquetas de encabezado para mostrar y elegir entre el número o viñetas. Bajo las opciones adicionales, puede habilitar el ajuste de palabras para ajustar texto cuando vector de columna no puede acomodar texto largo en una línea, habilitar desactivar el cuadro minimizado para forzar un clic para expandir la tabla de contenido y habilitar deshabilitar la vista jerárquica y contraer los subítems. Debajo de la pestaña de estilo, puede administrar los mismos ajustes de espacio visual, color y topografía para Encabezado de caja y lista los prácticos ajustes avanzados también son los mismos. Siguiente visita es un temporizador de cuenta regresiva. Te permite agregar cuentas atrás a tu página sin el uso de ningún plugin de terceros. Personalizar el temporizador es fácil. Elige entre la fecha de vencimiento o el temporizador de hoja perenne, aunque no hay diferencia significativa entre ellos, puedes cambiar el tipo de vista habilitar desactivar los días, horas, minutos y segundos, mostrar u ocultar la etiqueta y una etiqueta personalizada. Puedes establecer una acción después de que caduque el temporizador y elegir entre redirigir a un visitante a alguna otra página o Neymar de alta tecnología o mostrar algún mensaje personalizado. El estilo y la pestaña Avanzado tiene el mismo conjunto de ajustes que puedes administrar fácilmente. Siguiente widget es compartir botones. Agrega botones de compartir a cualquier página o publicación del sitio web. Este presupuesto es muy importante porque si los visitantes comparten esta página con sus conexiones en las redes sociales, obtendrás más tráfico y obtendrás el control total para personalizar el diseño y estilo del botón compartir. Debajo de la pestaña de contenido, agrega las redes y crea una lista. Se puede cambiar el tipo de vista, mostrar u ocultar la etiqueta, cambiar a tipo de piel, forma, número de columnas, alineación. Y URL de destino que denota la página actual o alguna otra página o publicación a compartir. Debajo de la pestaña de estilo, puedes administrar los visuales y el diseño de los botones y los ajustes avanzados son los mismos aquí también. Siguiente asistente es blockquote. Se utiliza para incrustar cotizaciones de estilo completo. También puedes configurar estos como se hace clic para tuitear ir hacia que los usuarios puedan compartirlos fácilmente en Twitter. Empieza por elegir el tipo de piel, ingresa el contenido creado, habilita o desactiva el botón Tweet de un solo clic, cambia el tipo de vista y la piel del botón Saludo, ingresa la mano de obra y tu nombre de usuario de Twitter. Se puede ajustar el estilo del botón de contenido y borde muy fácilmente y la configuración avanzada y también la misma. A continuación tenemos algunas visitas relacionadas con Facebook para aumentar los sitios web, compromiso de Facebook para que puedas obtener más likes, acciones, e interacciones. El primero es agregar botón de Facebook a la página web. Usando esto, puedes agregar un Facebook como Beta1 para que los visitantes puedan gustar la página web o publicar en la página de Facebook directamente desde el sitio web. Puedes elegir el tipo de acción entre me gusta y recomendar. Disposición, tamaño, color, corto, ocultar el botón Compartir, e imágenes de perfil. Puedes obtener likes para la página actual del sitio web o ingresar la URL de la página de Facebook en Guston. Dado que el estilo sigue las alertas estándar de Facebook. Para que no tengas la opción de editar el estilo. Y el paso avanzado tiene también el mismo conjunto de ajustes para este widget. Siguiente asistente es agregar comentarios de Facebook. Se coloca al final de la publicación para permitir a los lectores comentar fácilmente usando su cuenta de Facebook. Puedes elegir cuántos comentarios mostrar y ordenar. Se pueden mostrar los comentarios para la publicación actual o alguna otra anclando esa URL personalizada. Siguiente widget es incrustar publicación de Facebook. Ayuda a incrustar fácilmente videos de publicación de Facebook o comentarios en la página del sitio web. Puedes optar por incrustar un video de presume o comentario. Se puede obtener fácilmente la URL desde el Facebook haciendo clic derecho y copiar método URL. Simplemente pegado aquí en el campo URL. Se puede habilitar para mostrar el texto completo de la publicación o ajustar la configuración del video. Siguiente asistente es agregar la página de Facebook en el sitio web. Sí, puedes agregar el feed de la página de Facebook en el propio sitio web. Simplemente ingrese la URL de la página de Facebook aquí en el campo de enlace. Y puedes elegir las opciones de diseño para mostrar en el feed como línea de tiempo, eventos y mensajes. Habilita desactivar el encabezado, foto de portada, fotos de perfil, y ajusta la altura de la visita. Los ajustes avanzados son los mismos. El siguiente presupuesto es insertar una plantilla global personalizada en la página. Esta plantilla suele guardarse y sincronizarse con la biblioteca elementor para la cuenta de licencia, puede hacer una búsqueda del nombre de la plantilla acto simplemente insertado. Si deseas editar esta plantilla desde la propia página, publica la página, y luego obtendrás una opción para editar la plantilla tan simple como es. El presupuesto final y Elementor Pro es Lottie. Latae. Los widgets son elementos pequeños y limitados que se renderizan a partir de archivos JSON. Simplemente cargue o haga referencia y archivo JSON externo y ajuste como desee. Este widget mejora la interacción al mostrar contenido animado en la página. Puedes crear una Lottie usando Adobe After Effects o usar algunas animaciones latae prediseñadas. Simplemente haz una búsqueda en Google, lo descargué para subir una mediateca, o bien ingresa la URL para el archivo externo y Elementor. Lo traeremos directamente desde ahí. Elija el título de alineación, ancla, enlace al hacer clic. Debajo de los ajustes, puede ajustar el disparador para la animación, velocidad de reproducción en bucle, el punto inicial, punto final y la reversa. Posteriormente renderizador ser SVG. Para imágenes nítidas y claras, tienes algunas opciones de estilo para administrar el espaciado y los visuales y los ajustes avanzados son los mismos. Entonces estos todos donde visita la sonda que se obtiene con Elementor Pro. A la par de esto, también obtienes algunas visitas al sitio con el elemento o constructor de equipos. Veámoslos también aquí. El primero es rechazo del logo del sitio. Se trata de un veredicto dinámico que se utiliza para insertar el logotipo del sitio web. No serías capaz de cambiar o reemplazar el logotipo desde aquí, pero puedes personalizar los aspectos visuales y de diseño hasta cierto extinto. Siguiente es el widget de título del sitio. También es un asistente dinámico que muestra el título del sitio que se asigna en el personalizador de WordPress. Y aquí también, se puede ajustar el diseño y los visuales del título. Siguiente asistente es el título de la página. Muestra el título de página que se asigna en el editor de páginas de WordPress. Siguiente es Nav Menu. Es lo mismo que el menú de la izquierda que discutimos antes en los dígitos de la sonda. A continuación se encuentra el widget de formulario de búsqueda. Ayuda en agregar una barra de búsqueda en cualquier lugar del sitio web. A continuación se encuentra el mapa del sitio, que crea un sitemap SML estructurado, organizado y accesible del sitio web, que proporciona a los visitantes y motores de búsqueda y fácil acceso con un solo clic a la lista de páginas en el sitio web . A continuación, obtendrás un widget de Yoast SEO pan rallado. Aquí puedes insertar las migas de pan a la página web. Por cierto, ¿qué es una miga de pan? Se trata de un tipo de esquema de navegación secundario que revela la ubicación del usuario en un sitio web. Debió haber visto esto en una tienda de comercio electrónico como esta. Sí, se trata de una miga de pan y se puede agregar mediante el uso del plugin Yoast SEO, que es muy útil para la configuración de SEO en página de la página web. Está bien, así que terminamos con la aplicación de desiertos. Y creo que todos estos elementos son básicos, generales y probamos presupuestos son suficientes para desarrollar la página web interactiva que involucra al visitante y entrega una buena experiencia de usuario. Quiero que pases un buen rato practicando todos estos presupuestos uno por uno para todas las opciones de configuración que están disponibles para cada widget. Vamos, tómate un tiempo y sigue practicando. Y aún así, si necesitas algunos widgets más para mejorar las capacidades de diseño de Elementor que hay muchos plugins de terceros que te ofrecieron más widgets para agregar el elemento de tu elección. Si deseas explorar, recomiendo usar el plugin establecido por bloques Grochow. Esa es una muy buena para realzar el poder de Elementor. Pero no recomendaré usar más plug-ins en el sitio web ya que puede ralentizar la velocidad de carga y algunos de los elementos gratuitos o complementos suelen dar dólares que conducen a errores en la página web. Así que ten un poco de cuidado al elegir el conjunto adecuado de elementos add-on para Elementor. Y lo más importante, estas visitas no sirven hasta y a menos que las aplique para desarrollar el diseño de las páginas web que está listo en la herramienta de diseño, hay que utilizar estos básicos generales y probar widgets para desarrollar toda la web páginas que ya has diseñado en Figma o Adobe XD. simple hecho de saber sobre el funcionamiento de estos widgets no ayudará. Tienes que aplicar los conocimientos. Así que adelante, utiliza todas estas secciones, columnas, y visitas para completar el desarrollo de todas las páginas del sitio web según el diseño que has creado en el diseño. Bien. Está bien, eso es todo para aprender en esta lección y seguiremos en el siguiente video. 37. Configuración de el menú: Ahora, ya sabes desarrollar una página web usando el elemento o widgets, y ya tienes la lista de páginas web, no es momento de crear todas las páginas, completar el desarrollo y llegar al menú de navegación. Lo primero que tienes que hacer es ir a la configuración de lectura aquí y asignar la página de inicio y blog. Seleccione la opción de página estática y asigne el inicio como página de inicio y el blog como página de publicación. Haga clic en guardar cambios. Ahora pasa el ratón sobre la opción Apariencia y selecciona el menú. Aquí, es necesario crear un nuevo menú haciendo clic en este. Dale un nombre al menú. Yo lo estoy llamando menú primario porque va a ser el menú principal de navegación para este sitio web. En la configuración del menú, tienes la opción de agregar automáticamente una nueva página a este menú cuando se crea. Pero usualmente preferimos no hacer esto automáticamente. Se puede agregar manualmente páginas al menú según requisito. Entonces déjalo sin control. Entonces hay que elegir la ubicación de visualización. Ya que estamos creando el menú primario, seleccione la ubicación como menú principal y haga clic en Crear menú. Puede agregar páginas, presumir, y enlaces personalizados al menú. Por lo general, solo necesitas agregar las páginas y enlaces personalizados. Debajo de la opción de páginas tienes tres pestañas. Ver más reciente toda búsqueda de hierro. Puedes hacer click en Ver Todo para obtener la lista de todas las páginas que has creado. Ahora, selecciona las páginas que quieras agregar en el menú y haz clic en agregar al menú. Esto agregará las páginas al menú. Y aquí puedes arreglar el orden de las páginas. Simplemente haga clic, arrastre, arrastre, arrastre y suelte. Se cambia el orden. Puedes ajustar fácilmente el orden arrastrando y soltando. Ahora, cómo crear es el submenú. Para crear un submenú, tendrás que arrastrar el elemento un poco, a la derecha, y soltar. Eso es todo. Se destaca el subítem y ahora es un submenú. Incluso puedes crear submenú de nivel más profundo arrastrando el elemento más justo debajo del elemento del submenú así. Una vez que haya terminado con el pedido, haga clic en Guardar menú para actualizar y publicar. A continuación se presenta el concepto de longitudes personalizadas. Utilizamos un enlace personalizado para crear una opción de menú que pueda tener un enlace externo que lleve a alguna otra página web o para resaltar un pop-up o simplemente un enlace vacío para organizar los procesos del menú de navegación. Muy sencillo. Simplemente dale un título al enlace o ingresó la URL. Eso es todo. Si desea asignar un enlace en blanco, inserte un símbolo de hashtag. Aquí hay una cosa muy importante en la configuración del menú. Si quieres hacer que un enlace se abra en nueva pestaña, ¿cómo hacerlo, entonces? No veo ninguna opción en ninguna parte aquí. Está bien. Entonces, ¿cuántos de ustedes han explorado las opciones de pantalla para cada opción de ajuste en WordPress admin, area, hall, ¿verdad? Entonces aquí están las opciones de pantalla para obtener la opción de hacer un enlace abrir una nueva pestaña, hay que activar la opción yendo a las opciones de pantalla. Espero que debas haber entendido ahora que es muy importante explorar todas las opciones que están disponibles en cada escenario. Estos de oriente a oeste a norte a sur. Dedique algún tiempo explorando el área de administración de WordPress. Lo disfrutarás. Otra cosa aquí, puedes crear múltiples menús para usar en diferentes ubicaciones, como en un pie de página o en alguna parte de la página web. Por lo que parecen los procesos, adelante y empieza a hacer los menús según el requisito. Y con el fin de personalizar el estilo de este menú, no hemos aprendido los ajustes para encabezado y pie de página en el siguiente video. Nos vemos ahí. 38. Personalizar el encabezado y el pie: Hemos aprendido a desarrollar las páginas web usando Elementor, y ahora es el momento de aprender a editar el encabezado y pie de página del sitio web. Ten en cuenta que el encabezado y el pie de página siguen siendo los mismos para todo el sitio web. Por lo que para editar el encabezado y el pie de página, puedes hacer uso de la configuración del equipo o como encabezado personalizado creativo utilizando la función Team builder disponible en Elementor Pro. Aprendamos primero las opciones del equipo como datos disponibles de forma gratuita vía el uso del equipo de Astra. Y nos brinda algunas excelentes características y flexibilidad para diseñar el encabezado y pie de página. Simplemente pasa el ratón sobre la opción Apariencia y haz clic en Personalizar. Este es el lugar donde se puede administrar la configuración del equipo para diferentes opciones como valores globales, encabezado, miga de pan, barra lateral y pie de página. Nuestro escritorio, encontrarás el nombre del equipo activo que estamos utilizando. La primera opción disponible para nosotros es el ajuste global para tipografía, colores, espaciado y botones. No necesitamos usar esto porque ya hemos hecho esa configuración requerida en Elementor. Pero si queremos usar la configuración del equipo, puedes asignar los valores aquí. Volvamos atrás y la siguiente opción es el constructor de cabecera. Esto es en lo que necesitamos enfocarnos en el Personalizador de temas. Tiene la misma funcionalidad que Elementor, y puedes asignar fácilmente el vértice al encabezado principal arriba y abajo del encabezado. Vamos a verlos uno por uno. El primero y el más importante es el encabezado primario. Puedes ajustar la altura del encabezado y debajo de la pestaña Diseño, puedes administrar el peso y el color del Borde inferior. A continuación, se puede cambiar el color de fondo según el esquema de diseño del sitio web. Y luego puedes gestionar el espaciado a través de la configuración de relleno y margen. Entonces es totalmente personalizable. Para ver la lista de widgets disponibles. Haga clic en el icono más y v gate, un número decente de widgets elementales como cuenta, luego HTML, logotipo, menú primario, menú secundario, barra de búsqueda, iconos sociales, y widgets personalizados. Se puede desarrollar fácilmente el encabezado mediante el uso de estos videos. En cuanto al diseño declarado significado, coloquemos un logotipo a la izquierda de la cabecera primaria. Puedes gestionar esos ajustes del logotipo desde el panel de edición izquierdo. Estos son los mismos ajustes como elegir la imagen para el logotipo, cambiar el título del sitio, estoy eligiendo el sitio Eigen o icono de fav. A continuación, bajo la pestaña Diseño, puedes administrar la tipografía para Título del sitio, Act, administrar el espaciado. A continuación, insertemos el menú primario en el lado derecho. Haga clic en él y los ajustes se abrirán en el panel izquierdo. Incluso puedes gestionar la configuración del menú desde aquí que aprendimos en la lección anterior. Crea un menú, edita el menú o cámbialo en nuevas ubicaciones. Puedes manejarlo muy fácilmente. Ahora, debajo de esto, se puede administrar el submenú trabajado y animación de contenedor, junto con una opción para habilitar elemento dividido. Debajo de la pestaña Diseño, puedes elegir el menú Mano estilo Harvard. Estos son realmente buenos para usar. Encontrará algunos ajustes más y aludido al contenedor del submenú, los ajustes de color para los enlaces del menú bajo el modo normal de desplazamiento y activo, ajustes de hidrografía, espaciado de menús y margen. Todo se puede personalizar según el requisito de diseño. A continuación, puedes agregar un botón y diseñarlo usando las opciones de edición. Seguro que ahora puedes gestionar estos colores generales, tipografía, y ajustes de espaciado para desarrollar el elemento. Según el departamento de diseño. Por lo general, solo guardamos estos widgets en el encabezado principal. Hiciste que colocara el botón con iconos sociales e incluso puedes hacer uso de la sección de encabezado anterior. Colocemos aquí a la derecha los iconos sociales. En la sección de hidratos de carbono. Puedes gestionar los ajustes genitales y de diseño para personalizar los visuales. Por cierto, también se puede administrar la altura, los colores y el espaciado para el encabezado anterior. Siéntase libre de agregar los widgets requeridos aquí o en la siguiente sección de encabezado. Bueno, una característica más que obtenemos en el equipo libre de Astra es esa cabecera transparente. Sí, es una muy buena. En su antena transmisora. El apartado de héroes comienza justo desde lo alto de la playa y el encabezado se coloca encima de la sección de héroes, lo que le da un aspecto moderno al sitio web. Haga clic en Activar en el lado Completo y se abrirán las opciones. Puede desactivar el encabezado transparente en ciertas páginas AMP de publicación si es necesario. También puede optar por habilitar el encabezado transparente tanto en el escritorio como en el móvil, o en el escritorio y solo en el móvil. Incluso puedes usar un logotipo diferente para la transparente su muerta si es necesario. En la pestaña Diseño, puede ajustar el borde inferior, la superposición de fondo coloreada y los ajustes de color para el menú y otras opciones de encabezado. Pero ten mucho cuidado con la configuración de color mediante un encabezado transparente porque la sección de héroes actuará como fondo. Y así es necesario elegir el esquema de color con el contraste adecuado para mantener una visibilidad adecuada de los enlaces. Da click en Publicar aquí en la parte superior para guardar vt , aún no ha terminado. Cuando cambias el estado del dispositivo a móvil, obtienes algunos widgets más como el botón de encendido, sección Andy off Canvas. Se puede personalizar el botón de encendido para el campo de glucagón. Y en la configuración off Canvas, puedes elegir entre los diferentes estilos de apariencia de Canvas, posición y alineación. Puedes ajustar los colores debajo de la pestaña Diseño. Si desea agregar más widgets en la sección off Canvas, haga clic en el icono más y seleccione los widgets requeridos. Por lo que de esta manera, puedes personalizar el diseño del encabezado usando los Ajustes de tema de Astra. Y debo ver que estos ajustes son bastante poderosos. Una vez hecho, da click en Publicar y lexico volver. Ahora, la siguiente opción en el personalizador es habilitar las migas de pan si es necesario. A continuación, tenemos Settings y aludido al blog y a los alumnos vívidos en los próximos videos. Entonces, saltémoslo aquí. Siguiente opción es administrar el BOD del sitio, y es más de vidrio gestionado en el propio nivel de página. Entonces dejemos a un niño. El siguiente es el constructor de pie de página. Esto es importante. Al igual que Ha creado el encabezado, ahora podemos desarrollar fácilmente el pie de página también. Aquí también, obtienes el pie de página principal y el pie de página superior y una sección de pie de página inferior. Haga clic en la configuración del pie de página principal y podrá administrar el número de columnas, diseño, ancho y alineación. Y bajo la pestaña Diseño, puedes administrar los colores y el espaciado. Lo mismo para la sección anterior y la sección de pie de página siguiente también. Ahora haga clic en el icono más para agregar los widgets al pie de página. Y creo que ahora es una tarea fácil desarrollarla. Después tienes algunos widgets vacíos y déjanos ver qué todo lo que puedes hacer eso entonces. Empecemos con el número 1. Aquí a la izquierda. En la configuración, puede asignar una visita a esta sección de visita desde una lista de opciones. Se puede elegir entre archivo, reproductor de audio, categorías de calendario, clientes, DML, responsabilidad de secciones seguras, galería emerge, modelamientos, menú de navegación, lista de páginas, comentarios recientes post feeds RSS, un formulario de búsqueda, carga posterior, ext, o un video. Bueno, algunas de estas opciones de visita están desactualizadas, pero aún así puedes usar el texto y la imagen y diseñar el widget personalizado. Descansa todos los widgets importantes como los likens sociales, el menú de pie de página y la etiqueta de copyright ya está disponible para su uso. Podrás relajarte ya que la etiqueta de copyright contiene el código corto para actualizar automáticamente el año. Para que puedas diseñar el filtro con una sencilla interfaz de arrastrar y soltar. Y que no se olvide de optimizar la carpeta para móvil y tablet también. También ten en cuenta que el encabezado y el pie de página seguirán siendo los mismos para todo el sitio web. Por lo que diseñarlo en consecuencia. Y estos todos son los Ajustes de tema de Astra para el encabezado y el pie de página. Ahora, déjame decirte otra forma sencilla crear el encabezado y pie de página para el sitio web usando un elemento de góndolas de plugin gratuito fuera la cabeza que pisó y bloquea plantilla por fuerza de lluvia de ideas. Vamos a instalar rápidamente este plugin y aquí y esa apariencia dada encontrar la configuración para este plugin. Haga clic en él. Ahora da click en agregar nuevo. Este va a ser un diseño personalizado, se inyectará al tema. Dale a este layout nuestro título. Ahora desde el tipo de plantilla, seleccione carpeta. A continuación, seleccione para mostrar en todo el sitio. Ahora da click en Editar con Elementor. Aquí, puedes diseñar el pie de página usando las columnas de sección, widgets ang proporcionados por el elemento odd. Sí, de la misma forma en que desarrollas una página web. Este método podría ser más conveniente para ti ya que ya te sientes cómodo usando el elemento o widgets. El pie de página ahora se puede desarrollar fácilmente según el requisito de diseño. Y cuando tú ni lo hace el área de widgets, encontrarás que este plugin ha agregado algunos widgets más que son de utilidad para crear un encabezado y pie de página. Por lo que puedes utilizar el poder de Elementor aquí y crear un maravilloso filtrado usando este plugin gratuito. Por cierto, se puede crear un encabezado siguiendo el mismo proceso. Simplemente crea un nuevo diseño personalizado y selecciona el tipo como encabezado y se muestra en todo el sitio web. Ahora, diseñado el encabezado usando el elemento los widgets DOD tienen liberal en el panel izquierdo. Haz uso de los blogs y widgets del pie de página del encabezado para que la tarea sea fácil y fluida. Vamos, adelante y dale una oportunidad a eso. Diseñando tu primer sitio web de fuentes de encabezado y pie de página de factores. Por lo que estas son las opciones gratuitas de equipo y plug-in que podemos utilizar para personalizar el encabezado y el pie de página. Y si deseas obtener algunas opciones avanzadas de diseño de encabezado y pie de página, entonces necesitas suscribirte a las pagadas como el Astra Pro o Elementor Pro. Astra Pro es una extinción del equipo Astra. Para mejorar las capacidades de la versión gratuita. Usando esto, podrás crear encabezados avanzados como un encabezado pegajoso o un mega menú. Un encabezado pegajoso es aquel que se pega a la parte superior de la pantalla cuando una escuela de visitantes piedra la página web, es una buena para usar ya que proporciona acceso rápido al menú de navegación sin tener que desplazarse hacia arriba una y otra vez. El próximo año. Característica avanzada es un mega menú. Se trata de una forma organizada de un menú grande, o se puede ver una forma visual del menú. También es bastante efectivo en términos de impacto e interfaz de usuario. Estas son las dos principales ventajas de usar Astrup true para facturación Encabezado y Pie de página. Y aparte de esto, obtienes algunas otras características relacionadas con la configuración de epigrafía, gestión de maquetación para una sola publicación y el blogger dio opción de discurso Andy a nuestros diseños personalizados en el sitio web, lo que básicamente significa inyectando códigos HTML personalizados en diferentes partes del sitio web y páginas web. Esa inclusión personalizada y las reglas de exclusión. Los diseños personalizados son útiles cuando tienes que integrar tu sitio web con otras herramientas como Google Tag Manager o facebook pixel. En general, es bueno suscribirse, pero tenemos otra opción premium para crear el encabezado y pie de página y murió este Elementor a través. Bueno, Elementor no es solo un constructor de playa, es un constructor de equipos muy poderoso y un constructor de páginas de aterrizaje con poderosas opciones de personalización. Usando esto, puedes diseñar fácilmente un pie de página de encabezado personalizado, página de publicación única, plantilla página de archivo de blog, búsquedas y voz y editar 400 cuatro páginas. También obtienes acceso a un enorme pasivo de plantillas para el encabezado sin filtrar. Y puedes importar estos diseños con un solo clic. Bueno, hay tantas características y beneficios de usar Elementor Pro, pero en esta lección, centrémonos en calificar el encabezado y el pie de página. Sólo. El proceso de calificar el alimento de yodo o usar Elementor Pro es casi lo mismo que la edición de la página. Puedes hacer click en, Añadir Nuevo bajo las opciones de team builder, seleccionar un tipo de plantilla como regateado, darle un nombre y dar clic en Crear. Puedes seleccionar las Plantillas aquí para ahorrar tiempo o conjunto azul para construir desde cero. Ahora, al igual que el plugin de bloques de pie de página del encabezado, puedes crear una sección, usar los widgets del sitio y otros elementos o widgets para crear un encabezado personalizado impresionante para el sitio web. Como ya sabéis, podéis personalizar cada parte de la sección y complacer a los widgets deseados para desarrollar el encabezado, Asperger diseñó un glutamato. También puedes pegar el encabezado usando la opción stick y ajustar los márgenes negativos para gestionar el efecto de cabecera transparente. También obtienes algunas opciones de puntero para resaltar el menú en Elementor Pro. Y también puedes crear y por encima de la sección heterosexual y por debajo de cabecera. Una vez hecho, dar click en Publicar, dar click en Agregar condición. Se pueden mencionar sus reglas de exhibición si es necesario. Al igual que generalmente ocultamos el encabezado y el pie de página en las páginas de aterrizaje. Una vez hecho clic en Guardar y Cerrar. Eso es todo. crea un encabezado totalmente personalizado para el sitio web. A continuación, para crear el pie de página, parecen los procesos. Crear un nuevo diseño, seleccionar carpeta, darle un nombre, diseñarlo, asignar la condición y guardar. Eso es todo. Si queriendo en mente que mientras diseñas la Barra de pie de página, asegúrate de usar la etiqueta dinámica de fecha actual para el año de copyright para actualizarse automáticamente en el desierto de alimentos. Y una cosa más, si deseas crear más avanzado a mega menú para algún sitio web, entonces hay un poderoso plugin llamado nosotros inyectar menú por bloques Grupo. Es uno grande, pero puedes usarlo para crear un mega menú súper impresionante para el sitio web. Como dije, puedes personalizar el diseño del sitio web de cualquier manera que te imagines. Y eso también, sin ningún tipo de codificación. Así que solo tienes que seguir adelante y diseñar el sitio web en la herramienta de diseño y construirlo con Elementor usando la sencilla técnica de arrastrar y soltar. Eso es todo para aprender en esta lección y seguiremos en el siguiente video. 39. Fundamentos de un sitio web de Blogs: Entonces, ¿de verdad quieres convertirte en un blogger exitoso? ¿ No hay un blog personal que quieras escribir o es para apoyar el sitio web de negocios o tienda de comercio electrónico? Cualquiera que sea el propósito. Los conceptos que vamos a aprender en esta lección son aplicables tanto a un sitio web dedicado de blogs como a un blog para apoyar el sitio web de negocios. Por lo general, creamos un blog para proporcionar contenido fresco, único, informativo y atractivo a sus visitantes. Dado que el contenido que publicamos en un sitio web de negocios es estático y no cambia, necesitamos tener una sección de blog en el sitio web para seguir proporcionando el contenido de actualización para que el visitante se sienta tentado a visitar el sitio web una y otra vez para la nueva información, un blog es una muy buena fuente de tráfico y los visitantes repetidos en la página web. Así que asegúrate de seguir los conceptos para configurar un blog que apoye el sitio web de negocios, o bien configura un sitio web de blogs dedicado. Puedes configurar fácilmente un blog con tan solo seguir unos sencillos pasos. Ya que ahora ya conoces los pasos para comprar un nombre de dominio, comprar un plan de hosting e instalar WordPress. También sabes instalar los temas y plugins. Y los temas y plugins son de utilidad para ti. Ahora, solo tienes que seleccionar la opción Agregar nueva presume aquí, dar un título a la entrada del blog y empezar a escribir. Eso es todo. No hemos estado aprendiendo más sobre el diseño de la página del archivo del blog y el diseño de una sola entrada en los próximos videos. Y en este video, permítanme decirles algunos conceptos fundamentales de convertirse en un blogger exitoso. El primer paso es seleccionar los temas adecuados para el bloque. Todo comienza con el tema de la investigación en su industria son nicho. Para esto, te recomiendo que te mantengas actualizado en las redes sociales y que hagas uso de herramientas como bebidas de Google o explorando temas. También puedes mantenerte actualizado con Reddit o Cora para llegar a las últimas discusiones de consumidores, impresionados y preguntas. También puedes usar herramientas como BuzzSumo para llegar a un tema de tendencia. Por cierto, ¿qué publica un blog? Una publicación de blog suele ser la forma larga de contenido. Y hay una regla de oro en la industria del marketing digital de que buen contenido y grandes visuales juntos construyen un gran post de forma larga que es atractivo para el visitante. Por lo que para escribir una publicación épica de blog, hay que proporcionar contenido informativo que sea valioso para el lector en una página que está bellamente diseñada usando los colores, formas, y espaciado adecuados. También se puede incluir una tabla de contenidos para facilitar el proceso de navegación y hacer un uso deliberado de radios, visuales de datos e infografías para involucrar a los visitantes. No obstante, la pregunta más grande para todos los que quieran empezar a bloguear es cómo hacer dinero con un blog. Puede haber múltiples fuentes de ingresos. Pero si les digo que dos formas primarias de ganar dinero que estas son la número uno, los anuncios y la número dos, el marketing de afiliados. Los anuncios generalmente son los anuncios de banner que se muestran en la entrada del blog. Y puedes registrarte en Google AdSense para mostrar estos anuncios en tu blog. Se puede ganar dinero ya sea a través de CPC, es decir, costo por clic. Significa que te pagan por cada clic en el anuncio de tu entrada de blog. Y el otro es CPM, eso es costo por 1000 impresiones. Aquí, por cada 1000 impresiones del banner, se te pagará una cierta cantidad. Siguiente es línea muy poderosa o ¿el marketing de afiliados? Es el proceso de ganar una comisión mediante la promoción de los productos de otras personas. Al igual que debiste haber visto bloggers promocionando servicios de hosting como Blue Host n-side crecido, y te proporcionan un enlace para comprar el plan de hosting. Cuando un lector hace clic en ese enlace y compra los servidores, el blogger obtiene una comisión de la empresa de hosting. Para que pueda promocionar los productos a través de texto y agregando un enlace rastreable único que se le proporciona para el producto. Si un comprador hace clic en el enlace y compra el producto, ganarás una comisión. Esa es una fuente muy poderosa de hacer un muy buen ingreso, ya que es un proceso muy emocionante para educar al cliente y promover el producto. Se trata de una situación de ganar-ganar para las tres personas involucradas. Al igual que obtienes una oportunidad de crear contenido de calidad y educar al comprador sobre los productos más valiosos. El comprador obtiene información completa sobre las características y detalles útiles. Comparación en una sola página. Si el comprador hace clic en el enlace y completa la compra, la empresa obtiene ingresos. Y así a cambio de tus esfuerzos, te pagan una comisión. Confía en mí, es una fuente de ingresos muy poderosa y puedes promocionar productos en tu blog muy fácilmente compartiendo contenidos de calidad, educando a los visitantes, y proporcionando enlaces en forma de texto y pancartas. Para ganar dinero a través de blogs, se necesita tráfico en la página web. Entonces, ¿cómo conseguir tráfico? Se trata de una pregunta de 1 millón de dólares. Discutamos algunas maneras de conseguir más visitantes al blog. El modo sencillo de asegurarse de que las personas visitan tu blog es asegurarse de que estén conscientes de que tu blog existe. Puedes promocionar tu blog en redes sociales o a través anuncios de pago en motores de búsqueda y redes sociales, o optimizar el blog para búsquedas y clasificaciones y algunas otras formas. Empecemos con las redes sociales. interacción en las redes sociales es importante. Obtienes un fácil acceso a millones de personas que vez podrían compartir su post de blog con sus amigos y familiares. Todo lo que necesitas es compartir contenido de calidad que sea útil para los lectores y aportar valor a ese conocimiento. Tiempo Ang. Además, ya que quieres que sepan de ti, puedes hacer que sea fácil compartir tu blog colocando botones relevantes para compartir redes sociales en la entrada del blog. Eso es un truco aquí. Se ve que la publicación de blog entre 100 a 2 mil palabras obtiene lo más alto compartido en redes sociales. Si lo ves de otras maneras, esto se puede validar porque cuanto más contenido valioso e informativo brindes al visitante, mejor serás comprometido y alentado a compartir el contenido. Por lo que trató de publicar post de blog de forma larga. También puedes comentar en blogs relacionados. El clave de esta estrategia es asegurarse de que tu comentario realmente agregue algo de valor al post. Funciona bien cuando apenas estás empezando. Y hasta la menor cantidad de tráfico es de valor para ti. A continuación se presentan los anuncios pagados. Los anuncios de pago no son los métodos más baratos, pero a veces es la forma más sencilla de obtener el tráfico inicial. Empieza a ejecutar anuncios de pago y asegúrate de que las personas vean tu blog cuando busquen ciertos términos y naveguen por ciertos temas, y no olvides construir la lista de correo electrónico colocando un formulario de suscriptor en el blog, siempre querrás que repiten visitantes en el blog. Las campañas de email marketing pueden ser un recordatorio consistente de tu blog. Simplemente preparó un boletín informativo, envíalo a los suscriptores, y pronto verás un gran aumento en el número de visitantes repetidos. Ahora, debes estar preguntándote qué tan importante es optimización del SEO o de los motores de búsqueda para obtener tráfico. Sí, esa es la fuente de tráfico más valiosa para un blog. Entonces, ¿qué es SEO? Es la ciencia de asegurarse de que su contenido sea visible primero en una página de resultados de motores de búsqueda y vía CEO. Debido a que las personas tienden a elegir los mejores resultados, alto seas, más probable es que hagan clic en el enlace a tu blog. Y si quieres saber cuántas personas están buscando las palabras clave relacionadas con tu blog. Crea una cuenta gratuita de Google Ads para el Planificador de palabras clave y explora el volumen de búsqueda de palabras clave en los diferentes países. Esto te dará una mejor idea sobre el volumen de búsqueda y el probable tráfico que puedes obtener en el blog. Y si te cuento algunos sencillos consejos para optimizar el blog para SEO, se iniciará con la búsqueda de palabras clave solamente. Tienes que llegar a una lista de palabras clave que la gente está buscando relacionadas con el tema de la entrada de blog que estás escribiendo. También puedes llegar a la lista de palabras clave de alto volumen y potenciales en tu nicho de industria y escribir una entrada de blog relacionada con esos temas. Tienes que asegurarte de que usas estas palabras clave en el contenido, en los encabezados, en los párrafos, y utilizarla en el natural v. Du incluir la palabra clave primaria en el título de la publicación y en las primeras líneas del cuerpo de contenido. También usa palabras clave relacionadas y no intentes hacer relleno de palabras clave. Mantener sólo la densidad de palabras clave apropiada. También puedes usar términos de LSA en el contenido para hacerlo más relevante. A continuación se encuentra optimizar los títulos de Meta y las descripciones de Meta. Estos son los títulos y descripciones que un visitante ve en el discurso de resultados del motor de búsqueda. Es necesario asegurarse de incluir la palabra clave principal en el título y en la descripción. Aquí, debes explicar de qué se trata tu blog y hacer que se vea atractivo y valioso para el lector para que la DEA, tentada a hacer clic en él. Puedes asignar fácilmente los títulos de Meta y las descripciones de Meta usando el plugin SEO usado para WordPress. Encontrarás los ajustes de Yoast SEO en cada entrada de blog o página web. A continuación, factor muy importante para el blog SEO es la experiencia del usuario. Se ve afectado por varios factores como el diseño y diseño del blog, la navegación, la velocidad de carga, y la capacidad de respuesta. Siguiente factor es analizar a los competidores y mantener un cheque en los competidores de alto ranking y tratar de entender lo que están haciendo mejor, puedes obtener inspiración e ideas de los competidores. El último factor universal para el éxito en el blogueo es entregar valor. Cualquiera que sea el contenido que publiques, ya sea en la página web o en el blog, debe entregar valor visitante que es lo eterno pero al éxito. Y también puedes replantear el contenido, como si tuvieras una entrada de blog popular distinta, puedes transformarlo en un video de YouTube o en un episodio de podcast, o presentación o info-grafías. Porque se valida que el tema y el contenido resuena bien con las personas. Una cosa más aquí, puedes compartir tu post de blog en Reddit y Quora como mundo e intentar hacer uso de las redes sociales tanto como puedas. Entonces eso es todo para aprender en esta lección, y seguiremos con más ajustes de bloques en el próximo video. 40. Ajustes de post: En esta lección, aprendamos cómo crear una entrada de blog y cómo diseñar la página de entrada única para crear una nueva publicación, el cursor sobre la opción de publicación y haga clic en agregar nuevo. Es el mismo proceso que crear una nueva página. Puedes asignar un título a la publicación y dejarnos ver la configuración a la derecha. En primer lugar está el estado y la visibilidad. Aquí las opciones son las mismas y tienes una opción adicional para pegar una publicación a la parte superior del blog, como una publicación de blog destacada. A continuación, puedes editar el enlace permanente o URL. Esto se puede editar después de publicar el post también. A continuación, puede agregar categorías y etiquetas. Hacer este post. Ahora, las categorías y las etiquetas son muy importantes desde el punto de vista del blog. Permítanme explicarlo por qué tanto las categorías como las etiquetas ayudan a estructurar el contenido. Categorías, ayudaron a agrupar ampliamente los temas de post, mientras que el impuesto ayudó a describir el post con más detalle. En resumen, las categorías son el método más general para agrupar contenido en un sitio WordPress. Una categoría simboliza un tema o un grupo de temas que están conectados entre sí de alguna manera. En ocasiones un post puede pertenecer a muchas categorías al mismo tiempo. No obstante, quizá no sea la mejor idea asignar más de dos o tres categorías a un puesto. El punto aquí es tener tu contenido ordenadamente organizado de una manera que facilite el acceso al lector. Por ejemplo, un blog de marketing digital puede tener categorías como marketing de contenidos, SEO, marketing de redes sociales, analítica web, diseño y tablero. Por otro lado, las etiquetas se utilizan para identificar una pieza de contenido por algunas palabras clave específicas. Simplemente elige unas palabras que describan un post dado de la mejor manera posible. La principal diferencia entre categorías y etiquetas es la forma en que las usas. Se pretende que las categorías indiquen el enero del puesto. Y las etiquetas, por otro lado, van mucho más a fondo e indican las cosas individuales de las que habla el post. Por lo tanto, puedes usar múltiples etiquetas con una sola entrada de blog. Tenga en cuenta que las categorías y etiquetas están representadas por el término taxonomías en Wordpress. A continuación, puedes agregar una imagen destacada. Y es muy importante porque actúa como una miniatura en la página del archivo del blog. A continuación, se puede insertar una publicación ejercer, que es básicamente un resumen de la entrada del blog y suele ser visible en la página del archivo del póster. Si el extracto está vacío, WordPress crea automáticamente un extracto usando las primeras 55 palabras de la publicación. Las siguientes opciones funcionan igual que para una página. Ahora, diseñar la única página de post es una tarea fácil ya que puedes usar Elementor para diseñar la página según tu requisito. No obstante, existen algunos ajustes relacionados con la estructura de una sola página de correos, lo cual no es tan fácil con un equipo libre como Astra. Para personalizarlo, tenemos que ir al personalizador desde la opción Apariencia, seleccionar aquí la opción de blog y seleccionar Cabeza de Single Post. Se puede modificar la estructura de la única publicación utilizando la configuración del tema. No obstante, existen opciones muy limitadas para personalizar la estructura del único puesto. Aquí, podrás ajustar el vert y gestionar el orden de estructurados y metadatos de la página de publicación única junto con los ajustes de topografía. Eso es todo. Y si utilizas Astra Pro, entonces obtendrás un poco más opciones como habilitar o deshabilitar la información del autor, cargar automáticamente la publicación anterior, ajustar el tamaño de la función para fusionar el color del título y el espaciado del contenedor. Pero aún así, no se puede personalizar la posición de la imagen destacada, y los diseños, como vemos en la entrada de blog de hoy en día. Por lo que estas son las opciones limitadas que obtienes para personalizar el aspecto y la sensación del post de señal usando los ajustes del tema. Por otro lado, si estamos usando Elementor Pro, entonces obtienes más flexibilidad para diseñar el diseño de un solo post. Veamos cómo puedes diseñar una sola publicación con Elementor Pro. Una cosa aquí, antes de crear un elemento o plantilla para una sola publicación, asegúrate de publicar al menos una entrada de blog en el sitio web. cursor sobre la opción de plantillas y seleccione Team builder o simplemente haga clic en Agregar Nuevo y seleccione Single Post como el tipo de plantilla. Dale un nombre aquí y haz clic en Crear. Ahora, tendrás una opción para zumar alguna plantilla prediseñada. Y estos son algunos diseños actualizados muy bonitos que puedes importar fácilmente. Por lo que basta con hacer click en Insertar y estará disponible para editar. Y si deseas crear una plantilla desde cero, definitivamente puedes cerrar la biblioteca y empezar a diseñar el diseño. La estructura básica de un bloque consiste en la sección de cabecera que muestra la imagen destacada, título de la publicación, autor, NFO, y metadatos como fecha, etiquetas y categorías. Asegúrate de tener una entrada de blog publicada antes de crear esta plantilla. Ahora, haga clic en el icono de Vista previa aquí. El Iván, y haga clic en Configuración. En la configuración de previsualización, selecciona Vista previa de contenido dinámico como publicación y escribe el título de la publicación que quieres seleccionar. Haga clic en Aplicar y previsualizar. Ahora aquí comenzaremos a diseñar el post desde cero mediante el uso de secciones, columnas, organizando el contenido en el diseño requerido haciendo uso de las visitas de post dedicadas como post title, que buscarán el título del post de aquel que seleccionados para darnos una vista previa mientras creamos la plantilla y otros. Es libre de diseñar la plantilla de póster como si requisito de diseño usando los widgets y una vez hecho, haga clic en Publicar, agregue la condición para incluirlo en post, y finalmente, haga clic en Guardar. Se crea el Post Template y ahora cada vez que crees una nueva publicación única, se mostrará en este formato. Puede crear plantillas separadas para categorías y autores si es necesario. Elementor theme builder es muy potente y te da muchas opciones para personalizar el look y la sensación sin ningún tipo de codificación. Una vez que la plantilla esté completa, necesitamos enfocarnos en diseñar el contenido de la publicación única. Por lo tanto, ahora discutamos algunas ideas de diseño de tendencias para diseñar la única página de correos. En primer lugar es hacer uso de las Gorras de Broca. Esto lo puedes hacer muy fácilmente en Elementor. Seleccione las etiquetas de número de fundido del editor de texto, y seleccione la opción de tope de caída aquí en la parte inferior. Eso es todo. Es una buena manera de iniciar el contenido post. A continuación es utilizar el borde coloreado. De hecho, una frontera de color singular. Da énfasis y es genial usar para las cotizaciones son aspectos particularmente importantes del contenido. Puedes insertarlo ya sea usando el asistente de blockquote en Elementor Pro Arte mi gradación un borde solo para la dirección izquierda de la sección. También puedes usar el fondo de la sección para poner énfasis en una pieza de contenido en particular. De hecho, se debe utilizar un número decente de imágenes y videos en el contenido corporal ya que mejora el compromiso del visitante. Y también sabemos que el post, que está en forma larga, es decir entre 100 a 2 mil palabras, que entrega el mejor desempeño y el mejor compromiso para el visitante. Así que asegúrate de incluir las imágenes, videos, infografías en tu publicación, y crea un contenido atractivo y de alta calidad para el visitante. También puedes usar sombras de imagen para estilizar la página del blog. Se puede hacer bajo la configuración de estilo del widget de imagen. Siguiente es hacer uso del texto estrella justo debajo del título principal de la publicación se utiliza para dar un inicio enfatizado al blog. Simplemente inserta un encabezamiento debajo del título. A continuación se destacan los subtítulos para aparecer creativos y resaltados. Es útil para descomponer la monotonía de la lectura del convento. Hazlo parecer creativo agregando algún color de fondo. También, hacer uso de los divisores en el diseño de contenido mediante el uso del widget divisor. Siguiente opción es escribir un título de entrada de blog sobre una imagen de fondo. Simplemente seleccione un fondo de sección y coloque el widget de encabezado en él. Siguiente. Y casi una opción de estilo obligatorio es utilizar formularios suscritos en el blog. Es importante construir una lista de correo y actualizar a los visitantes sobre los nuevos acontecimientos, alentándolos a leer la nueva entrada del blog y visitar su blog repetidamente. Se puede hacer fácilmente usando el mago de la firma de etiqueta en Elementor Pro. Siguiente 10. Otra importante es tener dos acciones en el post diseño, sea llamativo para que consigas mejores conversiones. Incluso hay un presupuesto dedicado para diseñar llamada a acciones y Elementor Pro. A continuación se incluyen botones de compartir social para que un visitante pueda compartir fácilmente el blog con esta comunidad. Esto se puede hacer fácilmente utilizando el presupuesto de participación social disponible en Elementor Pro. Otro factor a considerar para la facilidad de navegación y punto de vista SEO es crear enlaces internos en el contenido corporal. Puede agregar fácilmente enlaces a los textos en el editor de texto y ajustar los ajustes para abrirlo ya sea en la misma ventana o en una nueva pestaña. Por último, incluya siempre la sección de publicaciones relacionadas al final de la entrada del blog. Esto se puede hacer creando una nueva sección y agregando un encabezado y un subtítulo. A continuación, coloque el asistente de diseño de postes y seleccione la configuración personalizada para modificar el aspecto de la publicación. Por lo que estos son los consejos y las ideas de diseño que puedes implementar fácilmente mientras diseñas la entrada del blog. Eso dicho para aprender en esta lección. Y seguiremos con la configuración de la página del archivo del blog en el siguiente video. Nos vemos ahí. 41. Ajustes de post Archivo: Una vez que hayas empezado a escribir post de blog y diseñar la página de entrada única, necesitas diseñar la página del archivo del blog es la página donde se enumera toda la colección de post del blog. En la página de archivo se muestra una lista de pausados y se sirve como catálogo para su publicación. Ahora, para personalizar el aspecto y la sensación de la página postdoc dio, empecemos con las opciones gratuitas que nos han etiquetado. Vamos a personalizar, seleccionar Blog, y seleccionar la opción art dio. Aquí, puedes ajustar el ancho, orden estructurado y solo unos pocos ajustes de Tipografía. Eso es todo. No hay opción de personalización significativa de etiqueta en la libre como equipo. A continuación, puedes probar la versión Astra Pro. Aquí obtienes algunas opciones para seleccionar el diseño, número de columnas, administrar el espaciado, habilitar el cuadro de fecha, administrar el tamaño del extracto de post de los colores destacados de la imagen, gráfica Paypal, estoy espaciado. Pero con el fin de personalizar completamente los puestos se dan playa. Necesitas usar Elementor Pro, dirígete a plantillas, Agnew, selecciona el nombre del dividendo del archivo y crea. Aquí de nuevo, puedes importar algunas plantillas prediseñadas para ahorrar tiempo o de lo contrario puedes empezar a crearlas desde cero. Puede hacer clic en el icono Vista previa, ir a Configuración, seleccionar una publicación reciente como el contenido dinámico para obtener una vista previa de la página del archivo. Los procesos mismos y se pueden crear secciones y columnas y utilizar los widgets para diseñar esa plantilla. Una vez hecho clic en Publicar, agrega la condición para mostrar en todos los archivos. Eso es todo. Has diseñado una maravillosa página de post archivo. Y crear una página de archivo de posts impresionante es importante si quieres tener un fuerte impacto en lo visitado. Así que adelante, configura el blog para el sitio web de negocios o inicia tu sitio de blogueo profesional. Eso es todo para aprender en esta lección y seguiremos en el siguiente video. 42. Crear una página de aterrizaje: Al inicio de esta lección, quiero preguntarle, ¿ cuál es la diferencia entre diseñar una página web general y diseñar una página de aterrizaje? Bueno, obviamente habrá diferencias en cuanto a maquetación y contenido. Pero ten en cuenta que la diferencia más significativa está en propósito y acción. A landing page es la página donde vendes productos, obtienes leads Y conversiones de portón. Las páginas de aterrizaje están enfocadas a acciones específicas y deben tener una mensajería clara en el contenido. El objetivo de una página de aterrizaje es mover a los visitantes del sitio web por el embudo de ventas. Dependiendo de la estrategia de ventas podría generar leads que el rayo de marketing puede nutrir, conseguir que los usuarios inicien una prueba gratuita del producto o convertir a los visitantes en prospectos que el equipo de ventas pueda lanzar. Entonces tratemos de entender cómo se puede llegar una página de aterrizaje efectiva en el mínimo tiempo posible usando Elementor. El proceso de diseño es casi el mismo que una página web regular utilizando los mismos widgets, secciones y columnas. Pero lo que más importa el año son los fundamentos para diseñar la página de aterrizaje. Ten en cuenta que tienes solo siete segundos para impresionar al visitante y convertir pedidos, perderás a un cliente potencial. Por lo tanto, intenta diseñar la página de aterrizaje que tenga una primera impresión muy fuerte. Siéntete libre de añadir prueba social en la sección de héroes por encima del pliegue, si es necesario. Siempre lidera con acción en una página de aterrizaje, resuelve el problema de los visitantes de inmediato. También puedes hacer una oferta. No pueden negarse, ofrecerles ofertas, en su lugar ofertas, ofertas tiempo limitado les ofrecían descuentos si un buen modelo de negocio lo permite. Pero siempre mantener y factor de urgencia o de lo contrario el visitante puede no tomar la acción. También puedes educar a los visitantes de alguna manera significativa. No resaltes las características en rostros de BM agitados a los beneficios que obtendrán los clientes de tu oferta. Y evitar demasiada información, tenemos que convencerlos de que tomen medidas, pero no amplíe innecesariamente la longitud de la página. Hacer incluir las pruebas sociales tanto como sea posible y proporcionar un CTA después de cada paso de mensajería. También puedes probar el concepto de agitar problema, y solución en la sección de contenido principal. Empieza con los puntos de dolor o problemas del cliente, luego resalta lo molesto que es el problema y luego los P's con la solución. Después de esta sección, se puede llegar a su sección de transición. Hace esa transición del problema a la solución dentro ofrecida. No coloque aquí el CTA para que el visitante tome acción. Porque si el visitante está convencido, hay que decirle cómo empezar a hacer a continuación. Eso es todo. Reducir cualquier tipo de complejidad y fricción en las formas de contacto. Trató de llegar a formularios simples con la mensajería clara. Lo más importante, asegúrate de que la página de destino esté optimizada para diferentes dispositivos. Bueno, rápidamente he compartido muchos conceptos y fundamentos. Ahora, puedes experimentar aplicando estos conceptos mientras diseñas una página de destino. Por ejemplo, se puede iniciar una página con un titular y un subtítulo pegadizo junto con una imagen impactante para tener la primera impresión fuerte en el visitante. Se trató de incluir tantas pruebas sociales como sea posible, tener una descripción clara con algún elemento de oferta y urgencia, junto con un poderoso CTA. Se puede resaltar la garantía también si está disponible. Eso es todo. Este podría ser el plan de contenido para sus páginas de aterrizaje. Ahora, veamos cómo crear una página de aterrizaje en WordPress utilizando procesos elementales, simples y iguales. Vamos a crear una nueva página, darle un título. Ahora, generalmente necesitamos desactivar el encabezado y el pie de página para la página de destino ya que no proporcionamos muchas longitudes para evitar distracciones. Por lo que puedes desactivarlos desde el menú Configuración aquí a la derecha, si el pie de encabezado se crea usando equipo o bien puedes agregar regla de exclusión en Elementor theme builder o encabezado footer blogs plugin para ocultar el encabezado y el pie de página en la página de aterrizaje. Ahora, edita la página con Elementor. El proceso de diseño es lo mismo que una página web regular. Por lo tanto, simplemente utiliza el elemento o widgets y diseña la página de destino. Hacer uso de llamada a acciones, espumas, y temporizador si es necesario. También puedes hacer uso de animaciones para enfatizar algunos elementos. Y si quieres agilizar el proceso de diseño de una página de destino, puedes usar las plantillas prediseñadas que he etiquetado en el elemento o Biblioteca de plantillas. Podrás previsualizar los diseños e importar la página de aterrizaje completa con tan solo un clic. Simplemente realiza las personalizaciones requeridas en texto y gráficos y tu página de destino está lista. No olvides integrar tu herramienta de email marketing. Si estamos usando quemar con el Asistente de formularios para automatizar el proceso de email marketing. También puedes crear una biblioteca de referencia tomando capturas de pantalla de las páginas de aterrizaje de etiqueta en una variedad de sitios web y plataformas como Behance, Dribbble, y abortos. Estas referencias te ayudarán a conseguir inspiración e ideas. También puedes explorar esas opciones de plantilla de etiquetado en y UE2. Por lo que crear una página de aterrizaje es una tarea fácil para nosotros ahora, usando Elementor. Junto con la página de aterrizaje, también debes crear una página de agradecimiento. Es la página que se carga cuando el visitante remite el formulario? Sí. Después de enviar el formulario, el visitante será redirigido a la página de agradecimiento para que pueda iniciar el proceso de nutrición del plomo. También puedes colocar las etiquetas de conversión en la página de agradecimiento para buscar los datos de conversiones en anuncios de Facebook y anuncios de Google. El proceso de creación y diseño de la página de agradecimiento con Elementor es el mismo. Creo que puedes hacerlo fácilmente ahora. Entonces eso es todo para aprender en esta lección. En el siguiente video, vamos a ver dos conceptos muy importantes que están relacionados con la página de aterrizaje número uno, utilizando los pop-ups para la captura de leads e integración de herramienta de email marketing con formularios Elementor para automatización. Nos vemos en el siguiente video. 43. Herramientas de empaques y automatización: El propósito principal de una página de aterrizaje es capturar leads y obtener convergencia. Podemos utilizar el presupuesto de etiqueta de la firma en Elementor Pro y diseñar formas simples y hermosas y muy efectivas que tengan campos mínimos, etiquetas despejadas y mensajería clara. Pero, ¿qué son los popups? Un pop-up es una pequeña ventana que aparece al navegar por un sitio web o al hacer clic en un botón. pop-ups son útiles porque simplifican ese proceso de toma de decisiones para el visitante al aumentar la visibilidad del paso de acción. Por lo que podemos usar un formulario en línea con el contenido simplemente colocando el objeto o bien podemos asignar un pop-up en el botón CTA. Cuando el visitante haga clic en el botón, aparecerá una pequeña ventana y contendrá la forma para capturar el lead. Esto es lo primero. Veamos cómo puedes crear tal pop up usando Elementor Pro. Ve a plantillas, haz clic en pop up, dale un nombre y haz clic en Crear. Puedes seleccionar algunos pop-ups prediseñados de la biblioteca o bien crear uno desde cero. Creemos uno desde cero. Lo primero que tienes que hacer es ajustar las dimensiones de este Canvas pop-up. Para ello, haz clic en Ajustes aquí en la parte inferior, y llegarás a la configuración emergente. Aquí, puedes ajustar el ancho y la altura. Habilitar posición deshabilitar el botón de superposición y cierre. También se puede asignar la animación de entrada y salida. Después ven a la pestaña de estilo y cambia el color de fondo. Aquí puedes ajustar la opacidad para tener el efecto transparente y mostrar la página de destino en segundo plano. También puedes usar la superposición y personalizar el botón de cerrar. En la configuración avanzada, puede establecer la hora, habilitar y desactivar el cierre de la tecla, superposición o Escape. Las opciones son fáciles y creo que ahora puedes manejar estas cosas según el requisito. Ahora diseñar el pop-up vuelve a ser lo mismo. Haga clic en el icono de la cuadrícula para volver al panel de widgets. Simplemente inserta una sección con una sola columna o dos columnas y comienza a agregar los widgets según el diseño del pop-up. El widget más importante a utilizar aquí es la visita de formulario. Configurar los campos de formulario es como de costumbre, pero asegúrese de agregar que pega acción emergente bajo la acción después de enviar para esta ventana emergente. Por lo que una vez que un visitante llene el formulario en la ventana emergente, la ventana emergente se cerrará. Ahora publicó el pop-up y no agregues ninguna condición ni disparador. Simplemente guarde y ciérrelo. Ahora ven a la página de inicio y abre los ajustes para el botón CTA. Aquí en la opción de enlace, haga clic en la opción de etiquetas dinámicas, y seleccione emergente como acción. Al hacer clic en este icono de llave inglesa, puede ajustar la acción emergente para abrir y luego seleccionar la ventana emergente buscando el nombre. Una vez que gire haga clic en Actualizar, ha creado con éxito un pop-up en el clic del botón CTA. Aquí hay una cosa más importante. Idealmente, los visitantes deberían redirigir a la página de agradecimiento. Después de enviar el formulario. Para redirección, Puedes agregar redireccionamiento en las acciones después de enviar e ingresar la URL de la página de agradecimiento. Entonces, cuando un visitante hace clic en el botón CTA, aparece una ventana emergente. El visitante rellena el formulario y cuando envía, el pop-up se cierra y el usuario es redirigido a la página de Gracias. En la página de agradecimiento, puedes iniciar el proceso de crianza de leads y también puedes colocar las etiquetas de conversión para obtener los datos de las conversiones en anuncios de Facebook y anuncios de Google. Se puede utilizar el mismo proceso para la redirección para cada formulario de captura de leads, ya sea un formulario en línea o un formulario emergente. Bueno, tenemos algunos tipos más de pop up. El siguiente tipo de popup que es importante para que aprendamos para las páginas de destino es el pop-up de intención de salida. Se activa una ventana emergente de intención de salida cuando el visitante mueve el cursor cerca del botón de cierre o de la barra de direcciones del navegador. Se utiliza para volver a atraer a sus visitantes antes de que se vayan. Un pop up bien cronometrado te regala segunda oportunidad de conectarte con los visitantes, duplicando efectivamente las posibilidades de convertirlos. Déjame explicarte el proceso. Si un visitante no está convencido por el contenido de la página de aterrizaje, moverá el cursor hacia la etiqueta de cierre. ¿ Y si les presentas un anuncio pop-up este momento con una forma clara de captura de mensajes y plomo. Para dar una segunda reflexión a la ofrenda. Incluso puedes proporcionarle alguna oferta adicional para fomentar la conversión. Este tipo de popup que aparece cuando un visitante intenta cerrar la página se llama menos VD, la ventana emergente de intención de salida. Y ten en cuenta que va a ser muy importante para tu página de destino. Si vemos el plan de contenido de la emergente intención de salida, entonces debería tener un título CTA que introduzca la oferta, seguido del texto CTA para explicar la oferta, luego la forma de captura de plomo, desalentando ninguna opción alentando enviar texto de botón e imagen para captar la atención. Se prefiere un veterano cercano y el tamaño del buffer para ser pantalla completa con el fondo suave transparente. Ten en cuenta que este pop-up aparece y el visitante pretende salir de la página de aterrizaje sin llenar la firma de captura de plomo. Ahora, para crear una salida intención pop-up procesos parecen. Solo necesitas ajustar el pop de ancho, altura, posición y otros ajustes. Diseña el pop-up. En cuanto al plan de contenido, dar click en Publicar, añadir una condición, Jemio singular. Después elige las páginas y busca el título de la página de aterrizaje. Por lo que este pop-up sólo se mostrará en esta página de destino. Haga click en Siguiente, y obtendremos opciones para elegir el gatillo. Queremos activar el pop-up en la intención de salida. Por lo tanto, habilite la opción en intención de salida de página. click en Siguiente y obtendrás más ajustes para personalizar el gatillo fuera del pop-up ang, segmentación. Haga clic en Guardar y Cerrar. Eso es todo. Has creado el pop-up de intención de salida para la captura de Lee. Bueno, hay otros tipos de hierbas pop que se activan en función tiempo o de la actividad de desplazamiento o barras opt-in o pop-ups interactivos. A pesar de que estos no son recomendados para la página de destino, pero definitivamente puedes usar cualquiera de los pop-up en cualquier página del sitio web según el diseño y estrategia. Y el proceso para crear un pop-up es casi el mismo. Simplemente puede asignar las condiciones y desencadenar según el tipo de pop-up. Eso es todo. Ahora, lo siguiente que tenemos que aprender es el proceso de automatización del correo electrónico. Te daré una visión rápida de este proceso. Una vez que un visitante llene el formulario de captura de plomo, sus datos serán recibidos en el correo electrónico. Pero también queremos poner sus detalles en la lista de audiencias de nuestra herramienta de email marketing. Al agregar al visitante en la herramienta de email marketing, puede enviarle un correo electrónico automatizado justo después del envío del formulario e incluso enviarle una serie de correos electrónicos según la secuencia de correo electrónico de automatización. Bueno, esto se puede hacer muy fácilmente usando las formas Elementor. Se pueden integrar las formas elementales con algunas de las herramientas populares de email marketing como Mailchimp, convertido, goteo, campaña activa, getResponse o me luz LED. El proceso es sencillo. Es necesario integrar la herramienta de email marketing con elemento o yendo a la configuración de Elementor, integraciones y agregando la clave API. Se puede encontrar la clave API en la herramienta de email marketing y agregar en el elemento o configuración de integración, luego hacer clic en validar. Ahora, puedes establecer una acción tras cumbre como Mailchimp, por ejemplo, y seleccionar la lista de audiencias. Por lo que siempre que un visitante llene el formulario de captura de plomo tiene detalles se agregan a la lista de audiencias de Mailchimp. Y se puede automatizar el proceso de envío de correos electrónicos creando una secuencia de correo electrónico. Usted es libre de elegir la herramienta de email marketing requerida según las necesidades de la función y su presupuesto. Mailchimp es ampliamente utilizado convertir bueno como preferido por bloggers y creadores. File Miller Lite es el más económico, pero con un muy buen conjunto de características. Depende de tu requerimiento, pero asegúrate de usar el proceso de automatización del correo electrónico para nutrir a los leads. Y diciendo VonMar, si quieres usar alguna herramienta de email marketing que no está disponible para la integración directa con formularios Elementor, entonces puedes usar Zapier y crear el proceso de automatización. Siéntete libre de explorar Zapier. Se trata de una herramienta muy poderosa. Con esto, me gustaría terminar esta lección y seguiremos en el siguiente video. 44. Integración de Google Tag Manager: Para avanzar más en el curso, es necesario conectar el sitio web con otras herramientas de análisis y marketing como Google y Facebook. Entonces empecemos primero la integración con los productos de Google. En esta lección, aprenderemos cómo puedes implementar Google Tag Manager en el sitio web. Por cierto, los votantes Google Tag Manager. Para entender esto, primero entendamos para pruebas una etiqueta. Ahora, esta etiqueta es diferente a la que aprendimos en la sección de blogs. Bueno, Taxol fragmentos de código los cuales se agregan a un sitio web para recolectar información y enviarla a herramientas de análisis y seguimiento. Puedes usar etiquetas para una variedad de propósitos como seguimiento de scroll, monitoreo de formularios en misiones, realización de encuestas, generación de mapas de temperatura, campañas de remarketing y retargeting, o seguimiento de cómo las personas llegan a tu sitio web. También se utilizan para monitorear eventos específicos como descargas de archivos, lagos en ciertos enlaces, o artículos que se eliminan de un carrito de compras. Bueno, esto fue un poco en el lado técnico, pero todos sabemos que estos datos son muy importantes para el éxito digital. Por lo que para que esta tarea de agregar etiquetas sea fácil para ti, hay un Google Tag Manager. Google Tag Manager es una herramienta con una interfaz fácil de usar y basada en web que simplifica el proceso de trabajo con impuestos. En lugar de agregar etiquetas separadas para Google Analytics, consola de búsqueda y el seguimiento de conversiones de Google arts, solo necesitas agregar código de Google Tag Manager a su sitio web y todos los demás productos de Google se pueden integrar simplemente usando el Google Tag Manager. Y menos cotizaciones en la página web significa ¿qué? Significa que el sitio web se cargará rápido, obtendrás una velocidad de carga más rápida. Entonces déjanos ver cómo puedes configurar el Google Tag Manager en la página web. Hacer una búsqueda de Google Tag Manager. Aquí, haz clic en empezar de forma gratuita, sesión con tu cuenta de Google. Aquí, da click en Crear Cuenta, dale un nombre a la cuenta. Seleccione el país. A continuación, dé un nombre al primer contenedor. Por cierto, ¿qué es un contenedor? Un contenedor establece las reglas para un dominio en particular. Por lo que aquí se puede asignar el nombre como nombre de dominio para una fácil identificación. Seleccione el objetivo como web. Haga clic en Crear. Podrás aceptar felizmente los términos y condiciones y si quieres leerlo, entonces eres libre de leerlo. Haga clic en Sí. Ahora, aquí están los fragmentos de código que necesitamos agregar en la página web. Hay dos conjuntos de cotizaciones que necesitamos agregar. El primero se va a agregar en la parte de La Haya de la página y el otro en la etiqueta de cuerpo de apertura. A pesar de que les he dicho que estaremos creando el sitio web sin ningún tipo de codificación, vite y saudita, Sólo hay que pegar estos dos conjuntos de códigos en la página web. Y es una tarea muy sencilla. Veamos cómo puedes añadirlos al sitio web, copiar la etiqueta, y volver al área de administración de WordPress. Estaremos usando un plugin Header Footer y post inyecciones, instalarlo y activarlo. Ahora mediante el uso de este plugin, puedes agregar las canchas al sitio web en la parte de cabeza y parte del cuerpo para toda la página web. Encontrarás aquí los ajustes de este plugin bajo la opción Configuración. El código que habíamos copiado va a ser añadido a la parte principal de cada página de un sitio web. Así que simplemente pega el código aquí. Igual, copie la siguiente, y péguela después de la etiqueta de cuerpo y haga clic en Guardar. Ahora, vuelve al panel de control de Google Tag Manager, haz clic en enviar para enviar un contenedor, puedes asignar un nombre de versión y haz clic en Publicar. Ahora para verificar la activación de esta etiqueta, tendremos que utilizar una extensión de Google Chrome llamada google Tag Assistant. Instálalo desde la tienda Chrome. Haga clic en Activar y refrescar la página. Ahora aquí verás que se despide la etiqueta y hemos integrado con éxito el Google Tag Manager que el sitio web. Por lo que de esta manera, puedes integrar fácilmente Google Tag Manager con el sitio web mediante el uso de un sencillo plug-in. Veremos cómo puedes usar Google Tag Manager para integrar Google Analytics, consola de búsqueda y las etiquetas de seguimiento de conversiones con el sitio web en los próximos videos, mantente atentos. 45. Integración de Google Analytics: Integrar el sitio web con Google Analytics es casi un paso obligatorio en el proceso de creación del sitio web. Pero, ¿por qué? ¿ Qué es Google Analytics? Google Analytics es una herramienta gratuita de análisis web que ofrece Google para ayudarte a analizar el tráfico del sitio web. Te proporciona los datos de uso de tu sitio web y ayuda a responder preguntas como, ¿cuántas personas visitan tu sitio web? ¿ Dónde viven los visitantes? ¿ Qué sitios web están enviando tráfico a tu sitio web? ¿ Cuáles tácticas de marketing que conducen más tráfico a la página web? ¿ Qué páginas de tu página web son las más populares? ¿ A cuántos visitantes te has convertido? Dirige a nuestros clientes de donde habían sacado arma de visitante convertida y van a la página web. ¿ Cómo puedes mejorar la velocidad de tu sitio web? Contenido del bloque Vd. ¿ A tus visitantes les gusta más? Entonces ahora déjame preguntarte, ¿quieres estos datos que puedan responder a estas preguntas? Dime que sí o no. Bueno, es un sí muy grande. Todo el mundo necesita estos datos porque los datos están molestos. Se puede analizar el tráfico actual y optimizar su sitio web, ir al tráfico del sitio web, mejorar el ROI y hacer crecer su negocio de alcance y demás. Por lo que necesitamos usar Google Analytics y dejarnos ver cómo puedes integrar Google Analytics con el sitio web. El proceso ahora es muy fácil porque ya has instalado Google Tag Manager y estarás implementando el Google Analytics utilizando la interfaz de Google Tag Manager. Vamos a iniciar sesión en Google Tag Manager. Y en la otra pestaña, abre Google Analytics. Al hacer una búsqueda en Google. Aquí, haga clic en empezar a medir. Tendrás que crear una cuenta primero, darle al conjunto nombre entregar, desplázate hacia abajo y haz clic en Siguiente. Dar el inmueble o el sitio web a nombre, seleccionar el tiempo de reporte obtenido NC, click en Siguiente, seleccionar la industria, tamaño de negocio, realizar las selecciones y hacer clic en Crear. Enseñar al país y aceptar los términos y condiciones. Haga clic en Guardar de nuevo aquí, VD para configurar el flujo de datos. Entonces haga clic en web, ingrese la URL del sitio web y asigne un nombre. Haga clic en Crear flujo y copiar la medición AD. Ahora vuelve a las obras de Google Tag Manager POR pantalla y haz clic en añadir nuevo DAG. Haga clic en Configuración de etiquetas aquí, seleccione Google Analytics GA para la configuración es el ID de medición aquí. A continuación, haga clic en ese desencadenamiento y haga clic en todas las páginas. Dale un nombre a esto y haz clic en Guardar. Ahora de nuevo, tenemos que presentar los cambios. Entonces haga clic en enviar, asigne un nuevo nombre de versión, y haga clic en Publicar. Eso es todo. Hemos agregado la etiqueta de Google Analytics en el Google Tag Manager y vamos a verificarla. Abre el sitio web y abre el Google Analytics para que podamos comprobar el informe en tiempo real y ver si el recuento de usuarios está cambiando o no. Sí, puedo ver el conteo de un visitante y V han agregado con éxito el Google Analytics a su sitio web utilizando el Google Tag Manager. Ahora puedes usar Google Analytics para analizar sus datos y tráfico en el sitio web. Siéntase libre de explorar más sobre Google Analytics. Eso es, uh, aprender en esta lección y seguiremos en el siguiente video. 46. Integración de la consolación de búsqueda: En esta lección, aprenderemos a integrar Google Search Console con su sitio web. Entonces, ¿qué es Google Search Console? Bueno, Google Search Console es una plataforma gratuita para que cualquier persona con un sitio web monitoree cómo Google ve su sitio web y optimice la presencia orgánica. Esto incluye ver los dominios de referencia, resultados de búsqueda ricos, consultas y páginas de búsqueda de mayor tráfico, enviar el sitemap, solicitar indexación y conocer los encabezados de las páginas. Se trata de una excelente plataforma para analizar los datos orgánicos del sitio web. Por lo que para integrar Google Search Console, realice una búsqueda de Google search console y haga clic en iniciar. Ahora inicia sesión con la misma cuenta de Google que has usado para Google Tag Manager y Google Analytics. Ahora, es necesario seleccionar el tipo de propiedad, ingresar la URL del sitio web en la opción prefijo URL y dar clic en Continuar. Habían dicho que tu sitio web será autoverificado usando el Google Tag Manager porque ya has integrado Google Tag Manager en el sitio web con la misma cuenta de Google. Si por algunas razones no puedes verificar la propiedad usando Google Tag Manager, entonces puedes seguir el método secundario. Vaya a la configuración en Search Console, haga clic en verificación de propiedad, haga clic en la etiqueta HTML, copie la etiqueta, y pegue esto en el plug-in Yoast SEO. Bueno, Yoast SEO plugin es esencial para optimizar su sitio web para SEO en página y definitivamente lo vas a usar. Después ve a los genitales de Yoast SEO alcanza, haz clic en Herramientas Webmaster, pega aquí un código de verificación y haz clic en guardar cambios. Ahora da click en Verificar y se verificará la propiedad. Así que empieza a usar la Search Console y analiza los diferentes datos e informes disponibles. Seguiremos en el siguiente video. 47. Integración de conversión Google Ads: Por lo que llegué a saber que estás ejecutando anuncios de Google y quieres arrastrar la fecha de convergencia y ejecutar campañas de remarketing. ¿ Eso es correcto? Muy bien, entonces ¿qué son las conversiones? Todas las acciones valiosas que un visitante realiza en el sitio web y que es valioso para su negocio nos llaman convergencia. Es la conversión puede ser, por ejemplo, suscribirse a un boletín, descargar una aplicación, o comprar un producto. El seguimiento de conversiones ayuda a medir que definieron las conversiones y asignarlas a fuentes específicas. De esta manera, se puede averiguar si una conversión resultó de una campaña publicitaria digital, una publicación en redes sociales, o algunas visitas directas al sitio web. Pero rastrear la fuente es muy importante. Para poder arrastrar las reservas, es necesario configurar la etiqueta de seguimiento de conversiones de Google Ads en el sitio web utilizando Google Tag Manager. Veamos cómo hacerlo. Abre tanto las plataformas, Google Tag Manager y los anuncios de Google ahora crean una nueva etiqueta y Google Tag Manager. Haga clic en agregar nueva etiqueta. Ahora haga clic en Configuración de etiquetas aquí, seleccione la etiqueta Linkerd de conversión de Google. En esa opción de activación, seleccione todas las páginas. Dale un nombre a esto y haz clic en guardar. Tenga en cuenta que agregar la etiqueta linger de conversión de Google es un proceso de una sola vez. No se te requerirá que lo añadas la próxima vez cuando agregues un nuevo tanque de conversión. Ahora ve a los anuncios de Google y haz clic en herramientas y ajustes y esa medición, encontrarás la opción de convergencia. Haga clic aquí, haga clic en el icono más para crear una nueva conversión. Seleccione sitio web y rellene los detalles de conversión seleccionando la categoría correspondiente. Después de esto, dar click en Crear y continuar. Ahora para la configuración fiscal, haga clic en usar Google Tag Manager. Obtendrás los valores de ID de conversión y etiqueta de conversión. Copiar eso. Ahora, vuelve a Google Tag Manager y haz clic en añadir nueva etiqueta. En la configuración de etiquetas, selecciona Seguimiento de conversiones de Google Ads. Aquí, pega el ID de conversión y el nivel de conversión. Introducir el valor de conversión y otros detalles es opcional. Ahora haga clic en desencadenar y haga clic en el icono más aquí en la parte superior derecha para agregar un disparado personalizado. Si desea asignar la vista de página de destino como conversión, debe seleccionar el tipo desencadenado por pageview y incendio que se activó en las vistas de página específicas. Seleccione la URL base, contiene, ingrese el dominio y holgura para la página de destino. Dale un nombre y haz click en Guardar. Dale un nombre aquí también, y haz click en Guardar. Ahora para actualizar el contenedor, haz clic en Enviar, dale un nuevo nombre de versión y haz clic en Publicar. Eso es todo. Has agregado el seguimiento de conversiones de Google Ads y ahora puedes realizar un seguimiento las conversiones en anuncios de Google informando mi uso de Google Tag Manager, no necesitarías insertar cabras una y otra vez al sitio web. En cambio, solo tienes que crear nuevas etiquetas y Google Tag Manager y realizar un seguimiento de los diferentes eventos de conversión que ocurren en el sitio web. Está bien, así que terminamos con esto y seguiremos en el siguiente video. 48. Integración de píxeles: El pixel de Facebook es otro encarnado una indicación que debes hacer en la página web. Entonces, ¿qué es un pixel de Facebook? El pixel de Facebook es una gourd, ruego por favor en la página web que recopile datos que ayuden en el seguimiento de las conversiones. Puedes usar el pixel de Facebook para el seguimiento de conversiones, retargeting en crear audiencia parecida, optimizar los anuncios de Facebook para conversiones, optimizar el anuncio de Facebook para obtener valor y obtener más acceso a datos y métricas de duelos. Entonces vayamos al gerente de negocios de Facebook y creemos un nuevo píxel. Aquí, selecciona la opción de gestión de pendientes. Haga clic en Conectar una nueva fuente de datos, seleccione Web y comience. Selecciona píxel de Facebook y haz clic en Conectar. Introduce el nombre y la URL del sitio web, y haz clic en Continuar. Selecciona añadir manualmente el código de píxel a su página web. Copia el código, y puedes crear una nueva etiqueta. Y Google Tag Manager seleccionó el tipo de etiqueta como HTML personalizado. A base de la gourd. Haga clic en Configuración avanzada bajo la etiqueta Configuración de disparo seleccione una vez por página. Y en esa opciones desencadenantes, selecciona todas las betas. Dale un nombre a esto y haz clic en Guardar. Ahora envía el contenedor para actualizaciones y asigna un nuevo nombre de versión. Eso es todo. Ahora para verificar si el píxel de Facebook se está activando o no, necesitamos una extensión de Google Chrome. Golda tiene Facebook Pixel Helper, instálalo desde la Chrome Web Store y actualiza la página. Aquí está, el píxel está rastreando datos y terminamos con configurar el código de píxel de Facebook en la página web. Ahora, puedes realizar un seguimiento de los eventos estándar o crear eventos personalizados desde el gerente de negocios de Facebook para arrastrar datos valiosos que el sector aprende en esta lección y seguiremos en el siguiente video. 49. Agregar chatarra al sitio web: Van a vivir chat y los tableros de chat son una gran herramienta para usar en la página web. Es muy útil para capturar leads o proporcionar una funcionalidad de chat en vivo al visitante. A pesar de que hay tantos plugins de cheques útiles han etiquetado para WordPress y puedes utilizarlos según la necesidad del proyecto y presupuesto. En esta lección, vamos a aprender cómo puedes integrar Facebook Messenger en el sitio web para la funcionalidad de chat en vivo. Vaya a la configuración de la página de Facebook, haga clic en mensajería aquí, localice el mensajero AG a la opción de sitio web y empiece. Personaliza la Configuración de Messenger, colores , alineación, e introduce la URL completa del sitio web. Haga clic en Guardar y copiar el código. Ahora, pegue este código en el plug-in de encabezado y pie de página después de la etiqueta de cuerpo y haga clic en Guardar, vocal. Facebook Messenger está listo en la página web. Eso es todo. Otro plugin que recomiendo usar para el chat en vivo es nítido. Puedes obtenerlo desde el día de la diapositiva del plugin el instalador, y seguir el proceso de configuración. Eso es muy fácil. Crisp cuenta con una aplicación móvil así para atender las consultas de los visitantes en cualquier momento y en cualquier lugar utilizando el teléfono móvil. Y si deseas usar alguna pizarra para recolectar leads, puedes dar una oportunidad para recolectar y R-chart o opt-in chat según las características y presupuesto. Estoy seguro de que no estás familiarizado con la configuración de un plugin para usar en el sitio web. Vamos, adelante y pruébalo. Te veré en el siguiente video. 50. Proceso de creación de sitio web: Así que ahora sabes usar Elementor y WordPress para desarrollar el sitio web en un píxel sitio web perfecto sin ningún tipo de codificación. También conoces los conceptos fundamentales, estructura de una página web, UI y UX, teoría del color, tipografía, copywriting, diseño gráfico, plantillas y diferencias, branding y proceso de diseño, WordPress AG Elementor. Si te pedí que crearas un sitio web personalizado desde cero, podrás hacerlo? Si te pido que crees un sitio web y solo Verna, podrás hacerlo? Y si les pido que creen un sitio web de una sola página, ¿ podrán hacerlo? Obviamente, sí, has hecho ese alimento orgulloso de ti mismo porque ahora puedes hacerlo muy fácilmente. Simplemente sigue el proceso paso a paso según el requisito del proyecto y podrás completar el proyecto de página web con mucha facilidad. Me llevó a refrescar tu aprendizaje y recordar algunos de los pasos que habíamos aprendido para crear un sitio web personalizado desde cero. O empiezan con la investigación y entienden el negocio. Toma un buen resumen del cliente y analiza los competidores para construir una biblioteca de referencia. Después desarrolló una guía de branding y toma comentarios del cliente. Después de este diseño, el sitio web completo, comenzando con wireframe y luego con visuales como imágenes de logotipos y contenido en Figma o cualquier herramienta de diseño de sitio web que prefieras. Asegúrate de seguir tomando comentarios del cliente en todas las diferentes etapas del diseño. Una vez que el diseño esté listo, solo tienes que hacer la configuración de WordPress y usar elemento o visitas para aplicar el diseño y desarrollar todas las páginas web. Integra el sitio web con todas las plataformas y herramientas importantes y asegúrate de optimizar el sitio web para la capacidad de respuesta y velocidad. Eso es todo. Ese es el proceso de crear un sitio web desde cero. Este proceso también podría incluir el diseño de las páginas de destino o la creación de un sitio web de blogs. Y estás listo para manejar ambos. A continuación, si hay un cliente con un presupuesto muy bajo o menos tiempo, incluso puedes crear un sitio web para él y solo un brazo. Para esto, tendrás que usar plantillas. Puedes hacer uso de plantillas de inicio por fuerza de lluvia de ideas, es decir para Astra Theme o bien la biblioteca de plantillas Elementor ambas tienen plantillas de diseño impresionantes. También puedes utilizar las plantillas disponibles en Envato elements. Todas estas plantillas de sitio web están bien estructuradas y organizadas para que puedas importar una plantilla completa de sitio web, realizar cambios en el contenido en cuanto a texto e imágenes y el sitio web está listo para el cliente. Tan solo uno nuestro siguiente, si deseas crear un sitio web de una sola página, que aunque no se recomienda desde el punto de vista SEO. Pero aún así, si sucede que lo creas, el proceso es simple. Sigue los mismos pasos para crear un sitio web personalizado, pero con solo una sola página, esa es la página de inicio. Y para el menú, puedes usar enlaces personalizados que se desplazan hacia abajo a opciones específicas. Para esto, es necesario asignar el ID de SSS a cada sección que desee desplazar yendo a la opción Avanzado. No agregue ningún espacio entre el id Ahora en el Enlace Personalizado asignado la etiqueta del menú, y en la URL, ingrese la URL de la página de inicio seguida con la babosa de id CSS, comenzando con un hashtag, complete el menú, guárdelo. Y aquí está el sitio web de una sola página. Al hacer clic en las opciones del menú, se desplazará a las secciones hacia abajo en la propia página de inicio. Muy bien, entonces creo que ya estás listo con el proceso de creación de la página web y seguiremos en el siguiente video. 51. Optimización de tiempo de carga: La página web que intentas abrir como cargando. Espere por favor, aún se está cargando. Oops, perdón por el retraso, pero aún se está cargando. Espere por favor. Ya casi se ha cargado. Tan solo unos segundos o minutos u horas. Y por último, Haidt es la página cargada por completo. El que odie preguntar bastante rápido, sólo medio minuto para cargar. ¿ Qué opinas? ¿Hablo en serio en esto? No, absolutamente no. Un sitio web ideal debería cargar menos de tres segundos para proporcionar una buena experiencia de usuario. Y los motores de búsqueda también toman muy en serio la velocidad de carga de página como factor de clasificación. Por lo que es muy importante para nosotros optimizar el sitio web para el tiempo de carga para que la página web se cargue preferentemente bajo tres segundos, o el TDAH son más menores de cinco segundos. Es importante acelerar la carga del sitio web para garantizar una mejor experiencia de usuario. Reduciendo el tiempo de carga de la página, reduce la probabilidad de que los usuarios se frustren y elevando la tasa de rebote. Si bien estamos usando Elementor para diseñar las páginas web y los códigos se generan automáticamente en el back-end. Esto es algo fuera de nuestro control para optimizar las canchas. Y tenemos que depender del elemento o arquitectura para cotizaciones limpias. Y déjame decirte, Elementor ha hecho lo suficiente decente para entregar una buena velocidad de carga de página. Pero hay algunas cosas que podemos controlar y optimizar para mejorar el tiempo de carga de una página web. Por cierto, ¿cómo probar la velocidad de carga de página para una página web, alguna idea? Bueno, puedes usar muchas herramientas, pero las más populares son las métricas de GD fijadas en y Google PageSpeed Insights. Así que vamos, adelante y comprueba la velocidad de los sitios web más famosos usando estas herramientas. Y estas herramientas también te proporcionan sugerencias para mejorar la velocidad de carga de página. Aprendamos algunos conceptos que puedes aplicar para llegar a una velocidad de carga de página decente. El primer factor es la ubicación del servidor. Si estás usando algún plan de alojamiento compartido, entonces intenta elegir la ubicación del servidor más cercana a la audiencia objetivo. Mejora la entrega de datos desde el servidor al navegador. A continuación es utilizar un CDN. Un CDN significa red de entrega de contenido, y se refiere a un grupo distribuido geográficamente de servidores que trabajan en conjunto para proporcionar una entrega rápida de contenido de Internet. Tenga en cuenta que un CDN no almacena el contenido del sitio web y no es un reemplazo del servidor web. Solo almacena las vírgenes del cajero y lo entrega rápido para mejorar la velocidad de carga de la página. A continuación es actualizar la versión de PHP en el servidor. Actualice siempre manualmente a la última versión estable de PHP para mejorar la velocidad y el rendimiento. El siguiente es usar un equipo ligero en la página web como Astra. También elimine todos los plug-ins no deseados del sitio web o elimine los plug-ins que están provocando que el sitio web se cargue con lentitud. A continuación, escalar las imágenes para las dimensiones y la resolución adecuadas ya que tener la imagen extra grande no nos sirve de nada, y sólo ralentizará el sitio web. También puedes comprimir la imagen usando pequeño PNG o bien utilizar el plugin como óptimo o un optimizador de tupla W para comprimir las imágenes que subes a Wordpress. Recuerde, reducir el tamaño del archivo de imagen es un factor muy importante para mejorar la velocidad de carga de la página. El siguiente factor es usar algún plugin de almacenamiento en caché. caché de páginas funciona creando una versión HTML estática de su página para atender a los visitantes, en lugar de forzar a su servidor a generar la página a partir de la base de datos y archivos PHP para cada visita. Un plugin de almacenamiento en caché generalmente proporciona minificación, caché del navegador, y compresión zip G, así como algunos buenos plug-ins de almacenamiento en caché son caché de velocidad de luz y cohete WPA. Aquí, la velocidad de la luz es libre, pero el cohete WP es un plugin premium, pero ofrece resultados sobresalientes en comparación con los otros plugins de caché. No obstante, mantente cauteloso en el uso de estos plug-ins de caché ya que a veces rompen el sitio web. Y a menudo necesitamos borrar la caché a intervalos regulares para mantener el diseño de las páginas. Bueno, si todos estos factores no son capaces de traer una mejora significativa en la velocidad de carga de página. Considera actualizar a un buen anfitrión o a un plan superior, o simplemente ve por el hosting administrado de WordPress en Cloud. Eso definitivamente ayudará a mejorar la velocidad de la página y seguir comprobando los datos de PageSpeed utilizando las métricas GET siendo la norma o Google PageSpeed Insights. Y no dejes de optimizar tu puntería la velocidad en menos de cinco segundos. Eso es todo para aprender en esta lección y seguiremos en el siguiente video. 52. Lista de lanzamiento web: Ellos, lo harán entonces, sé que estás emocionado de lanzar el sitio web, pero quiero que te asegures de que no hayas olvidado nada ni hagas algo incorrectamente. Con esta minuciosa lista de comprobación de lanzamiento del sitio web, puedes estar seguro de que has marcado todas las casillas y tu sitio web está listo por el corto tiempo. Hay una serie de tareas comunes que debes realizar para que cada sitio web esté listo para su lanzamiento. Son básicamente las mejores prácticas que cada sitio web necesita seguir. Veamos la lista. El número uno es para comprobar la página de inicio. Comprueba si has asignado correctamente la página de inicio como casa en la configuración de lectura. número 2 es para asegurarte de que has eliminado todo el contenido ficticio y Lorem Ipsum que venía con las plantillas o páginas de muestra. De hecho, se limpió la lista de páginas y se publicaron y se eliminaron todas las no deseadas. A continuación se encuentra desactivar o eliminar los plug-ins no deseados. A continuación se realiza una doble comprobación de la configuración de enlace permanente para la estructura de URL que se establece en nombre de la publicación. A continuación se realiza la comprobación de la dirección de correo electrónico del administrador ya que todos los datos importantes de comunicación y envío de formularios serán recibidos en este correo electrónico. Sólo. Siguiente es revisar la zona horaria. A continuación es comprobar si la indexación del motor de búsqueda no está bloqueada. El siguiente es comprobar la configuración de los comentarios. A continuación se encuentra consultar el título y la descripción del sitio. A continuación se encuentra revisar el ícono fav o el ícono del sitio. siguiente es revisar los formularios para su presentación utilizando algunas entradas de pruebas. El siguiente es crear una página 400 personalizada de cuatro. De acuerdo, entonces lo que hace una página 400 cuatro es la página que se muestra cuando el visitante entra en algún enlace que no existe en tu sitio web. Se puede crear fácilmente esto usando Elementor team builder yendo a agregar nueva plantilla, seleccionando Error 400 cuatro página, dándole un nombre, diseñándolo, publicándolo agregando página de condición 404, eso es todo. El siguiente es configurar una redirección de URL antiguas a nuevas URL utilizando el plugin de redirección. Este es opcional y usa esto solo si es necesario. A continuación es garantizar que el certificado SSL sea válido y las URL tengan HTTPS como protocolo. Siguiente es verificar si todos los enlaces internos están funcionando bien y datos no hay enlaces rotos. Esto es muy importante desde el punto de vista del SEO. Para esto, puedes usar una extensión de Chrome llamada como dinero SEO en. A continuación se encuentra consultar el título de SEO y las descripciones de Meta. Bueno, puedes configurar fácilmente el título y la descripción de cada página web usando el plug-in Yoast SEO. Siguiente es probar los datos de los visitantes en Google Analytics. A continuación se presenta el sitemap y Google Search Console para indexar el sitio. Se puede copiar la longitud del sitemap desde la configuración general de Yoast SEO, luego seleccionar características, hacer clic en la pregunta eigen cerca de sitemaps XML, hacer clic en el enlace, ver el mapa del sitio XML. Aquí, copia sólo la babosa e inicia sesión en Google Search Console. Haga clic en sitemaps y pegue la babosa. Haga clic en Enviar. Ese es el proceso para solicitar el rastreo e indexación del sitio web en Google. A continuación se trata de asegurar la configuración e integración de la herramienta de marketing por correo electrónico con formularios. A continuación se realiza la comprobación de la configuración de las páginas legales. Si bien depende del requisito legal y jurisdicción del país o lugar en el que se encuentre trabajando. Pero aún así se recomienda tener al menos la página de política de privacidad en el sitio web y también actualizada en la configuración de privacidad. A continuación, consultar y optimizar un sitio web para el rendimiento probando el tiempo de carga en métricas GT o Pingdom o Google PageSpeed Insights. En caso de que el tiempo de carga sea mayor, puedes seguir las sugerencias para reducir el tiempo de carga que comentamos en la lección anterior. Siguiente es tener un plan de copia de seguridad para mantener una copia del sitio web en caso de que algo malo suceda, asegúrate de que la copia de seguridad debe usar esté funcionando. Siguiente es asegurar el sitio web usando plugins de seguridad si es necesario. A continuación es asegurarse de activar la licencia de plugins premium para que funcione la función de actualización automática. Y el punto de control final es probar mucho mejor, mejor mano en diferentes navegadores y dispositivos para asegurar que todo funcione bien. Por lo que esta es la lista de comprobación de lanzamiento del sitio web y puedes usarlo para todos los sitios web que crees. Seguiremos en el siguiente video. 53. Beneficios de usar Elementor Pro Vs libres: Elementor es sin duda el mejor plugin de Page Builder de etiqueta para WordPress. Elementor. Es versión gratuita, ofrece posibilidades de diseño ilimitadas. Elementor Pro, sin embargo, empodera el sesgo con herramientas más profesionales que aceleran tu flujo de trabajo y te permiten obtener más conversiones y ventas. Entonces, ¿deberías hornear tu billetera y pagar por Elementor Pro, o estarás bien usando la versión gratuita de elemental? Tratemos de entender los beneficios de usar Elementor Pro. Elementor Pro es técnicamente un add on para el plug-in gratuito de Elementor. Es decir, si compras Elementor a través, tendrás tanto el elemento gratuito de plug-in el elemento o plugin Pro activos en tu sitio web. Primer beneficio de Elementor Pro es que suma alrededor de 13 visitas más para construir la página web. Estos widgets te ayudan a hacer que el diseño de la página web sea más funcional y eliminando la necesidad de utilizar muchos plugins de terceros. Por ejemplo, el widget de formulario te permite construir formularios personalizados, directamente desde la interfaz Elementor. El widget de deslizador te permite incluir deslizadores optimizados de rendimiento. Y la postvisit te permite mostrar tu última publicación en una grilla sin necesidad de ningún plugin de terceros. Yo quisiera poner especial énfasis en las formas visita aquí. Los formularios de contacto son una parte esencial de cada sitio web ya que son los motores para la conversión y el plomo. Elementor pros formas asistente es revolucionario porque todo el proceso de administrarlas es visual. Diseña tus formularios en el front-end, luego conéctalos a cualquier plataforma de marketing de automatización o CRM de tu elección por solo unos clics. También desde el punto de vista del diseño, puedes agregar animaciones y efectos de desplazamiento al sitio web diseñado para un impacto más fuerte con Elementor Pro. A continuación, si estás ejecutando una tienda de comercio electrónico basada en WooCommerce, te encantará la adición de una variedad de widgets específicos de WooCommerce. El siguiente beneficio con Elementor Pro es que obtienes acceso a la biblioteca de plantillas completa. Todos sabemos que Elementor viene con una biblioteca de plantillas muy grande, pero la mayoría de las plantillas están bloqueadas en la versión gratuita y element o pro análogos. Después con elemento o fila, puedes usar cada plantilla de página y bloque que esté etiquetado en la biblioteca. Esto acelerará el proceso de creación de sitios web. A continuación, obtienes el constructor de equipos con Elementor Pro, y agrega nueva y poderosa funcionalidad al sitio web. Con el constructor de temas Elementor, puedes usar la misma interfaz de arrastrar y soltar para construir tu, todo el equipo, incluyendo las plantillas de encabezado, pie de página y post, que de lo contrario es muy difícil de personalizar con la configuración del tema. Además, obtienes el constructor pop-up con Elementor Pro, que es importante para capturar leads. Ayudará en aumentar las ventas y las conversiones. Se puede diseñar el pop-up utilizando la técnica de arrastrar y soltar, asignar condiciones y desencadenadores junto con integraciones avanzadas. Y si eres un codificador parcial, conozco CSS. Puedes agregar CSS personalizado que libere Elementor, pero Elementor Pro te permite agregar directamente lazos CSS a widgets o secciones individuales. Si te gusta usar tu propio CSS personalizado, entonces este es un impulso de productividad muy grande. Siguiente es visita global en Elementor Pro, los presupuestos globales te ahorrarán mucho tiempo si estás planeando reutilizar la misma visita en múltiples páginas. Por lo que para concluir, puedes estar contento con tres elementos o si quieres diseñar un sitio web básico con buen contenido utilizando un equipo flexible como Astra, podrás acceder a las plantillas prediseñadas utilizando el plugin de plantillas de inicio por fuerza de lluvia de ideas. Puedes planear actualizar a Elementor Pro cuando quieras crear diseños complejos y páginas de destino, están usando WooCommerce para configurar una tienda de comercio electrónico. O si quieres team builder y Papa builder y acceso a todo el elemento premium o plantillas junto con visita global y etiquetas dinámicas. Por lo que la mejor parte con Elementor es que puedes comenzar con gratis y actualizar paso a paso siempre que quieras actualizar. Está bien, así que eso es todo en esta lección y seguiremos en el siguiente video. 54. Resumen de costos: Una cosa más que debes estar preguntando que cuánta cantidad total de dinero tendrás que gastar para construir un sitio web. Bueno, para entender esto, dividamos el costo total en dos categorías. Primera categoría es el costo requerido, es decir, el costo obligatorio, lo cual es imposible de evitar. Incluye el costo por nombre de dominio y plan de hosting. Siguiente categoría es el costo opcional. Ese es el costo que puedes evitar si estás dispuesto a sacrificar en características y funcionalidad. Esto incluye el costo por temas y plugins. Empecemos con la primera categoría. Y en ella, lo primero es el nombre de dominio. Bueno, un nombre de dominio es muy económico de conseguir. El costo del nombre de dominio depende de dos factores. Número 1, donde registra su nombre de dominio. Y número dos, qué extensión de dominio quieres usar. El costo de un nombre de dominio puede comenzar desde $5 y subir hasta $50 según la elección de DLD o extensión. Pero en general, se recomienda una extensión com de $10 dot para principiantes y la mayoría de los sitios web de negocios. A continuación se presenta el costo por plan de hosting. Siempre obtendrás un trato especial en el primer año de plan de hosting. Y también puedes comprarlo por un largo plazo para obtener más descuento. En general, el plan estático de alojamiento A2 cuesta alrededor de 80 dólares para el primer año, y Turbo Boost cuesta alrededor de 180 dólares. Y si vas con formas Cloud que un servidor Digital Ocean comienza con $10 al mes. Por lo que el costo básico obligatorio requerido con un alojamiento de buen rendimiento sería en algún lugar alrededor de $90 o de seis a 7 mil rupias para el primer año. Ten en cuenta que este es el costo para la primera página web. Puedes ahorrar mucho dinero si creas múltiples sitios web. Si vas con las formas Cloud, el costo del alojamiento de un año sería poco más que el plan de inicio de hosting A2. Pero aquí hay que hacer el pago mensualmente. No estarías pagando la cantidad de amigo. Esta podría ser una opción más conveniente para algunos de ustedes. Por cierto, obtienes opciones de pago mensuales en hosting A2 también. Por lo que todo depende de tu requerimiento del tipo de servidor y recursos. Por lo que esta categoría uno es ese costo obligatorio para crear el sitio web. Y este es el costo para crear el primer sitio web. Si deseas crear múltiples sitios web, entonces es una situación más rentable para ti porque en el plan de hosting A2, Turbo Boost o DR, puedes llegar a un número decente de sitios web y el hosting de sitios web de PR costo reducirá significativamente. La siguiente categoría es el costo óptimo, y es realmente opcional. Depende de ti comprar los temas y plug-ins según el requisito del proyecto. Si tomas mi opinión y si quieres ahorrar dinero a bordo de los temas y plug-ins, entonces Elementor Pro hace una gran opción porque empaca tanta funcionalidad en una sola herramienta, Ang, a un precio. Por ejemplo, necesitarás las funcionalidades especiales como un constructor de páginas de destino para crear páginas optimizadas de conversión. Si formulario plugin para formularios de contacto y registro, un plug-in de opt-in pop up y email para ir. El listado de correo electrónico es slider plugin para crear la imagen y post sliders es social share button plugin para integrar redes sociales, estarás obteniendo todos estos con solo una suscripción Elementor Pro. Obviamente, puedes comenzar con el Elementor gratuito y actualizar a Elementor Pro en función del número de sitios web que quieras crear. Invertir unos $50 o un $100 o $200 en Elementor Pro es vert porque puedes obtener retornos en forma de conversiones, sellos, y con las características impresionantes podrás cobrar más a los clientes. Por lo que este es opcional, pero uno muy recomendable para invertir para construir sitios web profesionales. Eso es todo en esta lección y seguiremos en el siguiente video. 55. Cómo empezar un negocio de desarrollo de sitio web: Son miles de personas que lanzan nuevas empresas cada año, pero no saben cómo construir sitios web por sí mismos. Y hay tantos negocios y profesionales en funcionamiento que no cuentan con branding adecuado y sitios web actualizados. Algunos de ellos podrían tener sitio web y algunos de ellos tal vez ni siquiera tengan sitios web. Por lo que los nuevos lineamientos todos descienden. Tantas, tantas y tantas líneas están buscando una solución de sitio web. Todos los días. Podrás ayudarlos y llegar a un ingreso de tiempo completo o medio tiempo. Pero si quieres tener éxito de lo habitual, concéntrate en algunas fundaciones para elaborar cuidadosamente el bart de servir a los clientes y ganar dinero. Y estoy muy feliz de compartir algunos conceptos que están relacionados con manejo de clientes e iniciar tu propio negocio de desarrollo de sitios web. Si estás trabajando como freelancer fuera del negocio, eres responsable de asegurarte de que todo funcione como necesita. Tienes que asegurarte de llegar a ganancias. Tienes que llegar a ser realmente bueno en gestión de las relaciones con los clientes y quizás las relaciones con los empleados. Do. También hay que equilibrar ese trabajo de diseño, esa tarea de ventas y mercadotecnia, deslizamientos por lotes, envío de propuestas, gourds, terminando el proyecto a tiempo. Y es realmente una tarea emocionante trabajar en nuevos proyectos y con nuevas pautas para verlos obteniendo reservas de los esfuerzos de marketing. Y sin embargo eso dicen. Entonces. Veamos cómo puedes configurar el negocio de desarrollo de sitios web. El primer paso es escoger un nicho. Obviamente puedes empezar por servir a todas las industrias simios ciegos ANC. Pero sabemos que un jack de todos los oficios puede ser un maestro de ninguno. intentó enterrar especialidad es con el tiempo con tipo específico de persianas. Industrias específicas son tipos de sitios web específicos. Es un hecho que si te presentas como especialista de alguna industria, obtendrás una respuesta más grande y un mendigo pagará por el proyecto en lugar de presentarte como desarrollador web general. Después de todo, tu especialidad ayudará a que las líneas obtengan mejores y más rápidas reservas por el proceso comprobado que seguirás. Tan genial para llegar a una selección de nicho. Siempre asegúrate de que el nicho que estás seleccionando debe tener una buena puntuación y buen número de nueves activos y que puedan permitirse pagar por el tipo de sitios web que obedeciste. A continuación, decide cuáles son todos los servicios que te han ofrecido al glande. El equipo meteorológico estará proporcionando solo desarrollo de sitio web o desarrollo de diseño web o solución completa de branding con consultoría, sin consultoría, SEO, configuración de automatización de correo electrónico, fotografía, videografía. Haz una lista de las soluciones de Wharton que aportarás a los lineamientos. Tenga en cuenta que debe entregar valor en cualquier solución que proporcione. Por lo que judíos, los servicios que puedes brindar eficientemente o llantas de Cuenca para brindar una solución de ventanilla única a los clientes porque las glándulas generalmente preferían asignar un proyecto completamente a una sola agencia, ya que es fácil para ellos seguir. El siguiente es establecer tus metas. ¿ Cuál es la visión y misión del organismo, o como individuo? ¿ Cuáles son las metas financieras? ¿ Cuáles son los objetivos de repetición? ¿ A cuántos clientes quieres atender en un mes? ¿ Qué quieres lograr en los próximos un año o cinco años? ¿ Dónde quieres verte a ti mismo tener un plan para todos estos justo al inicio. Siguiente es establecer la tarifa mismos cargos. Esto es un poco complicado, pero para llegar a esto, revisa a los competidores y averigua cuánto están cobrando. Además, echa un vistazo a los gastos como tu gasto de branding, marketing, fantasma, cuotas de software, cargos de hospedaje, temas y plug-ins, ronda de oficina, sueldo de empleado. Si tienes algo y el contribuyente aprende junto al costo óptimo de tu servicio, entonces el cobro por el sitio web puede variar para proyecto a proyecto. Pero si quieres que tu negocio sea exitoso y quieres sentirte bien con el trabajo que realizas. Tienes que hacer un beneficio no importa lo grande o lo pequeño que sea el proyecto, luego elige un nombre para el negocio que sea fácil de recordar entregando y pegadizo, configurar los requisitos legales como obtener licencias como cuerpo son región operando, y empieza a crear tu branding digital. Por lo menos, debe crear un logotipo, combinaciones de fuentes, la boleta principal, imagen, estilo, y amanecer del contenido. A continuación, construir el sitio web de tu negocio siguiendo todas las mejores prácticas que has aprendido. No olvides incluir los sitios web de muestra para mostrar el portafolio al glande. A continuación, puedes suscribirte a algunas herramientas útiles de gestión de proyectos en caso de ser necesario, como Trello o Asana, como Trello o Asana, que ayudan a gestionar el proyecto e impulsar la productividad. A continuación, encícale con un documento de propuesta y acuerdos de contrato para los servicios que ofrece dos aviones. Por cierto, ¿qué es una propuesta de página web? Bueno, es un documento que contiene una descripción de las soluciones que brindará al cliente junto con el costo del servicio y duración del tiempo. Es un paso muy poderoso e importante en la resolución de líneas de desarrollo de sitios web porque todas las expectativas están listadas y solución se compromete a cierto costo e insertando Dame. Entonces si les digo lo que todos sí incluyen en el documento de propuesta, empiece con la visión general de los problemas y luego mencionó esa solución propuesta, ese horario y precios. Tu solución debe parecer creíble y Verde sí declinó por invertir en la propuesta con un CTA y asegúrate de proporcionar la información de contacto. Esta es la forma ideal de crear una propuesta para el cliente. A continuación, también puedes usar algunas herramientas de seguimiento del dolor, arrastre contable del tiempo que has pasado trabajando en el proyecto. A continuación, crea un perfil en línea para el negocio Lago teniendo una cuenta de Google mi negocio, discurso de negocios de facebook, perfil de LinkedIn y perfil canal de YouTube Estoy listando en Yelp. Después de esto comienzan a encontrar descensos y proyectos. Entonces siempre puedes iniciar este proceso pidiendo referencia a tu familia, amigos, compañeros. Habrá gente a tu alrededor que podría necesitar una solución y tú solo quieres evitarles eso, Oye, tengo una solución. Esta es la forma más rápida de empezar a conseguir la de Klein. A continuación, puedes ponerte activo en redes sociales y grupos para difundir el mensaje en cada uno, ser una red más grande y conocerlos sobre tus servicios. De hecho, puedes aprovechar múltiples plataformas de redes sociales como Facebook, linkedin, Instagram, e incluso Behance, Dribble para conseguir nuevos clientes y proyectos. Tenga en cuenta que lyndon es una poderosa plataforma para conectarse con la gente de negocios de todo el mundo. Haz muy buen uso de ella porque tiene un enorme potencial de generar negocios para ti. A continuación, hacer uso de mercados freelance como 500 freelancer ascendente o elemento o expertos, buscar los proyectos relevantes, ofertar por ellos, e intentar entregar un trabajo impresionante para declinar para construir credibilidad y reputación. Seguir publicando contenido valioso en la página web en forma de entrada de blog e imanes de plomo para iniciar el embudo. Esta es la orgánica y una forma muy sólida de construir una base de clientes. Nunca olvides publicar testimonios en la página web. A continuación, también puedes ejecutar campañas publicitarias en redes sociales de pago y buscar campañas publicitarias para conseguir tráfico en la página de destino e intentar meterlas en el embudo. No obstante, te va a costar una buena cantidad. Pero si puedes manejar que lo haga, es bueno ir. Y por cierto, llegar al oro tampoco es mala idea. Prepara una base de datos e intenta llegar a ellos vía correo electrónico, pero asegúrate de investigar el problema y los estás tratando con una mejor solución. Mensaje personalizado. Nunca, nunca use mensajes generales en el envejecimiento del oro, siempre personalice los correos electrónicos. Funcionará para ti. Para que puedas seguir estos pasos para iniciar tu negocio de desarrollo de sitios web y empezar a conseguir esas líneas. Y déjame también compartir algunos consejos contigo. El consejo más importante es que siempre trató de entregar el mejor valor a los clientes. A continuación, ser siempre fiel al trabajo y darte un 100 por ciento a cada proyecto. Sé creativo, pero siempre ser disciplinado. Siempre segundo hoja de trabajo usted y se adhieren a ella. Crea límites dentro de tu espacio de trabajo así como con clientes. Los fines de semana libres y pasar tiempo con la gente que te importa. Derriba su nombre de obligación al menos una vez al año, conéctese y apoye a otros dueños de negocios creativos que están en la misma industria. Y por último, si quieres tener éxito en el negocio online, debes seguir aprendiendo y debatiendo los conocimientos tomando cursos de AP, leyendo blogs, y asistiendo a webinars. Entonces maneja tu vida laboral en consecuencia ya que la gente tiende a mantener esto como opcional, pero fecha mis palabras, no es opcional. Sólo si sigues aprendiendo, seguirás aprendiendo. Por lo que de esta manera, puedes configurar un negocio de desarrollo de sitios web y empezar a ganar dinero. Te deseo todo lo mejor y seguiremos en el siguiente video. 56. Qué mucho cargar para un sitio web: Precios, el servicio de desarrollo de sitios web es un poco complicado. Siempre hay un decil pasando en mente que si estoy cobrando menos o voy a declinar pagó tanto por mi trabajo. Bueno, no hay reglas estrictas en cuanto a configurar el precio de un proyecto, pero podemos aprender algunos métodos generales para facilitar esta tarea. En primer lugar, ten en cuenta que el presupuesto general del proyecto influye en el producto final. Facilita cuántas características y funcionalidades podrás proporcionar y cuánto tiempo podrás gastar en la UI y UX del proyecto. Por lo que cuanto más presupuesto, más características y tiempo para UI y UX, es una regla simple. Es importante llegar a un precio correcto porque si cobras bajo, no podrás obtener ganancias. Y si cobras más, podrías perder el cliente ante algún competidor. También sabemos que el costo mínimo requerido para construir un sitio web incluye el costo por nombre de dominio y plan de hosting. En tanto que las características adicionales como temas y plugins son opcionales. Ahora bien, si consideramos algunos factores para decidir sobre el precio, el primer factor sería tu nivel de habilidad o experiencia. Cuánto valor puede entregar al cliente en el proyecto. Si has estado trabajando en el desarrollo de sitios web durante bastante buen tiempo y tienes un portafolio muy sólido para mostrar tu trabajo a los clientes. Se hace más fácil para el cliente juzgar la calidad y el nivel de su trabajo y en consecuencia justificar la cantidad que está cobrando por el proyecto. Y si apenas estás empezando, entonces te recomendaría construir al menos unos cuantos sitios web de muestra para exhibir como portafolio de tu trabajo. Confía en mí, podrás obtener un precio decente para la página web si tienes un portafolio para mostrar. El siguiente factor es el tiempo del proyecto. En base a tu experiencia laboral, podrás averiguar cuántos son subproyecto requerirán para completar y podrás obtener más claridad sobre cuánto cobrar en función del tiempo que gastarás en el proyecto. Siguiente factor es el tipo de sitio web. Eso es si se trata de un sitio web de información o sitio web estático, o es una página de aterrizaje con optimización y automatización de conversiones? ¿ O es una tienda de comercio electrónico con pago se va a cobrar? precio depende de la criticidad de las funciones en el sitio web. Siguiente factor es el nicho en el que estás trabajando. Te gusta hacer sitios web para médicos y profesionales médicos, entonces puedes obtener un buen valor para los sitios web que quemas. Pero si estás creando sitios web informativos básicos para algunos vendedores locales, posible que te resulte difícil cobrar fondos altos al proyecto. Siguiente factor es el tamaño de alcance del proyecto. Supongamos que si estás creando un sitio web desde cero con branding e investigación, el precio será mayor en comparación con la actualización un sitio web previamente hecho con algunos cambios menores de contenido. También debes considerar cuántas revisiones permitirás antes de lanzar el sitio web y cuáles serán los cargos anuales de mantenimiento por actualización frecuente, incontinente. Todos estos factores importan a la vez que finaliza el precio de un proyecto de sitio web. Y si el cliente necesita esas características y funcionalidades adicionales de la aerolínea y tienes que tomar la suscripción de algunos plug-ins dedicados para ese proyecto específico, entonces siéntete libre de cobrar alto. Otro punto importante a considerar es la competencia. Consulta cómo cobran los freelancers y agencias por el desarrollo del sitio web en tu región o tu nicho y crea el precio ideal basado en tu nivel de habilidad y características, funcionalidades que estás ofreciendo al cliente. Ten en cuenta que los precios varían en cuanto al país y la ubicación en la que estás trabajando. En algunos lugares podrías obtener un precio bajo, y en algunos lugares podrías obtener un buen precio incluso por un proyecto pequeño, se basa en la condición económica de esa razón. Por lo tanto, intenta llegar a los precios regionales y finaliza el tuyo en consecuencia. Y el último factor a considerar es el valor del trabajo para el negocio del cliente. Déjenme dejarlo en claro. Significa cobrar de acuerdo al valor que entregará al negocio del cliente. Si el sitio web, puedes crear valine gran valor al negocio de declinado, puedes considerar cobrar un precio más alto. Y si el ROI para cliente no es significativo, entonces no se puede obtener el precio premium. Simplemente cobrarás un precio decente. Por lo que una vez que hayas terminado con el precio, completa la propuesta, y envíala al cliente. No olvides mencionar los cargos recurrentes anuales por mantenimiento y hospedaje que el cliente tiene que pagar cada año. Y entonces eres bueno en el trabajo. Estás aportando valor. No habrá negación por parte del lado del cliente. Por lo tanto, sigue entregando valor a los clientes y tu negocio seguirá creciendo todo lo mejor. 57. Recap de curso: Entonces fue realmente un momento maravilloso para pasar contigo. Y espero que debas haber disfrutado del curso. Si te lo digo personalmente, me siento muy feliz de ayudar a la gente a aprender estos conceptos de marketing y branding que les ayudan a construir su carrera, hacer crecer su carrera y a hacer crecer su negocio. Existe un sentido de satisfacción al entregar capacitación a personas como tú. Por lo que quiero agradecerles por pasar su tiempo en este curso y espero haber entregado un buen valor a su carrera y crecimiento. Ahora déjame darte un resumen rápido de los conceptos de Waterloo que has aprendido en este curso. Empezamos el curso definiendo los tres pasos para crear un sitio web que descubra, diseñe y desarrolle. Después aprendimos sobre el establecimiento de metas porque cada sitio web se crea con algún propósito. Después discutimos los fundamentos y conceptos básicos como lo que es un sitio web responsive, nombre de dominio, servidor web, algunas herramientas de productividad para tomar notas, estructura de una página web, cabecera, área de contenido principal y pie de página. Después aprendimos los conceptos importantes de UI y UX, la teoría del color, paleta de colores, topografía en teléfonos, diseño de página. Después aprendimos sobre los principios de redacción de textos y las mejores prácticas para escribir titulares, contenido principal para la página de inicio, blog y página de aterrizaje. Después discutimos los principios de diseño gráfico y aprendimos la edición de imágenes y vectoriales usando Canva y diseñador gráfico. Después de eso, iniciamos el paso número uno en proceso de creación de sitios web, es decir, descubrir. Aquí aprendimos la importancia de entender el negocio, los productos y los servicios antes de empezar a crear el sitio web, aprendimos la importancia de entender a los clientes y el mercado, cómo tomar referencias y construir un biblioteca de plantillas. Nuestro siguiente paso, las leyes para diseñar el sitio web y es muy importante diseñar el sitio web completo. Antes de comenzar ese desarrollo usando Elementor, le ocurrió la guía de branding y utilizó herramientas de diseño como Figma para diseñar todas las páginas web para los tres dispositivos, computadora, tableta y teléfono móvil. Después iniciamos el paso de desarrollo con la comprensión del nombre de dominio. Y también vimos cómo obtener un nombre de dominio gratuito para el sitio web de la práctica. Después aprendimos sobre el plan de hosting, cómo obtener un plan de hosting gratuito para el sitio web de factores, y cómo usar la configuración de DNS para conectar el nombre de dominio con el servidor web. Después de esto, instalamos WordPress, hicimos algunos ajustes comunes de Wordpress, instalamos temas y plug-ins y comenzamos con el proceso de creación de la página web. Después aprendimos a usar Elementor y diseñar las páginas web fácilmente sin ningún tipo de codificación. Bueno, fue la parte más importante para aprender en todo este curso de maestría de la página web. Después vimos cómo construir el pie de página del encabezado, configurar el menú para el flipside, configurar un blog y una página de aterrizaje. Después aprendimos a integrar nuestro sitio web con Google Tag Manager, Google Analytics Search Console, seguimiento de conversiones de Google Ads, pixel de Facebook y un bot de chat. Después se revisaron los pasos para crear un sitio web personalizado desde cero, para crear un sitio web en un solo arte, y para crear un sitio web de una sola página. Después aprendimos a optimizar el tiempo de carga del sitio web, ocurrió una lista de comprobación de lanzamiento del sitio web y entendimos los beneficios del elemento o a través, junto con la visión general de costos para crear un sitio web. Entonces, finalmente, compartí algunos consejos sobre cómo iniciar un negocio de desarrollo de sitios web y cómo cobrar por un proyecto a los clientes. Entonces todos estos son los conceptos y técnicas que aprendimos en este sitio web Curso de maestría sin codificación. Espero que haya sido metas realmente y conocedoras y prácticas para ti. Y tengo la esperanza de que aplique todos estos conceptos en su trabajo y obtenga un gran éxito. Y no lo olvides, tienes que completar la tarea y compartir el enlace del sitio web conmigo que revisaré personalmente y te daré comentarios. Una vez más, les agradezco por aprender conmigo y todo lo mejor. Hazlo bien. 58. Qué sigue: Enhorabuena, ya estás terminada con el aprendizaje del curso y ahora debes seguir adelante y crear un sitio web de práctica. Puedes compartir el enlace conmigo y revisaré personalmente el sitio web. Siéntase libre de tomar comentarios sobre cada paso de la etapa de desarrollo y seguir estratificando las dudas tan pronto como aparecieron. Una vez que haya terminado con el sitio web de primera práctica, podrá comenzar a construir los otros para construir un portafolio sólido para exhibir a los clientes. Y una vez que hayas completado los pasos para iniciar el negocio de desarrollo de sitios web, puedes empezar a tomar proyectos. Puedes trabajar a tiempo completo o medio tiempo como individuo, como freelancer, o puedes construir tu propia agencia digital. E incluso después de eso, si necesitas alguna ayuda de buy-side, siempre estoy aquí para ayudarte. No hablar de las próximas cosas. Hay tantos conceptos relacionados con el SEO, marketing en redes sociales, google Arts, email marketing, blogging, marketing de afiliados, y mucho más cosas de marketing lejano que aprender para ti. Voy a estar llegando con más cursos sobre todos estos temas útiles y creo que te ayudará aún más a hacer crecer tu carrera y negocio. Así que mantente atentos y mantente conectado. Te estaré actualizando con los nuevos cursos ya que están listos para la inscripción. Está bien, así que muchas gracias. Y hay un último video que viene después de esto. Nos vemos ahí. 59. Comparte tu comentario, y las historias de éxito: Está bien, así que ahora he terminado de hablar y ahora es tu turno. Yo quiero que me digas cómo fue la experiencia del curso. Te solicito que te tomes un tiempo y me brindes retroalimentación sobre el contenido y la calidad del discurso. Si es posible, por favor proporcione una retroalimentación detallada para que pueda entender lo todas las cosas están funcionando para usted y aspectos de botella necesitan ser mejorados en las puntuaciones de mi sitio. Y si este curso te entregó valor y transformó buenas carreras, por favor comparte tu historia en forma de un breve video explicando nuestro viaje antes del curso y después del curso. Agradeceré de verdad su retroalimentación y apoyo. Una vez más, les agradezco y les deseo todo lo mejor para el trabajo que se avecina. Y estaré aquí siempre porque tienes acceso de por vida a este curso. Entonces, donde quiera que te apetezca revisar un tema, simplemente reproduzca los videos una y otra vez y otra vez, tanto como quieras. Todo lo mejor.