Dominar WordPress: crea el sitio web profesional definitivo

1. Avance: bienvenido a construir el último sitio web profesional con curso de WordPress, donde aprendes a construir el sitio web más increíble y profesional y con el último diseño y características. Mi nombre es Malik Montagne. Soy desarrollador y diseñador web profesional y te estaré guiando por este curso. Diseñé este curso para cualquier persona que busque construir su propia página web profesional, personal o de negocios y ahorrar hasta $5000 por sitio web y lo más importante, para aquellos interesados en comenzar y sin carrera rentable y qué diseño. Al final de este curso, podrás construir un increíble sitio web personalizado y profesional para un cliente y cobrar hasta $5000 por ese sitio web. En este curso, aprenderás a construir este sitio web que primero comienza con esta gran y hermosa imagen de fondo. Y a medida que nos desplazamos hacia abajo, agregarás en la Sección de Servicios V denominada Sección de Acción, la sección de habilidades que fácil por aquí. También sumaré en una sección de cliente con este clientes más ligero. Además, vamos a sumar en una sección de equipo y por último aquí está la sección de testimonios también se sumará en los iconos de redes sociales aquí abajo. Y este botón que nos llevará a la parte superior de la página también creará una galería, un blawg y una página de contacto. Y como puedes ver para la página de contacto, comienza con esta imagen de fondo grande y hermosa. Y a medida que nos desplazamos hacia abajo, agregaremos en esta información de contacto por aquí y este mapa en vivo de Google por aquí así como este formulario de contacto por aquí. Siéntete libre de echar un vistazo a través de la descripción del curso, y espero verte del otro lado. 2. Acerca de yo, WordPress y el curso: Hola, Mi nombre es Malik Montagne, y soy ingeniero de software y desarrollador y diseñador web profesional. A lo largo de mi carrera en la industria Web, he construido thons son hermosos sitios web y ahora he reunido lo mejor de los mejores diseños y características que he desarrollado, diseñado y encontrado y usando lo top y simple plataforma, que es palabra para nosotros. Después puliré el contenido con las últimas semanas y optimización y lo puse todo en este curso. Una vez que tomes terminar este curso, habrás construido el sitio web responsive definitivo con el diseño y características más profesionales y modernos conocidos en el mundo de lo que diseñó en estos días, un sitio web que sorprenderá y capturará el atención de todos tus amigos clientes en todos que conoces este sitio web que construirás es un sitio web que vale más de $3000. Y adivina qué? Construirás este sitio web desde un mareado todo por ti mismo en paso a paso, partiendo del aspecto más general y todo el camino hasta los más pequeños detalles todos o minuciosamente reunidos, probados y ofrecidos a ti en este curso sobre un dorado plato. Incluso te enseñaré a optimizar tu sitio web. Una vez hecho en términos de rendimiento de seguridad y optimización de motores de búsqueda, y eventualmente obtendrás un sitio web que no solo se ve increíble y profesional, sino que también tiene un gran rendimiento, seguridad ajustada y que se optimiza directo mejor en motores de búsqueda como Google. De hecho, las estadísticas muestran que una interfaz de sitio web profesional y bien diseñada puede aumentar la productividad de su negocio en un 25 a 4 días por ciento. Por lo que en lugar de tener que pagar a alguien o algo agencia de diseño de 3 a $5000 para conseguir un sitio web personalizado y profesional construido para ti, ya sea con fines personales o empresariales , podrás hacerlo todo tú solo después de terminar este curso. Y lo más importante es que este curso será un salto muy fuerte para ti en una nueva rentable carrera en diseño Web, donde comenzarás a diseñar y construir sitios web para particulares y empresas y cobra de 3 a $5000 por sitio web, un sitio web que puedes crear fácilmente en tu pijama. Ahora, cuanto a mi estilo de enseñanza en este curso, creo que hacer es la mejor manera de aprender este curso como orientado a la acción. Estarás viendo videos y construyendo tu sitio web paso a paso. A medida que vamos, no tendrás que tener un cuaderno para anotar lo que aprendes. En cambio, tendrás que tener las manos estiradas y listas para algo de magia. Simplemente mantente al día conmigo y haz lo que hago ahora. En este curso, utilizaremos un software gratuito llamado WordPress para construir nuestro sitio web WordPress como simple y fácil de usar. Pero sin embargo, increíble y profesional herramienta que utilizamos en diseño Web para construir sitios web lo más rápido posible y sin codificación en absoluto. WordPress es hasta ahora el sistema de gestión de contenidos más popular en el mundo. WordPress es utilizado por alrededor de 75 millones de sitios web de todo el mundo. No sólo eso, sino que también WordPress es simple y fácil de usar y al mismo tiempo profesional y te da resultados maravillosos en poco tiempo. De hecho, las estadísticas muestran que WordPress es utilizado por alrededor del 25% de descuento en los mejores sitios Web de negocios del planeta . Algunos de estos incluyen CNN, Best Buy, New York Times y los Rolling Stones. Ahora que me he presentado este curso y WordPress también. En el siguiente tutorial, repasaremos el fantástico sitio warp que construiremos y exploraremos sus características y diseño. Gracias por ver. Nos vemos en el siguiente tutorial. 3. Qué vamos a construir: Hola. Ahora vamos a repasar la página web. Construiremos en este curso primero, Ve a la pestaña por aquí y entra el tu l fuera de este sitio web Malik montagne dot com. Ahora daré clic en Refrescar para ver cómo se carga primero. puede ver que se carga con un desvanecimiento y característica. Y este sitio web comienza con esta hermosa y grande imagen de fondo que cubre toda la pantalla. Y tiene este encabezado de arriba aquí que es transparente y que podemos ver la imagen desde atrás. Te enseñaré a construir este logo aquí mismo así como este de aquí arriba que se llama la estafa favorita. Y les mostraré al final cómo agregar en la descripción de la página en la pestaña de aquí , que se incluye en el arrancado de optimización del motor de búsqueda. En eso vamos a trabajar. Crearemos cuatro páginas una página de inicio, una galería en Blawg y una página de contacto. Ahora, si te desplazas hacia abajo, llegarás a la sección de servicios con estas hermosas transiciones que suceden. Voy a refrescar la página para que veamos que vuelvan a suceder las transiciones. Y te enseñaré a llenar este círculo todo el camino al 100%. Te mostraré cómo cambiar el icono que se incluye dentro de este círculo así como el fondo del ícono mismo y el color del ícono. Te mostraré cómo papá en estos textos y estos botones aquí abajo que puedes enlazar en cualquier parte de tu página web. Y si bajamos un poco más, se puede ver que esta sección de llamada a la acción que tiene este texto sobre el objetivo principal de su sitio web y este botón aquí abajo que dirige a una parte diferente posiblemente la galería de su sitio web. También enseñaré. Tienes que agregar en esta imagen de fondo medio borrosa con algún color de superposición negro encima de la imagen misma. Ahora, si te desplazas un poco hacia abajo, llegamos a la sección de habilidades que tiene estas hermosas barras de progreso. Con estos títulos en cada una de las barras de progreso, así como el porcentaje te mostraré cómo editar el porcentaje, el color off, las barras de progreso y todos estos textos por aquí. Ahora bien, si nos desplazamos hacia abajo a la siguiente sección, que es la sección de clientes con esta hermosa presentación de diapositivas jugando. Y si nos desplazamos un poco más hacia abajo vemos la sección de equipos con este desvanecimiento en función de arriba . Si refrescamos la página para ver que suceda la transición, puedes ver que van todo el camino arriba y te mostraré cómo agregar estos botones aquí abajo, cuales pueden enlazar a una página diferente sobre el equipo y los empleados fuera de tu negocio. Ahora bien, si te desplazas hacia abajo hasta la última parte, que es la sección de testimonios que tiene este fondo de video fuera de estas hermosas estrellas así como este plano de diapositivas, te mostraré cómo agregar en este cuadro esta imagen aquí mismo, este ícono por aquí y para editar el fondo fuera de la caja. Y si te das cuenta una vez que me colé sobre esta caja, dejó de jugar a la presentación de diapositivas. Pero si se aleja de la caja, se verá que este espectáculo de luces está jugando Now. Ahora, al final aquí, te mostraré cómo agregar en estos iconos de redes sociales que pueden enlazar dedo del pie tus cuentas de redes sociales . Y por supuesto puedes agregarlas más cuentas de redes sociales aquí abajo con diferentes iconos y diferentes colores. Y por último pero no menos importante, te mostraré cómo agregarla. Estas dos líneas aquí abajo sobre los derechos de autor del sitio web y si notas mientras nos desplazamos hacia abajo en esta página, este encabezado se pegaba a la parte superior con fondo transparente y el logotipo y las páginas se pegaban en él todo el tiempo. Ahora aquí abajo, si haces clic en este botón , te llevará a la parte superior de la página. Ahora sigamos adelante y exploremos la siguiente página, que es la página de la galería. Ahora. El primero en la página de la galería es este hermoso video de fondo que puede ser sobre tu negocio acerca de ti mismo o simplemente cualquier video que quieras. Y aquí abajo, esta sección con este fondo animado que sigue cambiando el color. Puede que no te des cuenta el cambio de color porque los colores cambian suavemente y te mostraré cómo hacer que los colores del fondo animado cambien suavemente y no todos de forma repentina de amarillo a rojo, por ejemplo, y lo puedes ver aquí abajo, este moño que puedes enlazar dedo del pie tu página de contacto, por ejemplo, o cualquier página que quieras. No, Si te desplazas un poco hacia abajo, puedes ver esta hermosa imagen de fondo con esta función de desplazamiento paralaje. Y si te desplazas un poco más hacia abajo, puedes ver la galería real con estas bellas imágenes que también tiene un fondo de paralaje . Y por aquí, el título de la propia galería tiene un fondo animado que sigue cambiando los colores sin problemas. Como dije antes ahora en la propia galería, si hace clic en alguna de las imágenes, por ejemplo, por ejemplo, esta de aquí, se puede ver que aparece en una caja de luz y se puede deslizar a la derecha o a la izquierda a cualquiera de las imágenes. Y una vez hecho, si haces clic en la X por aquí, puedes ver que la imagen se remonta a su lugar original. Y también te enseñaré a sumar estos subtítulos aquí abajo. Y si nos desplazamos hacia abajo, se puede ver que estos iconos de redes sociales se mostrarán en el pie de página así como este texto aquí abajo . De hecho, se estarán mostrando en todas las páginas Ahora, una vez más, una vez más, si haces clic en este botón, nos llevará a la parte superior de la página de la galería con este plano de video de fondo. Ahora, sigamos adelante y echemos un vistazo a la página de blawg. Haga clic aquí y aquí hace. Esta es la página blawg. Ahora en la página del bloque. De lo primero que te enseñaré a agregar como estos dos posts por aquí, te enseñaré a hacer una imagen destacada para cada uno de estos dos posts. Y te mostraré cómo hacer que estas imágenes cambien de color a gris una vez que pases sobre ellas . Y si haces click en alguna de las imágenes , abrirá el post en una página separada. El poste estructura será así. En primer lugar , tendrá esta imagen destacada en la parte superior. Entonces tendrá la fecha. El post fue publicado aquí en este círculo rojo. El título del post por aquí Y por aquí, el autor del Post, La categoría Off the Post y el tag off the post y que te mostraré también cómo agregar a cada post que crees. Ahora, la última parte aquí es el contenido real fuera de la publicación. Y si te desplazas un poco hacia abajo. Puedes ver este pelo por aquí que una vez clicado nos llevará al post anterior que también tiene la misma estructura que el anterior con diferente categoría y etiqueta, como puedes ver aquí. Ahora, volvamos a nuestra página de bloques. Simplemente haz clic aquí y en la barra lateral. Por aquí se ven estos hermosos widgets. Y si no sabes qué es un widget, simplemente un widget es solo un bloque que tiene cierto contenido con cierta funcionalidad. Por ejemplo, 1er 1 aquí está el widget de búsqueda que tiene este cuadro aquí que te permite buscar dedo del pie cualquier cosa en este sitio web. Ahora la próxima semana. Por aquí está la caja de Facebook como. Esto sin embargo simplemente vincularía su sitio web a su página de Facebook que permite a sus clientes o visitantes del sitio web ponerse a gusto o compartir su página desde dentro del sitio web. Ahora, por ejemplo, si un cliente hizo clic como página por aquí, se puede ver que esta ventana aparece y pedir al cliente que introduzca sus credenciales de Facebook y luego haga clic en iniciar sesión para que le guste la página. Ahora el siguiente widget. Aquí está la lista de suscripción por correo electrónico. Este es un widget realmente importante porque te permite construir una lista de suscripción de clientes que puedes usar en tu negocio para enviar ofertas o promociones. Te mostraré cómo editar el texto por aquí, el texto aquí y el texto en el botón también. Hasta te enseñaré cómo cambiar el color de este botón por aquí. Ahora, si nos desplazamos un poco más hacia abajo por aquí, puedes ver el widget de feed de instagram que te permite enlazar tu cuenta de instagram dedo del pie esta parte aquí mismo y se jugará como una presentación de diapositivas una vez que lo agregues aquí y te mostraré tienes que elegir entre una variedad fuera de diseños para esto Es el widget de los pies grandes. Y si nos desplazamos un poco más hacia abajo, el último widget que vamos a sumar aquí son los posts más comentados. Widget. Este widget tendrá las publicaciones más populares en tu blogueada, y te mostraré cómo limitar a tres el número de hosts que se muestra aquí. Por si tuvieras más de tres posts, te mostrará Onley los tres posts más populares en el blogueado ahora Si nos desplazamos todo el camino hacia abajo, también puedes ver estos iconos de redes sociales y estas dos líneas aquí abajo. Ahora vamos a hacer clic en este botón que nos llevará a la parte superior de la página y luego dar click en la página de contacto. Ahora la página de contacto comienza con esta hermosa, vibrante imagen de fondo con esta ordenar tu imagen en el medio así como el texto de Avi aquí abajo y esta flecha aquí abajo. Ahora, medida que nos desplazamos hacia abajo, se puede ver que esta imagen tiene esa característica de fondo de paralaje. Y si nos desplazamos un poco más hacia abajo, puedes ver esta sección que tiene información de contacto sobre tu negocio, como horario de oficina, ubicación y contacto con nosotros información. Y si nos desplazamos un poco más hacia abajo, puedes ver este hermoso mapa de Google que tiene tu ubicación de negocio por aquí y este formulario de contacto profesional por aquí que permite a tus clientes ingresar su información . Y una vez que hagan clic, enviar esta información será enviada directamente a su dirección de correo electrónico. Ahora, lo último aquí es el pie de página, que también tiene los iconos de las redes sociales así como estas líneas de derechos de autor Aquí abajo. Ahora hacemos clic en este y volvemos a nuestra página principal. En el siguiente tutorial, comenzaremos a construir nuestro sitio web paso a paso sin paso. Saltar. Gracias por ver. Nos vemos en el siguiente tutorial. 4. Nombre de dominio y alojamiento web: Hola. Ahora iniciaré este curso introduciendo las tres cosas principales que necesitamos para conseguir una página web en línea. El 1er 1 de éstos se llama nombre de dominio. El 2do 1 se llama Web Hosting. El 3er 1 es el tema que necesitamos para instalar y construir nuestro sitio web. En primer lugar, empecemos con el nombre de dominio. ¿ Qué es un nombre de dominio? Un nombre de dominio es simplemente el nombre fuera de tu sitio web que aparece en la o L cuando la gente lo escribe aquí para llegar a tu sitio web. Ahora, como se puede ver aquí, el nombre de dominio consta de dos partes. La primera parte que se ve por aquí, que es lo personal o el negocio. Nombre fuera de tu sitio web a que elijas y la segunda parte que ves por aquí, que es la extensión de tu nombre de dominio. Y en nuestro caso, es una extensión dot com, y hay decenas de extensiones de nombre de dominio que están disponibles y que puedes escoger como dot net dot info dot me dot com por aquí, que es una de las más comunes unos y demás. Y siempre puedes elegir un nombre de dominio para tu sitio web siempre y cuando ese nombre de dominio no sea reservado por nadie en el mundo. No obstante, por ejemplo, si tengo este nombre de dominio específico con esta extensión por aquí reservada, siempre puedes escoger y reservar el mismo nombre de sitio web que ves por aquí, pero con una extensión diferente por ejemplo, una red de puntos o un médico en su totalidad y así sucesivamente. Pero para este nombre de dominio específico, no puedes escoger este aquí con esta misma extensión porque ya está reservada para mí . Ahora, hay una cosa más que debes considerar a la hora de elegir un dominio A para tu negocio o para ti mismo. Si se trata de un sitio web personal, asegúrate de que se vea lo más profesional y lo más simple posible y no incluir muchos números como este o guiones y que números otra vez, y luego letras que no tengan ningún sentido. Asegúrate de que sea profesional, sencillo y fácil de memorizar, Y una vez que reserves este nombre de dominio específico, nadie más en el mundo puede reservar este mismo nombre de dominio. Será único y específicamente reservado para ti, y nadie más puede usarlo. Ahora esto nos lleva a través de lo segundo, necesitamos para nuestro sitio web, que es Web hosting. Entonces, ¿qué es el hospedaje Web? Bueno, simplemente ¿qué postear es el servicio? Necesitas almacenar los archivos de tu sitio web para que la gente de todo el mundo pueda acceder a estos montones escribiendo tu nombre de dominio y la caja Por aquí Y en resumen, publicación en la Web es proporcionada por tantas empresas de todo el mundo cuyo mero negocio en cuanto a proporcionar alojamiento Web de alta calidad. Sencillamente. El proceso de hospedar su sitio Web en estas empresas se realiza almacenando sus archivos de sitios web , los cuales están conectados a su nombre de dominio en computadoras de alta potencia y grandes que comúnmente se conocen como servidores Web, y los servidores están disponibles 24 7 para el acceso. Además, estos servidores Web están conectados a Internet, por lo que las personas de todo el mundo pueden acceder a su sitio web a través de ellos. Y esto es para nombre de dominio y hospedaje Web. Ahora, en este tutorial, pasaré por el hosting Web gratuito y de pago. Ahora para este propósito, he escogido a dos de los mejores proveedores de hospedaje Web en el mundo. Uno de ellos es considerado uno de los mejores y de cierre gratuito y proveedores, y el otro es considerado uno de los mejores si no V mejor pagado proveedor de hospedaje Web. Ahora primero, empecemos con el proveedor gratuito de hospedaje Web. Empezaré por ir a esta pestaña por aquí y a este sitio web de muestra que he creado en un proveedor gratuito de hospedaje Web llamado wicks dot com. Ahora hay tres razones principales por las que nunca recomiendo proveedores de hospedaje Web gratis ahora. El primer motivo es que estos proveedores de hospedaje Web gratuitos no son de búsqueda, amigables con el motor, y la mayoría, si no todos los sitios web construidos utilizando proveedores de hospedaje Web gratuitos no están indexados por motores de búsqueda . Y esto es realmente, realmente importante porque si tu sitio web no está indexado por motores de búsqueda, estarás perdiendo mucho del tráfico y muchos clientes valiosos. Eso es simplemente porque la gente no podrá encontrarte en motores de búsqueda como Google. Y esto nos lleva al segundo punto de por qué no recomiendo a través de Web hosting, que es el hecho de que los proveedores de hospedaje Web gratuitos no te dan un nombre de dominio herbal de marca , y quiero enfatizar un nombre de dominio no rentable. Ahora, con el fin de entender lo que es una monja Brandel Dominio, mira aquí esta extensión fuera de este sitio web que he creado. Si te das cuenta de que este sitio web no tiene su propio nombre de dominio único porque después del nombre del sitio web está por aquí? Hay un punto mechas dot com, y no es un punto com. Nunca es lo mismo que un punto com. Esto es lo que llamamos un sub dominio. No es un dominio completo para ti. Se trata de un subdominio, lo que significa que no comienza con tu nombre de negocio o personal y termina con la extensión que ves por aquí, siempre hay algo en el medio, que es el nombre de los proveedores de hosting gratuito Wicks y también esta parte por aquí, que se llama un sub directorio que representa el nombre del sitio web. Ahora, una vez más, este que ven por aquí no es lo que llamamos una extensión de nombre de dominio internacional, como un punto com o una red de puntos y así sucesivamente. Es un sub dominio. Ves por aquí, este es un subdominio y no un dominio completo que está reservado de manera única para ti. Y esto es lo que encontrarás en todos los proveedores de hospedaje Web que no te proporcionan tu propio nombre de dominio y extensión única. Su nombre siempre estará rellenado aquí en medio. Y este u R L que ves por aquí no es fácilmente recordado por tus clientes o incluso por ti . Es difícil de recordar y no se ve profesional, y no te ayudará a construir confianza con tus clientes. Si tienes un nombre de dominio que se parezca a esto y ¿adivina qué? Eventualmente, fin de construir tu sitio web profesional, receptivo y hermoso, tendrás que pagar por estos proveedores de hospedaje Web, y tendrás que pagar mucho dinero mucho más. Entonces pagarías regularmente por un buen proveedor de hospedaje Web, y lo repasaré en tan solo un segundo. Porque si quieres construir un sitio web que tenga suficiente almacenamiento, suficiente ancho de banda, un buen nombre de dominio por aquí y sin anuncios molestos y forzados como los que ves aquí abajo y arriba ahora con estos proveedores de hospedaje Web gratuitos, el fin de obtener estas características, definitivamente necesitará que su sitio web con esos proveedores de hospedaje Web gratuitos para obtener los anuncios eliminados para obtener un nombre de dominio decente para usted y suficiente soporte de ancho de banda de almacenamiento y así sucesivamente. Tendrás que actualizar para una cuenta premium. Ahora vayamos a cuentas muy premium y veamos cómo se ven. Ahora, para ser justos en esta comparación, elegiré los dos primeros paquetes que tienen esos chicos, que es el que ven aquí, el ilimitado y el comercio E C. Por aquí. Ahora bien, si miras el precio mensual de estos dos empacados está por aquí. Este de aquí es por unos 16 dólares al mes, y éste de aquí es por unos 20 dólares al mes. Y si miras lo que estos proporcionan, notarás que el ancho de banda y el almacenamiento no son ilimitados en este paquete, que es muy, muy caro. Y también para este de aquí, aunque proporcione ancho de banda ilimitado, todavía no proporciona ilimitado o lo que llamamos a un almacenamiento medido. Ahora vayamos a la página o publiquemos un proveedor y veamos qué tienen para ofrecer por nosotros. Ahora bien, si miras el plan más caro y premium que tienen esos chicos, ese es el plan de negocios. Ya verás que es por $13.56 al mes. Y si miras las características que te proporcionan, hay un espacio en disco más ordenado, que es básicamente el almacenamiento que te ofrecen. Y en cuanto al ancho de banda, es ilimitado. Y en cuanto a los dominios permitidos que puedes hospedar en este plan, hay ilimitados y la lista continúa hasta aquí. E incluso si miras estos otros dos planes, verás que también te proporcionan un nuevo espacio en disco medidor y una nueva banda medida con también todavia, este de aquí te proporciona dominios permitidos ilimitados, que es el que personalmente he comprado y que te mostraré tienes que inscribirte en el siguiente tutorial. Ahora, una ventaja más que estas empresas de hospedaje Web de pago brindan sobre las gratuitas que esos chicos, tienen sus servidores en funcionamiento 24 7 y se garantiza que su sitio web no estará abajo para ninguna razón porque tienen servidores de copia de seguridad y tu sitio web siempre está alojado y ganado en. Pero en cuanto a este de aquí, definitivamente no está garantizado con proveedores de hospedaje web gratuitos tener tu sitio web funcionamiento 24 7 porque la mayoría de los libres Qué proveedores de publicación no tienen sus propios servidores para alojar tu sitio web en la mayoría de ellos y no necesariamente éste. Aquí alquilan servidores en otros países que no son mantenidos por ellos personalmente, y que pueden bajar mucho. Pero con proveedores de hosting como esos chicos, garantizas que tu sitio web siempre está en funcionamiento, y siempre está respaldado en sus servidores. Y en cuanto a este proveedor de hospedaje Web, que se llama host gator dot com, esos chicos fueron galardonados con el top 24 73 65 de atención al cliente entre todos los proveedores de hospedaje Web en el mundo. Y la oferta. Tantas otras características, como 45 Day Money, Back Garantice y así sucesivamente. Como se ve todo el camino hasta aquí abajo. Y yo personalmente, después de hacer mucha investigación y probar tantos proveedores de hospedaje Web, me he encontrado con este aquí y me enteré de que host gator dot com es el mejor proveedor de hospedaje Web para mí hasta ahora, y esto es lo que te recomiendo también. Y como dije antes en el siguiente tutorial, te guiaré por el proceso de inscripción de esta página web. El proceso de registro para obtener un nombre de dominio y hosting para tu sitio web. Ahora. Gracias por ver. Nos vemos en el siguiente tutorial. 5. Signing para el nombre de dominio y el alojamiento web: alto. Ahora que hemos explicado a qué nos referimos por hospedaje web y nombre de dominio, es momento de suscribirse a un plan de hosting así como a un nombre de dominio. Ahora nos vamos a inscribir en hosting y nombre de dominio en este sitio web. Aquí mismo se llama host gator dot com h o S t g a t o r dot com Ahora, a partir de ahora, en este curso, cualquier sitio web que visitemos cualquiera tu l escribimos aquí mismo va a estar disponible en el recurso es sección off VI tutorial y simplemente puedes ir a la sección de recurso es y solo tienes que hacer clic en el enlace y te llevará a este sitio web aquí mismo. Ahora es el momento de iniciar el proceso de inscripción. En primer lugar, ve aquí a Web hosting. Haz clic ahora, desplázate un poco hacia abajo y podrás ver que tenemos estos tres planes disponibles para elegir a partir de ahora. personal, he escogido este plan aquí mismo. Ahora, cuanto al plan de negocios, no necesitamos un plan de negocios. O necesitamos éste de aquí o éste de aquí. Ahora, la diferencia fundamental entre estos dos planes la incubación y el plan del bebé es que este plan de aquí mismo te proporciona un número ilimitado de dominios para albergar. Si bien este de aquí el hatchling te proporciona un solo dominio lo que significa que puedes Onley hospedar uno y Onley un sitio web en este plan de hosting. tanto que si vas aquí mismo, puedes hospedar tantos nombres de dominio como quieras, ya sea para ti o para tus clientes que construyas sitios web. Por ahora, si haces click aquí mismo, ves que tienes una variedad de opciones que puedes elegir a partir de ahora. personal, he escogido la suscripción de un año. Pero para efectos de este tutorial, ya que te estaré dando un cupón de descuento y para que quede más claro cuánto descuento te da este cupón, solo voy a recoger la mensualidad aquí mismo y luego voy a dar click Regístrate ya. Ahora, Como dije antes, personalmente sugiero que tengas una suscripción de un año porque el cupón de descuento que te voy a dar te da un 25% de descuento y obtendrás un mejor trato en la suscripción del año . Ahora, cuando llegues a esta página aquí mismo, lo primero que quieres hacer como tipo en el nombre de dominio que quieres para tu negocio aquí mismo . Ahora, siempre puedes elegir agregar en el www antes de tu nombre de dominio y escribir el punto y luego agregar tu nombre de dominio, por ejemplo, estoy en Agregar Malik un multi y Montagne, o puedes elegir eliminar la www como lo hice con mi dominio Me. Ahora bien, si haces clic aquí mismo, ves que este nombre de dominio en particular no está disponible porque ya he comprado y reservado este nombre de dominio. No obstante, se puede ver que los otros nombres de dominio con diferentes extensiones están disponibles y se puede elegir entre. Y si vas por aquí, puedes escoger la extensión de nombre de dominio que desees para tu sitio web. Y si notas que cada extensión tiene su propio precio. Ahora, para que funcione la inscripción, sólo voy a entrar uno, 23 después de mi nombre y luego dar clic aquí. Y realmente no compraré este nombre de dominio porque ya he comprado el mío. Solo estoy usando este Malik Montagne 123 para mostrarte cómo inscribirte en este plan de hosting web . Ahora nos desplazamos un poco hacia abajo y lo ves aquí abajo. Protección de privacidad de dominio de anuncios para este sitio web en particular. Entro y revisa este de aquí porque suma 9.95 dólares a tu factura. Y realmente no necesitamos esto por ahora. Ahora nos desplazamos un poco hacia abajo y confirmas el plan que has escogido y el periodo de suscripción , que es de un mes en nuestro caso, y ves que automáticamente te ha dado 20% de descuento. No obstante, te daré un cupón que te conseguirá 25% de descuento mi cupón personal. Ahora, por aquí, necesitas el enter your user name. Voy a acabar con su M a l i k. Malik. Y asegúrate de cumplir con estos requisitos aquí abajo para el usuario Cualquiera ahora. Aquí abajo, escoges el pasador de seguridad. Simplemente elige cualquier dolor de seguridad aleatorio que quieras. Solo asegúrate de que no sea fácil de adivinar, y te desplazas hasta aquí abajo y sintiendo toda esta información y tu tarjeta de crédito y por aquí mismo o por tu información de PayPal, cualquiera que prefieras. Ahora, si te desplazas hacia abajo, llegas a estos add own justo aquí. Voy a terminar. Consulta todos estos porque realmente no necesitamos ninguno de estos. Ahora desplázate un poco más hacia abajo y verás que este cupón snappy te está dando 20% descuento. Ahora bien, si ingresas mi cupón personal, que es Malik m A como un 25 de descuento. Asegúrate de deletrearlo bien. M a l i k 25 0 doble f. cualquier click validar y te desplazas un poco hacia arriba. Te das cuenta Por aquí hay un 25% de descuento ahora en lugar del 20% que es realmente un buen trato para ti. Ahora te desplazas un poco hacia abajo y ves los detalles del pedido. En cuanto al apoyo, es gratis. En cuanto a la activación de la cuenta, también es gratis. Y tienes una garantía de devolución de dinero de 45 días, que es realmente, realmente buena. Y por aquí, el registro de nombres de dominio. Ha registrado este nombre de dominio. Lo has reservado por todo un año y por $12 en 95 centavos. Y ten cuidado una vez más. Ha reservado este nombre de dominio durante todo un año. No por un mes. Tu plan de hospedaje web es por un mes aquí mismo. Y te dieron un descuento sobre este de aquí, así como sobre este de aquí. Ahora, el monto total del descuento es de alrededor de $5. En el próximo mes, sólo tendrás que pagar por el plan de hosting aquí mismo. Por lo que tu factura no ganará 11 dólares en 91 centavos. La próxima vez que lo pagues, solo será el alojamiento web que estás pagando por ahora, cuando hayas terminado, haces clic aquí abajo para aceptar los términos y servicios y luego haz clic en checar aquí abajo. Ahora, una vez que hayas terminado todo este proceso, pasas por tu correo electrónico que te proporcionaron aquí mismo. Entonces voy a ir a mi correo ahora mismo, y tú recibes este mensaje aquí mismo. Se llega a este mismo mensaje exacto excepto por el nombre de usuario y la contraseña. Ahora, fin de acceder al panel de control fuera de su sitio web para comenzar a construir el sitio web e instalar WordPress, es necesario hacer clic en este enlace aquí mismo. Y es diferente para todos. Por lo que solo tienes que hacer clic en el enlace y te diriges a esta página aquí mismo. Ahora pregunta por el nombre de usuario. Vuelve a tu correo electrónico y copia este nombre de usuario que tienes justo aquí y luego vuelve y pégalo aquí mismo. Ahora, cuanto a la contraseña, pasas por el correo electrónico y copias esta contraseña que obtuviste en el correo electrónico. Ahora regresa y pega la contraseña aquí mismo. Después haces click. Inicie sesión ahora estamos en el panel de control fuera de nuestra página web. Ahora, te sugiero que marques esta página porque la vamos a necesitar en el futuro. Y por favor quédate en esta página. Gracias por ver. Nos vemos en el siguiente tutorial. 6. Instalación de WordPress: Hola. Ahora que iniciamos sesión en el panel de control, lo primero que queremos hacer es cambiar la contraseña fuera del panel de control. Vamos a unas preferencias, hacemos clic en cambiar contraseña aquí. Ahora tecleamos o simplemente copiamos y pegamos la antigua contraseña del panel de control que obtuvimos en el correo electrónico y tecleamos nuestra nueva contraseña del panel de control. Después confirme esa contraseña y haga clic en cambiar contraseña. Pero no voy a cambiar mi contraseña ya que ya he cambiado mi Ahora volvemos a página principal y comenzamos nuestra instalación de palabra prensa. Nos desplazamos hacia abajo a la sección de servicios de software, hacemos clic en Instalación rápida, y en aquí vamos a instalaciones populares. Hacemos clic en Ward Press y aquí haga clic en y todavía WordPress. Ahora, primero elegimos el nombre de dominio al que queremos instalar WordPress, y dejamos este campo vacío porque solo estamos para instalarlo dedo arriba la mitad y aquí dentro tecleamos nuestra dirección de correo electrónico y el título de bloque que queremos y luego nuestro usuario administrador nombre. Ahora, cuanto al nombre de usuario admin, no puede tomar espacios como este. Tiene que estar en una pieza como esta. Después tecleamos el nombre y nuestro apellido. Después de eso, hacemos clic en Instalar WordPress. Después de unos segundos, ves este mensaje por aquí y haz clic en ver credenciales. Ahora, antes de poder acceder a nuestra altura de WordPress con este Lincoln aquí y estos nombre de usuario y contraseña, suele tardar hasta 15 minutos en configurar WordPress en nuestro sitio web, pero en algunos casos y puede tardar hasta 24 horas. Nos vemos chicos en el siguiente tutorial. 7. Ingresar a WordPress y perfil de edición y la edición: Hola. En el tutorial anterior, instalamos WordPress a nuestro nombre de dominio. Y como dije, suele tardar de 10 a 15 minutos para que nuestra página web esté en funcionamiento con esta instalación de WordPress . Pero en algunos casos , puede tardar hasta 24 horas. Ahora, sigamos adelante e iniciemos sesión en nuestro panel de control de WordPress con este enlace. No, esta es la página de inicio de sesión de WordPress que nos permite acceder al panel de control de nuestra página web. Volvamos atrás y copiemos al usuario. Y luego llegamos aquí y lo pegamos aquí. Y lo mismo para la contraseña y pasta de palabra Hasse. Ahora iniciamos sesión remolque. Nuestra página web. Ahora bien, este es el panel de control de nuestra página web llamada el Dashboard. El primero que queremos hacer es cambiar la contraseña para este panel de wordpress. Por lo que pasamos por encima de los usuarios y luego pinchamos en tu perfil. Ahora nos desplazamos hacia abajo a una nueva contraseña aquí abajo y hacemos clic en generar contraseña. Ya sabes, primero, voy a dar clic en ocultar y luego eliminar esta contraseña y ahora escribe tu contraseña para WordPress, tu nueva contraseña. Ahora hay una cosa que debes saber sobre esta contraseña. Tiene que ser mediano o fuerte. No puede ser débil. No podrá actualizar su perfil si la contraseña es débil. Por lo tanto, intenta incluir letras mayúsculas y minúsculas y, si es posible algunos otros símbolos, como dígitos y así sucesivamente. Ahora hay una cosa más que me gustaría cambiar aquí. Nombre para mostrar. A mí me gustaría cambiarlo por mi nombre de pila. Este nombre para mostrar es el nombre que muestra de aquí. Y hay múltiples opciones que puedes cambiar también, Como un tema. Si hace clic en, por ejemplo, esta medianoche. Cambia el aspecto de tu tablero, pero voy a mantenerlo al predeterminado. Y también hay múltiples opciones. Se puede cambiar el pecho de nombre y apellido y el correo electrónico. Pero eso será suficiente por ahora. Ahora haga clic en actualizar perfil. Ahora pasamos el cursor por encima de la configuración pasamos por general. Ahora bien, este es el título del sitio que aparece aquí arriba. Me gustaría el tipo Toa en mi nombre y apellido. Podría ser tu nombre comercial o cualquier nombre que quieras aquí. Esta es la breve descripción de su sitio web. Yo sólo voy a escribir en academia. Ahora nos desplazamos hacia abajo y hacemos clic en guardar cambios. Lo siguiente que queremos hacer es la misma configuración de área y bajar a enlaces de Perma y dar click en ella. Vamos dedo del pie nombre del host y hacemos clic en nombre del puesto. Esto es para fines de optimización de motores de búsqueda. Aumenta tu tasa de clic a través en los motores de búsqueda. Y este es el primer paso hacia la optimización de su sitio web para un mejor rango en los motores de búsqueda . Ahora hacemos clic en guardar cambios, y ahora vamos toe posts, por encima de post aquí y hacemos clic en anfitriones antiguos. Y luego queremos eliminar este host muestreado por aquí, así que pasamos el cursor sobre la basura y pinchamos sobre ella. Ahora hacemos click en la basura aquí y luego pinchamos en eliminar permanentemente para que podamos eliminar permanentemente. Ahora hacemos lo mismo para la página de muestra, pasamos el cursor sobre las páginas y hacemos clic en todas las páginas. En cuanto a la página de muestra, haga clic en la basura. Ahora ve a la basura click en la basura la elite permanentemente. Ahora que hemos borrado el post y la página de muestra, lo siguiente que queremos hacer es ir flotando sobre los enchufes y dar click en sus enchufes dicho. Ya sabes, estos son los enchufes predeterminados que vienen con la instalación de la fuerza laboral. Nos gustaría desactivar este. Aquí, click en este. Este, éste y éste. Y sube aquí, haz click en acciones a granel, ve a la activación, luego aplica porque necesitamos desactivarlas antes de poder eliminarlas. Ahora haz lo mismo. Seleccione estos cuatro enchufes y reserve acciones, luego elimine. Ahora da click en Aplicar. Sí. No deje estos archivos y datos. Ahora que hemos instalado y conectado a nuestro panel de control este panel de control fuera de nuestro sitio web wordpress, lo siguiente que queremos hacer es ir a la aparición del dedo del pie, cursor por aquí y hacer clic en temas. Ahora, en el siguiente tutorial, voy a enseñar que tenía una subida e instalar el tema en el tablero. Nos vemos en el siguiente tutorial. 8. Configuración de cómo enviar correo electrónico: Hola. Ahora vamos a configurar el reenvío de correo electrónico No. Antes ¿Explicar qué? Correo electrónico para días de guerra Los traseros primero desplácese hacia abajo. Haga sección masculina por aquí y haga clic para pedidos. Ahora da click aquí abajo. Agregar reenviador. Ahora, simplemente reenvío de correo electrónico significa que configuras una dirección de correo electrónico que tenga el nombre de tu sitio web en ella y para que la gente pueda enviar correos electrónicos a, Y estos correos electrónicos serán redirigidos a un correo electrónico diferente de tu elección, cual podría ser tu verdadera dirección de correo electrónico. Por ejemplo, vamos primero a escribir en apoyo como prefectos para este correo electrónico y su dirección de correo electrónico de sitios web será soporte a nombre de su sitio web, que es Malik Motown en este caso dot com, Y aquí abajo en este cuadro, escribes la dirección de correo electrónico de rial a la que quieres que se redireccionen estos mensajes. Ahora, una vez que hayas terminado, baja aquí y haces click. Agrega reenviador, y si haces clic, vuelve aquí. Ahora, cuando llegues a esta página, puedes ver la comida de redireccionamiento por aquí y la dirección de correo electrónico rial a la que se enviarán los mensajes por aquí, y siempre puedes eliminar y agregar algún correo electrónico más para pedidos desde aquí y aquí. Ahora volveré a la página principal, y eso es todo para este tutorial. Gracias por ver. Nos vemos en el siguiente tutorial. 9. Tema y plug la instalación: Hola. Ahora echemos un vistazo a nuestro sitio web y veamos cómo se ve flotando por aquí y pinchemos en visitar sitio. Ahora este es el tema y look por defecto que viene con nuestra instalación de WordPress antes de que hagamos cualquier cambio o elijamos cualquier otro tema ahora que hemos visto, como son los repetidores que se parece, Volvamos atrás, cursor por aquí y haga clic en tablero de instrumentos, pase el cursor sobre la apariencia. Haga clic en los temas. Ahora estos son los tres temas predeterminados que vienen con la instalación de WordPress, y este de aquí llamado 2015 es un tema activado por defecto. Lo que vamos a hacer ahora es subir nuestro propio tema y activarlo para que podamos trabajar en él ahora. Primero, click en Agregar Nuevo Y como puedes ver por aquí, hay múltiples temas entre los que podemos elegir, así como tantos otros temas. Pero el tema en el que vamos a trabajar como uno de los mejores entre hoy en día parece en todo el mundo. Vamos a seguir adelante y subirlo. Haga clic en subir tema, haga clic en Elegir archivo, y este es el tema que ustedes descargaron. Se llama Signify Ultra. Adelante y da click en Abrir ahora da click en Instalar ahora y puede tardar alrededor de un minuto de dedo del pie subir el tema, y en algunos navegadores, muestra el porcentaje por aquí. Ya sabes, chicos de aquí abajo muestra cuánto se hace la carga. Ahora, una vez que llegue al 100% aquí abajo, se instalará el tema. Ahora que el tema está instalado con éxito, sigamos adelante y pinchemos en Activar. Ahora, al llegar a esta página, significa que el tema se ha subido y activado con éxito. Sigamos adelante y echemos un vistazo a nuestra página web y veamos cómo se ve después de subir nuestro tema. Pase el cursor por aquí, haga clic en visitar sitio. Ahora bien, este es el predeterminado. Mira nuestro tema en el que vamos a estar trabajando. No se ve tan bien, pero una vez que terminemos con ello, va a ser impresionante. Ahora, una vez más, cursor por aquí, haga clic en dashboard, y vamos a instalar los enchufes necesarios con los que vamos a trabajar a partir de ahora. ratón por encima de los enchufes. Da click en añadir nuevo Por aquí. El primer enchufe que vamos a instalar se llama fácil Google Phones Type y easy Google Funds y hit Enter Now, este es el enchufe que vamos a instalar. Nos ayuda a cambiar los teléfonos en un sitio de cuerda de forma ah, más dinámica. Ahora haga clic en instalar Ahora por aquí, Haga clic en Activar bandera en Una vez más. Pasa por aquí. Haga clic en añadir nuevo e ir a la búsqueda leggings y escriba contacto Formulario siete y hit. Entrar. Ahora, este es el contacto para desenchufar que necesitamos. Así que haga clic en instalar Ahora ahora haga clic en Activar Plug in Now, Una vez más, haga clic en agregar nuevo ir por aquí y escriba y correo. Chimp cuatro, Ward presiona y golpea Enter. Este es el plug in male champ para WordPress que necesitamos. Ahora haga clic en instalar Ahora, ahora haga clic en Activar enchufe Una vez más, cursor sobre. Añadir nuevo go por aquí en Titan s K T Space Habilidad bar y tuvo que entrar. Ahora este es el plug in. Queremos dar click en Instalar Ahora, ahora da click en Activar, Enchufar y les mostraré chicos lo que estos enchufan. O por una vez empezamos a trabajar con ellos. Entonces, no te preocupes ahora. Como puedes ver, hay un tapón más que dejé aquí fuera no activo, pero no eliminé este plug in. El motivo es que eres libre de usar. Descúbrelo en tu página web. Es un buen tapón anti spamming que ayuda a proteger tu bloque de comentarios. En pista Back span, lo vamos a mantener por ahora. Personalmente no me gusta activar y usar este plug in. Pero si quieres, eres libre de hacer eso. Eso es todo para este tutorial. Nos vemos chicos en el siguiente tutorial. 10. Hacer el logotipo: Hola. En este tutorial, te mostraré cómo hacer tu propio local. Pero antes de eso, sigamos adelante e instalemos este último enchufe que se necesita para nuestro tema. Ahora pase el cursor por aquí y haga clic en. Comience a instalar Plug in. Ahora siéntate aquí abajo. Haga clic en instalar. Ahora que el enchufe está instalado, Volvamos atrás. Haga clic aquí. Ahora pasa el cursor por aquí en Haga clic en Activar. Ahora que el plug in se activa con éxito, vamos a seguir adelante y hacer nuestro primer local. Ahora, como se puede ver aquí, hay dos logotipos el logotipo principal de titular aquí y el pequeño de aquí Que se llama Favor Icono. Ahora que nuestros tres sitios web en los que puedes conseguir tu local el 1er 1 se llama Fiverr F I v e double r dot Ven en este sitio web. Es genial que puedas llegar a tu propio logo por solo $5 hover sobre gráficos y diseño aquí cierren sobre el diseño local que te gusta aquí Ahora, como puedes ver aquí, hay mucho logotipos fuera que puedes elegir entre muchos diseños y Onley por $5 el precio cambia a medida que cambias el periodo fuera de la entrega. Por ejemplo, si lo cambias a nuestras 24 horas, el precio sube para todos estos logotipos. Pero si lo mantienes hasta siete días, muchos de ellos serán por 5 dólares. Ahora está la segunda página web de la que puedes obtener tus logotipos. Estos son logotipos pagados. Se llama 99 diseños dot com. En este sitio web, ahora es un poco más caro. Haz click en empezar ahora, y hay una variedad de categorías aquí abajo que puedes elegir. Por ejemplo, vas a la identidad del logotipo y haces clic en el diseño del logotipo, y básicamente presentas tus requisitos y los looks, colores y cetera que deseas estar en tu diseño del logo. Y te dan muchos diseños entre los que puedes elegir. Pero el paquete básico aquí, supongo que son 399 dólares así que ahora es un poco caro. El último que te mostraré se llama logo m, a k r dot com y este sitio web. Podrás hacer tu propio local click en siguiente. A continuación, estos son solo algunos consejos para mostrarte cómo trabajar en tu logo. Ahora voy a hacer un logo de muestra. Haré de estos dos logotipos el que veas aquí y la estafa favorita aquí. En primer lugar, empecemos con el favorito. Ven click en texto y vamos arriba. Y me gustaría elegir simple y moderno formado. Y aquí da click en este. Aquí, Arco de Goto. Negro malvado. Ahora voy a escribir la primera letra de mi nombre. Judíos. El color al que puedes hacer click aquí. Esto va a aparecer baliza. Trátalo aquí arriba o abajo de la forma que te guste. Voy a elegir este color para la primera letra y voy a pasar el rato sobre este de aquí. Haga clic derecho y haga clic en copiar. Ahora arrástrelo como pueda ver y haga clic derecho y luego haga clic en pegar. Esta es la segunda letra, pero voy a cambiar el dedo del pie de color. Ah, negro y voy a hacer este un poco más pequeño. Vamos a hacer que éste sea un poco más grande en éste. Aquí en. Está bien ahora, cuando terminemos, pasas el cursor por aquí y haz clic en guardar logo. Ahora el logo se guarda aquí abajo. Analicemos nuestro logo. Haga clic en el dibujo ya que lo puede ver guardado como PNG. Se trata de una extensión que significa que el local que tenemos tiene un fondo transparente. Ahora sigamos adelante y creamos el segundo logo, que es el que ves aquí con mi nombre completo, Malik Morton. Ahora vamos a crear nuestro segundo logo. Haga doble clic en esta letra aquí y escriba mi nombre o nombre de su empresa de la manera que desee y luego mi apellido. Y como puedes ver, solo puedes arrastrar este aquí un poco a la izquierda y ahora pasa el cursor por aquí, lloró esquina y haz clic en Guardar logo. Ahora que está descargado, vamos a hacer doble clic en él. Como puedes ver, esta es otra imagen PNG que tiene un fondo transparente, y hay una cosa más que te voy a mostrar. Además de estos textos, también puedes conseguir tantos símbolos para añadir a tu logo. Da click en buscar aquí, y, como puedes ver, son cientos, literalmente cientos de iconos que ella puede agregar a tu logo y son todos gratis. Entonces así es como creas tu logo gratuito. Gracias chicos por mirar. Nos vemos en el siguiente tutorial. 11. Ajustes de tema y diseño general: alto. Ahora que hemos hecho nuestro propio logotipo, comenzaremos a editar la disposición general y la configuración de nuestro tema. Pero antes de eso, te voy a mostrar una cosa importante, que es cómo cerrar sesión de tu tablero en caso de que quisieras tomarte un descanso y volver más tarde. Por lo que pasamos por aquí, y como puedes ver aquí, puedes dar click en cerrar sesión. Vuelve a esta página, que personalmente he marcado, y puedes iniciar sesión más tarde. Ingresa tus años y nombre y la contraseña e inicia sesión. Ahora comenzaremos a editar el layout en ajustes de nuestro tema, cursor sobre ultra aquí y pincharemos sobre él. Ahora, cuando llegues a esta página, lo primero que queremos hacer es subir nuestra estafa favorita, que es el primer logo que hicimos. Lo puedes ver en el contenido que descargaste. Esta es la estafa favorita. Ahora haga clic en abrir No desplácese hacia abajo hasta la lista de fuentes de Google y fondos de Google. Haga clic en mostrar todos los fondos de Google. Ahora vamos a dar click Guardar Y si subes y refrescas la página, puedes ver que el Khan favorito está apareciendo aquí. Ahora vamos toe layout por defecto Lo primero que queremos en él como opción de barra lateral de índice. Haga clic en este de aquí sin barra lateral. Ahora desplácese hacia abajo para ocultar el título de Host y haga clic en Sí, porque no creo que se vea bien. Y en cuanto a Hide, post meta hover sobre Heidel en click en Altura, estos no se ven bien tan bien y auto imagen destacada. Nos gustaría revisar este aquí. Y en cuanto a la posición de la imagen destacada, me gustaría hacerlo por debajo Título de la publicación porque una vez más se ve mejor y desplazarse hacia abajo por defecto, diseño de una sola publicación. Me gustaría elegir no barra lateral aquí. Y en cuanto al post meta, me gustaría mantener todos estos puestos ahora. Desplázate hacia abajo hasta el diseño de página predeterminado y éste aquí. Una vez más, vamos a elegir sin barra lateral ocultar título en páginas antiguas. Da click en Sí, porque no queremos que los títulos de las páginas estén apareciendo al inicio de la página y comentarios de página. Nos gustaría desactivar los comentarios de página. Ahora haga clic en guardar, desplácese hacia arriba y vaya dedo del pie configuración del tema. Ahora lo primero que queremos en ello es éste de aquí. Haga clic en. Aplicar lightbox a los enlaces de imagen. Esto básicamente hace que la imagen aparezca en una caja como caja al hacer clic en ella en la galería . Ahora desplácese hacia abajo. Y en cuanto al diseño de cabecera, haga clic en este de aquí porque se ve mejor. Y nos gustaría que Toa excluyera estos sitio web tagline search form, el link RSS, el encabezado, widgets y lo social solo porque todos estos no se ven profesionales en nuestro encabezado ahora widgets de encabezado Haga clic en Ninguno. Diseño de pie de página. Nos gustaría mantenerlo por defecto del dedo del pie. Excluir el logotipo del sitio de aquí. Excluye la navegación del menú porque somos uno de los hombres que tú y Paige títulos apareciendo en el pie de página y desplazarse hacia abajo hasta la imagen. Filtrar un filtro de desplazamiento de imagen. Haga clic en escala de grises porque una vez que se pasa el cursor sobre las imágenes, se vuelve gris y aplica dedo del pie todas las imágenes y aquí abajo, animando los colores de fondo. Esto es para el fondo animado que sigue cambiando de colores. Velocidad de animación. Yo quisiera ponerle el dedo del pie siete. Ahora, En cuanto a la animación de color, me gustaría mostrar que tienes que elegir tus colores de animación. Haga clic en nueva pestaña y escriba en este sitio web picks slur dot com p i X l r dot com slash editor y pulsa Enter Now nos gustaría abrir imagen desde nuestro ordenador, y esta es la paleta de colores que he incluido en mi contenido que ustedes bajaron. Haga clic en él y abra ahora Pase el cursor por aquí sobre la herramienta de recolector de color. Haga clic en él. Y como puedes ver, hay un flujo de color que se mueve hacia arriba. En lugar de cambiar de repente, de rosa a amarillo o de rosa a azul, va poco a poco y el cambio de color será suave. Por lo que nos gustaría elegir colores que son adyacentes, por ejemplo, esta fila aquí y podría estar conectada a cualquiera fuera de la otra. Rosa. Tomemos este papel como ejemplo. Haga clic en él y uno vea Haga clic en él. Ves el color aquí cambia da click en el color Aquí, esta ventana aparece y copia este código hexadecimal desde aquí. Te lo copias, vuelves atrás y animaciones de color número uno, lo pegas aquí Y en cuanto al 2do 1 vuelves atrás, eliges el siguiente color, Que es éste de aquí. Haga clic en él ahora pasa el cursor por aquí. Haga clic en este aquí. Ahora copiamos esta copia de código de color y regresamos y lo apresuramos. Ahora la animación en color Número tres, hacemos lo mismo. tenemos sobre el 3er 1 Aquí, Haga clic en ella y súbete a ésta de aquí. Y copia el código de color. Haga clic en Aceptar y péguelo y lo mismo para el resto. El 4to 1 Aquí, mira este. Judíos, el código de color. Vuelve atrás. Date prisa. Aquí. Siguiente uno, vuelve atrás. Está bien. Y dar click en este. Aquí, elige este y copia este código de color. De acuerdo, vuelve. Pega aquí. Ahora. Número seis, retrocede. Y ahora éste Aquí. Haga clic en él. Mira este de aquí. Y éste de aquí. Copia. Está bien. Y luego vuelve y pégalo aquí. Y en cuanto al último, me gusta elegir el mismo que el primer color de animación Copiarlo y pegarlo aquí porque creo que rima con eso. Es como un círculo empieza aquí y luego vuelve al mismo lugar donde empezó y a una reunión. Ahora desplázate aquí abajo. En cuanto al texto del pie de página, cambiaremos el texto del pie de página sobre aquí. Haga clic en nueva pestaña y aquí abajo en lugar de powered by WordPress, nos gustaría agregar copia, derecha. Así que vuelve atrás y pie de página Texto a que puedes escribir en copia, derecha. Todos los derechos reservados o lo que quieras y haces click en guardar. Y si vuelves a la página web, click en Refrescar. Ya ves los derechos de autor está aquí. Gracias chicos por mirar. Nos vemos en el siguiente tutorial. 12. Creación de la página de origen y edición y la la Header de la edición: alto en el tutorial anterior. A lo último con él se le agregó esta parte del texto de la foto y como se puede ver en texto de pie de página a nosotros ingresamos el texto que queremos y automáticamente apareció aquí cuando refrescamos la página. Ahora va igual para esta parte del pie o texto. Si vuelve atrás y escribe un texto en pie de página, escriba uno aquí y haga clic en Guardar Se muestra aquí en lugar de éste de aquí. Pero creo que esto se ve bien. Ahora vamos a empezar a hacer de la cabecera esta cabecera transparente, hermosa. Vamos a agregar la primera página, que es la página principal, esta de aquí y agregando este cabello logo, además añadiendo esta hermosa y vibrante imagen de fondo. Vamos y primero haga clic en páginas ahora da clic en Agregar Nuevo ahora escriba aquí home ahora desplácese por aquí Y en cuanto al contenido con Haga clic en Completo con En cuanto a imagen, cursor Filter Creek en ninguno. Y en cuanto a un título de página, nos gustaría ocultarlo. Sí, ahora vamos a la aparición del tema aquí, haga clic en él. Y en cuanto al diseño de encabezados, éste de aquí ahora da click en Publicar, no Volver aquí y refrescar la página. Y como pueden ver, se está mostrando aquí. Vamos a seguir adelante y personalizar este encabezado aquí. Haga clic en personalizar opciones goto Signify aquí. Ahora ve al sitio logo y lema. Ahora elige imagen de logotipo y haz clic aquí y haz clic en subir archivos aquí. Ahora selecciona archivos. Ahora elige este encabezado Local que hicimos. Y si quieres, puedes usar mi jefe de local en el mi contenido que descargaste y dar click en abrir No hay click en insertar imagen Y en cuanto a las dimensiones aquí, ingresa 1 10 por 50. Ahora haga clic en guardar y publicar. Ahora desplácese hacia abajo. Haga clic aquí para minimizarlo y vaya a la navegación principal Aquí, haga clic en él y desplácese hacia abajo Do menu, link, cursor e ingrese No en este campo aquí sino en este Aquí, el 2do 1 Este código siete a C E. Si a ahora este color, nos gustaría copiarlo e introducir el mismo código para un menú Enlace activo e ingresar en el segundo campo aquí. No hay clic en guardar y publicar. Y como se puede ver cuando se cierne sobre quién Y cuando se haga clic en casa, el color será Lewis. No, subimos, minimizamos esta navegación principal. Nosotros vamos a pie de página, Haga clic en él. Ahora, lo único que queremos editar aquí como el color de fondo del pie de página. Da clic aquí e introduce este código F seis F seis seis F seis. Ahora haga clic en guardar y publicar. Ahora desplázate hacia abajo después de minimizarlo y ve a C s ahora, personalizados ahora, En cuanto a CSS personalizado, necesitas ir a mi contenido. El contenido que descargaste. DoubleClick, estilo CSS. Copia aquí este texto y regresa. Pega aquí y ahora haces clic, guarda y publica. Y en cuanto a este campo lo ves aquí si lo incrementas por ejemplo y ella 0.5 Como puedes ver, la transparencia se apaga un poco, lo que significa que se vuelve menos transparente y más oscuro. Pero me gustaría mantenerlo 2.1 porque creo que se ve mejor. Ahora haga clic en guardar y publicar. Ahora vuelve atrás y pulsa aquí. Ahora, para agregarlo, esta página principal necesitamos pasar el cursor aquí, ir al panel y ir a las páginas. Haga clic ahora, cursor sobre el homing aquí y haga clic en parecer. Si yo constructor ahora, como se puede ver aquí lo mismo. Si yo constructor ha entrado aquí a partir de ahora, será en adelante porque necesita ser usado al menos una vez antes de que se active y se ponga en esta barra de aquí arriba. Y hay una nota, este bar de aquí arriba. Está en Lee para nosotros cuando editamos nuestra página, pero no aparece para otras personas. Cuando la vista nuestra página como se puede ver aquí, no aparece aquí arriba. Solo aparece cuando estamos editando nuestra página con nuestro panel de WordPress. Ahora, ya que tenemos nuestro constructor de moscas tema encendido, comenzaremos a editar esta página principal, pasaremos por aquí y pincharemos sobre opciones. Ahora nos gustaría ir a remar con y dar click en maderas llenas. Y en cuanto al efecto, haz clic en él y tecleando F f una vez más y, como puedes ver aquí, desvanecerse, haz clic en él como desvanecerse aquí abajo se encuentra fácilmente, y en cuanto al tipo de fondo, nosotros le gustaría mantenerlo a la imagen. En cuanto a la imagen de fondo, queremos nuestra propia imagen, haga clic, navegue, navegue, biblioteca y haga clic en seleccionar archivos y desplácese hacia abajo. A menos que tengas tu propia foto, puedes usar la mía aquí. Esta destacaba hermosa imagen y dar click en abrir. Ahora da click en insertar Presenta tu L y en cuanto al modo de fondo, pulsa aquí y selecciona Paralax Scrolling. Ahora desplázate hacia abajo y ve a relleno aquí para la tina. Nos gustaría agregar 4 30 y para la parte inferior para 80 y desplácese hacia abajo y haga clic seguro. Y como se puede ver esta imagen, hermosa imagen se está mostrando aquí. Ahora no te preocupes por este espacio entre la imagen y la parte superior de la página. Es solo para que podamos editarlo mejor. Y una vez que hacemos clic, guardamos y hacemos clic en cerrar, puede ver que la imagen se ha movido hacia arriba y que el encabezado apenas está cubriendo la parte que no vemos desde la imagen. Ahora, para que este encabezado sea transparente y la imagen detrás sea visual para nosotros, vamos a editar páginas. Haga clic en las páginas aquí, cursor sobre el hogar y vaya a la apariencia del tema, haga clic en apariencia del tema, y en cuanto al fondo del encabezado, hacemos clic en fondo transparente, luego desplácese hacia arriba y haga clic en actualización. Ahora si volvemos a esta página principal. Haga clic en Actualizar. Aquí. Se puede ver que la imagen como visual nos remolcan ahora y el encabezado como transparente y suave Y se ve profesional. Gracias por ver. Nos vemos en el siguiente tutorial. 13. Construcción de la sección de servicios (1) ): alto En el tutorial anterior, hicimos este hermoso encabezado. Con este fondo transparente creamos la primera página, que es la página principal. Agregamos el local que hicimos y agregamos esta hermosa, vibrante, esa imagen de suelo con este fondo de desplazamiento paralaje. Ahora lo primero que queremos hacer aquí antes de agregar esta sección de servicios aquí y con estas hermosas transiciones que sucedieron. Como pueden ver, iremos aquí y haremos de esta página principal la página principal real de nuestro sitio web, lo que significa que cuando usted o cualquier otra persona escriba en la U. R l de su sitio web y hits entre, como puede ver aquí, no van directamente a tu página principal. Queremos hacerlos ir directamente a la página principal en lugar de tener que hacer clic en casa y llegar a la página principal. Por lo que para hacer eso, volveremos a nuestro panel de control, pasaremos cursor sobre la configuración y pincharemos sobre la lectura. Ahora, por aquí eliges una página estática. En cuanto a la portada, seleccionas inicio y aquí abajo haces clic en guardar cambios. Ahora bien, si vuelves a la página web, eliminas aquí este sub directorio y haces clic en enter. Se puede ver que esta página principal fuera del sitio web es la página principal real que hicimos. En lugar de tener que hacer clic en casa para ir a la página principal, automáticamente va a la página principal cuando alguien va a tu sitio web. Ahora, sigamos adelante y empecemos a hacer aquí esta sección de servicios. Como se puede ver, el delgado si yo constructor es la herramienta que viene incorporada dentro de nuestro tema Ultra. Y es una herramienta que utilizamos para construir nuestro sitio web. Y cada vez que quieras construir nuestro sitio web, pasamos por aquí y hacemos clic en encender, Builder. Ahora este banner aparece con estos módulos en él. Entonces lo primero que queremos hacer es arrastrar el módulo de texto aquí y subirlo y no vamos a añadir ningún texto aquí. Simplemente haremos clic en guardar. Esto es para que podamos sumar otro módulo aquí abajo. Queremos dejar este aquí vacío. Pero si tienes ganas de escribir algo en medio de esta imagen, eres libre de hacerlo. Pero no creo que se vea bien para este diseño específico fuera de la página web. Y si te desplazas hacia abajo, flotas aquí. Como puedes ver, puedes ver este módulo drop Aquí seleccionaremos texto, clicaremos en él inicio el botón y lo soltaremos aquí. Ahora, por aquí, escribimos nuestros servicios. Ahora selecciona nuestros servicios. Y aquí barra de herramientas toggle, se pasa el cursor sobre él, haga clic en él y se ve esta sección desplegable. Se da click en párrafo. Seleccionas encabezado para ahora vuelves a seleccionar todo esto y lo haces involucrado y una línea en el centro Ahora haz clic en guardar. Y como pueden ver, estos son nuestros servicios en el medio. Es un poco grande, lo sé, pero vamos a editar esto más adelante. Ahora seleccione el módulo divisor, haga clic y sosténgalo, y luego suéltelo aquí. Ahora por este módulo. En primer lugar el estilo divisor. Nos gustaría elegir doble y para grosor de trazo, elegir el número cuatro y para el color del divisor, puedes seleccionar el color que quieras si haces click aquí. Como puedes ver, hay múltiples colores entre los que puedes elegir y moverlo aquí para elegir el grado de color que quieras. Pero tengo el código de color para nuestro diseño, que es tres de siete a ocho C. Ahora, cuanto al margen superior, me gustaría entrar cero. Y para el margen inferior, entraré 12. Ahora haz clic en Guardar. Y si pasas por aquí, puedes ver estos separadores fuera del módulo. Selecciona aquí esta que lo divide en tres secciones iguales. Después arrástrelo aquí hasta el medio y suéltelo. Ahora vamos a sumar en estos iconos y estos textos y botones en el siguiente tutorial. Gracias por ver. 14. Construcción de la sección de servicios (2): Ahora vamos a sumar en estos tres iconos destacados con estas transiciones y el texto así como estos botones aquí abajo. Empecemos con el 1er 1 Primero. Seleccione la función. Haga clic y manténgalo pulsado. Ahora déjalo aquí. Ahora agregamos el texto que queremos aquí. Eso va a estar por debajo del ícono. No, tengo listo mi texto. Entonces sólo voy a copiar ahora. Vuelve atrás. Haga clic aquí cuando pegue como texto sin formato. Ahora es para éste. Aquí lo vamos a hacer audaz. Haga clic en el toggle y elija Encabezado cinco. No, este Aquí lo mantendremos a párrafo y luego seleccionaremos Oh, y los pondremos en el medio. Ahora, lo siguiente que va a hacer es golpear. Entra y pasa el cursor por aquí para añadir en el botón, haz click en códigos cortos. Ir a un botón. Haga clic en él. Ahora, En cuanto al texto del botón, voy a teclear. Pruébalo tú mismo. En cuanto al estilo de botón , consta de tres partes. En la primera parte se especifica el tamaño del botón, que voy a poner dedo grande la segunda parte cuando tabules espacio y escribes en el color pero no voy a elegir ningún color de aquí. Voy a dejarlo en el defecto. la tercera cosa, Yla tercera cosa,elige el tipo de botón como se muestra aquí abajo, hay cuatro tipos de botones. En realidad son cinco. Ahí hay uno que no se menciona aquí, que es el esbozo. Por lo que puedes elegir, como, grande, plano o grande rodeado. Pero voy a elegir gran línea hacia fuera y luego desplazarme hacia abajo. Puedes establecer el color de fondo para el tu botón que queremos, y puedes hacer que tu botón redirija a otra página, una ubicación diferente. Pero voy a dejarlo de pie su defecto. No voy a escribir nada sobre el color del texto. Tendrás que introducir el código de hacks. No. Lo último aquí es el destino del enlace, que especifica abrir el enlace en una nueva pestaña o abrir el enlace dentro de la misma página. Si lo dejas por defecto, va a abrir el enlace. ¿ Tu corbata estuvo aquí en lugar de la página en la que estabas? No lo va a abrir en una pestaña nueva, Pero si escribes el guión bajo en blanco, lo va a abrir en una pestaña nueva. Ahora haga clic en insertar. Y como ves, este es el código de botón. Nosotros queremos ponerlo en el medio. Entonces línea en el centro, Sin desplazamiento hacia abajo. Y aquí es donde configuramos el icono, el color y las transiciones. En cuanto al diseño, nos gustaría elegir contacto visual. En cuanto al porcentaje lo voy a dejar hasta el final para mostrarte. ¿ A qué nos referimos por porcentaje? En cuanto a este trazo, esto indica el grosor fuera de la línea de transición. Entonces voy a ponerlo en En cuanto al color se puede hacer clic aquí, que era el color que desea elegir el grado de color aquí. Pero tengo mi propio código de color al que voy a entrar aquí, que es cuatro cero a de. Ahora, En cuanto al tamaño del icono, quiero establecerlo en medio. En cuanto al tipo de icono, vamos a dejarlo icono del dedo del pie. Ahora, cuanto al ícono en sí, haga clic aquí. Voy a escribir F A dash C o G s f A Cox. Ahora puedes seleccionar tu ícono desde aquí. Si hace clic en insertar icono, se puede ver que el icono que he seleccionado es éste de aquí? Una vez que haces clic en él, el nombre del icono aparece aquí y automáticamente esta F Un guión aparece antes del nombre del icono para que puedas elegir el icono que quieras Si haces clic aquí, que era cualquier nombre si el ejemplo por ejemplo, tú elige Bell, vuelves atrás, escribes F A dash bell y el icono de campana se muestra en tu página. Pero por ahora, voy a teclear el ícono que elegí, que es F a gallo. Ahora, cuanto al color aquí, voy a ponerlo en blanco completo. Entonces si escribes F seis veces aquí, va a ser blanco. En cuanto al color de fondo, voy a copiar este código aquí y pegarlo aquí. Esto es para el fondo del icono. Ahora hacemos clic en guardar y ves que el ícono se muestra aquí. Ahora, cuanto al porcentaje que hace clic aquí en él, desplácese hacia abajo. Si escribes, digamos que 75% haces clic en guardar. Ves esta transición va todo el camino 75% de estos círculo, pero lo pondré al 100%. Por lo que va todo el camino, parece guardar. Bueno, Como puedes ver, gira todo el camino alrededor del 100%. Ahora, en cuanto a los otros iconos, pasamos por aquí. Seleccionamos este aquí que lo divide en tres secciones. Tres secciones iguales. Ahora arrastramos este aquí y pasamos por aquí. Bajamos y damos click en Duplicar. Como se puede ver, se ha duplicado. Ahora, una vez más, sin embargo, por aquí haga clic duplicado y se ha duplicado. Tenemos tres copias. Arrastramos este aquí. Nos drogamos éste ahí y tenemos tres iconos Ahora. Colocamos sobre este aquí hacemos clic en él y, bueno, bueno, ya sabes, editamos el texto y los colores aquí dentro así como el ícono. Para que en cuanto al texto, tengo este texto que quiero poner ahí. Sólo voy a copiarlo y pegarlo. Ahora esto de aquí estará encabezando cinco tierra nosotros para este Aquí, va a ser un párrafo. Y en cuanto a éste, lo vamos a hacer audaz. Después nos desplazamos hacia abajo y mantenemos todo igual. Excepto por este código de color. A mí me gustaría el elegido. Este código de color 168 D A b No, copiamos este código de color Copiarlo y pegarlo aquí Casa para el ícono. Aquí voy a elegir este ícono f una prensa de tablero y vamos a mantener todo lo demás igual. No haga clic en guardar. Ahora vamos al tercer ícono. Nos quedamos por aquí. Mira como en él. En cuanto al texto, voy a copiar este texto que tengo listo en Pegar aquí. Ahora elegimos el encabezado. Toby rumbo cinco. Nosotros lo hacemos mundo en nosotros para este. Aquí lo guardamos. Párrafo del dedo del pie, mantenemos el botón igual. No se desplazaba hacia abajo. cuanto al código de color, voy a escribir en e B seis a 00 Ahora voy a copiar de nuevo este código de color y pegarlo aquí. En cuanto al ícono, voy a teclear, tener un tablero de escritorio Ahora hacemos clic, guardamos y hacemos clic. Vuelve a guardar aquí. Ahora pasamos el cursor por aquí damos click en opciones. Ahora elegimos el modo de fondo para que sea de cobertura completa. En cuanto al color de fondo, me gustaría escribir en este código de color F seis F seis seis. Ahora desplácese hacia abajo, luego haga clic en Guardar y me gustaría ir a nuestros servicios aquí. Haga clic. Añádalo ahora ve toe styling. Ahora nos desplazamos hacia abajo dos palmaditas entramos para el top 30 y desplázate hacia abajo y pinchamos. Ahorra por aquí flotamos por aquí. Haga clic en opciones. Nos desplazamos hacia abajo hasta el color de fondo aquí en tipo en el mismo color de fondo. F seis F seis seis F seis. Ahora nos desplazamos hacia abajo. Y en cuanto al relleno, escribe 10 y desplázate hacia abajo, luego haz clic en seguro. Ahora flotamos por aquí. Haga clic en opciones. Vamos al color de fondo. Escribimos F seis F seis seis F seis para hacer el mismo color de fondo para todos ellos. No haga clic en Guardar ahora haga clic en Guardar de nuevo. Aquí, click en cerrar y podrás ver estas hermosas transiciones con estos botones y textos. Hecho. Gracias por ver. Nos vemos en los próximos dos Tory 15. Construcción de la sección de servicios (3): alto. En el tutorial anterior, terminamos de construir la sección de servicios. Agregamos estos iconos, estos textos y botones. Ahora, en este tutorial, lo agregaremos Los fondos fuera de la sección de servicios para esta parte Esta parte y esta parte todos ellos juntos. Ahora hay una cosa más. Tenemos que agregarla antes de ir a los fondos. Ahí abajo están estas decoraciones de texto que agregamos a los botones. Te mostraré cómo agregarla aquí. Por lo que primero se cierne sobre delgada. Si constructor enciendo constructor Ahora desplácese hacia abajo y cubra por aquí y vaya a agregarlo. Ahora ya ves, Pruébalo tú mismo abajo Aquí haces clic justo después de la F y tocando el espacio y agregando en doble flecha Eres libre de usar esta decoración. Creo que se ve bien en la mayoría de los diseños y hacer lo mismo aquí como en él. Y cuando llegues aquí, vas a probarlo tú mismo, haz clic justo después del espacio F y luego agregando en doble flecha, no haz clic en guardar y haz lo mismo para el 3er 1 Ir a editar. Ahora baja aquí para probarlo tú mismo un espacio y una flecha doble. Eres libre de usar esta decoración y voy a dar click Guardar ahora damos click Guardar aquí Mickley cerrar y ves que esta decoración está hecha. Ahora vamos a seguir adelante y terminó la Florencia de la sección de servicios Ir a personalizar. Ahora, cuando lleguemos aquí, vamos a una tomografía y volvemos a hacer clic en predeterminado a Biografía. Y estos son los fondos que podemos agregarlo, que se hacen por el fácil enchufe de fondos de Google que instalamos. Ahora vamos dedo del pie párrafos click aquí para poder editar los botones de tipo de párrafo y desplazarnos hacia abajo hasta la sección de servicios para poder ver los cambios todas las formas cuando los hacemos desde aquí. Y en cuanto a la familia divertida, pulsa aquí y escribe robo toe r o B o D o.Ahora aquí abajo, click en Rabbo Toe y podrás ver que el texto aquí ha cambiado. Ahora mira aquí Y en cuanto al fondo espera, pulsa aquí y selecciona 300. Se puede ver que el peso del fondo también ha cambiado. No, hacemos click aquí para minimizarlo y bajar a rumbo a ahora elegimos para la familia divertida El mismo frente otra vez Roboto R o b o t o Y dar click en robo toe Aquí Puedes ver que el formado ha cambiado para el título aquí y para este Espera aquí, Haga clic aquí y seleccione Regular abajo aquí Haga clic en regular Ahora vamos a la aparición del dedo Aquí bajamos al tamaño de fuente Lo maximizamos hasta llegar a 30 pixeles. Como puedes ver aquí 30 p x significa 30 píxeles. No, minimizamos esto aquí Bajar al rumbo cinco Haz clic aquí y desplázate un poco hacia abajo para financiar familia Haz clic aquí y escribe Roboto. Elige a su votante desde aquí Ahora ve al peso frontal Ella era regular. Ahora sube aquí Click, guardar y publicar. Ahora pinchamos aquí y regresamos. Ya sabes que nos desplazamos hacia abajo, hacemos con la sección de servicios aquí abajo y puedes ver que las fuentes han cambiado. Revisemos el sitio web y veamos que se ven exactamente iguales Ahora que para los fondos que cambiamos . Le agregamos los fondos no sólo para la sección de servicios sino para todas las secciones y todas las páginas Vamos a crear y trabajar. A partir de ahora, los fondos fueron Did it son para todos ellos. Gracias por ver. Nos vemos en el siguiente tutorial. 16. Llamar a la sección de acción: alto en la ALS satori. Te mostraré cómo crear esta sección que se llama Sección de Acción. Con estos textos y este botón aquí primero necesitaremos crear y editar esta imagen de fondo . Así que abre una nueva pestaña y ve a este sitio web carpeta dot com F o t o r dot Ven y golpea. Entrar. Ahora, cuando llegues a esta página, vas a editarla y haz clic en ella. Ahora bien, si no tienes tu propia imagen, puedes usar esta acción de imagen. Haga clic en él y, a continuación, abra. Ahora, cuando llegues a esta página, vas aquí abajo a redimensionar. Haz clic en él y borras este número aquí e ingresas 1500. Ahora, En cuanto a esto aquí, lo mantienes igual que es. Ahora subes aquí a un cultivo, haz clic en él. Y en cuanto a esta altura aquí, lo borras y teclea en 1500 pide esta madera aquí escribes en 400. Ahora vienes aquí y arrastras este aquí arriba y abajo de la manera que quieras. En cuanto a este tutorial, lo drogaré todo el camino aquí abajo. Ahora necesitamos drogarla a la zona que quieras. Vete tú. Aquí haces click. Postúlate ahora. Pasamos el cursor por aquí para efecto Click it now ve aquí abajo para decir turno. Y como puedes ver, existe este efecto de desenfoque que te permite desenfocar el área que deseas y mantener al otro sin borroso. Ahora, cuanto a la forma fuera del desenfoque, puedes elegir lineal o circular. Si notas esta circular te permite desenfocar un área circular. Y para este de aquí abajo, el tamaño del pincel primero voy a elegir lineal y voy a aumentar el tamaño del pincel alrededor este tamaño aquí y beberlo hasta aquí y ahora Ya terminamos. Pasamos el cursor por aquí y pinchamos Guardar ahora aquí abajo a la calidad. Hacemos clic aquí y me gustaría elegir normal porque no creo que necesitemos una imagen de alta calidad para este apartado. Ahora haz clic en Guardar en mi computadora. Voy a guardarlo como acción Underscore. Hecho. No, Hacemos clic en guardar y terminamos con la edición. Ahora salga de este sitio web aquí y vamos a nuestra página web. Desplazamos hacia abajo y encendemos al constructor. Haga clic aquí ahora nos desplazamos hacia abajo para soltar módulo aquí. Por aquí. En esta sección pasamos el cursor por aquí y hacemos clic en las opciones primero. En cuanto al efecto, pulsa aquí y me gustaría elegir pulso. Ahora, cuanto al tipo de fondo, guárdelo a la imagen y para la imagen de fondo hacemos click en Navegar Biblioteca. Hacemos clic en subir archivos y ahora hacemos clic en seleccionar archivos y seleccionar esta imagen. Nosotros lo editamos sin click abrir y bajar. Aquí hacemos click. Insertar archivo euro. Ahora, En cuanto al modo de fondo, nos gustaría elegir portada completa. Ahora, cuanto al color de superposición, hacemos clic aquí. Hola, Elegido eligió negro. Y ves esta habilidad aquí Es por la opacidad. Ajusta la opacidad del color que se superpone a la imagen, lo que significa que controlas la transparencia del color y cuánto puedes ver de la imagen debajo de ella. Yo quisiera ponerlo por aquí alrededor del 60%. Ahora da click aquí y me desplazé hacia abajo. Y para el texto alinear aquí, Haga clic en centro Ahora desplácese hacia abajo hasta el relleno. Y me gustaría sumar 10 para la parte superior. Ahora desplácese hacia abajo y haga clic. Guardar. Ahora hemos insertado la imagen de fondo. Adelante y sumamos en el texto. Bajar aquí a un texto arrástrelo y subirlo aquí. Ahora ingresas el texto que mejor se adapte a tu negocio. Y en cuanto a este sitio web, ya que se trata de diseño Web, voy a entrar mi texto. Ahora que he entrado detecta, quiero si notan que hay un espacio entre estos textos, por lo que hace que se vea mejor. En cuanto a este texto aquí, quiero elegir el encabezado a escribir. Yo quisiera hacerlo audaz. Y en cuanto al color aquí, me gusta elegir el blanco y alinearlo al centro. Y si haces click aquí, verás que ha desaparecido y ha desaparecido. Pero está aquí contigo. Selecciónelo. Se puede ver que todavía está aquí ahora para este aquí lo seleccionamos. En cuanto al frente electo, se dirigía cinco. Y en cuanto al color, me gustaría hacerlo blanco y alinearlo al centro. Ahora tocamos entrar y entrar de nuevo dedo del pie, hacer un espacio entre este texto y el botón que estamos a punto de agregar Ahora pasa el cursor por aquí sobre códigos cortos. Haga clic en él y vaya a botones. Ahora, cuanto al texto del botón, voy a entrar, hacerlo y añadir en estas flechas dobles. Y en cuanto al estilo de botón, voy a teclear en plano azul grande. Y voy a dejar vacíos estos campos porque quería ser de otro color que estos de aquí. Y no quiero que este botón redirija a ninguna página. Pero si quieres, puedes hacer que redireccione a una página diferente. Por ejemplo, dedo el dedo del pie de la galería, echa un vistazo a los diseños que tienes. Ahora hacemos clic en insertar, y seleccionamos este botón. Lo alineamos al centro. Ahora pasamos por el estilo aquí y nos desplazamos hacia abajo hasta el tamaño de fuente. Aquí, haga clic aquí e ingrese 18. Ahora nos desplazamos hacia abajo hasta una palmadita y agregamos 30 para la parte superior y 30 para la inferior. Ahora nos desplazamos hacia abajo para guardar y hacer clic en guardar. Y como pueden ver, terminamos con la sección de acción. Ahora haga clic en Guardar aquí y haga clic en Cerrar. Se puede ver que hemos construido esta hermosa sección de acción. Gracias por ver. Nos vemos en el siguiente tutorial. 17. Construcción de habilidades: alto. Ahora que hemos construido la sección de acción, es momento de construir la siguiente sección, que es la sección de habilidades. Es el que se ve aquí con estos hermosos progresos Marte. Y con estas transiciones, vamos a sumar en estos textos y estos textos aquí también. Ahora primero, vamos a ver a nuestro constructor. Enciéndala desde aquí. Ahora nos desplazamos hacia abajo y pasamos por aquí y hacemos clic en opciones. Ahora editaré el efecto. Si escribes F dos veces, verás que va a desvanecerse. Se hace clic en él. Y en cuanto al color de fondo, me gustaría introducir este código d uno d uno d uno. Y por supuesto, puedes seleccionar tu propio color de fondo si haces clic aquí y sabes cómo hacerlo. Ahora terminamos con el estilo aquí. Así que vamos a dar click, Guardar. Y ahora empecemos a añadir el primer texto, que es el encabezado Arrastra y suelta este texto aquí. Ahora escribimos el texto que queremos Voy a escribir en lo que somos buenos en este momento, seleccionar todo el texto. En cuanto al fondo me gusta seleccionar rumbo a y me gustaría hacerlo audaz y alinearlo a este centro. Ahora hacemos clic en guardar y como puedes ver, ya está hecho. No, está agregando algo de relleno. En cuanto a las palmaditas, significa que es la distancia entre este texto y la sección antes de que sea esta área por aquí. Por lo que me gustaría agregar en algún relleno si hace clic aquí, vaya toe styling Aquí, vaya toe styling Aquí, desplácese hacia abajo dos palmaditas. Y aquí me gusta entrar 30 para la parte superior y ahora dar click Guardar. Como se puede ver, ha bajado un poco. Ahora sigamos adelante y agregando el divisor. No vamos a añadir en el módulo divisor desde aquí. Simplemente vamos a duplicar este aquí y luego arrastrarlo hacia abajo. Ahora pase el cursor por aquí y haga clic en duplicar. Ahora haces clic y mantén pulsado este módulo aquí, desplázate hacia abajo y lo sueltas aquí. Ahora dividiremos esto en tres secciones iguales. Si pasas el mouse por aquí y pinchas aquí, verías que se ha dividido. Ahora arrastra este aquí y tírelo justo en el medio. Ahora vamos a añadir en el texto que ves aquí, Así que volvamos así, como el módulo de texto de aquí. Arrástralo y suéltalo aquí mismo. Ten cuidado de no dejarlo aquí o allá. Asegúrate de dejarlo caer aquí. Ahora ingresas el texto que quieras, y yo tengo mi radio de texto. Entonces solo voy a pegar como texto plano. Y si seleccionas tu texto, prefiero elegir el título cinco y alinearlo a la izquierda. Ahora vamos a peinar el dedo del pie. Aquí nos desplazamos hacia abajo hasta una palmadita y para la parte inferior, quisiéramos agregar 30 y hacer clic en guardar. No, pasamos el cursor por aquí y seleccionamos este divisor aquí mismo. Haga clic en él y verá que el texto ahora está alineado a la izquierda. Ahora, en esta área aquí, vamos a sumar en las barras de progreso. Entonces primero, seleccionemos el medicamento del módulo fiscal y abandonemos esta zona. Ahora vamos a sumar en nuestro código de barras de progreso aquí mismo. Así que vuelve a un tablero de instrumentos, justo debajo de la configuración. Se baja a la barra s Katie Skill, se hace clic en ella. Y como puedes ver, aquí tienes tres diseños diferentes. Te recomiendo usar este aquí porque se ve mejor y es más profesional que estos aquí abajo. No, copias el código debajo de él y vuelves y lo pegas aquí. Ahora vamos al estilo. Desplazamos hacia abajo hasta un relleno y agregamos en 30 para el fondo. Ahora haga clic en guardar. Se pueden ver estas hermosas transiciones Y estos títulos aquí, aquí, aquí y aquí. Y estos porcentajes aquí que representan la cantidad de carga que realiza la barra. Ahora, vamos a seguir adelante y editar este aquí como ejemplo para mostrar tenías que agregarlo al título para un progreso Más así como el porcentaje ahora se pasa por aquí. Haga click en, Añádalo. Ahora este es el título, ya ves. Es justo aquí Entre estas comillas, lo agregaremos. Este de aquí como ejemplo. Por lo que seleccionas el texto justo entre estas comillas e ingresas el texto que quieras. Quiero entrar Diseño web. Y en cuanto a los porcentajes, vas aquí por éste de aquí, justo entre las cotizaciones donde dice por ciento y este de aquí. Yo quiero mantenerlo al 90% por este. Aquí, quiero anuncio en y nueve para que sea 95% y este de aquí. Yo quiero sumar 98%. Ten cuidado de no eliminar ninguna de las comillas porque no funcionará si haces eso. Y quiero mantener este aquí al 100% ahora vamos a ahorrar y se puede ver el título ha cambiado aquí así como los porcentajes. Esto es todo para esta sección. Así que vamos a hacer clic, guardar y luego cerrar. Y terminamos con la sección de habilidades. Gracias por ver. Nos vemos en el siguiente tutorial. 18. Construcción de clientes: Hola. En el tutorial anterior, terminamos de construir la sección de habilidades, la que ves aquí con estos hermosos bares y transiciones. Ahora, en el sectorial, construiremos la sección de clientes. Se ve aquí con estos hermosos deslizadores e imágenes. Ahora, cuanto a las imágenes que ves aquí en estos deslizadores, todas tienen la misma extensión, que es PNG. Todas son imágenes PNG que tienen fondos transparentes. Ahora bien, cualquier imagen que subas aquí, cualquier logotipo necesita ser una imagen PNG con el fin de lucir profesional y tener un fondo transparente . Ahora, en caso de que tengas alguna imagen de logotipo que quieras subir y eso no es un tipo PNG, por ejemplo, A J P G o cualquier otra cosa, te mostraré cómo transformarla en una imagen PNG. Ahora primero abre en Nueva pestaña y ve a este sitio web. Picks ehlert dot com p i X l r dot com slash editor Ahora hit. Entra ahora click en abrir imagen desde computadora y te desplazas hacia abajo Si no tienes tu propia imagen, tengo aquí una imagen de muestra que puedes seleccionar. Es un archivo J Peg y haz clic en Abrir ahora maximiza en un poco desde aquí y pasas el cursor sobre esta herramienta aquí. Se llama la Herramienta Vara. Haz clic en él ahora seleccionas las piezas que quieres mostrar en tu ícono y dejas el resto sin amarre. En cuanto al marcado, primero haces clic en éste aquí. Ahora mantienes pulsado el botón Mayús y seleccionas las partes que deseas en tu imagen. Voy a seleccionar todas estas letras una por una. Haga clic en este aquí. Este. Este Aquí, aquí, aquí y ahora éste de aquí. Oigan, escuchen Éste de aquí. Y estos dos aquí y aquí. Ahora haga clic en control, Ver para copiarlo. Y ahora se cierne por aquí. Haz doble clic aquí para desbloquearlo. No, baja aquí y haz clic en nueva capa. Ahora desmarcaste este aquí haciendo clic en él. Ahora en tu teclado, mantienes pulsado el control V para pegarlo. Y ahora tenemos nuestra imagen PNG. Ahora pasa por imagen aquí, haz clic en ella y vas dedo del pie tamaño de imagen. Haga clic en él y ahora selecciona las palabras Toby 300 y haga clic. OK, ahora vas al archivo y haz click en Guardar y aquí. Da clic aquí y selecciona PNG. Es realmente importante elegir Pay n g. Click it now click. OK. Y en cuanto a éste de aquí, lo vamos a guardar como logo para conocer Haga clic, guardar y cerrar esta pestaña aquí para ir a nuestra página web. Ahora desplázate hacia abajo y activa Builder. Ahora nos desplazamos hacia abajo. Por lo que esta parte aquí pasamos el cursor por aquí y hacemos clic en opciones. Ahora vamos a efecto click hair y entramos F dos veces para que podamos ir dedo del pie a desvanecerse en Click it. Y en cuanto al color de fondo, me gustaría ingresar este código F seis F seis ahora desplácese hacia abajo y haga clic Guardar aquí Ahora arrastramos y soltamos un módulo de texto aquí y hemos sido el título de la sección que es algunos fuera nuestros clientes ahora seleccionan todo el texto, ve a fuentes aquí y selecciona encabezado para ahora lo hacemos negrita Lo alineamos con el centro y luego pasamos por el estilo aquí y nos desplazamos hacia abajo hasta tener seleccionamos 30 para la parte superior y cero para la inferior. Ahora bajamos aquí para guardar Click it Now, En cuanto al divisor, alguna vez vamos a copiar de este divisor aquí. Y se lo emborrachó. Así que quédate por aquí. Haga clic en duplicar. Arrastre este aquí, todo el camino hacia abajo y tírelo justo debajo de éste Aquí. Ahora pasamos por aquí y divididos en tres secciones. Ahora arrastra este aquí a la sección media. Suéltala. Y ahora pasamos por estos módulos más ligeros aquí mismo, arrastramos y lo soltamos justo debajo de este de aquí. Aquí no, sino un poquito aquí abajo. Ahora, cuanto a ellos modo de visualización aquí seleccionamos imágenes. En cuanto a la imagen real, hacemos clic, Navegar, biblioteca. Y ahora vamos a subir archivos y hacer clic en seleccionar archivos. Ahora, como puedes ver en el contenido que descargaste, tienes todos estos logotipos. Eres libre de usarlos. Si no tienes el tuyo propio, click en logo uno y luego haz clic en Abrir. Ahora haga clic, Inserte archivo su l y luego justo aquí. Ves, agrega nueva fila, haces clic en ella y haces clic. Vuelve a navegar por la biblioteca para que podamos añadir otra imagen. Y ahora haga clic en subir archivos aquí y ahora, seleccione archivos. Ahora nos desplazamos hacia abajo dos logo al cual es el que acabamos de editar. No haga clic en abrir e insertar archivo Su L Ahora nos desplazamos hacia abajo a esta parte aquí para seleccionar el estilo. Ahora bajamos, los mantenemos todos iguales. Excepto estos Aquí hace clic aquí y selecciona No, porque no queremos que se muestre ningún control deslizante cada botón. Creo que se ve en profesional. Y para este de aquí también seleccionamos No Y para éste de aquí también, como no. Para que podamos mantener el flujo de todas las imágenes por completo consistente y profesional. Ahora vamos a peinar aquí, clic en él y nos desplazamos hacia abajo. En cuanto a alinear texto, hacemos clic en centro. Desplazo un poco más hacia abajo y cuando lleguemos a relleno para la parte superior llega a 30 para la parte inferior Riccio's 30 y para la izquierda Aquí elegimos 30 también para que se vea mejor. No click guardar y tenemos el primer deslizador. Ahora pasamos el cursor por aquí vamos a esta de aquí dividida en tres secciones iguales y se puede ver que tenemos tres secciones iguales aquí así que podemos agregar dos deslizadores más dedo alinearlos todos juntos ahora pasa el cursor por aquí y haga clic en duplicar y pasar el cursor sobre este uno. Aquí. Haga clic nuevamente en Duplicar. Ahora arrastramos este aquí, Este de allá y pasamos el cursor sobre este ícono de aquí. Da clic en editar para que podamos cambiar las imágenes y ves esta X aquí haces clic en ella y pulsa Browse Library. Ahora vas a subir archivos, selecciona archivos y elegimos Logo tres, Haz clic en abrir. Ahora hacemos click Insertar archivo tu AL y con el mismo para este Ella Hacemos clic en esta X aquí para eliminarla y dar click. Navegar por la biblioteca Ahora ve a subir archivos y selecciona archivos. Ahora desplácese hacia abajo. ¿ Y fue éste de aquí? Parece abierto ahora pulsa Insertar archivo tu l y ahora haz clic en Guardar. Ahora pasamos por aquí. Da click en él y quitamos éste aquí. Biblioteca de Bravo Goto subir archivos y seleccionar archivos. ¿ Por qué no hizo el quinto logo Ahora haga clic en insertar. Sigue a tu al Bajar a este. Aquí da clic quitar y filas mano de obra de nuevo Subir archivos. Selecciona los archivos que nos desplazamos hacia abajo. Pulgada fue el último logo aquí. Ahora haga clic en Abrir Sin clic Insertar archivo. Tu l ahorita click Guardar Saber que hemos construido con éxito nuestra sección de clientes hay una cosa más que te voy a mostrar. Como puedes ver, estos tres logotipos se deslizan de una manera que se ve de alguna manera en profesional. Entonces vamos a cambiar la forma en que se deslizan. Tienes la opción de hacer esto si quieres. Así que pase el cursor por aquí y haga clic en él. No, nos desplazamos hacia abajo Y en cuanto al efecto, seleccionamos fundir clic derecho guardar. Y si notan aquí son luces de una manera más suave y profesional Así que vamos a cambiar los demás a realmente lo mismo que éste Aquí, haga clic en él ahora desplazándose hacia abajo para efecto y haga clic, Fade No como guardar en Hacer lo mismo cosa para este aquí en él Ahora desplácese hacia abajo y para el efecto seleccionamos fundir y luego guardar Ahora terminamos con la sección de clientes Hacemos clic, guardamos y luego cerramos. Y como puedes ver, hemos construido exitosamente nuestra sección de clientes con estos bonitos y profesionales deslizadores. Gracias por ver. Nos vemos en el siguiente tutorial 19. Sección de equipo de Buidling 1): Hola. Ahora es el momento de empezar a construir nuestra sección de equipos. Antes de eso. Repasemos lo que hemos construido hasta ahora en nuestra página web. Vayamos a nuestra página aquí. Y como puedes ver, empezamos primero con Beautiful Header y agregamos esta página de inicio. Agregamos este logotipo aquí así como la estafa favorita que ves aquí arriba. Y agregamos esta hermosa imagen de fondo y agregamos el futuro de desplazamiento paralaje con esta hermosa sección de servicios. Con estas transiciones y botones, agregamos esta sección de acción aquí creamos esta sección de habilidades con estos hermosos bares Y por último pero no menos importante, hemos construido esta sección de clientes que ven aquí ahora es momento de empezar a construir nuestro sección del equipo primero, vamos a encender el constructor aquí. Ahora nos desplazamos hacia abajo hasta esta zona justo aquí. Primero vamos aquí y hacemos clic en opciones. Ahora bajamos por su color de fondo del dedo del pie. Agregamos este código hexadecimal D one d one d one Y por supuesto sabes seleccionar tu propio color pinchando aquí. Ahora vamos a desplazarnos hacia abajo y hacer clic. Ahorra ahora empecemos con el encabezado fuera de esta sección. Arrastremos y soltemos este módulo de texto aquí mismo y tecleemos el título de esta sección. No, seleccione el texto y el fondo, Por supuesto, rumbo a como antes, Sin clic en negrita y una línea al centro. Ahora vamos a pasar por el estilo aquí y desplázate hacia abajo hasta tener y agregar 30 para la parte superior y cero para la inferior. Ahora haz clic en Guardar aquí. Y ahora, En cuanto al divisor, subimos a este apartado. Aquí pasamos el cursor por aquí y hacemos clic duplicar. Ahora arrastramos este divisor duplicado todo el camino hacia abajo y justo debajo de esto aquí, déjalo caer. No, nos dividimos en tres secciones iguales a partir de aquí. Lo drogamos hasta el medio aquí y ahora es el momento de las imágenes. Ahora no estaremos agregando las imágenes justo debajo de ésta. Aquí, flotaremos sobre esta parte. Aquí hacemos clic en opciones. Ahora, cuanto al color de fondo, agregaremos el mismo color de fondo, que es D uno d uno d uno. Y como notaste, no hace diferencia si es mayúscula o minúscula. Todo funciona igual. Ahora nos desplazamos hacia abajo a tener sumamos en 24 la parte superior y 20 para la inferior? No. Desplazamos hacia abajo y hacemos clic en Guardar. Ahora vamos al módulo de imagen aquí mismo, arrastramos y lo soltamos en esta zona aquí. No, primero, cuanto al estilo de imagen, nos gustaría elegir este aquí, que significa imagen centrada. Y en cuanto a la imagen o l navegar, librar, subir archivos, seleccionar archivos y seleccionar la imagen que te guste Y para esta de aquí, voy a elegir mi imagen aquí mismo. Haga clic en abrir ahora ir dedo del pie insertar archivo su AL. Y en cuanto a la apariencia de la imagen, dar ésta aquí a su alrededor comprobada. Y me gustaría revisar este aquí así como por el bosque. Yo quisiera hacerlo 3 50 por 400. Ahora nos desplazamos hacia abajo a título de imagen y me gustaría introducir mi nombre. Ahora vamos a peinar aquí. Ahora, cuanto a efecto, voy a dar clic aquí y entrar F dos veces hasta llegar a esta zona que está arrastrada hacia abajo hasta llegar a desvanecerme y arriba. Haga clic en él. Y ahora voy bajando a tamaño extraño. Doy clic aquí y entro también y doy clic en esta flecha aquí y selecciono m Significa énfasis y ahora ir al texto en Haga clic en un centro de línea. Ahora vamos a salvar aquí, y como pueden ver, tenemos nuestra primera imagen. Ahora pase el cursor por aquí y haga clic aquí para dividirlo en tres secciones iguales. Y quiero dirigirla a ésta a la mitad, Entonces pase el cursor por aquí y haga clic en duplicar. No, cierren sobre éste. Aquí, arrástralo y suéltalo aquí. Ahora pulsa Duplicar de nuevo desde aquí y arrastra éste hasta aquí. Ahora, empecemos aquí para este. Aquí, cursor sobre este ícono. Ve a agregarla. Y ahora por la imagen. Yo quiero cancelar este. Su biblioteca de navegar, ir a subir archivos, seleccionar archivos. Bueno, entonces elige éste. Aquí. Ahora haz clic en Insertar archivo tu l y mantén todo igual. Excepto por el nombre del título. Aquí. Voy a escribir a nombre de Michael Stewart. Ahora haga clic. Guardar. Ahora ve a este. Aquí, haga clic en él. Ahora cancelamos este aquí. Biblioteca de Rouse, subir archivos. Seleccionar archivos. Ahora desplácese hacia abajo hasta la última imagen de ésta. Aquí. Abre ahora. Ve a insertar archivo tu al Y en cuanto a la leyenda aquí, voy a entrar el nombre a click guardar Ahora seguiremos añadiendo los textos así como los botones debajo de estas imágenes. Y en Exito Auriol Gracias por ver. 20. Construcción de equipos (2) ): Hola. Ahora seguiremos añadiendo estos textos que ven aquí así como de estos botones. Primero, arrastremos y soltemos este módulo de texto justo debajo de éste de aquí. Ahora ingresamos el texto que queremos No tengo listo mi texto, así que solo voy a copiarlo y pegarlo como texto plano aquí y alinearlo al centro y elegir éste para ser audaz. No, voy a entrar. Entra una vez y pasa el cursor sobre los códigos cortos. Aquí, haga clic en él. Ir a un botón. Ahora, en cuanto al texto de botón en el que estoy. Entrar leer más. En cuanto al azulejo de botones, estoy en Enter media blue flat y voy a dejar el resto de los campos nt. Por supuesto, ya sabes caerlos y lo que significan todos y cada uno de ellos. Ahora vamos a insertar y este botón aquí alineado al centro. Ahora bajamos aquí para ahorrar y terminamos con el primer texto. Ahora vamos a pasar el rato por aquí y duplicar este texto y pasar el cursor otra vez y duplicado de nuevo. Hace que sea más fácil y rápido trabajar. Si duplicas cosas y lo arrastras y lo sueltas aquí, arrastra y suelta esta de ahí. Y vamos a modificar este de aquí, Míralo. Y voy a seleccionar otro texto, así que voy a conseguir mi texto a partir de aquí. Ahora, haz este aquí. negrita. Y ahora vamos a ahorrar aquí. Ahora pasamos por aquí. Míralo y voy a entrar mi texto, que es el de aquí. Alguien una copia y luego apresurarse como texto plano. Aquí mismo. Ahora haz que éste aquí sea audaz y haz clic. Ahorra aquí abajo. Ahora hemos creado esta sección de equipo. Vamos a hacer clic, guardar y ahora como la ropa. Y como puedes ver, terminamos con nuestra sección de equipo. Ahora subamos todo el camino hasta la parte superior y hacemos clic en Refrescar para ver los cambios y los efectos de cada sección. Ahora nos desplazamos hacia abajo y vemos las transiciones en la sección de servicios. Vemos esta transición de pulso de la sección de acción. Vemos estos avances más está cargando. Vemos a estos clientes encendedores yendo y vemos la sección de equipos con estas imágenes aquí yendo desvaneciéndose hasta aquí. Ahora terminamos con la sección de equipos. Gracias por ver. Nos vemos en el siguiente tutorial. 21. Sección de estimatorios de combinación: Hola. En este tutorial te enseñaré cómo construir la sección de testimonios. Ya ves aquí con este hermoso fondo de video y este deslizador por aquí Ahora lo único que quedará después de construir la sección es agregar estos iconos de redes sociales que ven aquí abajo. Ahora vayamos a nuestra página web y veamos en qué estamos tramando. Por el momento hemos terminado de construir la sección de servicios. Construimos la sección de acción, la sección de habilidades que ves aquí la sección de clientes aquí. Y lo último es la sección de equipo que ves aquí empezaremos a construir nuestra sección testimonial justo después de volver a editar y a tener listas estas imágenes. Estas imágenes circulares justo aquí primero vamos a una nueva pestaña y entrar Pick mono dot Ven P I c m o y K e y e dot com ahora hit. Entrar ahora no llegaría a esta portada de página más agregada Aquí, haga clic en él. Y ahora eliges la imagen que quieres para este tutorial. Yo quisiera escoger este aquí. Haga clic en Abrir. Ahora. El primero que quieres hacer cuando obtienes tu imagen aquí mismo es ir a Reese ice y asegurarte de que tu imagen esté bajo esta escala. 600 luego haga clic. Postúlate ahora. En cuanto a esta imagen, ya es 600 por 600. Pero ten cuidado con cualquier imagen que quieras. Te aseguras de que sea 600 por 600. Ahora vamos a ir a cuadros por aquí. Haga clic en él y suba aquí a esquinas redondeadas. Haga clic en él y primero marque esta casilla aquí para asegurarse de que esta imagen tenga un fondo transparente . Ahora vamos a maximizar el círculo y hagámoslo un círculo completo. Al ver este fondo que ves, aquí hay un fondo transparente, lo que significa que estas plazas de allá atrás no estarán en nuestra imagen. Sólo veremos esta imagen circular aquí mismo. Ahora vamos a ahorrar. Ahora asegúrate de que el tipo de imagen aquí como PNG asegúrate de seleccionar P n G. Ahora baja aquí y haz clic en Guardar en mi computadora y lo guardaremos como testimonial Underscore to underscore hecho uno no click guardar y haremos lo mismo al siguiente imagen. No como desplazamiento abierto hacia abajo. Haz este aquí, haz click y ábrelo. Ahora iremos a esquinas redondeadas y marcan esta casilla aquí mismo. Lo hacemos círculo completo y ahora hacemos click seguro. Ahora nos aseguramos de que sea PNG aquí mismo, parecía guardar a mi computadora y me gustaría decir eso como subrayado Hecho uno. Ahora haz clic en Guardar. Ahora cerramos esta pestaña aquí y comenzamos a construir nuestra sección de testimonios. Ahora vamos a nuestra página y enciendamos constructor aquí mismo. Ahora nos desplazamos hacia abajo y flotamos por aquí. Haga clic en Opciones. Y en cuanto al tipo de fondo que quería a su video de fondo, click, navegar, biblioteca ahora subir archivos y seleccionar archivos. Ahora puedes elegir este video que he incluido en mi contenido. Está justo aquí. Stars video background, click open Ahora que se sube el video, concierto semanal cae tu L. Ahora nos desplazamos hacia abajo y hacemos click Guardar justo aquí y ahora puedes ver que esta sección tiene un fondo de video. Ahora sigamos adelante y empecemos a añadir el texto arrastra y suelta este módulo de texto aquí mismo. Ahora agregando testimonios. Seleccione el texto. Ahora queremos elegir rumbo para que sea audaz. Hacerlo centrado. Y en cuanto al color, quiero elegir el blanco para hacerlo visible para nosotros. Ahora pasamos por un estilo y nos desplazamos hacia abajo a una palmadita. Y para la parte superior, quiero anuncio en 30 pixels para la parte inferior queremos agregar cero. Nah, haz clic en guardar. Ahora obtenemos el divisor que ven aquí duplicamos primero y ahora un drag y scroll hacia abajo . Entonces lo dejamos justo debajo de éste de aquí. Ahora pasamos el cursor sobre el divisor aquí y dividimos en tres secciones iguales y lo arrastramos hasta el centro. Y ahora queremos anuncio en el deslizador, el arrastre, y soltar este encendedor justo debajo de él. Aquí. Ahora, en cuanto a la pantalla aquí, queríamos usar texto. El que se ve aquí. Ahora, primero ingresamos el texto que queremos. Tengo listo mi texto. Entonces sólo voy a copiarlo desde aquí y pegarlo aquí mismo. Ahora agregamos el cuadro. Por lo tanto, haga clic en agregar medios. Ahora ve dedo del pie subir archivos, selecciona archivos. Ahora desplázate hacia abajo y puedes ver que aquí lo tenemos. Cualquiera de estos dos. En primer lugar, voy a entrar este aquí, haga clic en Abrir. Ahora hacemos clic en insertar en post, y ahora lo maximizamos un poco desde aquí este trimestre. Haga clic y desplácese hacia abajo. Ahora, cuanto a esta imagen aquí mismo, quiero minimizarla a unos 200. Ahora tenemos por aquí y una línea a la izquierda para que podamos agregar este texto a la derecha. Ahora hacemos click aquí justo antes del texto y hacemos click en códigos cortos. Ahora pasa por paseos aquí mismo. Haga clic en él. Ahora, En cuanto al estilo de caja, es casi lo mismo que los botones. Pero hay una cosa que es diferente, que es la marca que se ve aquí. A éste se le llama el comentario, y a este cuadro de aquí sólo se le llama redondeado, y lo vamos a agregar desde aquí. Ahora, Primero agregamos en el color fuera de la caja, que es azul. En nuestro caso, Como ven aquí, es azul. A lo siguiente que ingresamos como el ícono que ves aquí, este de aquí se llama el Común. Entonces volvemos atrás y su comentario ahora entra al espacio y entra al estilo de la caja, que estará a su alrededor. En nuestro caso. Como se puede ver, tiene unas esquinas redondeadas. Y ahora desplácese hacia abajo y haga clic en Insertar. Y aquí ven estos códigos. Desearía seleccionar este aquí, luego arrástrelo hacia abajo justo después de éste. Aquí. Ahora desplácese hacia abajo y ahora haga clic. Agregar nueva fila. Ahora tenemos esta nueva fila. Primero ingresamos el texto que queremos. Simplemente voy a pegar en el texto que tengo y voy a cambiar el nombre de la persona de ahí abajo . Ahora subimos aquí, seleccionamos este código de aquí. Copia. Ahora desplázate hacia abajo y pegarlo justo antes del texto aquí como texto plano. Ahora copiamos este aquí también y lo pegamos aquí abajo justo después de éste aquí como texto plano también. Ahora hacemos clic aquí y hacemos clic en Agregar medios. Ahora vamos dedo del pie subir archivos, selecciona archivos ahora desplázate hacia abajo. Y por aquí dijimos, como este de aquí, como abierto. Ahora hacemos clic en insertar en post y lo minimizamos primero. Haga clic ahora, Minimizarlo de aquí a 200. Ahora hacemos click aquí, una línea a la izquierda y nos desplazamos hacia abajo. Haz esta parte aquí abajo y vamos a la velocidad aquí mismo y seleccionamos lento. Ahora, cuanto al efecto, seleccionamos el desvanecimiento Y para éste aquí mostrar el deslizador. Paginación débil como no y mostrar botones de error del deslizador. Hacemos click. No, ahora vamos a salvar aquí. Ahora tenemos lista nuestra sección testimonial. Por lo que hacemos click. Ahorra ahora damos click cerrar ahora terminamos de construir nuestra sección de testimonios. Lo único que queda como papá en los iconos de las redes sociales aquí abajo y echar un vistazo final a nuestra página antes de empezar a construir la siguiente página. Gracias por ver. Nos vemos en el siguiente tutorial. 22. Agregar íconos de redes sociales: alto. Ahora que hemos construido nuestra sección testimonial, Lo único que queda en nuestra página principal para agregar son los iconos de las redes sociales aquí abajo. Ahora volvamos atrás. Y hay una cosa más. No te voy a enseñar cómo hacer, que es si vas a esta imagen aquí mismo. Si haces clic en él, verías que se muestra en una caja de luz aquí arriba. Ahora, el fin de cancelar esta característica y hacer que esta imagen desclip Kable, primero encendemos constructor. Ahora nos desplazamos hacia abajo y pasamos por encima de éste. Aquí, Haga clic en él. Ahora hacemos clic en esta imagen justo aquí y ves esta edición Aquí haces clic en ella. Y si ves por aquí vinculado a archivo multimedia, hacemos clic en ninguno aquí abajo y ahora damos clic en actualizar. Ahora nos desplazamos hacia abajo hasta la siguiente imagen. Hacemos clic en él y hacemos click en éste aquí. Ahora, en cuanto a vinculado a por aquí, hacemos click en ninguno. Ahora hacemos clic en actualizar Ahora hacemos clic en Guardar y hay una última parte por aquí. Si ven esta sección aquí, es de color blanco. No queremos que esta sección esté apareciendo en nuestra página. Por lo que pasamos por aquí damos clic en eliminar. Ahora hacemos clic en guardar y débiles como la ropa. Ahora, si vas abajo, ves que si haces clic en esta imagen, no va a aparecer en una caja. Ahora sigamos adelante y empecemos a sumar nuestros iconos de redes sociales aquí abajo, cuales se estarán mostrando en todas las páginas del pie de página. No, primero en volver al dashboard e ir a ultra. Ahora, ve aquí a través de enlaces sociales y ves estas cajas de redes sociales, todas ellas. Vamos a empezar con Twitter por aquí. En cuanto al enlace que añades en el enlace a tu cuenta de Twitter por aquí. Por lo que voy a agregar un signo hash con el fin de que el ícono de Twitter aparezca en el pie de página pero no enlaza a ningún lado Ahora, cuanto al color del icono, hacemos clic aquí y vamos dedo azul. ¿ Cuánto le costó un color azul claro? Ahora, cuanto al color de fondo, quiero teclear F seis veces nueve. Da clic aquí para que tenga un fondo blanco. Ahora desplácese hacia abajo. Este de aquí es Facebook. Como puedes ver, es solo un texto para que puedas editarlo e ingresar lo que quieras. Ahora, en cuanto al enlace, ingresas aquí un hash. Y en cuanto al ícono, se ve que es f a Facebook. Ya sabes insertar un icono haciendo click? Inserta icono aquí y eliges el ícono que deseas simplemente haciendo clic en el icono. O si no quieres mirar en esa larga lista de iconos si solo tecleas F A dash Facebook y el icono de Facebook se muestra en el pie de página. Ahora bien, cuanto al color del icono, quiero decir que parece aquí ir al color azul y elegir algún tipo de azul oscuro. En cuanto al fondo, voy a elegir F seis veces por un fondo blanco. Ahora, el siguiente aquí es Google. Además, voy a hacer un link toe a ninguna parte, Así que solo ingresa un hash A menos que tengas una cuenta de Google plus y ingreses tu AL por aquí tiene para el color del icono. Voy a elegir un color rojo. Sólo tienes que introducir el color que más te convenga. Y para el color de fondo, entrar en blanco. Ahora, En cuanto al YouTube, estoy en entrar un hash. En cuanto al color del icono, voy a elegir casi lo mismo que Google Plus. Ahora, en cuanto al color de fondo, lo vamos a hacer blanco. Y si ves aquí abajo, hay una cuenta más agregada un icono más de redes sociales. No queremos eso. Por lo que simplemente hacemos clic en esta X aquí y sólo tenemos cuatro iconos que se muestran en el pie de página. Ahora, si quieres agregar más iconos de redes sociales, simplemente haz clic en Agregar enlace por aquí y aparece esta casilla, ingresas la información como lo hemos hecho antes. Ahora vamos a cancelar esta ella Vamos a dar clic a guardar Y si notan los iconos que elegimos aquí, aquí, aquí y aquí todos aparecen en el sitio Por aquí, aquí, aquí y aquí. Ahora volvamos a nuestra página. Y si ves, aunque refresques la página, los iconos de las redes sociales no se estarán mostrando aún en los cuatro porque necesitamos agregarlos manualmente como widget. Entonces primero vamos a personalizar por aquí. Ahora bajamos aquí a widgets y ahora vamos a pie o widget social aquí. Ahora hacemos clic en agregar widget. No, nos desplazamos hacia abajo para simplificar longitudes sociales. Hacemos clic en él ves, si bajas al pie de página que los iconos de las redes sociales están mostrando aquí abajo. Pero son de alguna manera pequeños. Entonces vamos a ir aquí talla de icono del dedo del pie. Haga clic en él y ella era grande. Ahora ves que los iconos de las redes sociales son lo suficientemente grandes como para ser visibles por aquí, y con esto concluimos la página principal. Hacemos clic, guardamos y publicamos. No, pinchamos aquí para voluntad Regresar, salir de esta página y ahora terminamos con la primera página, la página de inicio. Repasemos y veamos qué hemos construido. Por el momento, hemos construido este encabezado. Agregamos la página de inicio, el logotipo, la con favorita, esta hermosa imagen de fondo. Y a medida que nos desplazamos hacia abajo, agregamos la sección de servicios. Agregamos la sección de acción aquí con un efecto de tirones. Agregamos el progreso Marte aquí agregamos la sección de clientes aquí con estos hermosos deslizadores. Agregamos aquí una sección de equipo, y lo último que agregamos fue el testimonio de sección. Y luego agregamos los iconos de redes sociales que ves aquí y si notas que hay esta era aquí mismo que si haces clic en ella, vas a la parte superior de la página. Ahora, después de haber creado esta página principal, comenzaremos a crear y editar la página de la galería. Gracias por ver. Nos vemos en el siguiente tutorial. 23. Creación de la página de la galería: Hola. Ahora comenzaremos a crear y editar nuestra página de galería. Vamos a crear esta una hermosa página que empieza primero con este gran y hermoso video de fondo. A medida que nos desplazamos hacia abajo, podemos ver esta sección de fondo animado aquí y esta una hermosa imagen de fondo con la función de desplazamiento paralaje. Y a medida que nos desplazamos hacia abajo, vamos a nuestra galería con este hermoso y animado encabezado de fondo. A medida que bajamos, vemos la hermosa galería que hemos creado. Y en cuanto a este trasfondo, es un fondo de paralaje. Y si notas si haces clic en alguna de estas imágenes, aparecen en una caja de luz. Se puede elegir cualquier imagen que desee, y se puede ir de ida y vuelta entre ellos con estos errores a los lados y cuando haya terminado , se click en esta X Aquí va derecho a su lugar y al final aquí se ven estos iconos de redes sociales que hemos agregado previamente. Aparecen en todas las páginas a partir de ahora. Ahora vayamos a nuestro sitio web y empecemos a crear primero la página de la galería. Pasar por nuevo por aquí y dar click en página. Ahora ingresamos el título de la página aquí mismo. Entonces vamos a entrar a galería y bajamos aquí. En cuanto a contenido con, elegimos éste aquí con Full with. Ahora, cuanto al filtro de desplazamiento de imagen, elegimos ninguno. Y en cuanto a Ocultar título de página, que era sí, porque no queremos La página titulada para estar mostrando en el inicio del Pekín Ahora hacemos clic en publicar. Ahora vamos por aquí y damos click en ver página. Y como pueden ver, hemos creado la página de la galería. Empezaremos a editar la página de la galería haciendo clic en el turno en Builder por aquí. Lo primero que vamos a agregar, Ahí está este hermoso video de fondo que ven aquí. Entonces vamos a nuestra página, pasamos por aquí como opciones. Ahora, cuanto al efecto hacemos clic aquí e ingresamos F dos veces para elegir Fade aquí abajo. Ahora, cuanto al tipo de fondo, que era video En cuanto al video de fondo, aquí vamos a una biblioteca de navegación. Subimos archivos y seleccionamos los archivos desde aquí ahora, en el contenido que descargaste. Ahí está este video llamado el agua. Nosotros lo elegimos a menos que tengas tu propio video sobre tu negocio. Actúa como abierto Ahora, Este video puede tardar un tiempo en subir, así que siéntate y relájate hasta que se cargue por completo. Ahora vamos a insertar sigue tus enfermos aquí abajo y ahora nos desplazamos hacia abajo hasta que veas deshabilitar Audio Aquí hacemos clic en él y hay algunas otras características con las que puedes jugar por aquí, por ejemplo, desactivadas. Looping. Aquí. Esto significa que el video reproduce sólo unos y no Luke y comienza de nuevo cuando termina. Ahora nos desplazamos hacia abajo a una palmadita agregamos en 3 94 la parte superior y 3 90 para la parte inferior y nos desplazamos hacia abajo para guardar. Y como puedes ver aquí tenemos nuestro fondo de video y hay una cosa más que vamos a agregar a este fondo de video, que es un texto vacío solo para arrastrar y soltar este texto por aquí. Ahora, no vamos a entrar nada, así que al igual que guardar esto es para que podamos agregar otro módulo aquí abajo porque esta sección no aparece a menos que tengamos algo en la sección anterior. Y cambiar el fondo no se considera un cambio de módulo. Por lo que necesitamos agregar en un módulo aquí cualquier cosa, aunque esté vacío. Por eso agregamos el módulo de texto por aquí. Ahora seguiremos construyendo la página de la galería en el siguiente tutorial. Gracias por ver. 24. Construcción de la página de la Galería (1): Hola. Ahora seguiremos editando y construyendo nuestra página de galería. Lo primero que vamos a hacer antes de seguir y añadir esta sección aquí es hacer este encabezado. Se ve aquí arriba transparente. Entonces vamos a nuestro panel de control, pasamos por páginas aquí mismo. Ahora vamos a una galería por aquí, Click head. Y ahora vamos a una aparición temática aquí abajo. Desplázate un poco hacia abajo. Y por aquí tenía su fondo el cual era de fondo transparente. No, nos desplazamos hacia arriba, hacemos clic en actualizar aquí mismo y volvemos a nuestra galería. No, Si hacemos clic en guardar y ropa ahora, ve aquí y haz click. Refrescar. Ves que el encabezado ahora es transparente y podemos ver este hermoso video desde atrás . Ahora empecemos a añadir esta sección aquí mismo con este texto y este botón. Vamos a nuestra página y enciendamos Builder. Ahora vamos a bajar. Haz esta sección aquí mismo. Pasamos el cursor por aquí y hacemos clic en opciones ahora primero. En cuanto al ancho de fila que estaba lleno sería como para el efecto aquí que se desvaneció en por lo que sólo ingresa F dos veces y automáticamente va a desvanecerse en Ahora como para el modo de fondo. Elegimos portada completa desde aquí y ahora nos desplazamos hacia abajo para textuar una línea justo aquí y parecemos centro. A continuación, desplácese hacia abajo hasta que vea clase CSS adicional. Y por aquí entras guión animado B G. Asegúrate de entrar a la derecha. Y no señora paladar porque no va a funcionar. Y esto es para la animación del fondo. En cuanto a los colores, son los colores. Ya ves que agregamos a nuestro tema aquí. Si vas a la configuración y nos desplazamos hacia abajo, verás que estos colores de aquí se agregarán al fondo de la sección. Una vez que tecleamos en este barrio por aquí, sin clic guardar, y se puede ver que esta sección tiene un color de fondo animado. Ahora arrastremos y soltemos este módulo de texto aquí mismo y luego ingresemos el texto. E quieres sobre tu negocio o tu galería? Voy a entrar este texto aquí mismo. Ahora seleccionamos nuestro texto, hacemos que se dirija a fondo. Lo hacemos audaz y lo alineamos al centro. Ahora le pegamos a Enter. Una vez que pasamos por los códigos cortos por aquí y hacemos clic en un botón. Ahora, cuanto al texto del botón, voy a teclear en conectar con nosotros. En cuanto al estilo de botón, voy a escribir en contorno grande y voy a dejar el resto anti, luego haga clic en insertar. Ahora seleccione el código del botón y alinéelo al centro y luego vaya a peinar por aquí. Ahora desplázate hacia abajo hasta Patty. Ahora, En cuanto a la parte superior, voy a entrar 30. En cuanto al fondo, soy una respuesta. 10. Ahora vamos a guardar aquí abajo, Click Save. Y como pueden ver, hemos construido con éxito esta sección animada. Ahora haga clic, guarde y desplácese hacia abajo para que podamos agregar esta imagen de fondo aquí con este texto en el medio . Así que vuelve atrás y arrastra y suelta el módulo de texto aquí mismo. No, voy a entrar en diseño limpio. Voy a seleccionar este texto. Voy a hacer que tenga uno, alinearlo al centro, ponerlo en negrita y cambiar el color a blanco. Después pasamos por un estilo aquí arriba y nos desplazamos hacia abajo a palmaditas. Voy a entrar por 60 por la parte superior y por 60 por la inferior. Ahora hacemos click. Guardar Ahora vamos por aquí y hacemos clic en opciones. En cuanto al tipo de fondo, lo guardamos a la imagen. Y trajimos su biblioteca para seleccionar nuestra imagen. Subimos archivos, seleccionamos archivos y seleccionamos la imagen aquí mismo. Haga clic en Abrir. Ahora hacemos clic en Insertar archivo tu L. Ahora, cuanto al estado de ánimo de fondo, me gustaría seleccionar el desplazamiento Parallax desde aquí. Ahora nos desplazamos hacia abajo y hacemos clic en Guardar aquí y terminamos con esta sección. Por lo que hacemos clic en guardar y la ropa para ver los cambios que hicimos. Ahora está desplazado hacia arriba. Ves esta hermosa imagen por tierra con este paralaje desplazamiento por suelo Y ves esta sección animada con estos colores que siguen cambiando sin problemas y este video que hemos construido previamente? Ahora bien, si notan este botón de aquí está un poco lejos del texto, así que tenemos que encender al constructor. Ahora nos desplazamos hacia abajo y hacemos clic aquí para editar el texto. Y si ves que hay un espacio entre el texto y el botón, así que solo despejamos el espacio, luego haz clic en Guardar y me gustaría volver a guardar por aquí y dar clic en cerrar. Ahora si vas todo el camino hasta la cima. ¿ Ves eso? Este moño se muestra aquí y la distancia es buena entre el botón y el texto. En el siguiente tutorial, seguiremos construyendo la galería agregando esta y galería aquí mismo con esta sección. Gracias por ver. Nos vemos en el siguiente tutorial. 25. Construcción de la página de la Galería (2): alto en el sectorial seguirá construyendo nuestra página de galería. Ahora vamos a añadir este hermoso encabezado con este fondo animado e insertar estas imágenes de galería y fondo. Ahora vamos a nuestra página. Desplázate hacia abajo y activa Builder. Ahora nos desplazamos aquí abajo pasamos sobre esta parte justo aquí hacemos clic en opciones. Ahora para esta parte aquí sólo vamos a desplazarnos todo el camino hacia abajo y clase CSS adicional . Vamos a entrar a cualquier tablero apareado B g Esto hace que tenga un fondo animado. Ahora vamos como, guardar Ahora puedes ver este fondo animado aquí. Ahora arrastremos y soltemos este módulo de texto aquí mismo. Ahora aquí entramos el título sobre una galería y tengo mi texto listo Así que solo lo voy a pegar Ahora seleccionamos todo el texto. Seleccionamos la fuente para estar dirigiéndonos a hacerla audaz, alinearla al centro Y ahora vamos a peinar por aquí. Y en cuanto al efecto, terminamos su desvanecimiento en Así que solo escribimos f dos veces Va aquí abajo le hacemos clic y ahora nos desplazamos hacia abajo a un relleno Agregamos 30 para la parte superior y 30 para la inferior. Ahora hacemos clic en Guardar aquí abajo y tenemos nuestro encabezado listo para la galería. Ahora tenemos el título animado para esta galería que vamos a crear hecho. Adelante y empecemos a crear galería de arte en sí misma. Portada aquí Haga clic en Opciones para que podamos agregar al fondo para la galería. Ahora, primero, cuanto al papel, con seleccionamos ancho completo y ahora bajamos aquí a una imagen de fondo como biblioteca de cejas . Vamos dedo del pie subir archivos, seleccionamos archivos y bajamos a esta imagen justo aquí hacemos click en abrir. Ahora hacemos click. Inserta archivo tu l y asegúrate de las imágenes que elijas aquí. Asegúrate de que haya destacados y de alta resolución porque no quieres que se muestren imágenes borrosas en tu galería. Debe ser profesional y destacado. Ahora vamos a ir a un fondo segado aquí abajo y selectivo e para Lexus desplazamiento y ahora desplácese hacia abajo a un relleno y agregando 40 para la parte superior. Ahora desplácese hacia abajo otra vez y como guardar aquí abajo. Ahora insertemos nuestra galería justo aquí. Ve aquí abajo. Dos del módulo de galería arrástrelo y suéltelo aquí mismo. Ahora, cuanto al diseño de la galería por aquí, lo vamos a mantener a una cuadrícula. En cuanto a la miniatura con, voy a seleccionar 400. En cuanto a la altura, voy a seleccionar 300 Y ahora aquí para imagen apariencia. Voy a seguir redondeada, comprobada aquí mismo, y dar clic en el rasguño de gota justo aquí. Eres libre de usar cualquiera de estos dos también. Ahora, insertemos nuestras imágenes reales desde aquí. Da click en en galería de inicio Ahora ve a subir archivos por aquí. Ahora haga clic en Seleccionar archivos. Ahora, fin de seleccionar todas las imágenes para nuestra galería juntas, necesitamos presionar y mantener pulsado el botón de control de tu teclado. Después selecciona las imágenes. Ahora hacemos click en abrir. Ahora hacemos click en agregar a galería aquí abajo. Y esta es nuestra galería por aquí. Ahora bien, si notó debajo de cada una de estas imágenes, hay un espacio de texto que nos permite ingresar al título que queremos para esa imagen que aparecerá en la página. Entonces solo voy a entrar los textos para mis imágenes. Ahora que he ingresado mi texto, necesitamos ir aquí vinculado a y seleccionar archivo multimedia. Esto hace que la imagen aparezca en una caja de luz al hacer clic en ella. Si no quieres que la imagen aparezca en una caja de luz, puedes seleccionar ninguna desde aquí. Pero por ahora, sólo voy a guardarlo en el archivo multimedia y asegurarme de que el número de columnas sea de tres. Y ahora bajamos aquí y hacemos clic en Actualizar galería. Ahora vamos a peinar el dedo por aquí y para el efecto por aquí seleccionamos el desvanecimiento en. Entonces sólo entra F dos veces Va aquí abajo. Y en cuanto al texto por aquí, nos alineamos centro y ahora nos desplazamos hacia abajo hasta un relleno e ingresamos 84 la parte superior y 24 la derecha 84 la inferior y 20 para la izquierda. Ahora desplácese hacia abajo y, como guardar aquí abajo. Y si te desplazas hacia abajo, puedes ver nuestra hermosa galería con estas imágenes y este fondo No, aquí abajo, necesitamos dedo del pie. Elimina esta sección justo aquí, Así que pasa el cursor por aquí y haz clic Eliminar ahora, como guardar aquí y la ropa. Ahora vemos que nuestra galería se hace con estas bellas imágenes y este fondo paralaje Ahora vamos a la parte superior de la página. Y si notan la galería de aquí no es la misma que ésta de aquí porque el hogar aquí viene antes de la galería. No te preocupes por esto. Una vez que terminemos con todas las páginas, te mostraré cómo organizarlas en el orden que quieras y cuál viene antes que la otra. Ahora, lo siguiente que vamos a hacer como crear nuestro blawg Page Gracias por ver. Nos vemos en el siguiente tutorial. 26. Creación de la página del blog y la primera publicación: Hola. Ahora vamos a empezar a crear y construir están bloqueados Página Primero, vamos a crear estos hacer hermosos posts por aquí. Vamos a crear estas imágenes y añadir estos textos que ves aquí y luego vamos a crear esta barra lateral y añadir todos estos widgets, empezando por el cuadro de búsqueda que ves por aquí y bajando a un Facebook como paseos que tú ver aquí que puedes enlazar a tu página de Facebook y agregando este cuadro de suscripción por aquí, los sitios que vamos a agregar este Instagram alimenta show de luz en el que puedes enlazar a su cuenta de INSTAGRAM que mostrará las imágenes en tu cuenta de instagram como una presentación de diapositivas por aquí y por último. Vamos a añadir en esta sección aquí con los posts más comentados que muestran los tres primeros posts populares de tu bloque. Ahora vamos a nuestro panel de control y pasemos por las páginas aquí mismo. Ahora da click en añadir nuevo por aquí. Ahora, primero ingresamos el título fuera de la página, que es bloque, y nos desplazamos hacia abajo por esta sección justo aquí. Y en cuanto a la opción de barra lateral, que es esta opción aquí mismo bajamos al filtro de desplazamiento de imagen. Sólo tienes que mantenerlo por defecto, que es escala de grises y aplicar para presentarlo imágenes en Lee. Porque si se lo dijiste a todas las imágenes, el logotipo fuera de la página web se pondrá gris una vez que pases sobre él. Y no queremos eso porque no es profesional. Sólo necesitamos que las imágenes de post se pongan grises una vez que pasemos sobre ellas. Ahora, cuanto al título de página de gama alta por aquí, que era sí, porque queríamos que el título de la página estuviera mostrando. Y ahora vamos a una aparición temática aquí mismo. Seleccionamos esta opción aquí y el fondo del encabezado. Vamos a mantenerlo a sólido. Y ahora subimos aquí y hacemos clic en publicar. Ahora volvemos a nuestra página web. Si haces clic en refrescar, puedes ver que la página de bloque se agrega aquí mismo. Ahora vamos a darle click ahora. Como puedes ver aquí, esta es nuestra página de bloques y estos widgets del lado aquí son la barra lateral predeterminada Widgets No te preocupes por ellos. Vamos a eliminarlos y añadir nuestros propios widgets. Pero primero vamos a empezar a crear los posts, así que vuelve a un tablero y pasa por las publicaciones aquí mismo. Ahora da click en agregar Nuevo por aquí. No, primero entramos en el título de nuestro post, que es construir sitios web impresionantes. Ahora ingresamos el texto del post el contenido que queremos incluir en el post. Tengo mi texto diverso. Sólo voy a copiarlo y pegarlo aquí mismo como texto plano. Ahora vamos por aquí a añadir nueva categoría para que podamos sumar la categoría para este post. Voy a escribir en técnicas de diseño y luego hacer clic en agregar nueva categoría. Ahora puedes ingresar tantas categorías como quieras, pero por ahora, solo vamos a entrar a una, que es ésta de aquí. Y luego vas aquí abajo a las etiquetas y te metes la etiqueta para el post. Estoy en fin su último diseño, y es realmente importante ingresar al menos una etiqueta para tu post porque ayuda a los motores de búsqueda , chica y encontrar tu sitio web y los anfitriones de tu blog. Ahora bajamos por aquí a través de la imagen destacada. Ahora, para poder agregar esta imagen que ves aquí mismo, necesitamos editarla de la manera que queramos. Entonces vamos a este sitio web forward dot com Ahora vamos a agregarlo aquí mismo, y seleccionamos la imagen que quieres ahora para este tutorial. Ominous fue post uno que se puede ver en el contenido que descargó y haga clic en abrir. Ahora puedes ver la imagen aquí mismo. Primero vamos a redimensionar por aquí y entramos 7 85 Y luego pasamos por impuestos aquí abajo y entramos un texto. Simon, entrar S e o proceso. Y en cuanto al tamaño del fondo, haces clic aquí, homínida. Elige 82. Y en cuanto al fondo en sí, voy a elegir este. Aquí están beso, cosquillas. Se puede ver que se carga aquí mismo. Cuando termine de cargar, se aplicarán los fondos. Ahora arrastramos el texto donde queramos, así que lo voy a arrastrar aquí mismo. Y luego vamos a ahorrar por aquí. Y en cuanto a la calidad, está bien si eliges normal y luego haces clic en guardar en mi computadora. Voy a guardarlo como anfitrión. Subrayar un guión bajo. Hecho. No click guardar y volver a nuestro panel de control. Si vas aquí abajo, dos imagen destacada, haz clic, navega, libra, sube archivos, selecciona archivos y luego bajamos aquí Así que este de aquí publica. Hecho. Haga clic en Abrir. Ahora vamos a insertar daño aquí abajo y se puede ver que la imagen viene clavo se está mostrando por aquí. Ahora vamos a publicar por aquí y hacemos clic en él. Ahora hemos publicado con éxito nuestro primer post. Ahora es el momento de agregarla a nuestro Blawg. Vayamos a nuestro blawg y prendemos desde aquí al constructor. Después vas aquí abajo al post módulo arrastra y lo sueltas ahí. Ahora, lo primero que queremos agregar es el límite por aquí. Entonces voy a elegir 55 anfitriones del espectáculo, cómo nos desplazamos hacia abajo. Y en cuanto a la pantalla, voy a mostrar extracto porque no quiero mostrar todo el post en la página. Quiero mostrar extracto para que los usuarios puedan hacer clic en la publicación y ver toda la publicación si quieren y luego desplazarse hacia abajo y abajo aquí para ocultar post meta. Voy a chequear. Sí, ahora podríamos buscar guardar aquí abajo y se puede ver que el post se suma con éxito al bloque. Ahora bien, si notan esto de aquí está un poco cerca del encabezado. Entonces solo vamos a añadir un poco de puntera acolchada, bajarla un poco, así que pasa el cursor sobre esta parte de aquí. Opciones de clic. Ahora nos desplazamos hacia abajo hasta un relleno y sumamos 80 para la parte superior. Ahora desplázate hacia abajo y, como guardar y ves que ha bajado un poco. Ahora vamos, como guardar y cerrar para ver nuestro post. Se puede ver que hemos agregado el primer post son blanc y se ve hermoso. Ahora, si pasas el cursor sobre este post, ves que se vuelve gris y seguiremos añadiendo el segundo post y los otros widgets de barra lateral en los siguientes tutoriales. Gracias por ver. 27. Crear la segunda publicación: Hola. Ahora vamos a crear nuestro segundo post. Entonces volvamos a nuestra página de publicaciones y vayamos aquí a añadir nuevos. Ahora entramos el título del puesto por aquí, así que voy a pegar el mío. Y en cuanto al post texto, tengo mi texto, Freddie. Entonces sólo voy a copiarlo y apresurarlo. Ahora pasamos por categorías por aquí y agregamos nueva categoría, y voy a entrar s e o.Luego haz clic en Agregar nueva categoría. Ahora aquí. En cuanto a los ataques, voy a entrar a WordPress y S e o.Después haga clic en Agregar. Ahora, cuanto a la imagen destacada, vamos a construir nuestra imagen en carpeta. Así que vuelve a este sitio web, haz clic en claro y abajo aquí y luego, como, abre. Ahora seleccionamos esta imagen aquí mismo Post, también. Ahora vamos a redimensionar aquí abajo, y lo redimensionaremos a 7 85 y luego pasaremos por un impuesto aquí abajo y voy a ingresar mi texto ahora. Seleccionaré el texto y añadiré la fuente. Voy a ir a las fuentes de dedo aquí mismo y seleccionar artística Oh, Entonces voy a arrastrar este texto hasta aquí y lo voy a alinear a esta parte justo aquí. Y en cuanto al fondo, quiero seleccionar este frente aquí mismo. Entonces ya terminamos. Entonces voy a drogarla un poco aquí y luego haga clic en guardar aquí y seleccionar la calidad normal . Gracias. Ahorra en mi computadora, y lo voy a guardar a diferencia de hecho. A continuación, haga clic. Guardar. Ahora volvemos aquí. Y en cuanto al futuro se imagen, he cambiado entre esta y aquella imagen post. Entonces solo voy a seleccionar esta imagen aquí para este post y la biblioteca Browns, luego subir archivos. Son archivos selectos. Ahora bajamos aquí y primero voy a seleccionar éste. A continuación, haga clic en insertar imagen. Ahora hacemos click. Publicar por aquí. Y voy a ir por todos los posts por aquí y por este post aquí mismo. ¿ Cuántos? Haga clic en él. Entonces bajaré aquí y d seleccionaré este aquí y subiré el que acabamos de crear. Haga clic en subir archivos, seleccione archivos, luego un desplazamiento hacia abajo y seleccione éste aquí mismo. Ahora hacemos clic en insertar daño y tenemos la imagen que queremos por aquí. Ahora hacemos click. Aquí estoy los días. Ahora vamos a nuestro Blawg. Y si haces click, refresca por aquí, Verás el otro post mostrando. Ahora hemos creado con éxito al segundo post para nuestro bloque. Ahora, como puedes ver aquí, el post que creamos más adelante se muestra encima del que creamos anteriormente. Ahora, en el siguiente tutorial, comenzaremos a editar esta barra lateral y a añadir los widgets que queremos. Gracias por ver. Nos vemos en el siguiente tutorial. 28. Edición del Sidebar(1): Hola. Ahora editaremos la barra lateral. Primero agregaremos en el cuadro de búsqueda que veas aquí así como el cuadro de Me gusta de Facebook. Vamos a nuestra página web y pinchemos en Personalizar por aquí. Ahora hacemos clic por aquí y bajamos a widgets aquí abajo, luego vamos a una barra lateral por aquí y se puede ver que estos son los widgets de barra lateral por defecto Vamos a hacer. Déjalos uno por uno. A excepción de esta búsqueda por aquí. Tu primero haces clic en este aire aquí mismo y haz clic, quita y haz lo mismo por el resto. Ahora, cuanto a esta búsqueda por aquí, hacemos click en la flecha y tecleamos el título, que será la búsqueda. Ahora puedes ver aquí que los otros widgets se han ido a excepción de la búsqueda por aquí. Sigamos adelante y empecemos a añadir este cuadro como de Facebook por aquí. Para poder agregar esta caja, necesitamos instalar un enchufe llamado el Facebook like box inundado. Vayamos a nuestro panel de control, bajamos aquí a enchufes y pinchamos en Añadir nuevo. Ahora ve por aquí para buscar enchufes y escribe en Facebook como caja y asegúrate de que como caja es una palabra ahora hit. Entrar. Y eso sólo quisiéramos como el que ven aquí. No hay clic en instalar. No como activar las inundaciones por aquí. Y el enchufe se activa con éxito. Volvamos a nuestra página y haga clic en Agregar widget aquí abajo. Y si notas el widget de caja me gusta de Facebook no se agrega aquí todavía, Así que tenemos que hacer clic, guardar y publicar. Después haz clic en Actualizar aquí. No como recargar esta página. Ahora hacemos clic aquí, vamos a nuestros widgets, vamos a un lado más y damos clic en agregar widget. Ahora ves aquí el avanzado widget personalizado de caja como Facebook se agrega por aquí. Entonces si hacemos clic en él, aparece aquí Se puede ver que el widget se está mostrando por aquí en la barra lateral. Ahora empezaremos a editar el widget en sí. En cuanto al título mujer entra como nosotros en Facebook. Ahora, si pasas por el tu todo aquí abajo, necesitarás entrar a tu página de Facebook o l Así que voy a copiar mi página de Facebook o l y pegarla por aquí como muestra. Y si vas aquí por la madera. Voy a mantenerlo a 300 ahora si se dio cuenta de las páginas que muestran por aquí. Ahora, cuanto a este tema de corriente aquí abajo, quiero eliminarlo. Entonces voy aquí. Gracias, como no por show stream. Ahora se puede ver que el arroyo se ha ido y la caja de luz se está mostrando de una manera más elegante . Yo iba bajando un poco. En cuanto al color de fondo, voy a seleccionar blanco Salman, entra este aquí. Y por supuesto, puedes ingresar F seis veces. Se va dedo del pie blanco y se ve que el color de fondo aquí ha cambiado. Ahora bajamos y quiero dar click Sí, para cabecera y para el relleno en un selecto 0.1. Y en cuanto al tamaño del radio, voy a mantenerlo a 15. Pero para el tamaño de la frontera, que es la frontera que ven por aquí, voy a seleccionar 0.1 también porque no quiero que se muestre la frontera. Y 0.1 es el número mínimo que puedes ingresar ahora nos desplazamos hacia abajo. Y en cuanto al esquema de color, vamos a mantenerlo deleite. Y luego subimos aquí Ahora si notan las cajas mostrando aquí de una manera hermosa. A excepción de esta parte extra aquí mismo, que podemos establecer con la altura. Alguien dijo la altura para 2 50 y luego hacer clic, guardar y publicar de nuevo. Ahora ya terminamos con nuestra caja de Facebook como. Entonces lo minimizamos aquí. Y lo siguiente que vamos a agregar como esta caja de suscripción por aquí el feed de Instagram y el popular Post vamos a agregar estos en el siguiente tutorial. Gracias por ver y permanecer en esta página. 29. Edición del Sidebar(2): Hola. Ahora seguiremos agregando widgets a la barra lateral que agregaremos en este cuadro de suscripción por aquí, este feed de instagram y estos populares posts por aquí. Para poder agregar el cuadro de suscripción primero necesitamos ir a un tablero y pasar el cursor sobre un chimpancé masculino Prensa de recompensa, Luego haga clic en formularios. Ahora, cuando llegues a esta página, vamos a ir a esta zona aquí mismo y ves este código aquí dentro? Se llama código HTML. Lo primero que vamos a agregarlo como el título de la caja por aquí, quien este título, que se muestra aquí, va a ser el título de esta caja por aquí. Entonces voy a entrar mi texto, que es permanecer conectado para más magia. Ahora, ahora, por aquí. Para que este texto en el botón diga, consigue las últimas actualizaciones, necesitas volver atrás y vale dice valor aquí abajo entre estas citas, escribe el texto que quieras, voy a escribir y obtener las últimas actualizaciones. Y si ves por aquí como para un tenedor de lugar en lugar de tu dirección de correo electrónico, puedes cambiarlo por lo que quieras. Esto es lo que muestra en la caja vacía por aquí antes de que alguien ingrese algún texto en ella. Pero por ahora, voy a mantener este aquí tal como está. Ahora vuelve aquí, y para que este botón aquí sea azul, tenemos que volver aquí y cargar de estilo. CSS haga clic aquí y seleccione el tema azul. Eres libre de elegir cualquiera de estos por aquí, pero voy a elegir el azul el ahora aquí abajo hacemos clic, guardamos cambios y una vez más, guardamos cambios y una vez más, desplázate hacia abajo y hacia abajo aquí usé el código corto. Es necesario copiar este código desde aquí. Y luego volvemos a nuestra página. Hacemos clic, agregamos widget, nos desplazamos hacia abajo y hacemos clic en el texto aquí. Ahora, en el contenido aquí solo pega lo que copiaste de aquí. Y luego se puede ver el cuadro de suscripción mostrando por aquí con este título que elegimos Y este botón color y texto. Ahora haga clic en minimizar por aquí y haga clic en agregar widget. Desplázate hacia abajo y agregando un texto también. Ahora, en este texto, vamos a colocar el show de luces de Instagram que ves por aquí. Para poder hacer esto, necesitamos ir a una nueva pestaña, pero primero cerró ésta aquí porque ya no la necesitamos. Y entra snap widget dot Ven a asegurarte de que lo tienes. Correcto. Snap widget dot com y pulsa Enter. Ahora, cuando llegues a esta página, nos desplazamos hacia abajo. Y esta es la personalización para nuestro feed de instagram, que primero elegimos en el usuario de instagram. Y luego queremos así teclea tu nombre de usuario de instagram. Voy a mecanografiar. Este ejemplo es tu nombre, o puedes seleccionar un hashtag en lugar del nombre de usuario. En cuanto al harías que escribes, puedes elegir uno de estos tipos por aquí. Voy a elegir la presentación de diapositivas. Y para el tamaño de miniatura voy a seleccionar a 90. Y para Florida Water, voy a seleccionar Sí, Y para el color de fondo, voy a ingresar este código f seis veces para hacerlo blanco. En cuanto al efecto hover, voy a mantenerlo dedo del pie Ninguno. Ahora puedes previsualizar el widget antes de agregarlo a tu página. Demos click en vista previa aquí y podrás ver el widget se está mostrando por aquí con este leve espectáculo. Si hace clic en cerrar y si, por ejemplo, seleccionamos un gran entonces haga clic en vista previa. Se puede ver que las imágenes aquí muestran como yo grilla, tienes la opción de elegir lo que quieras de este tipo por aquí. Pero vamos a elegir la presentación de diapositivas a partir de aquí y luego bajar aquí para conseguir widget. Y luego se copia este código. No hace falta copiar este aquí porque es solo un comentario en html. Entonces café, éste partiendo de aquí todo el camino aquí abajo, Entonces volvemos a nuestra página. Lo pegamos aquí, y tenemos listo nuestro widget de instagram. Por aquí. Ahora, sigamos adelante. Y en el último widget aquí abajo, que son las publicaciones más comentadas, si minimizas este aquí, haz clic en agregar widget y te desplazas hacia abajo. Seleccionamos FIM si me dirijo. Más comentado. Ahora, mientras se está cargando ahí abajo, lo vamos a editar desde aquí. Entonces en cuanto al número de anfitriones estoy en Enter tres, que es el número máximo de anfitriones el show. Y estoy en una publicación de exhibición Thumbnail por aquí. Y en cuanto al tamaño de la miniatura, voy a elegir entre 90 por 160 Y si te desplazas hacia abajo, puedes ver que se están mostrando por aquí ahora. Tenemos, como, como, minimizamos por aquí, y terminamos con nuestra edición de barra lateral. Eres libre de añadir cualquier cantidad de widgets que quieras desde aquí. Tan solo explora y juega con ellos de la manera que quieras. Ahora, una vez que nos gusta guardar, publicar y luego dar click en la X aquí. Piensa como salir de esta página. Llegamos a nuestra página de Blawg. Ahora terminamos con nuestra página de bloques y hemos agregado todas las características que queremos. Lo siguiente que hay que hacer es crear y construir la página de contacto. Gracias por ver. Nos vemos en el siguiente tutorial. 30. Crear la página de contacto: Hola. Ahora es el momento de crear esta página de contacto, empezando por esta hermosa imagen de fondo de paralaje y esta imagen aquí mismo en el medio así como este texto aquí y esta flecha hacia abajo. Y luego agregaremos en estos tres datos de contacto sobre nuestro negocio. Después nos desplazamos hacia abajo y vemos este hermoso mapa de Google por aquí con esta agua blanca y así como este formulario de contacto por aquí. Ahora primero, vamos a nuestro panel de control y pinchemos en las páginas aquí mismo. Ahora hacemos click, Añadir nuevo e ingresamos el título de la página que queremos, que es el contacto. Ahora nos desplazamos hacia abajo. Y en cuanto a la apariencia del tema, aquí mismo elegimos fondo transparente para el encabezado y subimos. En cuanto a opciones de página, que estaba lleno con para el contenido con por aquí. Y en cuanto al filtro de desplazamiento de imagen, que era ninguno. Y en cuanto al título de la página, queremos ocultarlo. Ahora nos desplazamos hacia arriba y hacemos clic Publicar por aquí ahora, después de republicar nuestra página. Volvamos atrás y haga clic en Refrescar Más aquí. Ahora podemos ver que nuestras páginas mostrando por aquí. Hagamos clic en él y veamos cómo se ve que esta página está vacía ahora. Entonces empecemos a agregarle módulos primero, Encienda constructor ya sea desde aquí o aquí. No. Lo primero que queremos hacer aquí es cambiar el color de fondo para esta primera parte aquí mismo . Por lo que pasamos por aquí, parecemos opciones. Ahora vamos a una imagen de fondo aquí abajo y hacemos clic en la Biblioteca de Rob que subir archivos, Luego seleccionamos archivos y vamos a esta imagen aquí mismo y la seleccionamos. Haga clic en Abrir. Ahora hacemos clic en Insertar archivo tu L aquí abajo. Y en cuanto a los antecedentes saben, aquí abajo seleccionamos el Parallax. Y en cuanto al color de superposición por aquí, hacemos click en este de aquí. Me gustaría seleccionar negro. Y en cuanto a la opacidad por aquí, quiero ponerla aquí alrededor del 70%. Ahora me desplace hacia abajo y haga clic en Guardar ahora, Como pueden ver, tenemos este fondo ahí. Pero como no hay relleno, la imagen no se está mostrando completamente En el siguiente tutorial, vamos a sumar en esta imagen aquí mismo este texto así como un impuesto de estos aquí abajo. Gracias por ver y permanecer en esta página. 31. Agregar la imagen y los textos: Hola. Bienvenido de nuevo. Ahora vamos a sumar en esta imagen aquí mismo así como estos textos aquí abajo. En primer lugar, arrastremos y soltemos un módulo de imagen desde aquí hasta esta zona. Ahora, cuanto al estilo de imagen por aquí, queremos elegir este de aquí para una imagen centrada. Y en cuanto a una majorette, L queremos navegar por la biblioteca, subir archivos, seleccionar archivos. Y ahí está esta imagen aquí mismo que he establecido las dimensiones para que sean 200 por 200. Puedes redimensionar cualquier imagen que quieras en foto dot com 2 200 por 200 luego subió el dedo del pie del sitio web. Ahora haz clic en Insertar archivo tu L. Ahora, si notas que esta imagen es una imagen cuadrada, si quieres convertirla en una imagen circular, querrías seleccionar ésta aquí y la seleccione ésta aquí. Ahora, cuanto a que lo harían por aquí, quisiéramos fijarlo en 200 por 200. Ahora pide la leyenda de la imagen aquí abajo. Yo quisiera entrar nosotros leyendo para ti. Ahora vamos a un estilo. Por aquí bajamos. En cuanto al color del fondo por aquí, quiero seleccionar blanco y luego desplazarme hacia abajo. En cuanto al relleno, quiero seleccionar 200 para la parte superior y 200 para la inferior. Ahora bajamos y hacemos click seguros. Ahora se puede ver que la imagen de aquí es una imagen circular. Y este es el epígrafe que agregamos. Ahora es el momento de agregar en este texto aquí con esta flecha. Ahora vamos a arrastrar y soltar un módulo de texto aquí abajo. Ahora agregamos en el texto, obtén y toca. Seleccionamos este texto y seleccionamos tener uno. Entonces lo alineamos al centro. Y en cuanto al color ominoso, elige color blanco. Ahora, cuanto a la flecha que ves aquí abajo, necesitas pasar por el mi contenido. Tu descargado y hay un archivo llamado tus L's. Haga clic en él y seleccione este texto aquí mismo. Copia y abre una nueva pestaña. Y entrar este texto en la nueva pestaña entonces tenía enter. No. Al llegar a esta página, se desplaza todo el camino hacia abajo y se ve este aero aquí abajo. Copias este código por aquí y vuelves entonces por aquí te pegas. Entra una vez y vas a un texto por aquí, luego lo pegarás aquí mismo. Ahora vuelve a lo visual por aquí. Se puede ver que ahí se está mostrando por aquí esta diminuta flecha. Queremos hacerlo más grande. Por lo que primero lo hacemos audaz. Y para el fondo, que estaba encabezando uno. Ahora lo hacemos centrado. Y este es nuestro aire Por aquí. Ahora pulsa Guardar y tenemos nuestro texto y error por aquí. Ahora, con el fin de que este texto peine el mismo fondo que este texto por aquí volvemos atrás. Primero nos gusta, guardamos aquí abajo y ropa, luego personalizamos semanalmente por aquí. Ahora, cuando llegues a esta parte por aquí, hacemos clic atrás. Después vamos a una tomografía. Por aquí hacemos clic en tomografía por defecto. Y en cuanto a la tenía un fondo, hacemos clic aquí y por aquí para la familia de fondos, le damos clic y tecleamos robo toe. Ves volver a votar aquí. Entonces haces clic en él y te das cuenta del cambio por aquí. Ahora, en cuanto a la fuente, espere aquí. Se desea seleccionar 300 y vamos a la apariencia del dedo del pie. En cuanto al tamaño divertido por aquí. Maximizamos y minimizamos este aquí que queremos y quiero elegir 40. Asegúrate de que dijo que sí. 40 píxeles por aquí y luego semanalmente pueden minimizar y hacer clic, Guardar y publicar. Por aquí. Ahora, Una vez que hayamos terminado, pincha en esta X por aquí. Gracias, Me gusta, deja esta página. Y ahora terminamos con la primera parte de la página de contacto. Si notas una vez que nos desplazamos hacia abajo el fondo de paralaje aquí se está mostrando. Ahora vamos a encender el constructor añadiendo estos textos aquí abajo. Primero nos desplazamos hacia abajo y agregamos en un módulo de texto lo arrastramos y lo soltamos aquí mismo. Ahora ingresamos el texto que queremos tengo listo mi texto. Entonces solo lo voy a copiar y pegar desde aquí. No, para este de aquí, quiero seleccionar encabezamiento a Quiero hacerlo audaz y alinear todos estos al centro. Ahora vamos a un estilo. Por aquí nos desplazamos hacia abajo a un relleno y para la parte superior, agregamos en 50 píxeles y luego vamos a ahorrar aquí y tenemos nuestro primer texto por aquí. Ahora pasamos por encima de esta parte de aquí y divididos en tres secciones iguales. Ahora duplicamos este aquí dos veces con el fin de hacer una copia por cada uno de estos. No, arrastramos y soltamos estas copias por aquí y por allá. Ahora, nosotros primero hice este aquí e introduzco tu información de negocio sobre la ubicación. Voy a entrar a esta ubicación de muestra por aquí y por la ubicación misma. Cuánto se dirigía para ponerlo en negrita y alinear todos estos al centro y hacer click Guardar ahora para el último Por aquí damos clic en editar Ingresamos nuestros textos desde aquí y lo pegamos por aquí Ahora para el contacto seleccionamos rumbo para que sea audaz y alineados todos ellos al centro Ahora pulsa Guardar y ya terminamos con esta parte. Ahora vamos a cambiar el color de fondo aquí pase el cursor sobre esta parte aquí y haga clic en opciones. Ahora vamos a un color de fondo aquí abajo e ingresamos este código F seis F seis ahora desplácese hacia abajo y haga clic en Guardar Y esta sección aquí está totalmente hecho. Ahora veamos, guardemos y vestimos. Y ahora vemos los cambios que hicimos por aquí. En el siguiente tutorial, los añadiremos. Este mapa por aquí. Y después de eso, vamos a añadir el formulario de contacto. Gracias por ver. Nos vemos en el siguiente tutorial. 32. Agregar el mapa: Hola. Ahora, antes de agregar el mapa y el formulario de contacto, hay dos cosas que debemos hacer en esta página. Primero ves el texto aquí está todo en mayúsculas. En tanto que este de aquí está en fondo normal. Ahora necesitamos cambiar esta de aquí para que sea una fuente normal. Primero ve a personalizar por aquí Ahora, cuando llegues a esta parte justo aquí damos click en esta flecha. Ahora pasamos por la tomografía. Ahora es como la tomografía por defecto. Ahora vamos dedo del pie teniendo uno y aquí abajo para una transformación de texto, seleccionamos ninguno. Y ves que el fondo aquí está de vuelta a la normalidad Ahora lo segundo que queremos hacer es si te das cuenta aquí los títulos de página están todos en color blanco mientras que esta parte pelo hay n color negro necesitamos cambiarlo a color blanco. Por lo que primero hacemos clic aquí y luego volvemos a hacer clic aquí y vas aquí abajo a thim. Si yo opciones ahora vas a Navegación principal Y por aquí para esta parte aquí seleccionamos color blanco Si notas que han cambiado dedo del pie blanco, todas ellas ahora nos gustaría guardar en, publicar y dar click en la X aquí y luego salir de esta página. Ahora que hemos terminado con los colores del título de página, necesitamos ordenar estas páginas en el orden que queramos. Entonces para hacer eso, vamos a nuestro panel de control, pasamos por encima de la apariencia por aquí y hacemos click en los menús. Y en cuanto a esta ficha por aquí, queremos cerrarla porque ya no necesitamos. Ahora vamos a crear un menú en el que podremos ordenar nuestras páginas de la manera que queramos. Voy a nombrar a este menú menú principal de subrayado, y luego haga clic en crear menú por aquí. Ahora tenemos nuestro dinero que creaste. Haremos click por aquí para revisar esta parte aquí mismo. Y revisa esta parte aquí mismo. Ahora agregamos en las páginas que queremos a ellos cualquier por qué Simplemente revisarlas desde aquí y luego haga clic y agregue al menú. Ahora que tenemos las páginas por aquí en este menú, podemos ordenarlas de la manera que queramos. Ahora, la página que viene arriba por aquí será la 1ra 1 de la izquierda aquí, y la que después de eso será la que sigue Justo aquí. Por lo que necesitamos pedirlos en esta galería de casa de agua, blogueado y contactar o cualquier orden que desee. Volveré aquí. Hacemos el hogar el 1er 1 Hacemos la galería el 2do 1 y hacemos el contacto. El último de aquí abajo. Ahora hay una cosa más. Si quieres crear un sub menú, solo arrastras un poco este aquí a la derecha y se convierte en un sub menú de éste de aquí. Déjame mostrarte lo que quiero decir con ese primer click guardar menú. Ahora vuelve a la página y haz clic en Refrescar. Ahora te das cuenta que tenemos tres páginas por aquí, y una vez que pasamos el rato sobre el hogar, aparece la galería , que es una sub página del menú . Ahora que te he mostrado lo que quiero decir con un subítem en el menú, queremos volver aquí en solo droga. Este de aquí un poco a la izquierda y se convierte en una página normal en ese menú. Después hacemos clic en guardar menú y volvemos a nuestra página. Refrescar. Ya ves que tenemos nuestras cuatro páginas en el orden que queremos aquí. Ahora vamos a empezar a añadir el mapa y el contacto para Vamos a desplazarnos hacia abajo y encender el edificio Por aquí. Ahora desplácese hacia abajo otra vez. Y lo primero que queremos hacer es cambiar el color de fondo de esta parte fuera de esta sección por aquí. Haz el mismo color que este de aquí, así que pasamos por aquí quisiéramos opciones. Ahora, cuanto al ancho de carretera, que estaba lleno con por aquí Y en cuanto al color de fondo, lo hacemos F seis F seis seis F seis. Ahora desplácese hacia abajo y haga clic en Guardar aquí abajo y tenemos el color de fondo, el mismo que esta parte de aquí. Ahora empecemos agregando el módulo MAB a esta parte por aquí. Si vas por aquí, ves este módulo mab. Simplemente arrástrelo y suéltelo aquí mismo. Ahora, cuando llegues a esta parte de aquí, lo primero que quieres entrar es la dirección. Quiero ingresar esta dirección aquí mismo. Basta con escribir la dirección en este campo por aquí y por aquí abajo. En cuanto al zoom, manténgalo en ocho, y en cuanto al con. Yo quiero cambiarlo a 700 cambiar este porcentaje. Dos pixeles PX Y en cuanto a la altura, quiero cambiarlo a 700 también. Ahora, aquí abajo por la frontera, quiero mantenerlo sólido. Puedes elegir cualquiera de estos dos también, punteado o punteado, pero voy a mantenerlo sólido. En cuanto al grosor del borde, quiero que sea dos pixeles. En cuanto al color, creo que el Blanco es el más profesional. Y en cuanto al tipo, solo guárdelo la hoja de ruta. Puedes elegir uno de estos tres también, y aquí abajo. En cuanto a la rueda de desplazamiento, quiero desactivar eso. Manténgalo desactivado porque es molesto tener una rueda de desplazamiento en el mapa. Ahora, En cuanto al Dragonball, quiero dejarlo para habilitar. Ahora, cuanto a los discapacitados, arrastra un proyecto de ley en el móvil. Se lo voy a dejar a sí, porque es molesto para la mayoría de los usuarios de móviles cuando usan sus teléfonos de pantalla táctil a ah, ser dragón arriba y abajo del mapa cuando intentan navegar por esta página. Ahora vamos a peinar el dedo del pie por aquí y vamos a palmaditas aquí abajo. Y en cuanto a la parte superior, quiero sumar a 30 píxeles. En cuanto a la derecha, no sumaré 100 y 100 para la parte inferior y 100 para la izquierda. Ahora nos desplazamos hacia abajo y, como, ahorramos aquí abajo. Ahora puedes ver que el mapa se muestra aquí de una manera hermosa, elegante. Ahora, dividamos esta sección aquí en dos partes para que podamos dejar esta parte por aquí para el contacto para pasar por encima de esta parte y dar click en esta de aquí. Ahora agregaremos en el formulario de contacto en el siguiente tutorial. Gracias por ver y permanecer en esta página. 33. Agregar el formulario de contacto: Hola. Ahora es el momento de agregar el contacto para por aquí. En primer lugar arrastramos y soltamos un módulo de texto en esta área. Ahora, fin de obtener el formulario de contacto en esta página, necesitamos volver a nuestro panel de control y bajar aquí para contactar. Ahora, cuando llegues a esta parte, necesitas bajar aquí a un código corto click en esta parte Por aquí. Seleccionarlo todo. Y ahora copia. Ahora vuelve a nuestra página y pega en este texto Por aquí. Ahora vamos al estilo. No, primero nos desplazamos hacia abajo una vez que lleguemos a escribir una línea por aquí débil como centro. Porque queremos que los elementos de forma se centren. No a la izquierda ni a la derecha. No, nos desplazamos hacia abajo hasta un relleno por aquí. Y en cuanto a top, quiero dejarlo vacío. Pero por la derecha, quiero entrar 100 por los 100 de abajo. Y para la izquierda, 100 también. Ahora bajamos aquí y hacemos clic en Guardar, y tenemos nuestro formulario de contacto por aquí. Listo y listo. Ahora sí, como guardar y cerrar aquí abajo y terminamos con esta parte por aquí. Ahora, para poder hacer esta página, necesitamos encender el constructor y tú desplázate hacia abajo. ¿ Ves esta parte justo aquí? Tenemos que eliminarlo para obtener la alineación perfecta entre estas hacen partes de este aquí y el pie de página aquí abajo. Ya que son del mismo color, pasamos por aquí como borrar. Ahora hacemos click, guardamos y cerramos aquí abajo. Ahora terminamos con la página de contacto. Gracias por ver. Nos vemos en el siguiente tutorial. 34. Optimización de seguridad y rendimiento: Hola. Ahora que hemos terminado de construir nuestro hermoso e impresionante sitio web con las cuatro páginas, es momento de optimizar nuestro sitio web en términos de rendimiento de seguridad y optimización de motores de búsqueda . En este tutorial, vamos a estar discutiendo el rendimiento y la seguridad del sitio web. Te mostraré cómo hacer tu sitio web más seguro y tener un poco más rendimiento en términos de carga fuera de página. En primer lugar, comenzaremos con la seguridad del sitio web, por lo que vamos a instalar tres enchufes principales que ayudarán a mejorar la seguridad de nuestro sitio web. En primer lugar, iremos a nuestro dashboard e instalaremos cada uno de estos tres enchufes, y te mostraré lo que hacen todos y cada uno a través de tu página web. En primer lugar, vamos a gardar dashboard. Ahora pasa por los enchufes por aquí y haz clic en los enchufes instalados primero. Ahora, por aquí, ve este tapón guante acuoso en que hemos dejado el activado antes Este plug in es un realmente bueno plug in para anti spamming en track back. Como dije en la primera conferencia off blooding este sitio web e instalado en enchufes, este plug in filtra automáticamente todos los comentarios no deseados y raros en tus publicaciones. Entonces, una vez que lo activas, no tienes que preocuparte por nada. Ahora, con el fin de activar este plug in, primero hacemos click en Activar por aquí. ¿ Ahora ves esta delgada pancarta por aquí? Pop up, haces clic en Activar tu cuenta o Kismet. Ahora haces click. Consigue tu A p I él Ahora, por aquí, haces click en conseguir un guante acuoso A p I key. Ahora, una vez que llegues a esta parte, ingresas tu dirección de correo electrónico, un nombre de usuario y una contraseña en vano generalmente te registras aquí abajo. Después de eso, obtienes una clave A P I, que es solo un código que necesitas para activar este enchufe. Es sinónimo de interfaz de programación de aplicaciones. Y una vez que obtienes ese abrigo, vuelves a nuestro tablero y aquí abajo, ingresas el código y haz clic. Usa esta clave por aquí y el tapón se activa automáticamente y filtra automáticamente tus comentarios. Y no tienes que hacer nada después de eso. No, el siguiente enchufe de seguridad que vamos a instalar se llama I themes Seguridad. Vamos a enchufes por aquí y pinchamos en añadir nuevo ahora en el cuadro de búsqueda por aquí, entras. Temo seguridad y tengo entrar. Asegúrate de deletrearlo ahora mismo llegamos a esta parte por aquí. Este es el enchufe y queremos. Por lo que hacemos click. Instale ahora y luego haga clic. Activar plug in. Ahora llegas a esta parte no necesitas estas pancartas sobre su espada va a dar click en la X está aquí y aquí. Ahora, si se nota aquí abajo, hay seguridad. Se da clic en tablero. Y cuando llegues a esta parte de aquí, aparece esta caja. Las únicas cosas que debes escoger de los V's es el 1er 1 aquí, que es hacer una copia de seguridad para hacer una copia de seguridad de tu sitio web. Ahora, lo siguiente que vamos a hacer es hacer click en este aquí, lo que básicamente significa que este enchufe y asegurarnos de que no entre en conflicto con otros enchufes así como con los temas instalados. Por lo que solo tienes que hacer clic con un clic seguro Ahora da click en la X por aquí, y una vez que nos desplazamos hacia abajo, puedes ver que estas son las banderas que este plug in está mostrando sobre nuestro sistema. Ahora bien, si notan que hay algo llamado prioridad. Aquí tenemos prioridad media. Tenemos baja prioridad y hemos completado tareas por aquí. Ahora, lo único de lo que debes preocuparte como de alta prioridad por aquí esta parte de aquí nos muestra los agujeros de seguridad que hay en nuestra página web que hay que manejar. Entonces este es el único del que nos vamos a preocupar. Entonces una vez que ves una bandera por aquí, simplemente vas por aquí y haz clic. Arreglarlo. Ahora, cuando llegues aquí abajo, ves esta parte por aquí. Simplemente marque esta casilla y haga clic. Guardar todos los cambios. Ahora, una vez que lleguemos a esta parte aquí mismo, significa que hemos terminado con arreglar ese error. Y estamos bien para ir. El resto fuera de los temas de seguridad, las prioridades inmediatas y las bajas prioridades. No necesitamos preocuparnos por los V's como te dije antes y asegúrate de revisar este panel aquí abajo regularmente y comprobar si hay alertas de alta prioridad y arreglarlas. Ahora sigamos adelante e instalemos el tercer y último enchufe de seguridad para este sitio web. Coloquemos por aquí y pinchemos. Agregar nuevo. Ahora vamos a este cuadro de búsqueda y tecleamos en ley límite nuevamente intentos. Ahora este es el enchufe que queremos aquí mismo. Y si notas aquí abajo, hay más de un millón de instalaciones activas, y este plug in es muy popular porque realmente ayuda a la seguridad de tu sitio web en términos de bloquear al usuario cuando intenta acceder al sitio web dashboard por más de una cierta cantidad de intentos de descuento. Y ayuda a proteger tu sitio web contra hackers. Y tantos programas de agrietamiento ahora haga clic. Instalar ahora y como activar plug in Ahora, el fin de agregar los ajustes para esto, enchufa y ve qué hace cubre sobre los ajustes aquí abajo y aquí abajo todo el camino. Haga clic en límite, inicie sesión intentos. Y cuando llegas a esta parte aquí mismo, ves que los cierres y las restricciones y todo lo que necesitas saber sobre este enchufe está justo aquí. Vamos a pasar por ellos uno por uno. El 1er 1 aquí muestra el número de bloqueos que se han detectado en tu panel de control. Ya sea que intentes ingresar tu contraseña incorrectamente por más de cuatro veces o el número que hayas dicho aquí o cualquier otra persona ahora aquí abajo. Se bloquean aquí, especifica el número de intentos permitidos antes de que el sistema bloquee al usuario para que inicie sesión. Y ahora voy a ponerlo a tres porque creo que tres es mejor en este caso. Y en cuanto al tiempo de cierre, estoy en entrar 60 minutos y aquí abajo, estoy en Enter cinco. Ahora, esto básicamente significa que una vez que el usuario re intenta introducir la contraseña por cinco veces, lo bloquea durante 24 horas fuera del sistema en lugar de 60 minutos. Ahora, este es el número de horas hasta que se haga el siguiente reinicio. No te preocupes por esto. Simplemente déjalo a 12. Ahora, vamos a dejar a estos dos por defecto porque creo que son buenos. Ahora aquí abajo, creo que esta es la característica más importante de este enchufe. Lo que esto hace es que es desde que usted un email fuera del log in I p que intentó iniciar sesión en su panel de control después de un cierto número de bloqueos. Vamos a revisar esta casilla aquí mismo. Esto te ayuda a realizar un seguimiento de las direcciones I P de las personas que siguen tratando de descifrar tus credenciales y hackear tu sitio web y te permite tomar más medidas como lista negra de esta dirección I p o bloquear en ella. Y por cualquier razón, cierta dirección I p seguía tratando de hackear tu sitio web y recibiste un correo electrónico sobre esa dirección I p . Por favor avísame en la sección de comentarios, y te ayudaré a resolver este problema dentro del mismo día. Ahora, una vez que hayas terminado con la edición fuera de esta parte justo aquí, hacemos clic en cambiar opciones y ahora vamos a la parte de rendimiento fuera de esta portada tutorial sobre enchufes por aquí y haz clic en Añadir nuevo. Ahora vamos a instalar un enchufe llamado W tres efectivo total. Este plug in nos ayuda a mejorar el rendimiento de nuestro sitio web en cuanto a la carga de páginas, lo que significa que ayuda a que nuestras páginas se carguen más rápido. Y dar a los usuarios a través de la página web una experiencia y rendimiento mucho mejores es realmente un tema importante a considerar, porque las estadísticas muestran que los sitios web que dan la mejor experiencia de usuario suelen cargarse en unos 2 a 3 segundos, cualquier cosa después de eso se vuelve aburrido y los usuarios comenzarán a salir de tu sitio web y empezarás a perder tráfico en tu sitio web y a perder clientes valiosos. Ahora vamos a instalar este enchufe en primer tipo en W tres espacio. Efectivo total. Asegúrate de deletrearlo bien. Entonces entra sombrero. Y este es el enchufe. Queremos instar aquí mismo. Si notas que tiene más de un millón de instalaciones activas y una muy, muy buena calificación. Ahora vamos a dar click. Instala ahora y haz clic. Activar plug in. Ahora si sabes que está aquí abajo, el rendimiento Blufgan se ha agregado a nuestro tablero. También aquí arriba a la pancarta que aparece en la parte superior de la página web. Ahora bien, no te pongas al editar este enchufe o revisarlo regularmente. Hace todo el trabajo por ti de forma automática y mejora la experiencia del usuario. Hace que las páginas se carguen más rápido sin que hagas nada. Hace todo el trabajo por ti y no necesitas preocuparte por ello. Eso es todo por este tutorial para el rendimiento y la seguridad. Estos dos temas se han manejado para tu sitio web y no necesitas preocuparte por ello. En el siguiente tutorial, vamos a estar discutiendo S e O que significa optimización de motores de búsqueda y pasaremos a los principales enchufes que te ayudarán a evaluar el contenido de tu sitio web y editar ese contenido en orden, bebió más alto en los motores de búsqueda y posiblemente posicionarse en la parte superior de la primera página fuera de los motores de búsqueda como Google y siendo gracias por ver Nos vemos en el siguiente tutorial. 35. Optimización del SEO del sitio web: Hola. Ahora vamos a hablar de optimización de motores de búsqueda, que comúnmente se abrevia con S e O. Lo que s trato significa inacción es que evalúes el contenido de tu sitio web y haces los cambios necesarios. Utilizas las herramientas necesarias dedo del pie ser capaz de clasificar mejor en los motores de búsqueda y posiblemente en la parte superior de la primera página. Ahora bien, este es un campo realmente, realmente vasto, y hay toneladas de cosas que puedes hacer para clasificar mejor en los motores de búsqueda. Pero en la historia de distancia, nos vamos a centrar en dos cosas principales que podemos hacer para clasificar mejor. Y hay do plug ins que vamos a usar para estos. El primer Blufgan se llama Google Analytics por Yost. Entonces sigamos adelante e instalemos este primer enchufe. Y déjame decirte a qué me refiero con Google analytics. Hagamos click primero en Agregar Nuevo Ahora por aquí en el tipo de cuadro de búsqueda y Google Analytics por Yost. Asegúrate de deletrearlo bien. Google analytics por Yost y luego había entrado. Ahora, este es el enchufe que queremos instalar por aquí. Si notas que hay más de un millón de instalaciones activas y algunas muy buenas calificaciones por aquí. Empecemos instalando el enchufe. Ahora haz clic en Activar plug in y verás el plug in de aquí añadido al tablero. Haga clic en el panel de control, y esta es la parte donde se mostrará la analítica. Una vez que conectes este enchufe a tu cuenta de Google Analytics, ahora vamos a la configuración y por aquí, para que este enchufe funcione, necesitas conectarlo a la cuenta de Google Analytics. Como dije antes, primero necesitas tener una cuenta de Google y necesitas registrarte en Google analytics y luego conseguir una pista, y yo D. Eso te ayuda a conectar tu cuenta de Google a esto. Enchufa por aquí. Ahora, una vez que tengas una cuenta de Google y te inscribas en el Google Analytics en tu cuenta de Google , puedes ir por aquí y hacer clic en autenticar con tu cuenta de Google. Ahora aparece esta ventana y necesitas ingresar tus credenciales de Google. Ahora, una vez que termines de ingresar las credenciales de tu cuenta de Google, obtienes un código y vuelves aquí y pegas el código. Después haces clic en guardar código de autenticación y la última parte. Haz clic en guardar cambios y luego vas a un panel de control por aquí y los análisis se mostrarán en esta parte justo aquí. Sencillamente. Google Analytics es solo estadísticas que te permiten saber cuáles son las páginas más populares de tu sitio web y cuántas visitas hay a cada página. ¿ Quiénes son sus visitantes? De qué países son, de qué idiomas hablan, etcétera. Ahora, Como dije antes, para que esta plaga funcione, necesitas tener una cuenta de Google, y necesitas registrarte en Google Analytics en esa cuenta antes de poder conectarla a este enchufe aquí mismo. Y una vez que lo hagas, puedes consultar el panel de control aquí regularmente para ver estadísticas y análisis de tu sitio web, que te ayudan a mejorar el contenido de tu sitio web y enfocarte en las páginas. Ya son más populares. Vamos a seguir adelante e instalar el segundo y más importante enchufe. Ve a enchufes por aquí y haz clic en Añadir nuevo ahora en el cuadro de búsqueda, necesitas ingresar palabra pulsa s e o por Yost y cabeza. Entrar. Ahora este es el plug in. Nosotros queremos por aquí. Si notas que tiene más de un millón de instalaciones activas y algunas muy, muy buenas calificaciones por aquí. Primero haz clic en instalar, luego haz clic en. Activar Blufgan. Ahora, si ves aquí abajo, se agrega el enchufe al tablero. Sigue adelante y haz clic, general, y siempre puedes hacer clic en este botón aquí mismo para iniciar un recorrido y este plug in y explorado en un peso más vasto. Este plug in tiene tantas áreas que no podremos cubrir por completo. En este tutorial. Estas áreas son más avanzadas y para los profesionales que trabajan en este campo específicamente en optimización de motores de búsqueda y conseguir que el sitio web se clasifique mejor en los motores de búsqueda. En cuanto a este tutorial, te daré lo básico y las cosas más importantes que debes cuidar para conseguir un ranking mejor en los motores de búsqueda y dar a tus usuarios una mejor experiencia en tu sitio web. Ahora, simplemente este enchufe y te ayuda a evaluar el contenido de tu sitio web y luego optimizarlo con el fin de clasificar mejor y más alto en los motores de búsqueda. Primero pasas por tu info y por aquí este es el nombre del sitio web que aparece en los motores de búsqueda . Si lo deseas, puedes cambiarlo e ingresar lo que quieras. Pero este es el nombre por defecto de tu alcista que aparece en los motores de búsqueda. Y aquí abajo puedes ingresar un nombre alternativo para tu sitio web, pero no necesitamos hacerlo por ahora. Ahora bien, esta es solo la información básica sobre tu sitio web, ya sea una empresa o un sitio web personal. Desde aquí, puedes elegir cualquiera de estos, también, Por ahora, Por ahora, nuestra persona de monitores Y aquí ingresa tu nombre. Voy a entrar mi nombre. Siempre puedes ingresar a la empresa desde aquí, y tendrás que introducir el nombre de la empresa y subir el logotipo de la empresa. Pero como dije, por ahora, me pegaré a una persona y luego haga clic en guardar cambios. Ahora lo siguiente que queremos editar es aquí abajo. Títulos y Mattias solo tienes que hacer clic en él, y por aquí, este es solo el separador de títulos fuera de tu página web. Nosotros queremos mantenerlo, éste de aquí por defecto porque no es realmente importante cambiarlo. Y ahora para la página principal. No necesitamos editar este aquí. Si haces click aquí vas dedo del pie a la página principal y la editas igual que si haces clic en ella desde aquí. Pero no vamos a hacer eso porque no necesitamos editar nuestra página principal. Ahora, cuanto a los tipos de publicaciones y la facilidad de taxonomía, estos ya están optimizados para ti. Entonces no te preocupes por él. Simplemente déjalos de la manera en que están. Y por aquí los archivos. Estos solo están relacionados con una configuración específica de Google analytics, por lo que tampoco tienes que preocuparte por él. Ahora vas a otro y me gusta, guarda los cambios aquí abajo. Ahora, aquí abajo, haces clic en social. Esto básicamente significa que si quieres contarle a Google sobre tus conexiones en redes sociales y que estas cuentas pertenecían a la misma persona que posee este sitio web, las conectas aquí mismo. Estos de aquí son los más importantes. Estas por aquí son solo algunas semanas más personalizadas y avanzadas, y no son tan importantes como estas de aquí abajo. Si tienes alguna cuenta de redes sociales, asegúrate de conectarlas a estas áreas aquí mismo, porque estas ayudarán a la optimización de tu buscador, y cuantas más personas sean remitidas desde las cuentas de redes sociales a este sitio web, esto mejorará su ranking en Google. Ahora aquí abajo vas. Toe XML mapas del sitio. Basta con hacer clic en él. Ahora. Por aquí, la casilla de verificación significa que los mapas del sitio se han generado automáticamente para tu sitio web. Para que no tengas que preocuparte por ello. Con el fin de entender a qué nos referimos por mapas del sitio. Tenemos que ir a la página está aquí abajo y haga clic en ella y seleccionaremos una página aleatoria. Vamos, por ejemplo, por ejemplo, haga clic en Inicio Ahora nos desplazamos hacia abajo justo debajo del tema. Si panel personalizado ves Yost s e O. Esta es la parte donde generamos y editamos mapas de ciclo. Ahora, con el fin de entender a qué me refiero con mapas del sitio, vamos a editar la página principal. Y para cuando terminemos de editar la página principal, entenderás exactamente a qué nos referimos por mapa del sitio. Ahora, aquí mismo. El fragmento de vista previa. Así es como se ve esta página en los motores de búsqueda. Y podemos editar esto además de la descripción que se mostrará a continuación esta página en estas casillas aquí abajo primero, empecemos con enfoque Palabra clave. Esto básicamente significa que necesitas ingresar de qué se trata esta página principalmente. Y cuáles son las cosas que los usuarios estarán viendo y navegando en esta página y para la página principal. Vamos a entrar Diseño web y haces click aquí y ves estos pop aquí abajo. Estas evaluaciones de esta palabra K te dirán si este es el trabajo K adecuado para esta página. Ahora cuanto más sabe se obtiene, más se debe considerar cambiar esta palabra clave. Y si los consigues todos, Sí, esto significará que esta es la palabra clave correcta para esta página. Ahora, una vez que nos desplazamos hacia abajo tu título CSCO, que es básicamente el título que aparece justo aquí, este es el título predeterminado. Estamos de nuevo. Se lo agregó. cuanto a la primera parte, voy a quedármela a casa. Ahora entramos a Dash, que es el separador y el espacio más común para ser profesional. Y luego entraré de qué se trata principalmente esta página principal. Entonces voy a entrar Diseño Web y si notas Diseño Web aquí mismo está implicado cartas. Esto se debe a que esta es una palabra clave focus en este sitio web. Si no fuera por ejemplo, entramos SC por aquí y pinchamos por aquí. Verás que ya no está involucrada. porque esto no es una palabra clave. Y lo mejor es que se trate de una palabra clave, porque atrae más atención a tu sitio web y para conseguirte más tráfico. Si era una palabra clave. Entonces sólo vamos a mantener este aquí dedo del pie Diseño web. Ahora, aquí abajo. Esta es la meta descripción, que es básicamente la breve descripción que mostrará aquí sobre esta página y que ayudará a los usuarios a echar un vistazo rápido de tu página antes de que la visiten. Entonces aquí abajo, voy a entrar este texto. Ahora, tengo mi texto ingresado aquí. Te das cuenta de que tengo la palabra web design dos veces una vez en cada una de estas dos frases. Y hay una cosa que debes entender sobre esta breve descripción. Asegúrate de mantenerlo con el dedo del pie y máximo tres oraciones para que luzca mejor y no ser aburrido al describir la página. Tan solo asegúrate de emocionarte al lector con esta página y dale a ese usuario un vistazo rápido de esa página. Y una vez más, voy a enfatizar esto. Asegúrate de incluir esta palabra clave focus en estas dos oraciones al menos una vez. Y se nota aquí abajo en la descripción de la materia. Tienes un sí dos veces porque tenemos la palabra clave de diseño web ingresada dos veces en nuestra descripción así como el título de la página justo aquí. Ahora, una vez que hayas terminado, desplázate hacia arriba y haces clic en Actualizar por aquí y te das cuenta por aquí s E o cheque. Demuestra que está bien. Ahora, si hace clic en cheque, va todo el camino aquí abajo y a través del análisis de página, que está justo al lado de un general que estábamos editando. Volvamos a nuestro análisis de página, y ves que estos son los parámetros que los motores de búsqueda consideran al mirar tu sitio web y páginas, cuanto más te apegas a estos parámetros, mejor clasificación te se va a conseguir. Y como dije antes, hay herramientas más avanzadas y métodos más avanzados para conseguir tu rango y en la parte superior las primeras páginas. Y te sugiero que juegues con este plug in e intentes que tu sitio web se clasifique mejor por, adhieran a estos parámetros tanto como puedas, y necesitarás hacer lo mismo para las cuatro páginas de tu sitio web. Eso es todo para este tutorial y para una optimización de motores de búsqueda. Ahora probablemente puedas decir que tienes un sitio web que luce sofisticado y superior, y que tiene un muy, muy buen rendimiento y seguridad así como optimización de buscadores. Por lo que no necesitas contratar a nadie para motor de búsqueda, optimizó tu sitio web o comprueba la seguridad de tu sitio web o incluso pagar por enchufes de rendimiento . Por cualquiera de eso. Obtienes todo eso de forma gratuita. Dentro de este curso, conseguiste un sitio web optimizado completo de la mejor manera posible para un principiante. Y asegúrate de tener todas las características y optimización que cualquier sitio web profesional y de primera clase puede tener. Y adivina qué? Hiciste todo eso tú mismo y Onley al tomar este curso todas estas características dentro del mismo curso. Gracias por ver. Si tienes alguna duda sobre alguna parte fuera de este curso o de este sitio web, por favor asegúrate de que mencionaste eso en la sección común fuera de este curso. Gracias por ver, y les deseo una carrera de diseño web muy, muy exitosa 36. Palabras finales: Hola, ante todo, gracias por tomar este curso. Una última cosa que quiero compartir contigo sobre este curso si en algún momento necesitabas editar o incluso construir un sitio web y no querías que la gente viera lo que estás haciendo con ese sitio web, hay un enchufe llamado Próximamente y mantenimiento que es el que se ve aquí mismo en la pantalla. Simplemente ve a enchufes, búscalo y luego instálalo. Es un plug in realmente simple y fácil de usar. Una vez que lo instales y lo actives, sabrás cómo usarlo. Ahora repasemos las cosas que hemos aprendido y este curso integral. En primer lugar conseguimos nuestro nombre de dominio de aspecto profesional. Segundo, conseguimos nuestra cuenta de hosting con el mejor proveedor de hosting y por un precio relativamente barato. En tercer lugar, construimos nuestro increíble y profesional sitio web paso a paso sin paso saltado. En cuarto lugar, optimizamos la seguridad y el rendimiento de nuestro sitio web además de trabajar en la optimización de motores de búsqueda . Realmente espero que hayas disfrutado de este curso y absorbido su valioso contenido y eventualmente saliste con tu impresionante y profesional página web ahora construir este sitio web no necesariamente significa que siempre tengas que construir el mismo sitio web exacto. Siempre se puede jugar con los colores, imágenes, botones en todo el contenido fuera de la página web. Sé creativo, profundiza y mantente inmerso en el mundo del diseño Web. Exporta los últimos diseños y características, e incluso juega con el diseño en secciones de los sitios web que creas. A partir de ahora, añade nuevas páginas y secciones y sigue practicando porque la práctica hace perfecta. Me encantaría ver el sitio Web o los sitios web que construyes y todo el bello contenido que tienes. Por favor, no dudes en compartir tus sitios web e incluso cualquier pregunta, comentario o sugerencia que tengas en la sección de comentarios fuera de este curso. Y si tiene algo que sienta que necesita discutir de una manera más extensa, siempre puede utilizar el formulario de contacto en la página de contacto fuera de mi página web. Malik martin dot com y yo nos comunicaremos con ustedes usando el correo electrónico. Por último, si crees que conseguiste lo que te prometieron en este curso y con alta calidad, te estaré agradecido si das a este curso una calificación de cinco estrellas. Gracias por tomarse el tiempo para invertir en este curso. Te deseo una nueva carrera muy exitosa en diseño Web. Adiós