Crea un sitio de Wordpress sin código

1. Introducción: Hola, en este curso te enseñaré a crear un sitio web de una página con WordPress y elemento, o esta es la forma más fácil de construir sitios web. Y esto lo recomiendo encarecidamente a los principiantes ya que puedes agregar texto, imágenes y otros elementos en tu sitio web en tiempo real y puedes moverlos a tu alrededor unos clics. Lo mejor de esto es, es que no tienes que ser programador, así que no necesitas saber ningún código en absoluto. No sé cómo construir sitios web como pasatiempo, y estoy seguro de que podrás ejecutar estos dos en poco tiempo. Entonces, si estás listo para aprender a empezar a construir un sitio web con WordPress y elemento o visual para el discurso de checkout. Como cubrí todo lo que necesitarás saber, incluyendo SEL, viendo el curso. 2. Cómo elegir tu dominio, alojamiento y configuración de correo electrónico: Hola, y bienvenidos al curso. Ahora antes de sumergirte en cualquier cosa, tendrás que comprar un hosting y un dominio. El dominio es básicamente la URL de tu sitio web como Google que están de mi lado aquí. Y el hosting es tu servidor donde realmente tendrás tu sitio web. Así que solo puedes ir a Google y escribir servicios de hosting si no tienes uno. Y luego aquí tenemos algunas opciones populares. Godaddy es otra opción popular también. Pero para este curso, escogí hosting o simplemente porque esta opción es popular. Entonces, una vez que ingresas al sitio web, por ejemplo vamos al aguijón de host. Esta opción, te irás y hospedarás. Y aquí tenemos hosting WordPress. Y escogí la segunda opción porque también tenemos el dominio incluido. Y esto es gratis solo por el primer año, entonces tendrás que volver a pagarlo. Y solo cuesta $10 al año, lo cual es bastante barato. Así que solo selecciona la segunda opción, que en realidad es la mejor porque también tienes el dominio y tienes todo lo que necesitas incluido. Y una vez que vayas a la configuración, te pedirán el nombre de usuario y la contraseña de tu sitio web de WordPress, y prácticamente el nombre de nuestro sitio web y todo. Una vez que hayas pasado por este asistente y hayas terminado con la compra, serás redirigido aquí. Este es un panel de host único, y harás clic en Administrar. Irás al panel de WordPress. Una vez que entres aquí, solo asegúrate de habilitar esta opción. Dice certificado SSL. Asegúrate de que esto esté activo. Lo que esto es básicamente la extensión a tu sitio web. Entonces si miras aquí, en la URL, tenemos HTTPS antes del dominio real, ¿verdad? Entonces esta es básicamente una versión segura de su sitio web porque tenemos un bloqueo aquí. Entonces si hago clic en él, dice Como dice, esa conexión es segura. Entonces esto es básicamente lo que hace este certificado SSL. Básicamente es una capa extra de protección para tu sitio web. Y cada sitio web debería tenerlo. Bien, así que una vez que actives esto, podrás entrar en tu panel de WordPress. Tienes dos formas de meterte en ello. El primero es entrar aquí y hacer clic en Editar sitio web. Entonces si solo hago clic en él y solo dejo que se cargue. Y así es como aparecerá por primera vez. Simplemente puede omitir esto para que pueda hacer clic en este logotipo de WW aquí en la parte superior izquierda. Y este es básicamente nuestro panel de WordPress. Y vamos a hacer algunos cambios aquí. Pero quiero mostrar otra cosa. Digamos que fuiste a acceder al dashboard de una manera diferente. Hay una manera más. Simplemente puedes abrir una nueva pestaña en tu navegador. Solo tienes que escribir tu nombre de dominio que compraste. En mi caso, es este one.com slash WP menos admin. Esto es lo que tienes que escribir para poder acceder al área de administración. Pero de mi lado no va a aparecer. Sólo déjame usar otro navegador. Voy a usar este. Y tendrás que introducir el nombre de usuario y la contraseña que usaste cuando creaste por primera vez el hosting o cuenta y realizaste la compra para el sitio web. Entonces tienes que agregarlos aquí y podrás iniciar sesión en el panel de control. Entonces así es como puede ingresar al tablero. Puedes usar el nombre de usuario o simplemente puedes entrar en hosting o panel aquí y dar clic en Editar sitio web. Algo más que tendrás que hacer. Tendrás que ir a la pestaña de correos electrónicos. Ya hice uno para mí. Pero una vez que hagas clic en él, verás una interfaz diferente aquí. Y tendrás una opción gratuita de crear tu correo electrónico. Harás clic en él y luego serás redirigido aquí. Déjame mostrarte. Bien, voy a hacer clic en cuentas de correo electrónico, crear una nueva cuenta de correo electrónico, y verás esta opción. Entonces básicamente tendrás que crear un correo electrónico personalizado para tu dominio porque eso luce profesional, por lo que no usarás Gmail o algo más. Entonces por ejemplo I. Crearé uno que diga contacto en mi dominio.com. Aquí, ingresarás la contraseña y darás clic en Crear nueva cuenta. Y eso es más o menos todo. Ahora tenemos un correo electrónico personalizado para tu dominio. Y la forma en que usas este dominio, por ejemplo, puedes agregar este correo electrónico en tu aplicación de Gmail o cualquier servidor de correo electrónico que quieras usar. Y la forma en que lo haces es entrando de nuevo en correos electrónicos, voy a dar click en esta flecha. Y esperemos un poco. Y aquí tenemos la opción de configurar app de escritorio. Y aquí tenemos los ajustes de configuración. Entonces, si quieres usar este símbolo para Gmail, por ejemplo, déjame mostrarte. Voy a entrar en make.com. Voy a entrar aquí, agregar otra cuenta. ¿Bien? Y voy a hacer esto. No quiero usar un Gmail. No creo que pueda hacer esto desde mi cuenta real de Gmail para Chrome. Necesito hacer esto desde mi teléfono. No creo que esté disponible en escritorio. Tendrás que usar otra app. Creo que esto funciona con Outlook, por ejemplo , déjame abrir, cerremos este. Y si abro Outlook, Outlook tendrá esa opción. Por lo que no está disponible para la dirección de correo electrónico. Sí, solo contactaré al laboratorio en x service.com. Bien. Y ahora me pregunta qué tipo de hemólisis. Y aquí, como pueden ver, déjame regresar. Éste. dos opciones de conexión a este correo electrónico. Seleccionará éste. Voy a tener que introducir mi dirección de correo electrónico y contraseña y estos dos servidores y los puertos. Entonces seleccionaré TOP. Tendremos que ingresar el servidor, que es POP oscuro apretado en ese correo electrónico. Y el puerto es 995. Y luego tenemos el servidor saliente, que es el mismo, en realidad es diferente. Smtp punto python punto correo electrónico. Y entraremos al 4651. ¿Bien? Y seleccionaremos SSL, TLS. Y para éste también. Tengo la opción de seleccionar la raíz cuadrada de cifrado. Sí. A continuación, voy a introducir la contraseña aquí. Y ahora deberíamos poder conectarnos a este nuevo correo electrónico. Sí. Se agregó con éxito. Sí, eso fue más o menos todo. Ahora estoy conectado a este correo electrónico. Como puedes ver, así es como inicias sesión en un correo electrónico personalizado. Estos son los pasos. En realidad es bastante fácil porque tenemos la configuración aquí. Y de otra manera, Digamos por ejemplo que no usaste host singer y usaste otro servicio de hosting que muy probablemente usará cPanel. Entonces este es el panel popular y el más popular en realidad. Entonces aquí tenemos un montón de pestañas. La forma de crear un correo electrónico aquí está en la sección de correo electrónico. Vas a cuentas de correo electrónico, vas a Crear. Y aquí ingresarás el correo electrónico deseado, más o menos lo mismo y la contraseña. Y luego volverás a ser redirigido a los ajustes de configuración. Entonces eso es bastante fácil. La forma en que accedes a WordPress desde aquí es desplazándote hacia abajo y tienes el administrador de Wordpress aquí abajo en la categoría de software. Y tienes dos formas de tala. Puedes hacer clic en Iniciar sesión y serás redirigido al Panel de WordPress instantáneamente. O puedes hacer clic en Administrar usuarios, agregar usuario, y puedes crear un nuevo usuario para iniciar sesión en el panel de WordPress usando el enlace de administración de WP como te mostré antes. Entonces así es como te metes en el panel de WordPress. En el siguiente video, voy a explicar al panel de WordPress y también instalaremos los plugins. Te diré exactamente por qué es eso. Y si, eso es prácticamente todo. Al ver el siguiente. 3. Instalación y personalización de temas: Ahora que estamos en WordPress, lo primero que tienes que hacer es entrar en la pestaña de apariencia y darás click en temas. A partir de aquí, agregaremos un nuevo tema aquí en la parte superior. Y agregaremos un tema llamado Astra, que es este. Este es el mejor tema gratuito que encontrarás. Haremos clic en Instalar y luego lo activaremos. Tenga en cuenta que aquí hay muchos temas y también hay muchos temas personalizados. Y hablaremos de eso en un video posterior en este curso después. Entonces activaremos este y luego lo personalizaremos. Por lo que ahora está instalado, nuevo tema activado. Y haremos click en Personalizar aquí. Como pueden ver, ahora, tenemos un montón de opciones aquí. Cada tema tiene estas opciones. Básicamente. Algunos tienen más, otros tienen menos. Así que simplemente haremos clic en global y solo te mostraré cada uno de ellos. Entonces aquí en topografía, básicamente podemos cambiar las fuentes para nuestro sitio web, todas las fuentes. Pero queremos cambiar las fuentes desde aquí, usaremos una especie de complemento o aplicación que nos ayudará a cambiar las fuentes prácticamente en todas partes del sitio web. Entonces queremos usar los presets de aquí. Pero solo te estoy mostrando esto para que ellos también estén aquí. Entonces tenemos los colores. Puedes cambiar los colores desde aquí. Y también podremos cambiarlos con elementor más adelante. Se puede cambiar prácticamente el color del enlace. Como puedes ver, este es un botón aquí que dice página de muestra desde el menú. Si pongo el mouse sobre él, el color cambiará a negro. Por defecto, el color es azul. Para que podamos cambiar estos colores aquí. Se pueden cambiar los colores de los encabezados, que son los títulos, los textos del cuerpo, que es éste, la descripción básicamente o el párrafo. Y puedes cambiar los colores para bordes, fondo lateral, y así sucesivamente. Entonces tenemos contenedores. no tendrás que cambiar nada Aquí no tendrás que cambiar nada porque nosotros cambiaremos esto de Elementor. Así que vamos a retroceder botones más o menos la misma historia. No va a cambiar esto a partir de aquí. Bien, editor de bloques, quieres usar este. Tiene nuestro constructor. Esto es importante. En nuestro sitio web, tenemos encabezados y pies de página. El encabezado es la parte superior del sitio web. Entonces es éste de aquí. Aquí, básicamente podemos agregar nuestro logo en la parte superior. Podemos cambiar nuestro menú y podemos agregar algunos elementos extra como los íconos sociales que agregué aquí. Entonces, por defecto, quieres tener cualquier cosa aquí. Simplemente puede hacer clic en el sitio, el título y un logotipo, por ejemplo, y seleccionar un logotipo para su sitio web. Así que solo puedo navegar y seleccionar mi logo, que es este. Y haré clic en Seleccionar y saltaré el recorte al recortarlo. Y como pueden ver, el logo ya está ahí. Así que solo puedes ajustarlo, hacerlo más grande o más pequeño. Bastante fácil. Y por defecto, también tendrás habilitada esta casilla. Simplemente lo deshabilitará. Así que Intune muestra más el texto. Entonces solo puedo agregar algunos íconos sociales, por ejemplo y lo dejaré así. Entonces sólo voy a hacer clic en la parte posterior, de nuevo de nuevo. Y vamos a ir por el siguiente, las migas de pan. Tampoco tienes que cambiar esto. Si solo lo agregas. Básicamente agregará la ubicación exacta donde se encuentra ahora mismo en el sitio web y la mostrará todo el tiempo. Entonces esto no es útil. Esto se usa principalmente en sitios web de comercio electrónico. Tenemos productos, así que sabes exactamente en qué categoría te encuentras en esa página web. En nuestro caso, este será solo un sitio web de un paginador, por lo que no lo usaremos. Seleccionaré el non, e iré por la siguiente categoría. Entonces tenemos blog. Queremos usar el blog. En este curso específico, solo nos enfocaremos en construir un sitio web de una página. Entonces no voy a ir por estos ajustes. Estos son básicamente solo el diseño. ¿Está bien? Simplemente voy a hacer clic en publicar porque no quiere volver atrás. Sucede de vez en cuando, esto es un error, así que solo tendrás que actualizar la página y luego funcionará. Tenemos diseños de página, más o menos lo mismo. No tendrás que cambiarlos desde aquí, barra lateral, esto es para el blog, no lo vas a cambiar. Entonces tenemos el constructor de pie de página. Es más o menos lo mismo que el encabezado. Entonces tenemos tres secciones. Puedes agregar hasta tres pies de página, y también puedes agregar hasta tres encabezados también. Tenemos diferentes diseños como puedes ver aquí tenemos como columnas libres. Aquí tenemos sólo dos, y aquí tenemos sólo uno. Básicamente, puede hacer clic en copyright, por ejemplo y cambiar este texto cuando lo desee. Puedes agregar un menú aquí. Podemos agregar íconos sociales o algunos elementos extra simplemente haciendo clic en este botón más. Y puedes hacerlo agregando un menú de pie de página. Si quieres iconos sociales y widgets, iremos por los widgets más adelante. Básicamente puedes agregar lo que quieras. Mediante el uso de un widget, puedes agregar imágenes, calendarios, lo que quieras. Muy bien, vamos por el siguiente. Rendimiento. No tienes que tocar a éste. Identidad del sitio, icono del sitio, que es el icono del sitio, básicamente este pequeño resplandor que ves aquí en la parte superior. Puedes cambiar este con tu propio logo del sitio web. En mi caso, mi logo no está en forma cuadrada, así que puedo encajar esto. Ahora solo lo seleccionaremos para que veas cómo aparece. El avance no es bueno por lo general, pero se mostrará después cuando refresque la página. Entonces aquí hay un adelanto de la misma. Como puedes ver, no es la mejor opción que tengo, pero si tienes un logo que es de forma cuadrada, se mostrará aquí como puedes ver. Yo sólo lo guardaré para este curso. ¿Está bien? Y luego volveré y tenemos menús. Aquí. Verás todos tus menús. También puedes crear un nuevo menú, pero crearemos un nuevo menú desde el tablero y te mostraré más adelante. Entonces tenemos widgets. Otra vez. Podrás agregar estos widgets desde la sección de encabezado y pie de página por la que pasé anteriormente. Y trabajaremos en ellos más adelante en la configuración de la página principal del curso. Esto es importante aquí, tendrás que seleccionar una página estática y tendrás que crear una página de inicio. Por defecto. No tienes una página de inicio. Entonces crearemos uno en el siguiente video. Pero solo para que lo sepas, puedes cambiarlo desde aquí y debes cambiarlo. Porque si lo dejas así, tu sitio web será un blog por defecto. Entonces es por eso que deberíamos repasar la página estática y seleccionar la página principal. Entonces haremos esto más adelante. Entonces tienes CSS adicional. Y esto es estrictamente para codificar, pero no usaremos ningún código en este curso. En el siguiente video, voy a mostrar los plugins y te mostraré exactamente lo que son para ver el siguiente. 4. Cómo instalar los plugins: Ahora es el momento de entrar en la sección de plugins. Entonces vas a ir a los plugins, plugins instalados. Y vamos a quitar todo de aquí. Harás clic en éste para seleccionar todo. Y en acciones masivas, seleccionarás los activar si están activados. Así que ve a la activar, aplicar. Después los seleccionarás de nuevo. Y seleccionarás, eliminarás y volverás a aplicar. Y ahora instalaremos solo los plugins útiles. Así que asumirás Agregar Nuevo aquí. Y añadiremos los siguientes plugins. Entonces los plugins son básicamente aplicaciones que nos ayudarán a hacer diferentes cosas en WordPress. Entonces necesitarás editor clásico. Este, dará clic en instalar. Ahora. Esta hará que la interfaz sea más fácil para crear páginas en WordPress. Y luego haces clic en Activar. Agregar nuevo. Instalaremos otro llamado Yoast. Este, Instalar. Ahora de nuevo, este nos ayudará con la optimización de nuestro sitio web. Entonces buscaremos efectivo a la velocidad de la luz, que es este. Este también nos ayudará con la optimización de nuestro sitio web. También aumentará la velocidad de nuestro sitio web. Ahora buscaremos otro llamado duplicado. Publicar. Éste. Otra es la página 404. El primero. Ahora tendremos que buscar un plugin para nuestros formularios de contacto, que se llama formulador. Exactamente éste. Y otro llamado Elementor. Este es nuestro creador de sitios web. Y podrás crear tu sitio web en tiempo real. Y es muy fácil de usar. Simplemente puedes arrastrar y soltar texto, moverlo de aquí a allá. Y dos, va a ser súper fácil. Entonces veamos si olvidé algo. Los tengo a todos aquí. Entonces estos dos, cookie, GDPR y el SSL Simple. Tan Simple SSL. Ssl es básicamente un certificado de seguridad. Y este plugin activará ese certificado si éste, si aún no está activado. En mi caso, ya está activado porque ves este icono de candado aquí cerca de mi nombre de dominio. Si hago clic en él, dirá que la conexión es segura porque tengo ese certificado, el certificado es válido, ¿verdad? Así que solo instala este plugin en caso que tu certificado SSL no esté habilitado. Y uno más, necesitaremos esta cookie plugin GDPR. Así que acaba de instalar éste también. En realidad, no este, porque hay muchos y se ven similares. Esta una cookie como GDPR. Entonces borraremos ese e instalaremos éste. Tienen el logotipo de Yahoo un poco. Entonces es más o menos similar. Y ahora iremos a la sección Plugins instalados. Y eliminaremos este cumplimiento GDPR. Y activaremos los otros. Por lo que las acciones masivas se activan, aplican. Y te diré en fin lo que harán todos y cada uno de ellos. Así que voy a hacer clic en saltar aquí y dar clic en Activar SSL. No tienes que hacer otra cosa, puedes simplemente ignorar todo desde aquí. Y entrarán en plug-ins. Entonces 404 página, esto es básicamente cuando alguien ingresa una URL incorrecta para tus sitios web. Entonces, si voy a mi sitio web y mi error, escribo otra cosa. Entonces por KCSO resultado com slash como D por ejemplo este es el foro para página, pero haremos un foro separado para página que tendrá un botón. Cuando alguien que haga clic en ese botón, lo redireccionará en la página principal. Entonces, si van mal a algún lado, solo los reenviaremos en la página principal. Entonces eso será útil para que no salgan de nuestra página. Entonces tenemos al editor clásico, como te dije, esto simplificará la creación de la cookie de páginas como GDPR. Esto es necesario. Básicamente cada sitio web tiene esto. Entonces, cuando vayas a un sitio web, tendrás que aceptar las cookies. Estoy bastante seguro de que conoces esta copia y eliminas publicaciones. Podrás copiar fácilmente publicaciones y páginas con este plugin. Por lo que simplificará todo. Elementary es nuestro creador de sitios web. Formulator sería el plugin que usaremos para crear formularios de contacto. Mejoramos la velocidad de nuestro sitio web. Este es el certificado y esto también nos ayudará a optimizar un sitio web. Entonces estos son los plug-ins que usaremos. Y en el siguiente video, te mostraré el plug-in Elementor y cómo funciona. 5. Cómo entender el panel de control de Wordpress: Vamos por el tablero del bit, y te voy a mostrar lo que es lo más importante aquí dentro. Entonces tenemos el paso post. El primer paso es para el blog. Entonces, cuando estés haciendo tus entradas de blog, entrarás aquí y darás clic en agregar nuevo. También puedes seleccionar la entrada de blog que quieras. Puedes eliminarlos, o puedes editarlos. Puedes hacer lo que quieras desde aquí. Digamos que estoy borrando éste. Y quiero crear uno nuevo dando clic en agregar nuevo. Aquí agregarás el título de la publicación. Entonces digamos diez formas para un estilo de vida más saludable. Y aquí voy a escribir lo que quiera al respecto. Entonces puedes agregar imágenes, puedes agregar enlaces, y lo que quieras. También tienes algunas opciones aquí para alinear el texto, negrita, y así sucesivamente. Entonces así es más o menos como haces una publicación de blog. Es muy, muy sencillo. Aquí tienes algunos predeterminados, como prácticamente algunas plantillas o presets para estas publicaciones específicas de blog de sangre. Pero solo puedes quedarte con el estándar si quieres. Es bastante fácil. Aquí crearás las categorías para la entrada del blog. Entonces digamos que esta está en la categoría de salud. Simplemente agregue una nueva categoría, llámela salud y agréguela. Y seleccionarás esa categoría para ese puesto específico. Muy sencillo. Aquí, ingresarás las etiquetas. Estos son muy importantes y debes agregar etiquetas que sean específicas de tu tema. Entonces en este caso tenemos salud, podemos agregar fitness, estilo de vida, y así sucesivamente. Todo depende de lo que estés escribiendo. Estas pruebas son útiles porque girarás, le dirás al buscador exactamente lo que es importante en este artículo específico. Y prácticamente Google sabrá exactamente cuándo mostrar este artículo en función de las palabras clave. Entonces, sí, así es como agregas una publicación. Y harás clic en publicar, y luego tienes el enlace aquí y podrás acceder a él donde está. Tienes la sección de categoría, la sección de impuestos, para que puedas gestionarlos desde aquí. Eso es simple. Entonces tienes la sección de medios. Aquí. Tendrás todas tus imágenes y videos y archivos. Entonces tenemos la sección Páginas aquí. Simplemente puede crear un agregar nuevas páginas para su sitio web. Bastante simple. La sección de comentarios es para el blog. Aquí podrás ver todos los comentarios para tu blog. Tienes comentarios aprobados pendientes y podrás aprobarlos o rechazarlos desde aquí. Entonces tienes Elemental, que es nuestro plugin y las plantillas, esta es la cookie enchufando para GDPR. No tienes que hacer nada más o menos con esto. Puedes cambiarlo si quieres. Para que puedas personalizar el banner que aparecerá. Si hago clic en el banner de Vista previa aquí, lo verás. Entonces así es como aparecerá en mi página web. Por lo que tendrás que hacer clic en Aceptar, también aceptar las cookies, y así es como aparecerán y siempre podrás hacer cambios en las cookies. Así que es prácticamente totalmente automatizado. También tendrás que crear una página de cookies para tu sitio web. Entonces aquí tenemos algunas opciones y estoy bastante seguro de que puedes hacer clic en Personalizar Banner y podrás seleccionar una página para tus cookies. Déjame ver si este plugin nos permitirá hacerlo. Aviso de cookies o derecho? Etiquetado, rechazar, leer más. Sí, exactamente. En esta sección de la etiqueta, puedes habilitar el enlace Leer más y podrás insertar la URL a insertar la URL a tu página específica para tu cookie o política de privacidad. Entonces tendremos que hacer una página para eso. Pero si entro en páginas y abrí esto una nueva pestaña aquí, verás que por defecto, WordPress ha hecho uno, pero tenemos algunos textos aleatorios agregados por ellos. Entonces, si quieres cambiarlo, tendrás que cambiarlo. Así que solo puedo copiar este enlace desde aquí, por ejemplo, derecha, y solo ingresarlo en esta URL. Y cuando hagan click en leer más, serán redirigidos aquí. Pero antes de esto, tendremos que hacer algunos cambios que son importantes. Entonces tendrás que entrar en la configuración aquí y otra lectura aquí, tendrás que cambiar esto. Entonces la página principal muestra la página principal porque si hiciste una, harás clic en guardar cambios para que tu página ya no aparezca como blog. Y algo más bajo permalink aquí. Deberá cambiar el formato al nombre de la publicación. Así que de esta manera estás los enlaces aparecerán con tu nombre de publicación Exactamente. Entonces hay muchos formatos como puedes ver, pero este es el más relevante ya que no tiene números ni fechas ni nada. Y haremos clic en Guardar aquí también. Entonces tendremos algunos ajustes generales. Puedes cambiar el título de tu sitio, tu lema, que es la descripción de tu sitio que aparecerá en Google. Esto es importante. Tendrás que escribir algo relevante aquí que incluya palabras clave. Son nicho específico para nuestra base, para nuestro negocio. Entonces, si solo busco en Google, digamos servicio de reparación de bicicletas, solo puedo mirar mi competencia. Y más o menos mira, mira lo que escribieron. Y puedo tomar algunos ejemplos y escribir algo así para mí, ¿verdad? Puedo simplemente tomar algo de aquí y de esta descripción y escribir algo para este sitio web. Pero no voy a escribir nada para esta demo. Pero entiendes la idea. Aquí. Puedes cambiar la zona horaria de tu sitio web, el formato de hora, formato de fecha. Tan bastante sencillo de entender. Déjame ver si es algo más importante que necesito mostrarte aquí. Siempre se puede mirar en los plugins y así sucesivamente, pero vamos a entrar en ellos más adelante. Aquí tenemos los widgets. Entonces déjame mostrarte cuáles son estos. Esta es la barra lateral principal. Entonces esto es para el blog. Así que siempre puedes editar esto, cambiar los textos desde aquí si quieres traducirlo o escribir algo más en lugar de esto, puedes hacerlo. Esto es para el encabezado. Entonces puedes agregar un widget para el encabezado, y luego puedes, podrás agregar esto más adelante si solo personalizas el tema como lo hicimos anteriormente aquí, y podrás agregar cualquiera de esto. Simplemente puede hacer clic a través de navegar por todos y verá que tenemos muchos widgets aquí. Así que básicamente puedes agregar todo lo que quieras en el encabezado y pie de página. Entonces tienes calendarios, por ejemplo, puedes agregar esto en la carpeta, pero son demasiado grandes y no se verán bien, así que no deberías usarlos. Pero puedes agregar lo que quieras. Esto es solo una, solo una referencia para que sepas exactamente lo que puedes hacer. K. Y luego tenemos los menús. A partir de aquí, crearás los menús. Entonces simplemente escribimos el nombre del menú, digamos menú principal, Crear. Y puedes agregar las páginas directamente desde aquí. Los detectará automáticamente. Entonces WordPress detectará esto por nosotros. Y también puedes agregarlos por enlaces personalizados. Entonces, si quieres usar el ancla de menú del que hablé o del que hablaré en realidad en el siguiente video. Tendrás que ingresar la URL aquí, como tu sitio web, por ejemplo.com, slash hashtag y una parte específica de tu página, Digamos que tienes sección Servicios en tu página principal. Entonces, cuando alguien haga clic en este botón, serán redirigidos a esa parte específica de la página. Pero voy a mostrar, voy a mostrar un ejemplo también para que podamos entender esto. Pero básicamente, crearás el menú desde aquí. Puedes agregar el enlace y el texto que se mostrará, digamos contáctanos por ejemplo o contacto. Para hacerlo sencillo y agregar el sitio web con el enlace específico. Simplemente agregaré el sitio web simple ahora mismo. ¿Verdad? Así que solo puedo agregar un botón de inicio en el menú también. Y más o menos lo que quieras de los servicios. Y así creas el menú desde aquí, y luego seleccionarás lo que esto representa. menú principal es el menú principal y el menú fuera de Canvas es para el móvil. Así que siempre toma el menú principal y tú fuera del menú de Canvas al mismo tiempo. A menos que quieras crear un menú diferente para el móvil. Pero siempre debes quedarte con estos dos. Y luego haces clic en Guardar y se crea ese menú. Aquí tienes el botón crear un nuevo menú. Entonces, si quieres hacer un menú para el pie de página, puedes crear un menú para el pie de página. Simplemente agregue el menú de pie de página como nombre, por ejemplo y seleccione el menú de pie de página aquí, y haga clic en Crear. Y luego solo agregarás botones como lo hice con el anterior. Entonces es bastante fácil de entender. Entonces esto es más o menos así. Cuando se trata del tablero, cómo funciona. Aquí hay muchos botones, pero no tendrás que hacerlos vivir. A lo mejor los usuarios también es importante porque puedes agregar otros administradores para acceder a tu sitio web de WordPress si lo deseas. Así que haces clic en Añadir Nuevo aquí. Se agrega el nombre de usuario para ese usuario, un correo electrónico y la contraseña que se genera automáticamente, ¿verdad? Por lo que es bastante fácil de usar. Y aquí seleccionarás el rol para ese editor de usuario específico para que pueda editar todo en tu sitio web, desde texto hasta imágenes y así sucesivamente. Alpha es estrictamente para el blog. Entonces, si quieren crear una entrada de blog o una pequeña entrada de blog, lo harán, podrán hacerlo dándoles el rol específico. Entonces sí, así funciona y es muy fácil desde aquí también. Entonces estos son los más importantes desde el tablero. Al ver el siguiente, y voy a explicar cómo funciona Elementor. 6. Elementor - estructura de sitios web: secciones y columnas: Ahora crearemos nuestra primera página y hablaremos de Elementor. Entonces entraremos en páginas, todas las páginas. Y por defecto tendrás algunas páginas creadas aquí. Eliminaremos esta página de muestra haciendo clic en la papelera. Y vamos a dar click en agregar nuevo aquí en la parte superior. Y crearemos una nueva página llamada home. Después darás clic en Publicar. Ahora sólo puedo hacer clic en editar con Elementor y puedo editar esta página. Entonces, como explicación simple, los sitios web se dividen en secciones y columnas. Entonces, ¿cómo funciona esto? Básicamente, si hago clic en este botón más aquí, seleccionaré una estructura para esta sección específica. Básicamente puedo dividir una sección en múltiples columnas. Digamos que estoy seleccionando esta. Tenemos dos columnas. Entonces ahora tenemos una sección que es este borde azul, y dentro de ella tienes columnas. Esta es una columna que puedo arrastrar y mover. Y esta es otra columna. ¿Correcto? Ahora, cada sección y columna tiene algunos ajustes. Entonces, si hago clic en estos seis puntos aquí, dice Editar sección, simplemente voy a hacer clic en él. Y estos son mis ajustes. Así que aquí tenemos en la pestaña Layout, tenemos el ancho del contenido en caja. Y deberías dejarla así. Si haces clic en ancho completo, solo mira lo que pasa. Tenemos el límite de estas columnas. Se extenderá todo el camino a la izquierda y a la derecha. Entonces puedes hacer esta pantalla completa, pero esto no se verá bien. Entonces debería ir con caja. Ahora tenemos brecha de columnas. Esto básicamente aplicará una brecha entre la propia columna y lo que está dentro de ella. Rara vez uso esto, así que no deberíamos molestarnos con ello. Esta es la altura de la columna. Entonces, si selecciono ajustar a la pantalla, por ejemplo ahora esta columna será tan grande como mi pantalla. Si selecciono una altura mínima, solo puedo ajustar la altura así. Así que bastante fácil, ¿verdad? Simplemente puede agregar una imagen de fondo detrás de él, por ejemplo, ya que puede simplemente ajustarla desde aquí. Ahora tenemos posición de columna. Sólo puedo ajustar estas columnas a la parte superior o inferior, derecha. Así que bastante fácil. Alineación vertical, no te molestes con ello, desbordamiento, no te molestes de ello. Y no tienes que usar nada de esto. Algo importante es la pestaña Estructura. Esto básicamente dividirá estas secciones y cambiará el formato. Entonces así, tendrás uno más pequeño y este es dos veces más grande que el primero. Y éste invertirá prácticamente la forma en que se ve. Entonces, si por ejemplo queremos agregar más columnas, simplemente puedo hacer clic derecho en una columna y tenemos una nueva columna. Ahora tenemos tres de ellos. Y si vuelvo a entrar en Ajustes para esta sección sobre la estructura, ahora tenemos diferentes layouts porque tenemos tres de ellos. Así que prácticamente puedes jugar con las estructuras como quieras. Sí, así que es bastante sencillo. Ahora tenemos la pestaña de estilo. En la pestaña de estilo tenemos múltiples opciones. Entonces bajo fondo, tenemos dos opciones, Normal y hover. Hover significa que cuando pasas mouse sobre un determinado elemento, se comportará de manera diferente. Entonces esto funciona prácticamente para cada elemento que agregarás aquí, texto, imágenes, lo que quieras. Aquí dentro. Digamos que estoy agregando un fondo. Tenemos múltiples opciones. Puedo seleccionar un fondo simple, clásico o color si quiero por ejemplo bastante simple o una imagen. Aquí tenemos la opción de gradiente. Así que básicamente podemos hacer una combinación entre dos colores. Para que podamos tener un trasfondo diferente. Entonces puedo agregar tal vez algo como esto. También puedes cambiar la ubicación de los colores, el ángulo, el tipo. Así que bastante fácil de entender. Simplemente puedes jugar con él si quieres. Simplemente eliminaré esto y agregaré una imagen de fondo. También puedes agregar un video, como puedes ver aquí. Tienes las opciones para hacer que el video se reproduzca de nuevo. Comienza desde una segunda vez específica, el enlace de YouTube y así sucesivamente. También puedes agregar la presentación de diapositivas de múltiples imágenes. Bucle infinito significa que esas imágenes cambiarán continuamente y se repetirá básicamente, la duración, cambiará una vez cada 5 s, 1,000 milisegundos es 1 s. tipo de transición, diferentes animaciones, cuánto tiempo lleva que el tipo de fondo de transición específica. Entonces solo puedes jugar con estas opciones son solo mostrarte ¿qué es eso? Entonces, si selecciono por ejemplo una imagen como portada, seleccionaré esta. Crear, insertar. Y ahora, por ejemplo, este efecto clave Burns agregará un bonito efecto de zoom a mi imagen. Pero primero tengo que hacer algo, tengo que seleccionar portada. Y debería funcionar, pero tiene algunos problemas. Entonces, permítanme cambiar esto. Seleccionemos el ajuste a la pantalla. Y volveré a entrar en estilo. Y vamos a intentarlo ahora. Debe haber algún sesgo porque suele funcionar. A lo mejor si añadimos uno más, lo arreglará. Agreguemos una imagen más. Y voy a añadir, digamos éste. Sí, y ahora funciona. Como puedes ver, se acerca la imagen lentamente, lo que en realidad se ve bastante genial. Entonces, si quieres cancelar este bucle infinito, solo podemos hacerlo usando esto. Y no va a hacer esto para siempre, ¿verdad? Entonces es bastante genial. Ahora bien, si elimino esto también, por ejemplo y quiero agregar una imagen simple. Puedo hacerlo haciendo clic en clásico y seleccionaré una imagen. Justo aquí. Tenemos ciertas opciones. Ahora, sólo puedo seleccionar el posicionamiento de la imagen si quiero. Puedo seleccionar los archivos adjuntos, el tipo. Entonces, por ejemplo, si selecciono fijo y me desplazo, la imagen se quedará quieta. Pero esto creará un efecto genial. Y para scroll, la imagen se moverá con el pergamino. Entonces, sí, bastante simple. Ahora bien, aquí en repetición, esto se explica por sí mismo. Básicamente, si no quieres que una imagen se repita, como puedes ver ahora con desaparecido porque se estaba repitiendo porque la resolución no es perfecta. Y si tenemos algunos puntos vacíos, automáticamente se repetirá . Entonces no queremos eso. Y bajo tamaño, puedo seleccionar una portada, por ejemplo así que ahora la imagen se estirará y ajustará a toda la pantalla, lo cual es mejor. Aquí tenemos superposición de fondo. Básicamente, podemos agregar otro color en la imagen sobre esta imagen. Entonces, por ejemplo, si quiero oscurecer esta imagen, solo puedo seleccionar Tipo de fondo, clásico, y seleccionar un color negro. Y ahora esta imagen es más oscura y también la puedes ajustar desde aquí. Bastante simple. Aquí tenemos la opción de hover. Entonces déjame mostrarte lo que esto hace para casi todos los elementos. Entonces si hago clic en hover y quiero cambiar este color negro a otra cosa. Cuando pasas el mouse sobre él, solo puedo seleccionar clásico por ejemplo y seleccionaré un rojo. Y ahora la imagen se pone roja cuando pongo el mouse sobre ella. Bastante simple. Y esto puede funcionar para botones, texto, imágenes, prácticamente todo lo que quieras. Bien, así que vamos a quitar esto. Entonces. Tenemos fronteras. Básicamente se agrega un borde alrededor cada forma, sección o columna. Así que prácticamente puedes agregar un borde aquí si quieres. Tenemos algunas opciones. Y aquí está el ancho del borde. Entonces digamos diez píxeles. Ahora puedes ver el borde a su alrededor también puede cambiar el color de este borde cuando quieras. Entonces así es como funciona esta frontera. También puede agregar un radio de borde. Entonces esto básicamente creará algún tipo de forma para nuestra columna de sección o cualquier elemento al que quieras agregar un borde, digamos 50 píxeles. Y ahora como puedes ver, esta sección es redonda por las esquinas. Entonces esto es lo que hace la frontera. Simplemente puedes aumentarlo si quieres, ¿verdad? Esto funciona mejor para las imágenes, solo para que lo sepas, así que seleccionaremos cero. También tienes la opción de desvincular los valores aquí para que puedas agregar cualquier valor que quieras independientemente el uno del otro. Entonces en este caso sólo voy a quitar estos. Entonces tenemos divisores de forma. Los divisores de forma son elementos de diseño bastante geniales. Entonces por ejemplo si quiero agregar uno en la parte inferior de la sección, aquí tenemos las opciones y simplemente puedo desplazarme por ellas. Entonces así es como se ve. Bastante genial, ¿verdad? También puedes cambiar el color. Como siempre. Con altura, podemos voltearlo. Entonces sí, es un efecto bastante genial y tienes muchos de ellos. Entonces voy a quitar esta. Entonces tenemos la topografía. Básicamente puedes cambiar todas las fuentes dentro de esta sección. Por eso te dije que no tienes que cambiar esto en fama previamente. Pero también podemos cambiar esto individualmente por un elemento específico. Así que simplemente no toques esto. No tienes que cambiar nada. Ahora también tenemos la app avanzada. Y aquí nos van a preocupar sólo unas pocas cosas. Margen. ¿Qué es esto? Entonces básicamente agregará un espacio entre esta sección y el elemento que está encima de ella, o el elemento que se encuentra en la parte inferior de la sección. Entonces, si quiero agregar 50 píxeles en la parte superior, ahora tenemos un espacio entre la sección y el encabezado. Como puedes ver, bastante fácil. También puedes desvincular los valores y agregar solo 50 píxeles en la parte superior y cero en la parte inferior. Derecha. Tan fácil de entender. Ahora, el relleno es lo opuesto al margen, por lo que agregará un espacio dentro la sección o columna real o cualquier elemento que tenga. Entonces, por ejemplo, si voy a arrastrar, digamos un encabezado que es un título en esta columna. Aquí dentro. Puedo editar esta columna, ir a Avanzado y agregar algo de relleno. Ahora tenemos algo de espacio entre el elemento y la columna real. Así que bastante fácil de entender. Y como pueden ver, prácticamente podemos arrastrar este elemento cuando queramos. Entonces sólo voy a hacer clic derecho en él y los litros. Volvamos a entrar en la configuración. Y bajo avanzado tenemos algo más. No te importa esto. Nunca los usarás. Estos son más complicados y quiero que esto sea sencillo aquí. Aquí tenemos efectos de movimiento. Puedes agregar efectos a columnas y elementos donde quieras. Así que vamos a seleccionar un efecto de rebote, por ejemplo y como puede ver, que estaba vigente para toda la sección. Aquí mismo tenemos el botón de respuesta. Esto es bastante útil. Así que básicamente puedes ocultar ciertos elementos si quieres. Puede ocultar esta columna, por ejemplo, para móviles. Escóndelo para usuarios de escritorio y muéstralo en tu móvil. Eso se puede hacer. Y eso es más o menos cuando se trata de la configuración de esta sección. Ahora, la columna tiene prácticamente la misma configuración, mostrará dos columnas de ancho. Puedes cambiar esto si quieres, pero no tienes que hacerlo. Alineación vertical. Quieres cambiarlo. Alineación horizontal. Quieres sillas decider, este importante espacio widget. Entonces básicamente, esto es por defecto a 20. Entonces si agregamos múltiples elementos aquí, digamos que estoy agregando el título y luego quiero agregar un botón. Verás que hay un espacio entre ellos. Y la forma en que cambias eso es entrando en la configuración. Y tendrás que cambiar el espacio del widget aquí para que pueda establecerlo a cero. Y ahora están cerca el uno del otro. Entonces esto es más o menos cuando se trata de la configuración de la columna y la sección. Estos ajustes aparecerán prácticamente en cada elemento que queramos agregar. Entonces, si agregas un botón, los textos están encabezando una imagen, lo que quieras. Sólo puedo hacer clic en el bolígrafo y editar. Tienes los ajustes individuales y luego tienes el estilo y los ajustes avanzados para casi todos los elementos. Y son muy, muy similares. Tenemos fronteras. Podemos editar el texto, color de fondo, color, cuatro elementos, etc. Por lo que es muy fácil. Entonces viendo el siguiente video y voy a explicar a ciertos elementos desde primaria. 7. Elementor: cómo usar y personalizar los elementos: Ahora vamos por los elementos, ese elemento o tiene. Entonces la primera es la intersección aquí, ¿verdad? Vamos, déjame cerrar esta. Aquí. Tenemos una sección con una columna, ¿verdad? Si arrastro esta intersección dentro de la columna, ahora tengo dos columnas dentro de la columna. Entonces básicamente esto creará una pequeña sección que también puede tener columnas dentro, pero puedes hacerlo dentro de la columna. Entonces, si quiero, por ejemplo, agregar dos columnas más debajo de estas dos, puedo hacer esto agregando esta debajo. Pero si quieres e.g significa que son dos. Si quieres agregar, si quieres agregar, digamos, una nueva columna aquí, izquierda y derecha, y quieres agregar más debajo. Puedes hacer esto haciendo clic con el botón derecho del ratón. Puedes arrastrarlos por debajo. La única manera de hacerlo es agregando, agregando intersecciones dentro de las columnas. De esta manera. Así que ahora solo puedo arrastrar y otra intersección y tener múltiples, ¿verdad? Entonces esa es la única manera de hacerlo. Si quieres agregar más debajo, entonces puedes simplemente eliminarlos y eliminarlos si quieres. Y solo puedo borrar esto y tener solo uno, y luego agregamos uno más, dividimos esto en, esta es la mejor manera de hacerlo. No es necesario agregar varias columnas. Simplemente puede hacer clic derecho, por ejemplo ahora y agregar tres de ellos, y todos ellos están dentro de esa intersección. Para que puedas agregar más debajo. Esto es lo que hace la intersección. Entonces tenemos elementos simples como texto. Simplemente puedes cambiarlo aquí escribiendo. Podemos agregar un enlace a este texto. Entonces, cuando alguien haga clic en él, los redirigirá a ese enlace específico. Puedes cambiar el tamaño desde aquí, pero no te recomiendo cambiarlo desde aquí. Lo haremos yendo a la pestaña de estilo. Y aquí tenemos etiqueta HTML es importante. Deberías tener solo un H1 por página. Entonces solo un H1 por página. Esto es muy importante para tu SEO, lo que significa optimización de motores de búsqueda. Por lo que esto es muy importante para el buscador de Google y los demás buscadores porque les dirás exactamente qué palabras clave son importantes para ti para tu sitio web. Entonces en este H1, siempre debes agregar palabras clave importantes. Entonces, en mi caso, escribiré servicios profesionales de reparación de bicicletas, ¿verdad? Así que voy a centrar esto por ejemplo ir al estilo y puedo cambiar el color del texto. También puedo cambiar la fuente haciendo clic en el paneo aquí. Así que tenemos un montón de fuentes. Simplemente seleccionaré uno que me guste, que es ferroviario. Y solo puedes ajustar el tamaño desde aquí. Bastante simple. Aquí puede ajustar el peso, lo que significa el grosor de la fuente real. Puedes seleccionar la opción de negrita o lo que quieras. Se puede transformar en letras mayúsculas. minúscula, n mayúscula la primera. Nuevamente, tenemos estilo, line-height, que agregará un espacio entre el texto y la parte superior o inferior. Bastante simple. espaciado entre letras puede hacer algunos efectos geniales con esto. Y también el espaciado entre palabras. Entonces sí, bonita, bastante fácil de personalizar y usar. Entonces tienes trazo de texto. Esto es básicamente un esquema alrededor del texto. Entonces digamos que estoy seleccionando rojo y voy a aumentar esto. Como pueden ver, ese rojo está alrededor de las letras. Entonces tenemos sombra de texto. Básicamente agregarás una sombra a los textos reales. Así se puede aumentar el desenfoque, lo que aumentará el radio. También podemos reducirlo, por ejemplo, entonces solo puedes ajustarlo desde aquí. Entonces solo puedes ver la sombra ahora moviéndose. Para que puedas hacer algo así si quieres. Puedes personalizarlo como quieras. Tienes muchas opciones. Y si quieres eliminarlo, das click sobre esto de nuevo a default. Así que puede lidiar con prácticamente todo aquí. Sencillo. No tienes que meterte con el modo blend. Puedes jugar con él si quieres. Pero prácticamente nunca lo usé. Y luego tenemos los ajustes avanzados que son más o menos el mismo relleno de margen. No tienes que teclearlos aquí. Efectos de movimiento para animaciones, ¿verdad? Sencillo. Frontera. Si quieres agregar un borde al elemento específico de aquí, y la opción Responsive para ocultarlo en escritorio, móvil y así sucesivamente. No tienes que tocar a los demás. Entonces estos son más o menos los mismos ajustes para cada elemento. Déjame eliminar este haciendo clic derecho en él y eliminarlo. Si yo, si agrego una imagen, por ejemplo aquí, puedes agregar la imagen en sí. Lo seleccionas de la galería donde lo subes. Después seleccionas la talla. Sea cual sea el tamaño que quieras. Subtítulo de alineación, que es básicamente este. Entonces, si hago clic en la imagen aquí, tendré un campo de leyenda. Para que pueda escribir algo. Si quiero mostrar esta leyenda. Entonces también puedo seleccionar subtítulo personalizado para que pueda escribir algo que sea texto, por ejemplo también puede agregar el enlace si lo desea, o si selecciona archivo multimedia en lugar de URL, que es el enlace. Si haces clic en esto, se acercará. Tan bastante autoexplicativo. Así que volvamos a hacer clic en el bolígrafo para editar esto. Y la caja de luz es por defecto años. Entonces fue esa cosa cuando le hice clic y es algo, esta es una caja de luz. ¿Bien? Bajo estilo, tenemos la opción de hacer esta imagen más grande o menor, ajustar la altura, ancho, y así sucesivamente borde, nuevamente, mismos ajustes también pueden agregar el título, que eran los textos. Para que puedas cambiar el color, que está en la parte inferior de aquí. Alineación. ¿Correcto? Sombra, más o menos lo mismo, espaciado entre el texto y el elemento. Entonces estos ajustes, los encontrarás prácticamente en casi todo. Déjame mostrarte los diferentes. Entonces tienes divisores. Déjame quitar el fondo para esto o simplemente eliminemos esta sección y agreguemos el matiz para que tengamos un fondo blanco. Entonces divisor. Esta es básicamente una línea que puedes agregar entre elementos. Esto es principalmente para fines de diseño. Entonces tienes muchas opciones aquí. Déjame ir por ellos usando la tecla de flecha hacia abajo. Entonces, como puedes ver, tenemos muchas variaciones que son bastante geniales. Puedes alinearlos desde aquí. Entonces, si alineo esto al centro y ajusto el ancho, puedo hacer esto más grande o más pequeño. También puedo agregar un texto intermedio. Por ejemplo. I. Puede escribir algo así como venta. Y sólo hay que cambiar cualquier otra cosa aquí dentro. Bajo estilo, tenemos los mismos ajustes. Se puede ajustar el peso, cual es el grosor, el tamaño de este, la cantidad de líneas, ¿verdad? La brecha entre el divisor real y la parte superior e inferior. También podemos editar el texto. Y aquí tenemos los mismos ajustes. Esto es lo que hace un divisor. Básicamente es un elemento de diseño. Entonces tenemos un espaciador. Esto agregará un espacio entre tus elementos. Entonces si agrego un botón aquí, por ejemplo en la parte superior, aquí tenemos el espacio que podemos aumentar si quieres. Como pueden ver, permítanme agregar esto encima porque así será mejor. Parece que tengo un problema de interfaz y no me deja moverlo. Esto sucede de vez en cuando, así que no te preocupes. Entonces en este caso solo eliminaré esto y lo volveré a agregar, y lo agregaré en la parte superior. Entonces como pueden ver ahora, estoy aumentando el espacio para esto. Así es como funciona. Como puedes ver aquí, tenemos un botón, por lo que podemos ajustar esto para móvil, tablet y escritorio, para que siempre podamos hacer cambios para una interfaz específica. También tenemos vistas previas para móvil o tablet desde aquí, que puedas optimizar tu sitio web en tiempo real. Bueno. Ahora vamos a entrar en algún otro elemento que sea diferente. Así que déjame mirar aquí. Tienes el mapa. Esto se explica por sí mismo y es fácil de usar. ¿Correcto? Déjame simplemente quitarlo y agregar una columna más. Tienes iconos, cuadro de iconos, cuadro imagen no puede calificaciones de estrellas, ¿verdad? Bastante simple. Alinearlos, cambiar la clasificación por estrellas. Justo aquí. estilo avanzó los mismos ajustes. Qué más es diferente carrusel de imágenes es básicamente una galería. Entonces agregas varias imágenes aquí, por ejemplo, y puedes seleccionar qué tan grandes quieres que sean las imágenes. Pero esto no va a mostrar que la imagen es más grande porque tengo dos columnas y están divididas. Entonces, si elimino esta columna, por ejemplo ahora tengo la opción de hacerlo más grande, ¿verdad? Así que bastante simple. Cuántas diapositivas quieres mostrar. Se puede cambiar la navegación, que son puntos y flechas. Puedes cambiar el color de estos puntos y flechas. Puedes cambiar los iconos por ellos, puedes agregar un enlace para ellos. Se puede mostrar el pie de foto. Y bajo opciones adicionales solo puedes desactivar esta reproducción automática porque se desplazará por ellas continuamente. Los avances de estilo son más o menos lo mismo. Así que bastante sencillo de entender. Entonces tienes icono es básico, galería es más o menos lo mismo con carrusel de imágenes. Cuadro de imagen es básicamente una imagen en la parte superior. Entonces tienes un título y una descripción. Puedes agregar un enlace si alguien hace clic en él, ¿verdad? Estilo de posición más o menos. Puedes editar todo, imagen, lo que quieras. Contenido del editor, que es el texto, el título y el texto descriptivo. Así que muy, muy sencillo de entender. Así que vamos a ir por el diferente, que es ancla de menú. Utilizaremos este para navegar por nuestro sitio web. Entonces por ejemplo si agrego un botón aquí diciendo contacto y lo agregaré sección de contacto en este sitio web. Si yo, si coloco este ancla específica encima del texto de contacto, simplemente puedo vincular ese botón a este ancla y conducirá a ese visitante específico a esa sección específica. Cuando hagan clic en contacto, irán allí. Entonces esto es básicamente un enlace a un lugar específico en el sitio web. Entonces solo lo voy a quitar y te mostraré cómo funciona esto más adelante. Y creo que prácticamente todo es similar aquí. Entonces todo es configurable de la misma manera. Contadores tal vez, pero esto también es sencillo. Seleccionará el número inicial, el número final. Para que puedas hacer algo como esto. Tengo algo antes o después del número. Entonces puedo decir como por aquí, escribir clientes, escribir algo como esto. Así que solo puedes ajustar el texto, el título otra vez, hacer esto más grande cambiar la fuente. Muy, muy fácil de usar. Entonces, depende de tu imaginación usar prácticamente todo lo que hay aquí dentro. Pero todo es muy, muy sencillo. Entonces sí, así es más cómo funciona esto, cómo funciona Elementor. Prácticamente pueden arrastrar todo y cambiar tu visualización cuando quieras. Entonces nos vemos en el siguiente video. 8. Elementor - plantillas: Algo genial que tienes en Elementor es que puedes elegir entre sus propias plantillas. Entonces, si pasas el mouse sobre esta carpeta de aquí, verás que ya tienen páginas y blogs preconstruidos también. Por lo que puedes importar estos directamente a tu página. Pero la mayoría de ellos requieren la covariante, pero tenemos alguna varianza libre también aquí como puedes ver. Entonces todo lo que tienes que hacer es hacer clic en Insertar, y puedes agregar esto a tu página. Pero tendremos que crear un elemento o cuenta. Entonces, si obtienes este error, simplemente actualiza la página. Entra de nuevo en esta sección. Entonces solo voy a entrar en esto nuevamente e insertaré una página por ejemplo ahora haré clic en Comenzar, y seremos redirigidos al elemento o sitio web. Para ti, esto aparecerá un poco diferente, así que simplemente voy a dar click sobre esto y verás lo siguiente. Aparecerá así. Tendrás que crear una cuenta o simplemente podrás iniciar sesión con tu dirección de Gmail, que es mucho más rápido. Y yo también lo haré. Ahora estamos conectados, nuestro clic Conectar aquí. Ahora me está preguntando si quiero aplicar la configuración de esta página para básicamente, si ya tienes una página creada, no apliques la configuración y como esto puede estropear tu página. Pero si la página está vacía, solo puedes aplicar la configuración, pero tendrás que usar la misma configuración para que tu sitio web tenga el mismo aspecto, así que los mismos espacios de fuente y todo. Entonces así es como se ve esta plantilla. Esto es básicamente algún tipo de cartera o galería. Si quieres usar esto, puedes simplemente cambiar las imágenes, hacer clic en ella, cambiar las imágenes, y eso es prácticamente todo. Siempre puedes editarlo. Otra cosa que puedes hacer es que puedes guardar bloques o secciones de esta página específica En tus plantillas para simplemente hacer clic derecho en estos seis puntos aquí para esta sección, por ejemplo y hacer clic Guardar como Plantilla. Y puedes guardar esto para más adelante y usarlo en tu sitio web. Entonces solo guardaré esto, guardaré esto como prueba. Ahora, se guarda aquí. Entonces si quiero agregar la plantilla ahora y dar click en este directorio aquí, tenemos en mis plantillas y siempre puedo insertarla cuando quiera. Entonces así es como puedes usar las plantillas. 9. Cómo construir la página: Ahora es el momento de construir una página de demostración. Para que puedas ver exactamente cada paso por el que estoy pasando cuando estoy construyendo una portada real. Entonces esta es la página de inicio que creé y haré clic en editar con Elementor. Y voy a empezar a construir. Entonces solo voy a quitar esta sección para comenzar de la nada. Entonces, antes de que vayas a hacer una página, asegúrate de que estás haciendo un boceto de tu base real. Así que en un exactamente como quieres hacer nuestra página. Entonces, por ejemplo, en mi caso, hice uno. Déjame mostrarte aquí. Yo hice un boceto como este, logo social Links menu para el encabezado. Entonces tenemos un banner con alguna información y un botón aquí, botón de llamada a la acción. Otra imagen de texto de título. Aquí tendremos algunos números, exactamente lo que logramos con nuestra empresa, por ejemplo, Servicios. Descripción pequeña, luego imagen para cada servicio y la pequeña descripción debajo, opiniones de clientes, sección de contacto. Así que bastante fácil. Síguenos en redes sociales. Debajo del, los propios íconos para las plataformas sociales y un boletín aquí dentro. Y luego tenemos el pie de página en la parte inferior. Esta es una estructura bastante básica para la página del Atlántico. Así que vamos a meternos en ello. Tengo todas las imágenes ya aquí y todo lo que necesito. Entonces esto va a ser bastante rápido. Entonces voy a hacer clic en el más R, crear una nueva estructura, una nueva sección. Haré clic en la configuración de aquí, y agregaré la imagen así que necesito un fondo clásico. Y la imagen misma, voy a usar esta. Y ahora voy a hacer clic en Editar de nuevo. Aquí para los ajustes, no voy a cambiar la posición, pero por debajo del tamaño seleccionaré cubierta. Y yendo a maquetación. Y seleccionaremos la altura para que se ajuste a la pantalla. Si bien esto es un poco grande, así que quiero hacer esto más pequeño. Entonces seleccionaré la altura mínima y la haré algo así, un poco más pequeña. Ahora quiero hacer esto más oscuro para poder agregar algunos textos, algunos textos blancos para poder ver mejor los textos. Entonces necesito una superposición de fondo. Voy a hacer clic en Clásico, y voy a hacer este negro y tal vez reducir un poco la opacidad. Entonces algo como esto. Ahora voy a agregar un texto dentro, así que necesito un encabezado. Voy a ingresar el texto aquí. Entonces entraré a los servicios profesionales de reparación de bicicletas. Lo centraré. Seleccionaré H1. Así que recuerda, sólo un H1 por página. Y este H1 debe contener las palabras clave más importantes de su sitio web. Entonces agregué aquí más o menos las palabras clave más importantes. Tengo servicios de reparación de bicicletas. Tengo todas las palabras clave necesarias que necesito. Ahora, voy a entrar en Estilo. Voy a cambiar esto a tipografía blanca. También voy a cambiar la fuente. Y seleccionaré la fuente que me guste, que es Ferrocarril. Y voy a hacer esto a 44 pixeles. Y también puedes cambiar el peso si quieres. Pero lo dejaré así. Y ahora necesito algunos textos debajo. Entonces agregaré un editor de texto. Y escribiré exactamente lo que tengo aquí. Entonces pondré esto lado a lado en mi pantalla y solo voy a ingresar el texto. Entonces estamos aquí para ayudarte a escribir más lejos, ¿verdad? Más feliz, y saca el máximo partido a tu bicicleta. Bastante simple. Regrese al sitio web de pantalla completa. Voy a cambiar el color para esto. Entonces voy al estilo, alineo esto al centro, cambio el texto a blanco. Y eso cambiará la fuente a otra que me guste, que es Meriwether. Por lo que debes hacer dos combinaciones de fuentes para tu sitio web. Podemos usar aún más si quieres, pero no uses como diez fuentes, fuentes gratuitas max está bastante bien. Entonces estoy usando dos en este caso. Y luego pondremos esto en 17 píxeles. Debajo. Se agregará un botón de llamada a la acción. Cambiaré el texto de este botón para contactarnos. Lo centraré aquí bajo link. Puedo hacer este botón para que realmente lleve a una llamada telefónica o lleve a abrir su aplicación de correo electrónico en su teléfono. Entonces puedes hacer eso si quieres que esto sea un botón de llamada, escribes aquí T L desde el teléfono, dos puntos, y luego te fuiste a su número de teléfono. Para esto simple, si quieres esto, elimina la aplicación de correo electrónico, escribes un correo a dos puntos y luego ingresas el correo electrónico. Así que muy sencillo. Pero voy a hacer esta llamada telefónica llamada a la acción. Entonces corrí, ingresé un tamaño de número aleatorio de este botón. Seleccionaré medio. Voy a añadir un icono aquí. Hemos encontrado. Seleccionaré este, insertaré un poco de espaciado entre ellos. Y para estilizar, solo quiero cambiar el color de este botón a más o menos este color que tengo en mi logo. Entonces es una especie de combinación entre un azul y un verde, algo así. Y sólo puedo copiar este color para poder usarlo para más adelante para las otras cosas que voy a hacer. Entonces aquí tenemos algún espacio entre estos, estos elementos. Entonces, ¿cómo lo eliminamos? Columna agregada, hicimos espacio, volvemos esto a cero, por ejemplo y así fue como lo hiciste. Entonces. Muy sencillo. Ahora, pasaré a la siguiente parte. Entonces voy a necesitar un título Acerca de nosotros imagen de texto, y también tenemos un divisor debajo del título. Entonces una nueva sección. Muy sencillo. Y aquí voy a añadir un encabezamiento. Escribiré sobre nosotros. Esto será un H2, así que ya no usaré H1 en esta página. Topografía, ferrocarril, de nuevo, para títulos. Haz esto más grande a 44 píxeles. Y eso cambiará el color a negro. Y agregaré un divisor debajo para el diseño. Entonces lo centraré. Voy a cambiar esto a barras porque me gusta cómo se ve esto y voy a hacer esto más pequeño. Y ahora necesito dos columnas más debajo. Entonces, ¿cómo hacemos eso? Agregamos una intersección debajo de este divisor, y ahora tenemos dos columnas más. Entonces, en lugar de crear una nueva sección, solo agrega una intersección debajo de un elemento específico y tendrás dos columnas más. Y si haces clic derecho en él, puedes agregar incluso uno más si quieres. Pero sólo me voy a apegar a dos. Por ahora. Voy a añadir una imagen a la derecha y algunos textos a la izquierda. Muy sencillo. Vamos a agregar la imagen. Así que da click en este Subir Archivos, Seleccionar recursos del sitio web porque esta es una carpeta donde agregué todo y voy a agregar esta. Y escribiré en el altar todos los textos, taller de reparación de bicicletas. Porque esta imagen es representativa. Y para el texto, sólo lo voy a copiar de esta imagen. Vuelva a ponerlos uno al lado del otro. Y sólo voy a ingresar el texto. Acabo de escribir algo al azar, pero deberías escribir algo que tenga más palabras clave que sean relevantes aquí. Por lo que le irá mejor a tu SEO, para la optimización de tu sitio web, para el buscador. Pero en este caso, solo me quedaré con esta x Así que veamos qué más tengo para escribir una gran experiencia de cliente. Y siempre vamos a apuntar a disolverse. Bien, lo siento, sólo para la pantalla. Y voy a hacer este texto más grande y cambiar la fuente o el color está bien, o tal vez hacerlo un poco más oscuro. La alineación está bien. Y cambiemos esta actualización de Meriwether 17. Y eliminemos los espacios entre los elementos porque son demasiado grandes. Así que de nuevo, cero píxeles aquí dentro. Y tal vez lo moví por error. Entonces solo presiono Control Z en mi teclado para deshacer eso. O simplemente puedes entrar aquí bajo Historia en la parte inferior. Y puedes simplemente dar click en la última sección, e irá a esa sección anterior que hiciste antes. Así que muy sencillo. Ahora agreguemos espaciador aquí. Esto está demasiado cerca el uno del otro. Entonces algo como esto, tal vez, y actualice esto. Y ahora veamos qué más tenemos que añadir. Voy a añadir una sección más. Voy a añadir un antecedente a éste. Entonces seleccionaré otra foto, tal vez algo así. Disposición. Altura, altura mínima e incluso más pequeña que esta cubierta de tamaño estilo. Entonces la imagen se repetirá aquí en los lados, en el lado derecho de la muñeca. Entonces se estira. Y quiero tres columnas. Entonces haré clic derecho en esta columna aquí en el espacio, Agregar Nuevo y agregar nuevo. Tenemos gratis. Y voy a añadir contadores. Entonces no en el, estos son los elementos Pro para la versión paga, pero no los necesito. Los minimizaré y entraré en el mostrador. Y vamos a sumar los tres contadores. Por lo que tenemos 4,430, 500 más clientes. Y tenemos un sufijo, así que agrego un plus aquí. Clientes satisfechos. Entonces puedo personalizarlo para que pueda hacer que el texto sea blanco. Y la fuente, prácticamente puedo cambiarla a lo mismo. Digamos que el ferrocarril se ve mucho mejor en estos momentos. Y para el título lo mismo. Color del texto blanco. Y también puedo agregar una superposición de fondo a esto para hacerlo más oscuro. Entonces los textos aparecen algo como esto. Y agreguemos este también. Estas son dos columnas. Entonces simplemente duplicaré éste porque ya hicimos los cambios. Por lo que es más fácil editar así. Y vamos a cambiar los textos y los números. Así que más de diez años de experiencia. Aquí. Cinco ubicaciones. Elimine el sufijo y las ubicaciones. Muy sencillo. Simplemente voy a hacer clic en actualizar aquí para guardar mis cambios por ahora. Y agreguemos el otro para que tengamos servicios y otra columna. Necesito el título para poder simplemente duplicarlo de aquí y moverlo hacia abajo. El divisor también. Esto es mucho más eficiente que volver a trabajar en ello. Y ahora necesito una intersección. Entonces necesito otro. Agregar nueva columna, tenemos gratis. Entonces necesito tres imágenes. Entonces agregaré el primero. Voy a hacer los cambios en él, y después duplicaré el primero en las otras dos columnas. Entonces veamos qué tengo aquí. También necesito un texto descriptivo debajo. Entonces cambiemos esos primeros Editor de texto debajo del divisor. O en realidad, mejor lo agrego aquí. Entonces veamos. Pongamos esta gama completa de servicios lado a lado a junio, reparemos y realicemos el estilo de rendimiento de tus bicicletas, centro. Ya puedo volver a pantalla completa. Y volvamos a cambiar la fuente. Entonces tenemos a Meriwether y 17, y tal vez convertir esto en un gris más oscuro o incluso negro. Y solo voy a agregarlo debajo. Creo que es mejor. Sí, hagámoslo así. Y vamos a seleccionar las imágenes. Entonces el primero son las llantas y las llantas. Ya lo tengo. Éste. Y bajo textos alternativos, bien, llantas y llantas. Y aquí tenemos un campo de subtítulos. Seleccionaré un título personalizado, y escribiré exactamente llantas y llantas debajo. Enlace a ninguno. O en realidad archivo multimedia puedo si quiero. Entonces, si haces clic en él, aparecerá. Hagamos algunos cambios aquí. Por lo que voy a hacer clic en Editar estilo. Y quiero cambiar sólo los textos de pie de foto. Así que centrarlo. El color puede estar bien, tipografía. Hagamos esto 17 o más. Vamos a tratar 44. Demasiado grande, tal vez algo así. Y tal vez en gorras. Veamos cómo se ve en gorras. Entonces sí, es mejor así. Así que déjame ir a estilizar de nuevo, subtítulo y hacer esto así y tal vez audaz, podría ser demasiado. Sí, algo como esto. Se ve bien. Tal vez incluso agregue algo de espaciado como este. Y quizá cambiemos el color. Veamos qué podemos hacer. Yo sólo lo guardaré así y lo actualizaré. Y voy a tener que añadir algo de texto debajo. Ahora. Volveremos a agregar el texto de aquí lado a lado. Y nos hemos capacitado para actuar para bendecir los servicios de Llantas y más. Pantalla completa otra vez. Y editemos este texto. Vamos a hacerlo más oscuro. Y cambiar esto a. Meriwether, centralo. Y vamos a reducir el espacio intermedio. Vamos a tener que ir aquí y volverlo a cero. Sí, esto es mejor. Y ahora tendremos que mover esto del otro lado. Quizá agreguemos algunos efectos a esto antes de hacerlo. Así que sólo puedo agregar una sombra de caja. Y veamos cuánto queremos agregar algo como esto. Creo que está bien agregarle un poco más de profundidad. Así que ahora solo puedo duplicar esto y agregarlo aquí. Así que duplicarlos y el texto también. Y del otro lado. Ahora cambiemos el texto por los demás. Contamos con melodía de bicicleta y montaje de bicicleta. Muy bien, y cambiemos las descripciones. Entonces, como pueden ver, esto es bastante sencillo. En realidad es rápido, así que podemos hacer esto en 2 min o incluso más rápido si solo sigues trabajando porque estoy hablando ahora mismo, así que estoy trabajando un poco más lento, se rompe y se pasa ruedas y más. Y más o menos ya está cambiado. Tenemos los ajustes aplicados a partir de la anterior. Entonces cambia esta también, y luego cambiaremos las imágenes. Así hecho. Entonces cambiemos las fotos. Extraño hacer clic a veces y presiono Control Z para justo debajo de esa cosa. Por eso verás algunas cosas moviéndose de vez en cuando. Seleccionemos esa. Tenemos masticación, creo, que es de este tipo que estamos masticando. Y el otro, que es el montaje de la bicicleta. Y voy a escribir aquí, por asamblea, no hay que cambiarlos todos. Todos los textos son los más importantes para el SEO. E inserte. Bien, veamos qué más tenemos. Tenemos alguna sección de revisión. Entonces esto es bastante fácil de hacer. Otra vez. Otra sección. Simplemente duplique el título. Muévelo. Editando aquí. Espaciador de nuevo. Muy bien, y necesitaremos los testimonios reales. Entonces necesito agregar una intersección debajo. Necesito tres de ellos, así que agrego uno más. Vuelvo, busco testimonios, arrastre este, y lo agregaré, el primero. Y agrega una imagen aquí. Nombre aleatorio, una ocupación o posición aleatoria. Y lo pondré así. Y luego simplemente duplicaremos éste y lo moveremos. Siempre puedes personalizarlo y hacerlo diferente si quieres cambiar los colores y así sucesivamente. Pero por el bien de este video, solo lo haré rápido. Y quizá cambiemos el color de fondo de esto. Así que pongámoslo un gris más claro para hacer algún tipo de distinción distinta. Bien, y tal vez pueda agregar una frontera. Entonces agreguemos tal vez algo, un forro suave o algo así, algo así. Cinco, libre. Sí, esto debería estar bien. ¿Qué más? Tenemos la sección Contáctenos. Así que agreguemos este también. Nuevamente, otra sección. Duplicaré el título. Duplicar un divisor. Entonces este es un diseño muy básico, pero funciona. Y cambiemos esto a aquí, nuestros clientes a contactar. Y voy a añadir una intersección. Otra vez. Solo necesitamos dos, así que agregaré el mapa a la derecha. Vamos a tener que introducir la dirección aquí. Lo dejaré así. Cambia el zoom a 17 para que esté mucho más cerca y de hecho puedas ver la ubicación. Y agreguemos esta información debajo. Y aquí voy a añadir el formulario de contacto. Entonces buscaré código corto. Y voy a añadir un formulario de contacto. Entonces voy a tener que volver en el tablero. Foros de formuladores. E iré dando click en esta rueda y copiaré el código corto. Ahora voy a pagar la base aquí. Aquí está el formulario, pero aparecerá correctamente sin este gran trasfondo después. Así que guárdala así. Y aquí abajo. Y solo agregaremos una lista de iconos. Buscaré un icono. Éste. Y voy a estar, escribiré a la dirección. Puedo simplemente copiarlo desde aquí, por ejemplo y seleccionaré un inserto de mapeo de pines. Para el siguiente. Voy a seleccionar. Solo escribiré horas de trabajo nueve a cinco de lunes a viernes. Y eso seleccionará un reloj. Para el siguiente. Voy a escribir correo electrónico y solo voy a ingresar horas o tal vez el número de teléfono porque tenemos el formulario a la izquierda. Ingresemos el número de teléfono. Eso es mejor. Bien, y buscaré un teléfono. Muy sencillo. Y sólo puedo hacer que sea un llamado a la acción si quiero. Sólo puedo escribir d l y copiar el número. Así. Pero deja fuera el espacio porque agregué un espacio intermedio como este y actualicé. Y ahora solo puedo personalizar esto, cambiar el color de los botones, los tamaños si quiero. Entonces tienes espacio entre un divisor entre ellos. Entonces solo puedes cambiar el tipo de divisor. Así que solo puedes personalizarlo si quieres. Bastante simple. Vamos a cambiarlo rápidamente. ¿Verdad? Iconos. A lo mejor hasta un rojo puede funcionar. Y sólo puedo dejarlo así. Tal vez cambiar la fuente. Bien, entonces tenemos la sección Síguenos, que es la última. Entonces voy a hacer que ahora seleccione el fondo para ello. Estilo, fondo, tipo clásico, y seleccionaré el fondo. Entonces, ¿a ver cuál debo ir? Creo que me queda uno. Éste. Y disposición de insertos, altura, altura mínima. Deberían funcionar. Y voy a tener que ir a Estilo, talla, portada, y también hacerlo un poco más oscuro. Entonces volveremos a agregar una superposición de fondo. Clásico y un negro. Pero más brillante, así. Entonces necesitamos un título ahora. Simplemente duplicaré este y cambiaré esto a blanco. Así que bien, síguenos. Y necesito como dos secciones más. Agreguemos también un divisor. Así que mantenemos el mismo diseño más o menos. Bien. Y aquí voy a añadir los íconos sociales reales. Y a la derecha sólo puedo agregar el boletín de suscripción. Entonces aquí buscaré social. Y puedo cambiar la forma a círculo porque se ven mejor. Y puedes simplemente dar click sobre ellos y cambiar los enlaces. Pero quiero hacer esto en este video. Y aquí a la derecha, sólo puedo agregar un boletín de suscripción. Así que vamos a duplicar este título agregado aquí. Hazlo un poco más pequeño. Porque esto es demasiado grande. Así. Puedo escribir el apunte a nuestro boletín de noticias. Aún más pequeño que esto. En realidad. Escribir actualización. Y volveremos al tablero y voy a hacer otra forma. Así que crea suscripción al boletín, continúa. Puedes nombrar este boletín. Crear. Aquí lo tenemos. Sólo tenemos que hacer algunos cambios para nosotros porque tiene un fondo blanco y quiero esto transparente. Entonces entraré en colores, contenedor de formularios personalizados, y tendré que cambiar todos los colores de fondo a transparentes. Así que solo mueve esto y asegúrate de que esto sea arrastrado hasta el final. Y eso tendrá que hacer esto para prácticamente todo el color de fondo. Así que voy a tener que pasar por cada una de ellas. Indicador de sumisión, color de fondo. Creo que esto es tan k campos básicos. En realidad necesitan un trasfondo. Los dejaré así esta entrada y área de texto. Necesito cambiar el texto a blanco por E5. Si solo lo dejo negro, no voy a decir que bordea el blanco también. Así que selecciona el blanco de aquí abajo. Y veamos qué más. Etiqueta, descripción blanca, mensaje de error blanco. Podemos dejarlo así. Esto está bien. Y vamos a ver qué más enviar botón esto está bien. Texto color blanco otra vez. Color del texto blanco. Y sólo puedo previsualizarlo. Entonces está bien porque aquí no vemos los textos, pero tenemos que cambiar esto a blanco. Entonces vamos a cambiarlos. Entonces tenemos, déjame ver dónde están. Deben estar en el campo es básico o de entrada. Sí, marcadores de posición a blanco, ambos. Y el color de fondo tal vez transparente para los campos. Veamos ahora, creo que esto lo hará, nos vemos bien en la página. Entonces, hagamos clic en Publicar. Y voy a estar copiando éste. Regresamos y agregamos un código corto y pegamos. Así es como se ve en la vista previa, pero se verá mejor si solo actualizamos la página. Así que vamos a guardar esto y abrir la página. Y después haremos algunos ajustes de injusticia. Entonces necesitamos algunos espacios intermedios. Y esta es la forma. Se ve mucho mejor. Tal vez podamos agregar algún tipo de borde alrededor de él para que sea más visible. Y algunos textos aquí, porque esto está vacío, entonces tenemos el pie de página que necesitamos editar y vamos a optimizar esta página para móviles. Entonces esto fue más o menos así. Hagamos los cambios para esta parte al menos, y luego iremos por ello y lo optimizaremos en el siguiente video. Entonces hagamos los cambios primero. Vamos a escribir algo aquí. Veamos tal vez un encabezado. Digamos, ¿cómo puedo escribir esto? Puedo escribir aquí, síguenos. Y centro y BH3 y blanco. Y cambiar la fuente a ferrocarril. Algo así. Y tal vez agreguemos un divisor debajo. Cambia el color a blanco. Poco más espesor tal vez al centro. Y que sea algo así. Agreguemos algunos textos más aquí. Cambiar al centro blanco. Y digamos algo como esto. Entonces cuando descuentos y te inscribes en sorteos automáticamente siguiendo nuestras redes sociales. Segundo o algo así, y tal vez hacer esto más grande. Y Meriwether, de nuevo, tenemos la misma fuente. Así que ahora sentimos más o menos el espacio intermedio. Y quizá agreguemos otro divisor aquí. Tal vez duplique este y agrégalo aquí. Y eso es todo. Pero ahora tenemos más espacio en la parte inferior. Ahora sólo lo voy a quitar. Entonces lo dejaremos así. Sí, ver en el siguiente video. Y vamos a optimizar prácticamente para móviles y hacer algunas cosas más. 10. Versión para móvil: optimización: Ahora vamos a optimizar el sitio web para móviles. Así que voy a hacer clic en editar con Elementor aquí. Y luego cambiaremos la vista al móvil. Y veremos cómo se ve esto en el modo responsive móvil aquí abajo a la izquierda, y haremos click en el icono del móvil. Entonces primero tenemos que eliminar este texto. La forma en que eliminamos este texto es entrando en el Panel de WordPress, Apariencia, personalizar. Y aquí en esa configuración de tema, necesitamos cambiar esto en el constructor de encabezado, sitio, título y logotipo. Y cambiaremos a la vista móvil dando click aquí. Tendremos que eliminar este título del sitio de visualización. Y ahora como puedes ver, eso ya no es visible y harás clic en Publicar. Entonces eso está arreglado. Volveremos a la página web y la refrescaré. Y luego lo vamos a investigar para ver exactamente cómo se ve. Tan receptivo y móvil. El texto está bien, el botón está bien. El espaciamiento es bueno. Aquí como puedes ver, también vemos los anclajes, pero estos no aparecerán en el sitio web real en vivo. Entonces así es como se verá. Tenemos que cambiar los divisores. Entonces, como puedes ver, los divisores son muy pequeños en el móvil en comparación con cómo se ven en el escritorio. Entonces ahora mismo tendremos que cambiarlos. Y también déjame cambiar a escritorio. Como puedes ver, el contenido en el móvil se está mostrando de izquierda a derecha. Entonces primero vimos el texto, luego vimos la imagen. Así que eso funciona más o menos para cada elemento de aquí. Entonces cambiemos al móvil y hagamos los divisores más grandes. Algo así. Para este, el texto es bueno, los espacios son buenos. Este también es bueno, pero quiero agregar algo más de espacio en la parte superior e inferior también. Por lo que voy a dar click en esta sección Editar avanzada y añadir algunos márgenes. Top 20 márgenes, relleno, en realidad 20. Sí, esto es mejor. Cambia también este divisor. Algo así. No voy a hacerlo ya que porque solo se necesita un poquito las imágenes más pequeñas son buenas. Voy a tener que cambiar el tamaño de estas imágenes. Entonces lo haremos pronto. Este también. Todo lo demás es lo suficientemente bueno. El texto es bueno, todo se ve bien, el mapa es bueno. Bien, entonces ahora déjame explicarte por qué agregué ese relleno al principio para izquierda y derecha. Y te voy a mostrar un ejemplo lo que pasa si lo quito. Entonces digamos para esta sección, voy a ir a Avanzado y tenemos 20 padding. Pongamos esto a cero. Ahora, como puedes ver, el texto está más o menos cerca del borde de la pantalla. Y esto no es recomendable porque no se verá tan bien en tu móvil. Así que lo mejor es agregar algo de espacio aquí. Entonces lo haces agregando poco de relleno a la izquierda y a la derecha por. Pero también agregué arriba e abajo para responder, para agregar algo de espacio entre la siguiente sección. Entonces puedes, puedes agregar solo a la izquierda y a la derecha si quieres. Entonces solo puedo desvincular estos valores y solo puedo agregar 15 a la izquierda, 15 o 20. Ambos están bien. Y ahora tendrás este espacio intermedio, que se ve mucho mejor, ¿verdad? Así que sólo puedo salvar esto. Por lo que siempre debe agregar relleno a la izquierda y a la derecha para cada sección que tenga. Por lo que se ve mejor en el móvil. Y todo lo demás está bien. Entonces cambiaremos la vista a esta parte superior derecha. Y las imágenes también se ven bien. La ventana al principio, se veían mal y ésta era más grande. Ahora, hay incluso aparentemente cuando miramos esto en pantalla completa, volvamos a abrir la página y asegurarnos de que todo esté bien. Bien. Sí, se ve bien. Entonces algo más que puedas hacer, incluso puedes agregar algunos efectos para la imagen. Entonces puedo agregar una sombra de caja para esto, por ejemplo, si quiero establecer el color prácticamente el mismo color que tenemos en nuestro logo. Haz esto más visible y selecciona un color como este. Y ahora solo puedo reducir el desenfoque y hacer algo como esto, ¿verdad? Y hacer algún tipo de sombra o imagen duplicada. Entonces este es un efecto genial al que puedes agregar dos fotos si quieres. Muy fácil de usar. Y si, eso es prácticamente todo. El sitio web está optimizado para dispositivos móviles. Por lo que siempre puedes cambiar la vista móvil y verás exactamente cómo se ve esto. Quizá pueda editar este texto y cambiarlo para justificarlo. Pero no me gusta este espacio honestamente, así que simplemente lo dejaré así o incluso lo centraré, pero se ve mejor así. O tal vez sólo lo centraré. En realidad. Creo que es mejor. Entonces enviaremos esa y tal vez cambiaremos esta fuente a la misma fuente. En realidad está cambiado pero es demasiado pequeño. Entonces se ve un poco diferente. Sí, así que esto fue para la optimización móvil. Y el siguiente video, trabajaremos en el pie de página. Entonces agregaremos algunos botones aquí y la página de política de privacidad en términos de uso también. El menú es completamente funcional. También funciona en el móvil, y todo está bien. Entonces viendo que es uno. 11. Cómo usar anclas de menú y agregar animaciones: Ahora es el momento de personalizar un poco la página y agregar algunos efectos al sitio web. Así que basta con hacer clic en la sección, Editar sección, ir a Avanzado. Y aquí tenemos efectos de movimiento. Así que sólo puedo agregar algo de animación. Entonces esto entonces voy a tomar cada sección, o puedes tomar cada elemento si quieres. Pero solo voy a agregar una animación a toda la sección. Entonces algo como esto. Simplemente no uses la misma animación, solo usa diferentes animaciones, pero no uses animaciones que puedan causar dolor de cabeza. Usa algo simple y limpio. A ver, acercar el zoom. Esto es bueno. Eso es aplicar uno a esto, ¿verdad? Otro aquí. Y para éste. Y deslizándose a la derecha, para esto, a la derecha. Bien, ahora hagamos algunos pequeños ajustes. Entonces agreguemos algo de espacio entre la sección real en la parte superior y los textos porque esto está demasiado cerca el uno del otro. Así que podemos hacer eso usando ropa de cama. Entonces esa es la mejor manera. Así que haga clic en la sección de edición y otros avanzados aquí. Iremos al bateo real y agregarás como 30 pixeles, 20. Esto es mejor. acolchado a la izquierda y a la derecha también. Esto es bueno para las optimizaciones móviles y la optimización móvil, disculpe. Y verás después por qué Hagámoslo es para prácticamente cada uno de ellos. Entonces 20, 20 aquí. Si crees que es demasiado, siempre puedes cambiar los valores, desvincularlos y cambiarlos individualmente si quieres. Eso lo podemos hacer. Y para éste, no voy a tener que hacerlo porque se mantiene centrado. Pero creo que sí porque necesitamos hacer este espacio entre este texto para móviles. Verás después por qué. Entonces agreguemos 20 aquí también y actualicemos esto. Ahora, vamos a crear los menús. Nosotros usando anclajes de menú. Cuando creas un sitio web de una página como este, cuando agregas toda la información bajo una página, necesitas usar anclajes de menú para crear tu menú de navegación, porque tendrás que liderar sus clientes a la misma página, pero en diferentes ubicaciones. Entonces, ¿cómo hacemos eso? Usaremos los anclajes de Menú aquí, en la barra de búsqueda. Buscaré menú. Y tomaré este ancla y la colocaré encima del texto o encima del título principal. Así que voy a crear una sección Acerca de Nosotros terminó en el botón aquí también. Así que nombra esto sobre otro para los servicios. Entonces volveré y buscaré el ancla del menú y agregaré otro. Servicios. Estos son invisibles por lo que no agregarán ningún espacio, solo tú puedes verlo. Entonces por eso aparece así. Aquí tenemos algunos problemas con las fotos. Estos son más pequeños que el primero, así que tendremos que cambiar esto también. Entonces básicamente tendremos que cambiar la resolución para que todas estas imágenes sean iguales, para tener exactamente la misma proporción. Por eso esto es más grande y estos dos son más pequeños. Así que no podemos ajustarlos manualmente o puedes recortarlos y prácticamente ajustándolos a la misma proporción. Voy a hacer esto en un minuto y se lo mostraré. Entonces agregaremos otro para el menú de contacto. Y contacto correcto aquí. Y quiero agregar uno para esta parte. No es necesario. Entonces estos son los más importantes. Bien, así que ahora vamos a ir en el panel de WordPress y voy a ir a Apariencia y menús. Y seleccionaré el menú principal. Y agreguemos todos los botones. Entonces tenemos el botón de Contacto. Este es el enlace de nuestro sitio web, y tendrás que agregar un hashtag y exactamente lo que escribimos en nuestro ancla de menú. Entonces escribí contacto. Esto es para la URL de contacto. Voy a tener que añadir uno más. Entonces solo copio, copia este enlace básicamente aquí y cambio esta parte con superficies ahora, ¿verdad? Servicios. Lo agregaré y lo pegaré de nuevo. Y tuvimos aproximadamente, bien, y tal vez cambiar el orden así y guardarlo. Recuerda que el menú fuera del campus es para móviles, así que tienes que comprobarlo también si estás usando, si estás usando este menú para primaria por ejemplo ahora volveremos a la página y la refrescaremos. Vamos a actualizarlo. Yo lo hice. Bien. Lo voy a refrescar. Por alguna razón. Lleva un tiempo. Entonces podría tener algunos problemas de conexión. Y si hago clic en Servicios ahora, integral ir exactamente en esta parte de la página. Si hago clic en Contacto, va a entrar aquí y sobre aquí. Así es como funcionan los anclajes de menú y es bonito, bastante fácil de editar. Ahora, algo más. En el siguiente video, te mostraré cómo optimizar esto para móviles, y lo haremos, hazlo paso a paso. También será bastante rápido. Entonces nos vemos en la siguiente. 12. Cómo editar el pie de página: Ahora es el momento de trabajar en el pie de página. Entonces solo iremos a apariencia personalizada. Y aquí tenemos el pilar del pie de página. Por lo que queremos agregar el menú de política de privacidad en la parte inferior. Eso es lo que suele hacer todo el mundo. Y aquí voy a añadir algunos íconos sociales también. A lo mejor no voy a elegir en las redes sociales, y los agregaré a la derecha. Y a la izquierda tendremos un menú, el menú de pie de página. Y tendremos que trabajar en ello. Entonces iremos en el tablero. Entonces, permítanme abrir el tablero de instrumentos de nuevo aquí. Y vamos a ir a los menús de apariencia. Y seleccionaremos el menú de pie de página. Y aquí necesitaremos la página de política de privacidad, que ya tenemos en páginas. Esto es creado por defecto, por WordPress, así que solo puedo abrirlo. Aún no se ha publicado, pero sólo puedo publicarlo. Así que sólo puedo copiar el enlace desde aquí. Bien. Nombra esta política de privacidad. Y necesitaremos otro llamado Términos de Uso. Tendremos que crear éste. Así que ve de nuevo a Páginas, y solo agregaremos una nueva página, nombra, términos de uso. Y necesitaremos algunos textos para ello. Sólo puedo copiar y pegar el texto aquí. No tienes que ir con Elementor si quieres, si quieres diseñarlo y hacerlo más agradable, solo puedes usar esto. Pero estas dos páginas no importan tanto. Entonces lo harán, apenas serán visitados. Así que solo puedo ir a la competencia y encontrar un servicio de reparación de bicicletas y buscar nuestro sitio web en alguna parte. Digamos que estoy recogiendo. No conozco esta. Aceptaré sus galletas e iré hasta el fondo. Este es su pie de página. Es mucho más grande. Quiero decir, esto es que en realidad tienen dos de ellos. Así que aquí tenemos términos y condiciones, aviso de privacidad y política de cookies. Tienen mucho. Yo solo me quedaría los términos y condiciones. Entonces básicamente necesitas términos y condiciones y política de privacidad. Y en la política de privacidad, puedes incluir las cookies que no tengas que hacer tantas. Entonces voy a tomar esta y solo voy a copiar una parte de ella, no toda porque es mucho, creo, o tal vez simplemente me la llevaré todo. Pero recuerda que tendrás que trabajar en esto para que solo podamos copiar los términos y condiciones de otra persona y simplemente pegarlos en tu página. Tendrás que ver realmente lo que escribieron ahí y hacer esto en consecuencia. Pero por el bien de este video, sólo voy a copiar y pegar esto. Ahora haga clic en Publicar. Entonces ahora tenemos una página de términos de uso. Y vamos a añadir éste aquí. Y estos dos deberían ser más que suficientes. Y tal vez pueda volver a agregar el botón de servicios. Entonces enlaces personalizados, digamos servicios. Entonces si quieren ver los servicios, otra vez, nuestros contactos tal vez sí, mejor. Agreguemos un contacto para que puedan volver allí si quieren también desde el pie de página. Entonces entraré al hashtag de barra web.com, contacto. Bien, Guardar Menú. Y ahora volveremos al personalizador de temas. Bien. Pero aquí no. Oh si, eso es mejor. Y digamos que este fue uno para el encabezado. No lo necesito. Esto fue para el pie de página y solo puedo guardarlo y solo vamos a refrescar la página. Y debería actualizarse. A ver. Sí, lo tenemos. También podemos cambiar los colores si quieres. Si no te gustan los colores y todo, puedes cambiar los colores cada vez. En cualquier momento, quiero decir, así que solo ábrelos, veamos si funcionan. Deberían funcionar. Tan bastante simple. Siempre debes agregar la política de privacidad y Términos de Uso. Este enlace de política de privacidad. Necesitamos agregarlo para el complemento, nuevamente, para el complemento de cookies. Entonces las cookies, esta, banner personalizado y muestran configuraciones avanzadas. Debería estar en algún lugar de aquí, digamos diseño. Ahora contenido y colores. Sí, galleta. Observe que lo tenemos aquí, leer más, enlace, habilitarlo, leer más. Y aquí agregarás la URL de tu página de política de privacidad, esta, y la guardarás. Entonces ahora cuando abrimos el sitio web, si simplemente hago clic en la configuración de cookies aquí, en la parte inferior izquierda, deberíamos tener el botón Leer más, pero creo que aparece solo cuando abren el sitio web para el primera vez. Por eso no lo vemos ahora. En él entonces aparece, pero está bien. Esto funcionaría de todos modos. Entonces eso fue todo para la página de política de privacidad y los Términos de Uso, asegúrate de hacerlos correctamente para que no solo los copies. Entonces vemos el siguiente. 13. Temas personalizados: Ahora déjame mostrarte que WordPress en realidad tiene algunos grandes famosos si quieres pagar por ellos. Entonces irás al bosque temático, dotnet. Y aquí tenemos una categoría para WordPress. Simplemente hará clic en él. Y aquí tenemos muchos nichos. Así que puedes comprar sitios web prácticamente preconstruidos para diferentes nichos. Entonces aquí están los sitios web, como se puede ver como anterior. Digamos que estoy buscando sitio web de fitness. Y sólo voy a elegir uno de ellos como éste. Y todos ellos tienen vistas previas en vivo. Así que solo puedes consultar el tema en tiempo real. Da click en él, ve a por ello. Yo soy exactamente lo que estás comprando. Y todos estos, todos estos temas se pueden editar con elemento son prácticamente el 90% de ellos. Así que prácticamente puede editar cada uno de ellos y cambiar los elementos, imágenes, textos, etc. Así que prácticamente tienes un sitio web preconstruido. Déjame elegir uno de ellos. Como puedes ver, tienen dos constructores, Elementor, que es el más popular, y luego panadería WordPress, que también es popular. Y todos estos equipos son compatibles con Elementor. Así que déjame elegir este, por ejemplo y sí, esto se ve genial. Los efectos también son geniales. Heather es genial. Entonces es mucho mejor que tener un tema simple. Entonces una vez sabrás cómo funciona Elementor, si quieres conseguir la gran fama, solo tienes que ir al tema bosque dotnet. Esta es la plataforma más popular donde puedes encontrar temas de WordPress realmente geniales. Así que solo busca lo que necesites. Y encontrarás temas inmobiliarios, restaurantes, lo que necesites. Entonces solo para que sepas que estos existen y se están vendiendo por un gran precio. Así que los encontrarás prácticamente todos por debajo de los $100. Así que básicamente, una vez que hagas una compra aquí, recibirás un archivo, un archivo zip. Tendrás que entrar en tu panel de WordPress. Así que aquí, darás clic en Agregar Nuevo y subir tema. Y elegirás el archivo, el archivo, y tendrás que instalar esa fama específica. Y este famoso suele venir con plugins incorporados. Por lo que tendrás que instalar todos los plugins junto con ellos porque son obligatorios, porque ya están preconfigurados. Y todo lo que se construye dentro de ellos tiene que funcionar con estos plugins. Y a partir de ahí, solo puedes editar el texto. Tendrás todas las páginas aquí en la sección Páginas. Tendrás la página de contacto sobre servicios. Ya está preconfigurado y tienes todas las insignias incluidas. Ese tema específico. Entonces solo te estoy mostrando esto para que sepas que existen. Entonces, si probablemente estuvieras en el futuro, quiero cambiar tu sitio web con una gran fama. Puedes hacerlo, pero necesitas algo de experiencia antes de ir con este famoso porque aún no tienes experiencia. Entonces, una vez que te acostumbras a la plataforma, tal vez lo hagas, lo harás en el futuro y esto también te será útil. Entonces, sí, eso es prácticamente todo. Nos vemos el siguiente video. 14. Cómo crear la página 404: Ahora es el momento de crear una página de fluoróforo. Como dije al principio, esta página es básicamente una forma redirigir a nuestros visitantes de regreso a nuestra casa, nuestra página de inicio, cuando van al enlace equivocado, por ejemplo, así que si van a nuestro sitio web y lo harán escriba por error , corte algo mal aquí. Serán llevados a esta página. Ese es uno por defecto, pero va a cambiar este con uno mejor. Entonces agregaré una portada, algo de texto y un botón para llevarlos a la página principal. A pesar de que tienen los botones aquí, es más accesible simplemente ponerlo en el medio. Entonces iremos a Páginas Agregar Nuevo. Voy a nombrar esta página de 1404. Seleccionaremos de plantilla aquí, Elementor, ancho completo, y publicaremos. Ahora voy a hacer clic en editar con Elementor. Y voy a dar click en este plus vamos a hacer una nueva sección. Voy a añadir una imagen como fondo. Entonces vamos al estilo fondo tipo, imagen clásica. Y voy a añadir esta imagen. Vamos a disposición, altura, altura mínima, y tal vez algo como esto. Voy a añadir una superposición de fondo para que puedan ver mejor el texto y oscurecer esto más. Ahora voy a volver. Vamos a añadir un encabezamiento. Y voy a decir, vaya, estás en el lugar equivocado. Centrarlo. Cambia el color a blanco. Haz esto más grande. Cambia la fuente, tal vez a Ferrocarril. Entonces tenemos la misma fuente. Y podemos agregar tal vez una descripción debajo. Di algo como esto. Esta página no existe. Para regresar a la página principal, haga clic en el botón de abajo. También vamos a centrar este texto. Lo haremos blanco. Cambiar la fuente. Lo voy a cambiar para casarme si debería ser bueno. Y agreguemos el botón debajo. Lo centraremos. Aquí. Añadiremos el enlace a nuestra página de inicio. Entonces, en mi caso, es éste. A lo mejor hacer este botón más grande y llevarme de vuelta a la página principal. O tal vez llévame a la página principal. Vamos a las palabras. Y cambiemos los colores. Color al flotar. Hagamos esto rojo. Bien. Y tal vez añadir un icono, signo de exclamación. O tal vez un estrecho. Se pone mejor. Cuanto más así puede funcionar. Y vamos a dar click en actualizar. Y esto debería ser bastante bueno. Ahora volveremos al tablero de instrumentos. Plugins, plugins instalados para la página 04. Haremos clic en Configuración. Y aquí seleccionaremos la página 404 y daremos clic en Guardar. Ahora bien, si vamos en nuestro sitio web y sólo voy a añadir un slash n tipo algo al azar. Estamos en la página del fluoróforo. Y si hacemos clic en este botón, volveremos a nuestra página principal, ¿ verdad? Así que bastante simple. Como pueden ver, tengo algunos espacio en blanco aquí, así que tal vez pueda hacer algo al respecto. Entonces hagamos esto tal vez talla, cubrimos y cambiemos la altura, tal vez a 600. Entonces esto debería solucionar el problema. Ahora es bueno. Entonces así es como se crea una página de fluoróforo. Bastante simple. Siempre debes tener esto para que no pierdas a tus visitantes en tu sitio web. Si escriben algo después del enlace. 15. Cómo hacer SEO con Yoast SEO y consejos: Hablemos un poco de SEO ahora mismo. Entonces el SEO viene de la optimización de motores de búsqueda. Entonces básicamente, habremos optimizado nuestra página para Google para que nos encuentren más fácilmente en el buscador y así en base a nuestras palabras clave. Entonces tenemos un plug-in para esto, y ese plugin es éste, Yoast SEO, ¿verdad? Entonces básicamente tendrás que abrir esto. Y tiene algunos cortos, algún tipo de asistente primero al que tendrás que ir por él para configurarlo. Configuración por primera vez, simplemente haga clic en Continuar. Tendrás que seleccionar algunas cosas aquí. Nombre de la organización, tu logo, tus perfiles de redes sociales, y prácticamente terminarás después. Es muy fácil de configurar. Una vez que hagas eso, entonces entrarás en tus páginas y verás que tienes algún tipo de clasificación aquí para SEO. Entonces este es para SEO. Para cada página. En nuestro caso, para este curso, nos enfocamos en hacer un sitio web de una sola página. Así que un sitio web de una página. Nos centraremos únicamente en la página principal, que es la más importante. Entonces entraremos en él, simplemente haremos clic en él. Y aquí tenemos una categoría Yoast SEO. Y como pueden ver, nuestro puntaje ahora es rojo, por lo que necesitamos hacer algunos cambios. Primero, necesitas una frase clave de enfoque. Esto significa tus palabras clave principales en las que quieres enfocarte. En mi caso, las palabras clave principales son los servicios de reparación de bicicletas. O sólo por enredadera, puedo elegir lo que quiera. reparación de bicicletas también funciona. A lo mejor es mejor y es más corto. Yo me enfocaré en esto. Ahora. Necesito un título para mi sitio web. Entonces mi titulo es este. Escribí servicios profesionales de reparación de bicicletas anteriormente, pero lo cambié a esto porque es mucho más sencillo. Y solo puedo eliminar lo que tenemos aquí y escribir los servicios de reparación de bicicletas. Lo mejor de la ciudad. Entonces para babosa, puedes escribir lo que quieras. Y como puedes ver, la babosa es básicamente lo que aparece después de tu dominio. Pero aquí no tiene que entrar nada. No es obligatorio. Para la metadescripción. Si hago clic en SEO ana análisis aquí, verás que tenemos un montón de marcas de verificación rojas y necesitamos arreglar prácticamente todo. No todo es realmente un problema, pero deberías arreglar tantos como sea posible. Entonces tienes esta pantalla y estarás bastante bien para ir. Entonces centrémonos en convertir esto en verde. Enlaces salientes. Esto significa prácticamente que necesitas mencionar otros sitios web en tu sitio web. Por lo que necesito señalar a otros sitios web si puedes. Esto te ayudará. Ofreceremos credibilidad y así sucesivamente. Entonces, si puedes hacer eso, por ejemplo en mi página, tengo una página de servicio de reparación de bicicletas. Tal vez pueda en esta sección, agregar algún tipo de evento próximo con un enlace al mismo. Y eso me va a ayudar y voy a fijar. Entonces así es como arreglas eso. Entonces tenemos frase clave en introducción. Tu frase clave o no aparecen en el primer párrafo, asegúrate de que el tema esté claro de inmediato. En mi página web. ¿Cuál es el primer párrafo? Es éste que está debajo. Como pueden ver, este texto es un párrafo aquí. Entonces necesito mencionar las palabras clave en el primer párrafo. Lo que voy a hacer es agregar una línea más de textos. Y diré, somos conocidos por ofrecer mejores servicios de reparación de bicicletas en la ciudad. Y al hacer esto, esto está cubierto ahora. Y verás que funciona una vez que guarde y actualice esta página. Pero tratemos primero todos los temas. Entonces tenemos otro. El foco dar alabanza se encontró una vez. Eso es menor que el mínimo recomendado de dos veces para un texto de esta longitud. Entonces necesitas mencionar esta frase clave, derecho, en tu sitio web, al menos dos veces o más. ¿Correcto? Por lo que puedes hacer esto fácilmente mencionándolo en tu texto. Eso se puede arreglar fácilmente. Y ahora son seis porque lo mencioné en mi párrafo, así que eso también debería ser arreglado. Entonces tenemos una longitud de metadescripción más sin importar la descripción que se haya especificado, que es esta, la descripción de su página. Entonces vamos a escribir algo ahora mismo. Ya escribí algunos textos aquí. Entonces esta es una descripción que voy a añadir. Voy a entrar aquí. Y como puedes ver, tiene la frase clave en su interior, que es obligatoria. Entonces eso es bueno. Ahora tenemos un uso más frases clave más son sinónimos en tus subtítulos H2 y H3. Así que h a h congelan son más o menos, cambio este a H4. Este es H free, así que deberías tener algunas reparaciones de bicicletas algo. O en mi caso, al menos debería tener reparación de bicicletas. Las palabras clave en sí mismas aquí. Pero esto no es obligatorio. Tienes que escribir mucho contenido en tu sitio web para tener un título que se menciona en la palabra clave, nuevamente, la frase clave. Entonces me saltaré esta. No me enfocaré en ello, pero me enfocaré en los demás. La siguiente línea del texto contiene 231 palabras. Necesito un mínimo de 300 palabras, así que necesito agregar más texto en mi sitio web. Yo voy a hacer eso. Ya edité sobre como parte y agregué más texto. Entonces estos son los textos que voy a añadir ahora. Entonces básicamente ahora tenemos mucho más textos. Permítanme agregar algunos espacios intermedios. Esto está copiado y pegado, y esa no es la mejor práctica, pero solo voy a hacer que funcione de alguna manera. Entonces retroceso, Enter de nuevo, y eso es lo suficientemente bueno. Y una línea más. Es esto. Sí. Bien, déjame borrar esta parte. Entonces veamos si todo está bien. Bien, eso es bueno. Algo más, vamos a ver. Textos de portada. Yo hice eso. Tal vez agregue un poco más aquí. Pero creo que tengo suficiente texto. Así que vamos a actualizar esto primero y veamos cuántos problemas tiene x Así que vamos a actualizarlo ahora. Y olvidé guardarlo en esta parte. Entonces tengo que volver a escribir, bien, lo haremos. Entonces tenemos reparación de bicicletas. Y aquí tenemos servicios de reparación de bicicletas. ¿Correcto? Y una descripción aquí. Hecho. Como pueden ver, ya estamos verdes ahora, arreglé prácticamente todo lo que teníamos. Esta X contiene. Entonces necesito una palabra más para arreglar esta también. Entonces voy a hacer eso. Déjame añadir otra cosa. Entonces entraré aquí y agregaré algunos textos tal vez debajo o tal vez en el mismo párrafo. Optimalidad afinada. Bien, aunque no tenga sentido, escribí mucho lo mismo, pero solo para llenar los vacíos y tener esto completado. Y tenemos una más aquí dice imágenes de ultrasonido en esta página, sólo una tiene un atributo alt que refleja el tema de tu texto. Entonces, ¿cómo solucionamos esto? Entramos en imágenes. Entonces vamos a Medios. Aquí dentro. Abro esto en una nueva pestaña y voy a añadir algunos textos alternativos aquí. Y puedo decir reparación de bicicletas en lugar de llantas y llantas. Y éste solucionará este problema. Entonces agreguemos uno más. Ahora se solucionará este problema. Entonces, actualicemos esto primero. A ver. Supongo que tengo que esperar un poco a que se actualice. Déjame ver si sí, voy a tener que esperar un poco. Vamos a refrescarlo otra vez. Aún no se ha hecho todavía. Por lo que podría tomar algún tiempo para que se actualice porque a pesar de que hice los cambios, como pueden ver, las palabras siguen siendo las mismas. Entonces hicimos una actualización, las palabras que escribí anteriormente y también los textos alternativos alternativos. Pero tenemos este verde y esto se actualizará muy, muy rápido. Entonces esto no es un problema. Entonces estos son más o menos lo básico cuando se trata de SEO. Todo lo que tienes aquí es buena información. Y si aplicas prácticamente todo lo que este plug-in te dice, repetirás demasiado bien para ir. Pero hay más cosas, y una de ellas son los backlinks, por ejemplo, ¿qué es un backlink? Básicamente, alguien que menciona tu sitio web en su sitio web que ofrece credibilidad y es un buen factor para el SEO. Pero el más importante es obviamente el tráfico. Entonces, siempre y cuando tengas mucho tráfico en tu sitio web, te desempeñarás muy bien en el buscador y eso te ayudará mucho. Así que solo empieza a publicar anuncios y eso prácticamente lo arreglará por ti. Y subirás las filas siempre y cuando tengas buenas palabras clave en tu sitio web. Ahora algo más que es importante cuando vamos a la pestaña de medios aquí en la biblioteca, siempre se deben optimizar las imágenes. Asegúrate de que estás usando imágenes que tengan un tamaño bajo, como esta, un tamaño pequeño. Así que por debajo de 200 kb, no importa la imagen, por debajo de 200 kb. Ahora cuando se trata de formatos, hay dos formatos. Tenemos página web. Este es más reciente, pero es mucho más eficiente y suele ocupar menos espacio. Entonces es mejor que el formato JPEG, que es popular. Así que de nuevo, web B, convertí prácticamente todas mis imágenes de JPEG a API. Así que solo puedes ir a Google, por ejemplo déjame cerrar este. Entonces puedes ir a Google y escribir convertirlo de nuevo a una p. y aquí tendrás herramientas gratuitas. Entonces, básicamente, selecciona tu JPEG específico, selecciona la conversión de formato, y harás clic hacia abajo aquí, y obtendrás el archivo y lo reemplazarás en tu sitio web. Entonces es muy, muy sencillo. Entonces estos son más o menos los conceptos básicos que necesitas saber. Esto bastante bastante. Solo tienes un buen hosting, buen contenido en tu sitio web. Si las buenas palabras clave optimizan tus imágenes, no sobrecargues tu sitio web con muchas cosas porque eso hará que se cargue aún más lento de lo que ya lo hace. Y también hay que tener en cuenta que incluso estos mapas de Google aquí, estamos lentos el tiempo de carga por medio segundo probablemente, o incluso más. Así que solo puedes agregar una imagen en lugar de este mapa y agregarle el enlace. Entonces, cuando alguien haga clic en esa imagen, irá a esa ubicación específica del mapa de Google. Simplemente puedes copiar el enlace. Entonces podemos hacer algo así, eso puede funcionar. Y es más eficiente que agregar un mapa, aunque un mapa se vea mejor, obviamente. Entonces sí, eso es más o menos todo. Gracias por quedarte todo el camino hasta el final en este curso. Estoy seguro de que aprendiste muchas cosas. Y te deseo la mejor de las suertes con tu proyecto.