Transcripciones
1. Introducción: Bienvenido al curso y mi nombre es David y te
voy a caminar por el paso uno a paso hecho, cómo crear un sitio web con elemental. Este curso es perfecto para cualquiera que esté buscando un curso rápido sobre cómo eran los elementos funciona. Para que puedas aprender y entender y seguir adelante y crear cualquier tipo de sitio web que desees. Vamos a estar usando la versión gratuita de los elementos o así como el tema hola. Y estas dos cosas funcionan muy bien juntas para hacer que la creación de un sitio web sea rápida y fácil. El único diseño una limitación en este curso es que porque estamos usando la versión gratuita de los elementos o no puedes ajustar y editar la
sección de crecimiento del blog así como publicaciones individuales de blog de tu página web. Entonces si bloguear es importante para ti, definitivamente
sugiero actualizar a los elementos son pro, pero si eres una persona creativa que está buscando crear, digamos, un portafolio en línea o tal vez eres una pequeña empresa y eres genial con el diseño de un pequeño diez a decir página web de 30 páginas. Y estás de acuerdo con diseñar cada página de forma individual. Este curso es para ti. Los recursos y herramientas que van a estar utilizando en este curso se nombran ovejas como nuestro registrador de nombres de dominio, host
azul como nuestra cuenta de hosting compartido. Entonces vamos a instalar WordPress en diseño o sitio web. Entonces si has estado buscando empezar con elemental, Este curso es para ti. Da click a ese siguiente video y te veré por dentro.
2. Descripción el sitio web - Qué haremos: De acuerdo, entonces en este tutorial, voy a estar instruyendo sobre cómo usar elementos o
diseñar cada una de las tres secciones de tu sitio web. Entonces elementos o ladrillos o sitio web hasta en lo heterosexual que el cuerpo y el pie de página. Y te voy a mostrar cómo editar cada uno usando solo elementos o la versión gratuita. No hay nada de pago adicional. Te voy a mostrar cómo agregar este bonito encabezado,
cómo agregar botones, cómo hacer que el botón sea y anclar enlaces, haces clic en él, te lleva a algún lugar del sitio. ¿ Cómo se agrega esta bonita imagen de héroe en el fondo con una superposición de texto y, y cómo hacerlo para que la imagen se quede puesta a medida que se mueve el sitio web. Cómo agregar diferentes bloques y diferentes ideas de diseño. Tenía que agregar un formulario emo opt-in en la parte inferior. Cómo ajustar y editar tu pie de página, cómo agregar enlaces a redes sociales, Google Analytics, y algunas reflexiones sobre un blogging ya que se relaciona con mentores. Entonces, de todos modos, empecemos.
3. Consigue tu dominio y alojamiento: Bienvenido a name2.com. Así llamado barato es un registro de nombres de dominio. Eso significa que este es un lugar donde puedes ir y registrar nombres de dominio. Por lo que para empezar es muy simple sólo tienes que escribir
el nombre de dominio que quieres registrar y hacer clic en el icono de búsqueda. Ahora la razón por la que recomiendo nombrado barato es porque tienen los precios más bajos alrededor por registrar un nombre de dominio. Entonces, solo tienes que seguir adelante y poner el nombre de dominio que quieras. Haga clic en el icono de búsqueda. Y luego en la siguiente página, te
va a decir si el nombre de dominio está o no disponible para registrarse. Y así es éste, así que vamos a seguir adelante y añadirlo a nuestro carrito. Ahora si el dominio no está disponible, hay que idear algo más. Ahora, sigamos adelante y echemos un vistazo. Y ahí vamos. Por lo que ahora Randy checkout page justo aquí en por lo que el registro de nombre de dominio, puedes registrarte por un año hasta diez años de anticipación. Puedes configurar la renovación automática si quieres. Entonces después de ello, como cuando el nombre de dominio está listo para ser renovado y si tienes auto matiz, solo volverá a cargar tu tarjeta de crédito. Por lo que depende totalmente de ti y obtienes quién es guardia forma gratuita y esto mantiene privada tu información de contacto porque parte de las reglas de la ICANN al registrar un nombre de dominio es que tienes que proporcionar información de contacto precisa. Y así quién es Dios mantiene toda esa información privada y obtienes una completamente gratis. Por lo que de todos modos, sólo tienes que seguir adelante y confirmar tu pedido y
tendrás que crear una cuenta de Name Cheap. Y eso es todo. Después de obtener tu nombre de dominio, vas a necesitar una cuenta de hosting compartida. Entonces lo que es una cuenta de hosting, es solo un servidor que está en 24-7. Por lo que su página web está disponible 247. Es solo un requisito de tener un sitio web. Y así personalmente me gusta recomendar golpes. Golpes es el host web número uno recomendado por WordPress. Entonces para empezar es muy simplemente simplemente ven aquí y da click en este botón que dice Get Started, super-duper simple. Ok, entonces ahora mismo aquí tienen un montón de plantas diferentes. Por lo que tienen básico Plus Choice post impro. Por lo que Pro es para grandes sitios web establecidos que obtienen tráfico AY no necesitas sonda. Básico es bastante bueno, pero sólo se puede tener un sitio web en la cuenta lo cual es muy, muy limitante. Por lo que las que me gustan y me gustan en recomendar serían el plan plus y la opción plus. Personalmente me gustó cada avión de opción más porque este plan es lo suficientemente poderoso como para permitirte crecer un sitio web de alto tráfico. Pero de nuevo, depende de tus necesidades. Entonces si eres como una pequeña empresa y
solo necesitas poner en marcha un sitio web. Yo diría el plus o básico, o encontrar a una persona que probablemente sea el plus porque obtienes múltiples webs, pero depende totalmente de, ya
sabes, si eres alguien que quiere gustarte tal vez construir un blog de alto tráfico, entonces yo preferiría que vayas con opción plus, pero de nuevo, es tu decisión. Entonces voy a ir con choice plus, y todo lo que tienes que hacer es dar click en select. Ok, entonces ahora en este discurso, puedes crear un nuevo nombre de dominio o usar un nombre de dominio que tengas. Entonces si vas con crear un nuevo nombre de dominio, esto va a registrar un nombre de dominio a través de golpes, lo cual no recomiendo porque mientras que la hoja con nombre era 888 año golpes cobra 1799 al año por nombre de dominio. Entonces por eso estamos usando el nombre tramposo porque es simplemente más barato. Entonces vamos a usar un nombre de dominio que tengas, vale, así que pon en el dominio en el que acabas de registrarte, llamado oveja justo aquí. De acuerdo, entonces una vez que hagas eso, adelante y haz click en Siguiente. Y aquí vamos. Entonces esto es solo una información de cuenta, de acuerdo, así que no voy a insultar tu inteligencia y guiarte a través de cómo pagar algo en línea. Simplemente rellena la información de tu cuenta, OK, vete y rellena la información de tu cuenta y la información del paquete aquí mismo. Por lo que puedes elegir 12 meses, 24 o 36 meses. Personalmente fuera probablemente ir con el plan de precios de 2024 meses. Si lo estás, si estás queriendo construir un blog porque suele tardar dos años en construir un blog de alto tráfico. Y luego puedes tomar una decisión si quieres o no decir glucosa o no. De nuevo, esto depende totalmente de ti. Ahora, venimos aquí abajo, Paquete extras, falta de sitio. No necesitamos cerradura de vista. Y luego aquí abajo tenemos información de pago, y eso es todo. Y así que adelante y haz clic en esta pequeña marca de verificación que aceptabas ser términos de
mangueras y luego haz clic en el botón verde Enviar y ya estás listo para ir. Bienvenido a blues.com. Por lo que después de enviar el pago, se
te va a presentar algún tipo de proceso de incorporación como. Simplemente puedes saltarte todo y este va a ser tu tablero de instrumentos. Ahora, arriba arriba aquí está su sitio web. Es posible que estés notando algo así como caja temporal 1234. El motivo por el que aparece es porque tienes que establecer servidores de nombres que necesitan baratos para estar apuntando a tu cuenta de manguera azul. Suena mucho más complicado, pero te voy a mostrar cómo configurar todo.
4. Instalar Wordpress: Ahora tienes tu nombre de dominio en un registrador de nombres de dominio y tienes una cuenta de hosting compartida con blue is. Entonces, ¿cómo conectas a los dos? Es un proceso muy sencillo. Solo tienes que cambiar los servidores de nombres en named ovejas para estar apuntando a tu cuenta de hosting en Blue Host. Ahora eso suena mucho más complicado de lo que es, pero es algo muy rápido y fácil de hacer. Se tarda unos cinco minutos y te voy a mostrar cómo se hace ahora mismo. Vamos a configurar servidores de nombres. Por lo que cada host web te enviará un correo electrónico de bienvenida cuando compres un paquete de hosting y golpes no es diferente. Entonces deberías tener algo que es lo que dirías, bueno ven a golpes y luego tu nombre de dominio que usas como nombre de dominio principal en la cuenta. Y así aquí vamos. Por lo que he elegido plus web hosting. Entonces a medida que nos desplazamos por aquí, justo aquí, estás en tu panel de control, debería
decir esto una caja temporal, lo que sea lo que tengamos para configurar los servidores de nombres. Por lo que para blues, los servidores de nombres son muy simples a golpes de MS1 en glucosa NF2. Y así todo lo que tienes que hacer es solo resaltar esto y luego copiarlo y pegarlo en tu nombre cuenta barata. Por lo que tienes que iniciar sesión para nombrar barato e ingresar a tu lista de nombres de dominio y dar clic en el botón Administrar para el nombre de dominio que quieres editar. Entonces quieres simplemente bajar aquí donde dice servidores de nombres. Ahora, ahora mismo, el tuyo debería decir Nombre Barato del DNS básico, que debes hacer es bajar aquí y seleccionar DNS personalizado. Entonces todo lo que tienes que hacer es teclear y S1 golpes y NST blues.com, y eso es todo. Y luego asegúrate de hacer clic en esta diminuta marca de verificación verde. Y así una vez que hagas clic en esa pequeña marca de verificación verde va a aparecer diciendo que los efectos pueden tardar 40 horas. personal, nunca he visto una toma 48 horas. Normalmente son como diez minutos. Entonces tal vez tomar un descanso, tomar una taza de café, volver en cinco o diez minutos, y todo debería estar propagándose correctamente. Por lo que deberías estar viendo tu nombre de dominio por aquí. Pero de todos modos, así es como ajustas los servidores de nombres. Ahora manda a lanzar WordPress. Entonces una vez que te sientas servidores de nombres y le das como cinco, tal vez diez minutos máximo, esto debería propagarse según corresponda y deberías poder ver tu dominio aquí. Por lo que voy a tener que hacer es algo así como un lanzamiento de su sitio y blues instalará WordPress para usted y todo. Pero no recomiendo hacer eso porque quiero tener control sobre como mi nombre de usuario, mi contraseña, email de recuperación, todos esos pequeños detalles sobre los que quiero tener control. Entonces voy a seguir adelante y hacer clic en esto y voy a eliminar el sitio. Sí, borra para decir que está bien porque vamos a estar instalando todo desde cero. Entonces con el boom de mi sitio, haga clic en Agregar sitio. De acuerdo, entonces ahora tenemos WordPress y tenemos azul de quién constructor? Entonces tengo otro video tutorial sobre el BU que está construido si quieres echar un vistazo, pero vamos a estar usando WordPress. Tan rápido, usa WordPress. Muy bien, así que ahora tenemos que crear un nuevo sitio de WordPress. Entonces nombre ST, el nombre ST debe ser el nombre del sitio web. Entonces voy a estar usando mi nombre, así que me van a poner eso aquí mismo. Ahora, tagline del sitio, sólo se puede poner en cualquier cosa. Así que hola mundo. Ahora siempre puedes cambiar estas cosas más tarde una vez que hayas iniciado sesión en WordPress. No te preocupes demasiado por ello. Ahora lo importante es dar click a la avanzada Deborah aquí. Ahora dirección de correo electrónico, este va a ser el correo electrónico de recuperación. Entonces si alguna vez olvidas tu contraseña, ya
sabes qué, IMO, te va a ir. Y luego tu nombre de usuario de Wordpress admin y contraseña de administrador, que personalmente me gusta establecerme. No quiero que Blows solo me genere automáticamente un nombre de usuario y contraseña. Entonces, de todos modos, sólo voy a poner en mi correo electrónico. De acuerdo, ahí vamos. Y nombre de usuario admin, ok, y contraseña de WordPress. De acuerdo, y así ahora estamos bien para ir, adelante y haga clic en Siguiente. De acuerdo, así que ahora puedes instalar azul o puedes empezar en WordPress en un directorio. Eso no lo recomiendo. Queremos instalarlo en lo que se conoce como el nombre de dominio raíz. Por lo que Wordpress instalado en todo el nombre de dominio, no sólo a diferencia decir slash blog por ejemplo. De todos modos, así que solo deja esto en blanco. Ahora, plugins gratuitos útiles. Podemos simplemente desmarcar todos estos porque no lo necesitamos. A continuación, cabras, haces click Siguiente. Y WordPress se ha instalado con éxito. Sí, en realidad es así de sencillo. Así que adelante y haga clic en iniciar sesión en WordPress. Bienvenido a WordPress. Entonces este es tu panel de WordPress y ahora estás conectado a tu sitio web. Entonces déjame seguir adelante y cerrar sesión. Ahora, siempre que quieras iniciar sesión en tu sitio web, solo
tienes que ir al nombre de dominio slash WP admin, y eso es todo. Y luego se te presentará la pantalla. Y todo lo que tienes que hacer es poner el nombre de usuario que acabas de crear, en la contraseña que acabas de crear. Y así es como inicias sesión en tu sitio web cada vez.
5. Ajustes de backend y preparación de diseño: Enlaces Perma en ajustes. Entonces ahora que tenemos un Wordpress instalado en nuestra página web, solo
hay un par de cosas técnicas aburridas que hacemos en el backend. Entonces haré, mantendré esto breve y llegaremos directo al grano. Entonces lo primero que quiero que hagas es navegar a tu sección de enlace permanente, ¿de acuerdo? Y así permanente se puede encontrar en Configuración y luego permalink, ¿de acuerdo? Y así nx permanente significa como el enlace permanente para tus páginas web. Entonces, y esto es particularmente importante si vas a estar blogueando. Y para que puedas, aquí es donde puedes cambiar la estructura de URL de tu blog. Entonces tienes plein, día y nombre, mes y nombre, numérico, etc. Ahora la mejor estructura es realmente depende de lo que estés haciendo. Y así como mes en nombre o fecha, Eso es bueno. Si tienes un sitio web orientado a noticias, si no tienes un sitio web orientado a noticias usando fechas a terrible idea. A continuación tenemos postnatal. Nombre del puesto es bueno para. Es decir, esto es ideal si vas a tener como 50 blogposts tal vez. Pero en general, recomiendo hacer algo como slash blog slash post name si vas a estar blogueando porque esto da una bonita arquitectura del sitio, pero depende totalmente de ti ya sea buena Post Name o estructura personalizada. Ahora también podrías incluir categorías dentro de esto. Entonces por ejemplo, podría simplemente seguir adelante con la adición de categoría, ¿de acuerdo? Y así tenemos categoría de blog, nombre de la publicación. Eso es ideal si vas a estar construyendo como un sitio web realmente masivo que
va a tener como miles de páginas y agarras múltiples categorías. Para la mayoría de la gente, eso es bastante excesivo. Entonces simplemente haría algo donde sea como nombre de la publicación, estructura personalizada. Haga clic aquí slash blog slash nombre de la publicación, y simplemente déjelo en eso. De acuerdo, entonces ahora lo siguiente que quiero que hagas es navegar a donde dice usuarios en todos los usuarios ahora aquí mismo es donde tienes a tus diferentes usuarios para tu sitio web. Entonces ahora mismo tenemos una cuenta que es el administrador. Pero si alguna vez quieres añadir nuevos usuarios, solo
tienes que hacer clic en este botón y este es Agregar Nuevo. Y así que aquí mismo dentro de WordPress, tienes un montón de roles diferentes que puedes suscribirte a la gente. Entonces por ejemplo, como dices traes a alguien que sólo va a ser autor y todos sus, sus trabajos solo para publicar contenido. Simplemente puedes crear una nueva ruta, nuevo rol en call author, ¿de acuerdo? Y eso es todo. Eso es como lo que querrías hacer si vas a estar trayendo escritores, etcétera. Ahora sólo quiero traer otra cosita también. Entonces si notamos aquí mismo, este es el nombre de usuario. Adelante y haga clic en Editar. Y así aquí mismo, aquí es donde se puede establecer un nombre para mostrar públicamente como otra cosa. Entonces, por ejemplo, si no quiero este David 99, solo
quiero decir que solo quiero ser David. No necesito el 99, Solo pon el apodo ahí y luego puedes seleccionar nombre ahí. Y así mostrar nombre públicamente como su nombre, por ejemplo. Por lo que te gustaría hacer esto porque has visto como en publicaciones de
blog en la parte inferior poses escritas por David o lo que no quieras decir admin o algo corrió así, quieres tenerlo como en realidad ser un nombre. Entonces aquí mismo, tenemos la información biográfica. Este es el párrafo que se subirá dentro de tu entrada de blog. Entonces, por ejemplo, si David es un diseñador web y experto en SEO, bla bla bla desert. De ahí se ha poblado esto. Y entonces aquí mismo tienes tu foto de perfil. Y así podrás cambiar tu imagen de perfil sobre la gravedad. Y así vamos a abrir la gravedad. Y entonces qué es la gravedad,
es solo un servicio donde se puede asociar una imagen con un correo electrónico. Entonces de ahí se está poblando esto. Y luego aquí abajo es donde puedes establecer una nueva contraseña para tu cuenta para que conozcas tu contraseña de inicio de sesión de WordPress. Si quieres cambiarlo, solo puedes cambiarlo aquí. Y eso es todo. Los temas de élite y plug-ins. Entonces con cualquier instalación de WordPress, solo
obtienes un montón de temas y plug-ins ya preinstalados. Entonces solo vamos a seguir adelante y eliminar algunas cosas que no necesitamos en nuestra página web. Por lo que de todos modos, la primera pestaña a la que quiero que navegues es tu pestaña Theme. Entonces de nuevo, hay que ir a la apariencia y luego temas. Ahora, estos son tus temas de WordPress arriba aquí puedes buscar diferentes estimas o puedes agregar nuevos temas como quieras. Y así por ejemplo, venimos aquí a temas de WordPress.org. Aquí es donde podemos venir a instalar unos nuevos temas. Por lo que solo ven aquí y busca deem. Entonces lo que vamos a estar usando es el tema hola de los elementos o así solo teclea hola, literalmente solo, solo llamado hola. Y aquí mismo, así que es hola los elementos son. Entonces sigamos adelante y pinchemos en instalar. De acuerdo, así que ahora se ha instalado oficialmente y solo podemos seguir adelante y click en activar. Muy bien, fantástico. Por lo que ahora se activa el Luthien y podemos seguir adelante y eliminar todos estos otros temas por defecto. De acuerdo, entonces otra vez, tenemos el tema 201720182020. Tengo dos giras en realidad en cada uno de estos equipos se unen, échale un vistazo si quieres aprender a diseñar con ellos. Pero para este tutorial, vamos a estar usando el elemento o en el tema hola. Entonces, de todos modos, sigamos adelante y eliminemos esto. Entonces hacemos clic en esto, luego hacemos click aquí abajo en el botón rojo que dice borrar, click Aceptar. Y ahí tienes. Haz eso para cada uno de estos temas. Y ahí vamos. Por lo que ahora tenemos instalado nuestro tema. Ahora vamos a navegar para enchufar. Por lo que vas a plugins, plugins
instalados. Una vez un plugin. Plugin es como una pequeña pieza adicional de software que es
puedo añadir a WordPress un añadir algún tipo de funcionalidad. Entonces definitivamente vamos a estar instalando bastantes plugins con elementos o libro. Ahora mismo tenemos un montón de yo solo plugins por defecto que no necesitamos. Por lo que Kismet no es plugin anti-spam. Recomiendo activar y usar esto. Si vas a estar blogueando, si no vas a estar blogueando, entonces puedes simplemente seguir adelante y eliminar esto. A continuación tenemos azul, por lo que no necesitamos este azul como plugin instalado, solo
podemos hacer click en desactivar. Y queremos seguir adelante y dar click en eliminar. A continuación se presenta el correo creativo por contextos constantes, lo que no necesitamos este instalado. Adelante y haga clic en eliminar. Y ay es hola dollies un hola dolly solo deja yo citas dentro de tu panel de WordPress. No es particularmente útil fue simplemente seguir adelante y eliminar eso. De acuerdo, y último es jetpack tiene, así que jetpack trae muchas características similares a WordPress.com a tu instalación de WordPress.org con tu cuenta Blue Host. Entonces lo que más me gusta de jetpack con respecto a blogging es que como puedes agregar posts relacionados o sabes a lo que me refiero? Al igual que llegas al fondo de una entrada de blog y ves como cuadrados relacionan vinculación con otras entradas de blog. Eso es algo que me gusta del jetpack y ellos supervisarán analítica, etcétera. Totalmente a ti si quieres o no quedártelo o no. Voy a guardarlo por ahora porque me parece muy útil el jetpack, pero depende totalmente de ti. Pero de todos modos, eso es todo lo que tienes que hacer con respecto a qué cosas tienes que eliminar en qué plugins predeterminados que venían con tu instalación de WordPress que quiero que elimines, y eso es todo. Ahora es el momento de instalar los elementos, su plug-in así como algunos otros plugins esenciales que recomiendo. Entonces lleguemos a ello. Entonces instalar plugins es muy sencillo con WordPress, solo
navegas por aquí donde dice plugins y solo vamos a añadir nuevos, ok. Y, y ahora aquí abajo queremos buscar plugins y fuimos tipo en Lehman, y ahí vamos. Y así podrás descargar e instalar elementos o en tu instalación de WordPress completamente gratis aquí mismo. Ah, mentor constructor de sitios web. Haga clic en instalar ahora. Y luego haga clic en Activar. Ok. Entonces ahora te van a presentar esta pantalla de bienvenida porque acabas instalar elementos o ahora este es el primer plugin esencial que necesitamos. Vamos a instalar dos más que son realmente útiles. Por lo que de nuevo, queremos navegar de nuevo a plugins y quieres ir a añadir nuevos. Por lo que haremos click en el icono Añadir Nuevo de arriba allá. Ahora, primero plug in, quiero que instales es el plugin Yost SEO. Entonces lo que hace un CEO, solo te permite tener un poco más de control de tu descripción SEO en página. De acuerdo, así que adelante e instale y haga clic en activar. Entonces lo que quiero decir con eso, hagamos sólo una búsqueda rápida, diría pro creativo. Entonces lo hacemos por ejemplo, vemos así una pequeña descripción ahí y como este título ahí mismo, todo esto es impulsado por Yost. Al igual que con Yost, Tienes el poco control específico de tu sitio donde puedes hacer cosas de configurar como esta se llama tu meta descripción. Este es tu título para la página SEO fue que tienes todo el poco control de detalle sobre el SEO en página, por lo que es muy útil, útil plug-in, definitivamente recomiendo instalarlo ya que nos estamos preparando para conseguir todo configurado para el tutorial de todos modos, sigamos. Entonces un plugin más. Por lo que de nuevo, ve a agregar nuevo. Y el siguiente plugin se llama smush it. Ahí vamos. Ok, ahora adelante y busca. De acuerdo, así que aquí mismo, esta ha aplastado las imágenes de carga perezosa, optimizando las imágenes de compresión. Adelante e instalemos esto. Ahora, este plugin es muy importante porque optimiza cualquier tipo de imagen hacia arriba tu instalación de WordPress. Y tú eres como, bueno, ¿por qué es eso importante? Bueno, es porque vas a tener muchas imágenes, ¿de acuerdo? Y así como cuando haces clic y abres un sitio web, lo que está haciendo el servidor, está cargando todas estas imágenes. Por lo que tiene que cargar esta imagen y esta imagen y su imagen de fondo, lo que sea que agreguemos a nuestro sitio para que quieras asegurarte de que todo esté optimizado para que todo se cargue rápidamente y eso es lo que smoosh hace, ayuda a optimizar tu sitio web para la velocidad, por lo que su sitio web se carga más rápidamente. Ahora, un plugin adicional también recomiendo instalar después del tutorial se llama efectivo total. De acuerdo, A efectivo total, ahí vamos. De acuerdo, entonces este plugin es importante porque
configura un efectivo W3 Total cache configura un efectivo heroico. ¿Qué es eso? Bueno, solo significa que como tu web, va a guardar una versión de tu sitio web en los navegadores web de
alguien despiertos cuando revisen tu sitio web, carga mucho más rápido y proporciona una mejor experiencia de usuario. A Google le gusta porque tus cargas más rápidamente. Ahora recomiendo instalar esto después del tutorial porque va a ser un poco molesto editar el sitio constantemente con una versión en caché y luego tienes que gustar recargar la página, etcétera. Por lo que lo mejor es solo instalarlo en tu sitio web, hazlo. Y luego una vez que es como el dengue mayormente hecho, adelante, instálalo W3 Total efectivo. Pero extrañamente, esto se desinstaló por ahora. Ya que apenas estamos en proceso de diseñar nuestro sitio web, pero solo quiero mencionar este B. Así que estás consciente de que este es otro plugin esencial que debes tener en tu instalación de WordPress. Enviaría a establecer una página de inicio en una página de entrada de blog. Entonces, ¿de qué estoy hablando? Entonces si visitas un sitio web impulsado por WordPress, sitio web great pro.com, esta es una página, esta es solo una página que tiene un diseño personalizado. Y luego debido a que WordPress es más una herramienta de blogueo, también
requieren que establezcas una página para que sea la página de entrada del blog. Por lo que este es un gran producto, tranquilo blog slash. Esto es como el diseño de la publicación del blog. ¿ De acuerdo? Y así si echamos un vistazo a nuestra página web con el tema hola desde elementos o luce fantástico. De acuerdo, esto necesita mucho trabajo, pero esta es nuestra página de archivo, para que su página de archivo sea esta. Ok. Por lo que elementos o por la razón que lo llamen rollo de blog, lo
llaman la página de archivo. Por lo que no queremos editar la página del archivo y queremos hacer una página de inicio. ¿ De acuerdo? Y así para hacer eso, necesitamos crear dos páginas. Entonces, de todos modos, bajemos a la configuración, bajaremos a la lectura. Abrámoslo. De acuerdo, así que aquí tu página de inicio muestra una página estática. De acuerdo, y así la página de inicio ahora tenemos la página de muestra. Por lo que en realidad tenemos que entrar y crear una página de inicio dedicada y una página de entrada de blog dedicada. De acuerdo, y luego ponlo aquí. Entonces, de todos modos, sigamos adelante y hagamos eso. Haga clic en las páginas. De acuerdo, así que adelante y dar click en Agregar Nuevo. Y ahora voy a crear una página y llamarla la página de inicio. Muy bien, entonces la página principal. Ahí vas. De acuerdo, entonces en lo siguiente lo que haces es venir aquí, vale, y porque instalamos a EU como CEO aquí mismo, puedes dar una descripción de página, vale, así que por ejemplo, la página principal, debería ser el título del sitio, separador de página, luego una descripción de palabra clave. De acuerdo, así que voy a seguir adelante y borrar eso. Ok, entonces debería ser el sitio web. Simplemente diré nombre del sitio web, separador de
páginas, clave, palabra, descripción. Ok. Entonces esto depende de lo que digas que estás, estás construyendo. ¿De acuerdo? Y eso es todo. Y así la meta-descripción, de
nuevo, como dije antes, es como el pequeño párrafo que aparece debajo de aquí. Definitivamente pone algo aquí que explique de qué se trata tu sitio web. Y luego seguir adelante y dar click en publicar y luego publicar de nuevo. Y ahí tienes. Por lo que ahora acabas de crear tu primera página. Así que haga clic en el icono de WordPress. De acuerdo, ahora agrega nuevo. Ahora necesitamos simplemente hacer eso una vez más y necesitamos crear una página de entrada de blog. Y yo sólo voy a llamar a esta cuadra, ¿de acuerdo? Ahora si venimos aquí abajo y nos aseguramos de revisar la descripción del Euro así es nombre de dominio.e.com slash blog. Por lo que de nuevo, debiste haber instalado ya tu ala de permisos. Por lo que debería decir como el blog de título de página. Si dice como número algo, asegúrate de configurar tu enlace permanente. Y quiero que vuelvas a hacer lo mismo, ven aquí porque instalamos el SEO de Joe's. Ahora tienes un poco más de control sobre la descripción de búsqueda para tu página de blog. Por lo que si solo tomas un vistazo rápido como con Lipset create bro, lo
llamo el sitio web create, sondeo estudios de casos fuertes, tutoriales, y ganar dinero en la línea. Por lo que solo puedes poner algo justo aquí. Entonces el lo que sea que lo llamaré el blog de viajes. Está bien. Sea lo que sea. Está bien. Entonces dale un separador de página descriptiva, y luego tu título del sitio, lo que sea, y luego entra justo aquí, meta-descripción, escribe tu blog en unas pocas frases. Adelante y haga clic en publicar y publicar de nuevo. De acuerdo, entonces ahora tenemos esas dos páginas. Haga clic en el icono de WordPress, vaya a la configuración, vaya a la lectura. Escribiré una página estática, página de inicio. Yo quiero ser la página de inicio, post page. Yo quería ser la página del blog. De acuerdo, así que aquí mismo, las páginas de
blog muestran como mucho diez posts, maderas de las que hablar, eso sólo significa aquí mismo. De acuerdo, entonces, ¿cuántas entradas de blog quieres que muestre? Está bien. Para que puedas ponerlo ahí mismo. Típicamente voy con nueve porque la forma en que me gusta
diseñar un blog es como por esta grilla de tres por tres. Entonces depende totalmente de ti, pero de eso es de lo que esto está hablando aquí mismo. Y luego cada post y feed incluye un resumen de texto completo. Entonces esto es RSS, esta es una especie de tecnología de datos que ya nadie usa
realmente y visibilidad de los motores de búsqueda. Por lo que aquí asegúrate de que no se haga clic en esto porque queremos que nuestra página web sea indexada. De todos modos, adelante y haga clic en guardar cambios. Y eso es todo. Ok, así que ahora acabas de decir homepage. Entonces, solo sigamos adelante y echemos un vistazo a nuestra página web ahora. Oh, guau, tan hermoso. Entonces ahora estamos, ahora finalmente estamos listos para comenzar el proceso de diseño de nuestro sitio con elementos o terminar el tema hola.
6. Diseño de encabezados manuales: De acuerdo, entonces finalmente tenemos configurados nuestros sitios web. Tenemos los elementos hola o tema instalado, tenemos instalado el elemento o página Golding plugin instalado. Ahora estamos listos para diseñar nuestros sitios web. Entonces solo quiero crear una introducción rápida. Apenas te explicé cómo funcionan los elementos para que puedas entender conceptualmente lo que estamos haciendo porque sí funciona un poco diferente a otros temas de WordPress. Ahora elementos o rompe tu sitio web en tres secciones. Tienes tu cabecera, tu cuerpo en tu pie de página. Por lo que tu encabezado es donde están los logotipos en el menú. Después tienes tu cuerpo donde puedes poner elementos o bloques, como quieras llamarlo. Y luego el pie de página es donde te gustaría tu política de privacidad Términos de Uso, divulgaciones de
descargo de responsabilidad, todo eso legalmente va. Entonces vamos a estar diseñando cada sección una por una. Vamos a estar empezando por la cabecera. Entonces nos vamos a mover al cuerpo. Entonces te voy a mostrar cómo diseñar el pie de página. Entonces si estás listo, sigamos ocultando el título de la página con elementos más o menos. Lo primero que tenemos que hacer es deshacernos del título de la página. ¿ Por qué? Bueno, si le echas un vistazo como una página de inicio, ¿ves en algún lugar donde diga homepage? No. Bueno, te puedo decir que porque creo este sitio web como la página de inicio para sitio web great bro se llama en realidad homepage, ok. Pero lo tengo oculto de la página real sí para que pueda agregar en mis propios títulos como me parezca conveniente. Y se puede hacer exactamente lo mismo con elementos más o menos. De todos modos, solo quieres dar click en editar página, ven aquí. Ahora es el momento de editar con elementos o así esto es WordPress es editor, vale, esto se llama el editor Gutenberg. Ahora si haces clic en este botón donde dice la edición con elementos o lo que está pasando ahora es elemento o está tomando el control del diseño completo de la página web. De acuerdo, entonces ahora podemos empezar a diseñar con elemental, pero solo tienes que arrastrar y soltar las cosas en su lugar como nos parezca conveniente. Pero aquí mismo todavía dice homepage y di, ¿cómo te deshaces de esto? Al igual que borras? No, hay que tener un título de página. No puedes borrarlo. Si tú si lo eliminaste solo dirá,
digamos simplemente como No page o algo así. Entonces la idea es muy simple, pero otra vez es, un poco confusa. Entonces dentro de los elementos o quieres venir aquí abajo donde dice este pequeño ícono de engranaje justo aquí, esa es tu configuración. De acuerdo, ¿quieres dar click en eso? El título es Página de inicio, se publica el estado. Queremos ocultar el título. Está bien. Queremos ocultar el título. Ahí vamos. Y ahí tienes. Es literalmente así de simple. ¿ De acuerdo? Y luego adelante y haga clic en Actualizar, está bien, y ya está. Eso es todo lo que tienes que hacer para ocultar los títulos de las páginas. Vamos a editar el encabezado de nuestra página web. Entonces el encabezado es esta sección superior, justo arriba aquí. Y así hay dos formas de hacerlo. Ahí está la forma manual y luego está la forma en que puedes simplemente descargar una plantilla de forma rápida y sencilla. Te voy a mostrar cómo funcionan ambos. Ahora solo estoy creando esta sección porque sé que la gente va a ser como dar click en el personalizar y serían como dondequiera, ¿dónde está el encabezado? No lo entiendo como bien, tienes que instalar un plugin, vale, es X fuera de eso. De acuerdo, así que queremos venir aquí y quieres navegar a donde dice plugins, y luego quieres agregar un nuevo plugin. Y entonces lo que queremos agregar es como elementos son encabezados y pies de página bloquean algo así. Entonces, de todos modos, es bueno para los hombres. Encabezado de gira se puso eso en. Ahora deberían aparecer los Plugins correctos. De acuerdo, boom, ahí mismo. Los elementos son plantillas de encabezado, pie de página y bloque. Entonces. Lo que hace este plug-in, particularmente con el tema hola, es que nos permite editar el encabezado y el pie de página de nuestra página web. Así que adelante y haga clic en activar. Muy bien, fantástico. Por lo que ahora podemos navegar a la apariencia, y ahora tenemos una opción llamada cabecera, cabecera, pie de página y bloques. Está bien, ahí vamos. Entonces por aquí es donde ahora podemos establecer un encabezado. Entonces solo vamos a seguir adelante y a la basura. Eso está bien. Entonces para empezar a diseñar un encabezado, solo
tienes que ir aquí y dar click en agregar nuevo, ¿de acuerdo? Y ahora es aquí donde puedes editar un encabezado con elementos o así podemos seleccionar el tipo de plantilla que estamos creando. Por lo que tenemos cabecera antes del encabezado, pie de página bloque personalizado. De acuerdo, así que ¿querrían decir como antes del pie de página? Entonces déjame solo abrir esto aquí mismo. Antes a antes del pie de página. No significaría esta sección justo arriba aquí. Ahora la razón por la que querrías editar como antes del pie de página es porque a veces te gustaría un mensaje como este o quieres tener un formulario de email opt-in, lo que sea. Eso es como la sección que usarías ahí. Ahora estamos diseñando el encabezado, ¿de acuerdo? Y ahora queremos exhibir encendido. Entonces aquí tienes una tonelada de opciones con el elemento dos. Elementos son, es fantástico en el sentido de que te
da este tipo de control como realmente específico. Para que puedas tenerlo, puedes tener tu encabezado mostrado en todo tu sitio web,
en, solo en la página 404, en publicación específica, lo que sea. Para la mayoría de la gente viendo esto, como solo quieres que todo se muestre en toda la página web, ¿de acuerdo? Y eso es todo. Y así user_roles justo esa parte superior aquí. Entonces esto, lo que esto hace es que establece quién puede editar el encabezado. De acuerdo, ya sabes, si tienes un equipo de personas entrando iniciando sesión en tu sitio web, quieres tener este set para limitar a las personas que tienen acceso a cosas específicas. Para la mayoría de las personas que ven esto, probablemente solo seas un chico o niña editando o página web. Entonces no es realmente tan importante. Ahora para editar el encabezado real solo le dará el cyto en realidad. Simplemente lo llamaremos este manual de cabecera. De acuerdo, lo que sea. Basta con hacer click en Editar cabecera o editar. Cuales elementos son nuestra tarifa. Por lo que ahora elementos o deben cargar. Y esto es un, vale ahora lo que estás mirando aquí mismo no es una página en tu página web. Lo que estás diseñando aquí es tu diseño de una sección de encabezado para tu sitio web, ¿de acuerdo? Y así lo puedes hacer de forma manual. Entonces, ya sabes, si echamos un vistazo a un encabezado, ¿cómo debería ser un encabezado? Espera, oh, ya sabes, tienes tu logo por aquí y luego tienes el menú por aquí, ¿verdad? Entonces así es como quieres estar totalmente
a la altura de ti cómo siempre quieres diseñar tu encabezado. Pero yo haría algo así. Por lo que queremos dar click en el signo más, añadir nueva sección. ¿ Qué tipo de salida para ser uno? Bueno, yo como que quiero este tipo de ballena derecho donde la cuenta de logotipos será más pequeña y encontró la izquierda y los menús a la derecha. Simplemente adelante y haz eso. De acuerdo, así que ahora arriba arriba aquí es donde está nuestro logo, bien, o donde está un menú. Entonces arriba allá, queremos agregar un logo para que podamos teclear algo así como logo, ¿de acuerdo? Y luego tenemos estos sitios logo. Podemos simplemente arrastrar eso, soltar, arrastrar y soltar eso ahí dentro. De acuerdo, ahora solo vas a tener esta caja genérica. ¿ Por qué? Bueno, eso es porque necesitamos realmente crear un encabezado y subirlo a los sitios. De acuerdo, entonces queremos solo editar y subir una imagen. ¿ Tienes que hacer click en este pequeño ícono de lápiz ahí mismo. Lo tengo. De acuerdo, vamos a dar click en eso. De acuerdo, ahora queremos ir al estilo por aquí. Y debajo de esto o lo siento, queríamos quedarnos bajo contenido. De acuerdo, entonces ahora tenemos imagen personalizada. Sí, ahí vamos. A eso me refiero, a ese elemento que tiene muchos controles. Ahí vamos. Por lo que ahora podemos elegir la imagen que queremos subir. Por lo que en realidad tenemos que crear un logotipo. Te voy a mostrar eso en un poco más tarde en el tutorial. Pero si tienes un local listo, todo lo que tienes que hacer es dar click en Elegir imagen. Se puede arrastrar y soltar en el espacio y se debe llenar el logotipo según corresponda. Y se puede establecer el tamaño de la imagen, la leyenda de alineación fuera, probablemente eso fuera, etcétera. Muy bien, ahora queremos agregar un elemento a esto por aquí, así que hacemos click en esto. Entonces, ¿qué queremos agregar? Queremos agregar en un menú para que solo puedas teclear como menú. De acuerdo, así que ya sabes, tienes un montón de cosas diferentes por aquí. Te recomiendo el menú de navegación. Arrastra y suelta eso ahí mismo. De acuerdo, entonces nada debería estar aquí porque no tenemos ningún menú en nuestros sitios. Y así no hay menús en tu sitio. Entonces tenemos que ir a la pantalla del menú y crear uno. Entonces sigamos adelante y hagamos eso. Por lo que crear un menú para tu sitio web, es muy fácil. Tienes que ir a la apariencia y luego quieres ir a los menús. Abramos esto. De acuerdo, así que vamos a echar un vistazo rápido. Ahora, normalmente la mayoría de los sitios web tienen dos menús. Tienes tu menú de navegación principal en la parte superior y luego en la parte inferior normalmente puedes tener un menú de pie de página. Entonces vamos a hacer eso. Por lo que ahora mismo estamos editando el Menú de Cabeceras. Y así ahora necesitamos crear un nuevo menú. Y así en este momento tenemos la página de inicio, página
de muestra, etcétera. Y así que como que quiero tener quiero eliminar esto, vale, así que realmente no necesito el enlace de la página de inicio en el menú, así que tal vez podríamos simplemente llamar a este hogar, renombrarlo. De acuerdo, así dice casa. Y tenemos el blog. Está bien, eso se ve bien. Y luego tenemos página de muestra, que al igual que un pj predeterminado en el juego con la instalación de WordPress. Entonces podemos seguir adelante y quitar eso. Y lo dejaremos justo ahí. Entonces llamaremos a esto en lugar de a muchos, llamaremos a este menú principal, principal. Puedes llamarlo como quieras. Y así de todos modos, sigamos adelante y creemos menú. Está bien, muy bien. Y así mostrar ubicación, este será nuestro menú principal, así que vamos a seguir adelante y dar click en Guardar. Ok, entonces ahora dentro de este menú tener menús de edición y tienes ubicaciones administradas. ¿ De acuerdo? Y así que en este momento tenemos un él primario porque sólo tenemos uno solo tenemos una ubicación de menú diseñada hasta ahora en nuestra página web, que es ésta que acabamos de crear. De acuerdo, y así ahora tenemos el menú principal que está ahí arriba. De acuerdo, así que déjame seguir adelante y recargar esto. Y empezaremos de cero. De acuerdo, entonces otra vez, vamos a dar click en el signo más. Boom, ahí mismo. Ahora irá por aquí. Volvamos a escribir el logo, logo
del sitio, arrastrar y soltar eso ahí mismo. Muy bien, entonces ahora vamos a dar click en esto y vamos a ir a Menú y menú de navegación ahí mismo. De acuerdo, entonces ahora tenemos nuestro menú poblando esta sección justo en la parte superior de ahí. ¿ De acuerdo? Y es realmente así de simple. De acuerdo, así que de todos modos para empezar a editar, siempre
quieres asegurarte de hacer clic en el ícono del lápiz pequeño porque esto en sí es el, cuáles son los elementos dentro de esta sección justo arriba ahí. De acuerdo, entonces ahora echamos un vistazo. Tenemos estilo de contenido y avanzado, así que nos acercamos al estilo, por ejemplo, tenemos relleno horizontal para que podamos cambiar el ancho, bien, en espacio entre. Tenemos relleno vertical si queremos mover el menú hacia abajo. Así que di si tenías como un logo más grande y
querías mover el menú hacia abajo solo un poquito. Puedes hacer ese espacio entre, vale, puede como jugar con esto por tu cuenta. Entonces el color del texto está por aquí. Ahora queremos hacer este negro. Podemos seguir adelante y hacer eso. Hagamos que destaque un poco más. Y así es. Y así tienes un montón de opciones diferentes. Entonces Wink hover efecto y así por ejemplo, como link hover por ejemplo, como cuando paso el mouse sobre el enlace, sí, debería hacer algo. Por lo que típicamente podemos tener una doble línea subyacente por tierra enmarcada, lo que sea. Entonces, ya sabes, tal vez tengamos subyacente. Está bien. Y así como al pasar el ratón sobre él, subraya hace algo para dar
una indicación de que se puede hacer clic en él, etcétera. De acuerdo, así que eso es realmente todo. Entonces podemos bajar aquí y luego activas un ícono. Por lo que arriba aquí podemos cambiar elementos adicionales para el menú. De acuerdo, así que de todos modos, vamos a avanzado. Entonces por aquí tenemos márgenes diferentes. Entonces márgenes como, ya sabes, solo, puedes simplemente jugar con esto como te parezca conveniente. Entonces hace lo mismo donde, ya
sabes, da espacio entre arriba o abajo. Entonces, ya sabes, y en otros lugares tienen relleno justo arriba, arriba allá. Entonces lo que hace el relleno es que le da a este
todo, elemento entero es un poco más de espacio. Eso tiene algún sentido. Muy bien, entonces los efectos de movimiento son realmente útiles porque los efectos de movimiento se puede tener animación de entrada. Entonces si queremos que se desvanezca, por ejemplo, el sitio se carga, el menú se desvanece así, etcétera. Ok, así que de todos modos, sólo navega de nuevo al contenido. De acuerdo, así que ahora venimos aquí, menú principal. Muy bien, woo, woo. De acuerdo, ahora bajamos a, bueno, ahí vamos. Ahora. Está bien. Por lo que bajo disposición de contenido, aquí es donde se puede cambiar la ballena. Y así por ejemplo, es horizontal. Queremos un horizontal, pero tal vez lo queremos apagado a la derecha así. De acuerdo, tal vez no lo queremos a la izquierda, lo que sea que lo queramos centrado así. Esto es como donde se puede cambiar algo así. ¿ De acuerdo? Y luego como el punto de ruptura, como ¿cuál es el punto de ruptura? Entonces Breakpoint significa como cuando esto se convierte en un menú móvil? Está bien. Para que puedas cambiar esto por lo que sea que encuentres mejor. Yo personalmente sólo lo dejaría tal como está. Entonces déjame solo abrir página web de Lake create pro.com solo para mostrarte esto. Entonces como por ejemplo, si este es el menú, ¿no? Y así si voy a Inspect y ahora miro eso, es un menú de hamburguesas. De acuerdo, ¿por qué hace eso? Bueno, eso es porque todo está comprimido y esos son los puntos de ruptura. Entonces eso es lo que esto significa aquí mismo, ese punto de ruptura. Entonces, cuando alguien lo haga en una tableta, esto
será un menú de hamburguesas o exhibición así? Eso te va a ayudar a tomar esa decisión. ¿ De acuerdo? Y entonces eso es realmente, es, es realmente así de simple. De acuerdo, así es, podría ser un poco confuso, pero no es demasiado, no es demasiado complicado. De acuerdo, así que solo tienes que crear un menú en tu panel de WordPress por aquí. Asegúrate de que este es el menú que deseas. Por lo que llamo a este menú principal. Literalmente acabo de nombrar a este menú principal. Puedes nombrarlo como quieras, quieres Nina, menú ABC123. Adelante y llámalo como quieras. Ahora bajo el contenido, quiere prestar atención al layout,
porque el layout es donde se puede cambiar el diseño de los elementos del menú,
ya sea a la izquierda o a la derecha. Típicamente la salida de todo en la tarifa. Y nos acercamos al estilo. Y el estilo es donde se pueden cambiar elementos específicos del menú, como el color, cualquier tipo de animaciones, subrayado, etcétera. Y es realmente así de simple. Entonces, de todos modos, sigamos adelante y creemos un logotipo.
7. diseña un logotipo: Diseñemos un logotipo, así que definitivamente recomiendo que se adhieran a logotipos sencillos, de aspecto elegante. No necesitas algunas grandes complicadas, difíciles de leer Vogue. Es decir, sólo podemos echar un vistazo a un sitio web. Gran protocolo. Es, es un logo tan sencillo. Es literalmente impuesto con las palabras pro capitalizadas. Entonces no es que no lo hagas, no te
preocupes por tener algunos demasiado complicados e incluso mirar lo global para Canva, es literalmente un círculo con la palabra Canva. Los logotipos de hoy deben ser simples. Por lo que tienes muchas opciones diferentes con la edición de un logotipo. Tengo otros videos sobre cómo usar este fabricante de logotipos de sitio web. Pero una vez que realmente me gusta es en realidad Lienzo, así que vamos a seguir adelante y empezar. Entonces quiero que escribas en miniatura de YouTube, ¿de acuerdo? Y este va a ser nuestro lienzo en blanco para crear un logo para o, ¿no? Entonces ahí vamos. Entonces ahora solo navegamos a textos y solo quiero crear textos. De acuerdo, así que solo voy a llamar a esto mi nombre porque el nombre del sitio web. Está bien. Y pondremos eso en un segundo. Está bien. Y vamos a mover eso por ahí. Ahí vamos. Tiene que arreglar eso. Ok. Entonces déjame seguir adelante y arreglar esto. Entonces yo solo haré esto haremos este 150. Ahí vamos. Ponga eso justo ahí. Y yo quiero hacer este 150 también. Entonces estoy prestando atención a este número arriba ahí arriba, así que sólo escalaremos esto hasta 150. De acuerdo, así que ahora la Canva te ayuda a alinear todo de forma rápida y sencilla. Ahí vas. Entonces déjame simplemente mover esto, dale a esto un poco de espacio. De acuerdo, así que ahora solo tenemos que diseñar esto. Entonces déjame seguir adelante aquí adentro, creo que voy a hacer tarde este Poppins. Y creo que voy a hacer este. Simplemente haré pop en el deporte, totalmente a ti, lo que quieras agregar. Y así que guárdalo así. Creo que eso se ve bonito y sencillo y elegante, pero puedes agregarle más si quieres. Entonces, por ejemplo, si quisieras agregar un elemento, OK, y yo quería, quiero como tal vez un globo por la razón que sea. Puedo poner un globo aquí. Y yo podría hacer que esta posición esté al revés de todo. De acuerdo, así que solo puedes entrar aquí y agregar elementos como quieras. Yo me voy, es sencillo, pero de nuevo, para agregar elementos, se llega a posicionar aquí. Puedes mover las cosas hacia adelante y hacia atrás, ¿de acuerdo? Y así puedes jugar con las cosas en un anuncio, las cosas como quieras, como crees que se ven bien. Entonces déjame seguir adelante y borrar eso. Pero realmente es así de simple. Ahora en cuanto a editar los textos reales, tienes mucho, en realidad tienes muchas opciones diferentes. Entonces es realmente agradable. Para que puedas venir aquí a los efectos. Y así efectos que puedes agregar como una sombra batida o gota o ninguna, o un glitch y que se vea raro así. También puedes venir aquí. Aquí mismo, este desplegable justo aquí, podemos tener el más húmedo y la altura de la línea. Entonces, por ejemplo, si quiero que el espaciado de las letras sea un poco más grande, puedo venir aquí y tal vez hagamos este cinco. ¿ De acuerdo? Y lo que nos gustaría que ahora ven aquí. Podemos hacer lo mismo y solo estamos en el ojo donde creas que se ve bien. Entonces tal vez eso es demasiado humor. ¿ Te gustaría sólo un poquito como tal vez otra vez, vamos a hacer cinco. Ahí vamos. Creo que eso se ve bien. De acuerdo, entonces ahora tenemos nuestra configuración de logotipo. Así que sólo tienes que seguir adelante y descargar. Ahora, típicamente para sitios web, definitivamente te recomiendo que descargues cosas como PNG. Pero debido a que este es nuestro logotipo, queremos que sea de alta calidad y nítido y afilado. Y además no va a ser tan grande de una imagen. Pngs. De acuerdo, así que adelante y descarga el archivo. De acuerdo, entonces ahora el archivo debe ser descargado con éxito. Eso lo sacaré del camino. De acuerdo, así que arrastra y suelta eso ahí mismo. De acuerdo, así que ahora necesitamos editar este abierto está arriba y voy
a abrir con Office picture manager. Y puedes usar cualquier editor de fotos que quieras. De lo único que tenemos que hacer. Lo único que tenemos que hacer es simplemente recortar los espacios en blanco más antiguos. No necesitamos todo el espacio de dominación, hueso así. Subirlo desde abajo justo ahí. OK. y dentro de la derecha sólo un poquito. Ahí vamos. Y dentro de la izquierda, ahí vamos. De acuerdo, a continuación puedes editar imágenes y luego solo quieres cambiar el tamaño de la imagen. Por lo que no necesitamos esta imagen grande, masiva. Podemos redimensionar esto a algo así como quinientos cuatrocientos cincuenta, trescientos, algo así. No demasiado grande, no demasiado pequeño. Entonces bajamos esto para superar a 50, cinco. Está bien. De acuerdo, así que eso se ve bien. Y vamos a dar click Sí, veo eso tal y como está. Está bien. Ahora eso tiene, ahora como puedes ver la forma en que se ve en mi escritorio, eso tiene un fondo blanco, pero mira, éste no. Entonces, ¿cómo se hace eso? Bueno, hay muchos videos tutoriales sobre cómo quitar fondos de las imágenes. Pero honestamente, solo puedes usar un sitio web que sea súper simple. Se llama movido dot jpg. Y solo vienes aquí y puedes subir una imagen y
automáticamente usa el aprendizaje automático para quitar el fondo blanco de cualquier imagen que subas o en realidad simplemente elimina el fondo de cualquier imagen. Por lo que solo puedes usar esto, puedes usar este sitio web si eliminar el fondo es importante para ti. Entonces, ¿por qué querrías un logo transparente? La única vez que querrías trasplantar logo es si
crees que tu encabezado va a ser un fondo cubierto, vas a estar jugando con diferentes colores. Quieres cambiarlo, lo que sea. Pero si no vas a estar haciendo, yo tengo, ya sabes, seguro que Armour envió que tu encabezado va a ser blanco y simplemente dejarlo blanco. De acuerdo, de todos modos, así que ahora tenemos nuestra imagen. Entonces queremos seguir adelante y llamar a nuestra imagen algo lógico, como
lago, como logo, ya
sabes, algo así. Entonces sabemos de qué se trata. De acuerdo, entonces ahora estamos de vuelta en nuestros elementos lo son, y ahora podemos subir nuestra imagen. De acuerdo, entonces otra vez, tenemos que ir al logo del sitio. Nuevamente, tienes que hacer click en imagen personalizada, y luego otra vez, tienes que hacer click en Elegir imagen. ¿ De acuerdo? Y así ahora sólo podemos arrastrar y soltar o imagen en su lugar. Está bien, y así ahí vamos. Entonces ahora bajamos aquí tenemos el texto alt. Y así el texto alt que debemos poner en logo. De acuerdo, entonces eso describe la imagen. Ahora aquí mismo, podemos seguir adelante e insertar medios. Está bien, y así está nuestro logo luciendo bien. Entonces aquí abajo podemos cambiar el tamaño también. Entonces, por ejemplo, son 300 por 300, pero notan que no es tan crujiente y afilada y así definitivamente solo quieren dejarlo en su totalidad personalmente, ¿de acuerdo? Porque full tendrá la imagen lucir lo mejor posible. Y tan honestamente, probablemente vas a tener que jugar con el tamaño del logotipo. lo que quiero decir es que vengo aquí abierto con, luego literalmente edite el tamaño del logotipo al tamaño que crees que expresará donde es nítido y afilado, etcétera. Ok, entonces eso es lo que necesitas para jugar porque si vienes aquí y ajustas el tamaño de la imagen según corresponda, solo
va a hacer que parezca no nítida y nítida. De acuerdo, esa es la única forma en que puedo describirlo así. Eso sólo se ve un poco borroso. Por lo que me gusta dejar todo en su totalidad. Ok. Entonces todo es bonito y afilado y se ve fantástico. De acuerdo, y así en general, eso es todo lo que tienes que hacer para editar el logotipo con elementos son así que tienes que instalar los encabezados, encabezados, y pies de página lo enchufan. Y ahora tienes acceso a solo agregar bloques como veas encaja para crear tu logo. De acuerdo, y una última cosa es como, siempre
me preguntan es ¿cómo cambio el tamaño de fuente del menú? Por lo que puede ser muy frustrante con los elementos o porque estás haciendo clic en el icono aquí, estás entrando en el avance del estilo de contenido. No veo nada que el trozo cambie el tamaño. Bueno, la razón es que eso es lo que se quiere editar es la topografía. Está bien. Y la opción de topografía no lo es. Aquí. Tenemos que hacer es dar click en el menú de hamburguesas. Ahora aquí están los ajustes de su sitio tematizados preferencias de usuario más antiguas. Por lo que quieres entrar en la Configuración del sitio. Una vez que están agradecidos, hay que ir a topografía. Ahora lo que quieres editar es que quieres editar enlaces, vale, así que ahora tenemos que bajar aquí. Y así no veo talla. Bueno eso es porque hay que hacer clic en el icono del lápiz. Ahora bajamos aquí a la topografía. Ahora aquí podemos cambiarlo por otra cosa. Entonces, por ejemplo, mi logo está pop-in, así que tal vez haga el menú Poppins. De acuerdo, ahí vamos. Y a continuación quiero quizá hacer el tamaño de la fuente un poco más grande. De acuerdo, entonces tal vez para que coincida un poco más con el logo, podemos hacer, podemos hacer como un gran diseño audaz como ese. Tal vez como, tal vez así está bien. Ven aquí ese espacio de letras y esparcirlo un poquito. De acuerdo, así que sigamos adelante y pinchemos en Actualizar. De acuerdo, y así volvamos a la letra, y ahí tienes. De acuerdo, entonces si quieres saber cómo
ajustar los elementos del menú en la parte superior, eso te va a ayudar a hacerlo. Tienes que entrar a la tipografía y ahí es donde puedes tipo de ajustar el tamaño, el espacio de
letras y así como la familia de fuentes con 0s. De acuerdo, así que una vez que tu menú esté hecho, solo revisa dos veces y asegúrate de tenerlo activado en la parte superior. De acuerdo, así que ahora mismo en el menú no está activado. Entonces bajemos aquí. Entonces este es el encabezado que acabamos de crear. Así que asegúrate de venir aquí abajo, selecciona el encabezado de opción, muestra en toda la página web. Ahí vamos y vamos adelante y damos click en actualizar. Y así eso salva el encabezado que acabamos crear como el encabezado de nuestros sitios web volverá a cargar el sate. Y ahí tienes. Entonces ahí está nuestro encabezado, ¿de acuerdo? Y crear un encabezado es así de fácil con elemental.
8. Encabeza de elementos envato: Por lo que solo diseñamos la sección de encabezado manualmente, pero ¿hay alguna manera de que podamos hacerlo de forma rápida y sencilla simplemente cargando una plantilla. Y la respuesta es sí, absolutamente. Entonces una de las cosas geniales de elemental es que hay muchos desarrolladores de terceros por ahí que hacen muchos plugins
realmente útiles que te permiten crear como tu
encabezado y pie de página de forma rápida y sencilla con un clic de un botón. Entonces un diseñador de cabecera que realmente me gusta es un plugin llamado elementos vitales. Entonces vamos a seguir adelante e instalarlo. Entonces volvemos a Plugins y vamos a añadir nuevos. De acuerdo, entonces ¿quieres teclear y Vo2? El inmenso. Ahí lo tienes. Entonces invítalo, Oh, si no lo sabes, son la empresa detrás del bosque temático. Así que haz fuerza es esta zona de webs aquí, allá, uno de los desarrolladores de temas de WordPress más populares en el mundo, realidad no están temáticos de Oprah, sino su mercado para temas de WordPress y ofrecen mucho otras cosas aleatorias son realmente útiles como audio, video, gráficos, etc. Así que entonces U es que tienen un plugin que es realmente genial y elementos vitales foto y elementos están en Templates. Adelante e instala eso. Y dar click en activar. Ok, entonces ahora que está listo para salir, así que volvamos a nuestra página de inicio y sigamos adelante y pinchemos en editar con elementos que son. Ahora una cosa que vas a notar que se ha agregado es invitar. Oh, oh, ahí vamos. Por lo que hay pequeño icono verde está hojeando. Ver así es como normalmente se ven los elementos ahora que tenemos el plugin de elementos, que tenemos esto cargado, ahora queremos ajustar el encabezado por lo que tenemos que
entrar y volver a nuestra sección donde podemos editar el encabezado. Entonces, ¿qué hay atrás de esto y atrás de esto, y atrás de esto. De acuerdo, entonces otra vez, ve a Apariencia y ve a encabezado y pie de página. Ahí vamos. Entonces encabezado y pie de página es déjame solo seguir adelante y eliminar este. De acuerdo, así que sigamos adelante y sumamos nuevos. Está bien, así que solo voy a llamar a esto y a cabecera vaso. Ahí vamos. Y ahora lo que vamos a editar con elementos o así vamos a seguir adelante y hacer clic en eso. Ok. Entonces todo lo que tenemos que hacer es hacer clic en este ícono aquí mismo, y arriba pops en vadose. Por lo que queremos navegar hacia donde dice bloques libres. Ahora, ¿qué bloqueado queremos? Bueno, estamos instalando un encabezado, así que queremos el bloque de encabezado. Y aquí mismo tienes un montón de bloques de encabezado gratuitos. Simplemente puedes hacer click e instalar aquí mismo. Y así de fácil es. Es realmente agradable. Y así tienen un montón de opciones diferentes para un realmente te dio quieres como un logo negro ahí mismo, azul. Puedes, obviamente puedes simplemente subir esto y ajustarte como quieras. Voy a ir con este de aquí que tiene un bonito botón. Entonces sigamos adelante e insertemos plantilla. Y así ahora se va a importar la plantilla. Y maravilloso. Entonces ahora tenemos un par de elementos diferentes aquí mismo, tenemos un botón por ahí. Contamos con una sección para el menú. Tenemos el nombre del sitio web y tenemos este ícono. Entonces si solo quieres tener un logotipo basado en texto, aquí tienes. Por lo que solo puedes venir saltando aquí y ajustarte según sea necesario. Si quieres actualizar esta imagen y convertirla en tu propia imagen, puedes seguir adelante y hacerlo. personal, sólo voy a eliminar toda esta sección. Y lo que quiero agregar sería como un logo. De acuerdo, entonces logo, sitio, logo, arrastra y suelta eso ahí dentro. Y queremos una imagen personalizada. Sí. Y quiero elegir la imagen. Genial. Y así voy a subir una versión de mi logo que hice un poco más pequeña. Entonces este es como 350 pixeles. Adelante e insertemos medios. Y eso se ve fantástico. De acuerdo, entonces no lo queremos medio, lo
queremos en su totalidad. Y ahí vamos. De acuerdo, entonces eso es para el logo. Ahora, sigamos adelante y pinchemos en el signo más aquí. Y lo que queremos agregar es el menú. Y así menú de navegación, arrastre y suelte eso ahí dentro. Está bien, genial. Y así vamos a los layouts. Y quiero eso fuera del lado derecho. Ahora de nuevo, acabo de mostrarte enlace sobre cómo ajustar el tamaño. Entonces como, creo que eso se ve un poco grande. Prefiero que eso sea un poco más pequeño. Entonces otra vez, vamos a ir a ocuparnos de eso. Entonces, de todos modos, vamos a publicar. Y ahí vamos. De acuerdo, así que echemos un vistazo. Nuestro derecho, eso se ve muy bien, por lo que se ve bien. Pero prefiero que el, estos elementos del menú coincidan un poco mejor con la sintaxis. Entonces sigamos adelante y editamos con elementos o. Y de nuevo, acabo de mostrarles cómo ajustar el menú así que tenemos que saltar de nuevo a la tipografía. Entonces sigamos adelante y hagamos eso. De acuerdo, así que déjame hacer clic en el menú de hamburguesas y ir a la configuración de S8. Y vamos a la tipografía. Ahí vamos. Bajemos al enlace. Esa es una topografía rápida otra vez. Hagamos el tamaño de la fuente un poco más pequeño, Algo así. Sí, eso se ve, eso se ve genial. Por lo que coincide un poco mejor con el botón. Y eso me gusta mucho para que sólo podamos dejar eso tal como está. Creo que se ve realmente bonito. Y así voy a seguir adelante y dar clic en actualizar. Y ahí tienes. Por lo que puedes actualizar fácilmente esta sección con solo usar un elemento VO2. Entonces ahora tenemos un montón de elementos diferentes arriba aquí. Entonces déjame simplemente volver a salir de esto. De acuerdo, entonces ahora para este botón específico, si quieres ajustarlo de nuevo,
como siempre, haz clic en el icono del lápiz. Hacemos clic en el icono del lápiz. Aquí tienes tus opciones para el botón. Y así aquí se puede cambiar el tipo,
bien, advertencia de éxito de intro por defecto, peligro. Por lo que sólo queremos por defecto, el texto, sólo tienes que cambiar el texto. Entonces es un click aquí,
ok, como o como lo que sea. Cursos donde simplemente dices algo así, un guiño. Podemos tener este enlace a una página o podemos hacer un enlace de anclaje en página, al
cual llegaré más adelante en el video. Puedes cambiar la alineación aquí mismo y puedes cambiar así como el tamaño del botón. Entonces si quieres pequeño, extra pequeño, lo que sea que puedas simplemente rápidamente y cambiarlo ahí. Puedo espaciar. Está bien. ¿Qué tan grande lo quieres? Y así, ya sabes, puedes justo eso ahí. Vamos a saltar al estilo contra unos cambios cómo se ve realmente el botón. personal, me gustó mucho la forma en que parece que me muevo encima se vuelve negra, pero de nuevo, solo puedes cambiarla como quieras. Entonces tenemos el color del texto, para que eso cambie el texto. El tipo de borde es sólido, por lo que eso significa que el borde del enlace es una línea negra. Nuevamente, si quieres cambiar eso al doble, solo
puedes seleccionar donde quieras. Y entonces eso es todo. Y luego tienes sombra de caja y puedes agregar relleno, lo que quieras. Y así es como actualizas la sección de encabezados.
9. Crea un Favicon: Cómo agregar un favicon en tu sitio web que esté impulsado por elementos o así. Tal vez te estás preguntando, ¿qué es un favicon de hábito contras un pequeño ícono en la pestaña arriba allá arriba. Por lo que definitivamente quieres crear algo que sea doble marca para tu página web. Porque al igual que cuando las personas visitan tu sitio web en dicen como su iPhone y el sitio visitado más recientemente, quieres icono asociado a tu sitio web. También es solo una cosa de higiene donde solo un pequeño detalle que no te das cuenta, pero cuando no está ahí, sí lo notas. Y así en este momento nuestro favicon es solo el ícono de WordPress. Entonces sigamos adelante y cambiemos eso. Por lo que quieres dar click en el menú de hamburguesas ahí mismo. Y luego se fue a navegar hacia donde dice Configuración del sitio. ¿ De acuerdo? Ahora queremos encontrar algo que diga como la identidad del sitio justo debajo de estos ajustes. Entonces sigamos adelante y pinchemos en eso. De acuerdo, así que aquí tienes el nombre de tu sitio en la descripción de tu sitio. Entonces puedes cambiar eso como quieras desde aquí mismo, pero solo lo dejaré. Y así tenemos el logo del sitio, pero ya tenemos eso arriba ahí para que no necesites ajustar nada aquí. El único que necesitamos ajustar es estos sitios, favicon. Y entonces, ¿cómo se crea un favicon? ¿ Ahora? Depende de ti. Tienes que crear tu propia imagen. Tienes que crear tu propia imagen que esté asociada a tu marca. Y así personalmente lo que tengo es que tengo esta pequeña imagen que voy a usar. Yo lo tengo tiene un hábito como PNG con un fondo transparente. De nuevo, solo puedes usar remove beat para quitar ese Bg para quitar el fondo de cualquier imagen. Por lo que solo usaremos tu editor de imágenes favorito, tal vez hacer un círculo, tener algún tipo de diseño. No necesita ser nada complicado y simplemente crear algo. De acuerdo, así que sigamos adelante y elijamos imagen. Y sólo voy a arrastrar y soltar eso en su lugar. Está bien, eso se ve bien. Y vamos a ir a insertar medios. Y vamos a dar click en actualizar. De acuerdo, y volvamos con el editor. De acuerdo, así que vamos, volvamos al tablero de salida. Y vamos a ver. Ah, muy bien, tan perfecto. Entonces como puedes ver, nuestro favicon se ha actualizado a algo un poco más quebrantable, y es así de sencillo.
10. 10 imagen de héroe y tu llamado a la acción: Ahora es el momento de agregar una imagen de héroe grande y
preciosa con un llamado a la acción a nuestra página web. Entonces ya estoy asumiendo que como que jugaste con tu sección de cabecera. De acuerdo, así que seguí adelante e hice mi logo un poco más pequeño, cambia el color por aquí. No solo te ajustas como veas conveniente cuando estás listo. Ahora solo quieres añadir en una imagen de héroe. Entonces, ¿de qué estamos hablando aquí? Imágenes como algo así. De acuerdo, una imagen grande o justa que tome la sección superior del sitio web,
un llamado a la acción que le dice a la gente de qué se trata el sitio web, etcétera. Entonces, ¿cómo hacemos eso? Muy, muy sencillo. Entonces lo primero es que necesitas fuente en imagen. Por lo que definitivamente recomendaría tal vez echa un vistazo como algo así en Splash.com. Y quieres encontrar un montón de imágenes que crees que se verían fantásticas. Estos son completamente gratuitos de usar. No tienes que preocuparte por ningún tipo de atribución ni lo que sea. Y así, pero sólo una salvedad es sólo para asegurarse de cambiar el tamaño de la imagen según corresponda. Entonces por ejemplo, así es como una imagen de 1500 por 1500. Más rápido descarga esto, sería como 6 mil por 6 mil pixeles, que es una imagen enorme. Y tú razonablemente, quieres lo más pequeño posible es porque quieres que gente abra el sitio web y que todo se cargue realmente rápido. Y así no puedes hacer eso si tienes alguna imagen masiva. Entonces, de todos modos, vamos a editar con elementos o porque vamos a estar editando la página de inicio. De acuerdo, ahora esto es, ahí vamos. Tan k, Así que empecemos a editar nuestra página. Entonces lo primero que necesitamos es que necesitamos un rumbo. Ok. ¿Por qué rumbo? Bueno, eso es lo que estas frases están justo aquí. Al igual que este avión promoverá sitios web de ganancias fáciles. Estos son encabezamientos, ¿de acuerdo? Entonces esto es como texto corporal. Y así vamos a añadir un encabezamiento. Boom, ahí vamos. De acuerdo, así que arriba arriba aquí puedes agregar en tu llamado a la acción. Entonces esta estructura de frases aquí mismo debería ser algo así como un llamado a la acción que le diga a la gente dónde está, qué está pasando, qué trata los sitios web no lo hacen largo y palabrados rápido y al grano, tal vez un subtítulo Si quieren, etcétera. Entonces sólo voy a poner algo. Encuentra tu coma de borde y Joey, la vida. Ahí vamos. De acuerdo, ahora lo siguiente que quiero que hagas es navegar a donde dice etiqueta HTML, quieres cambios de H2, H1, H1. Si bien uno quiere decir que este es el título de la página. ¿ De acuerdo? Y así por ejemplo, así, la entrada del blog, esta es tu etiqueta H1. El tag H1 es el título de tu post de blog. Este es H2. H2 es una subpartida de H1, etcétera. Y por eso queremos que este sea el que sea porque es el título de la página. Ahora no quiero bajarme a la izquierda,
quería sensores, así que sólo tienes que ir aquí a alineación y hacer clic en centro. Ahí vas. Es así de sencillo. Ahora puedes hacer click en estilo. Y de nuevo, la pestaña de estilo es exacta, que piensan que es donde cambias el estilo del texto. Entonces hacemos clic en esto y navegamos aquello al negro o lo que sea, cualquiera que sea el color que quieras que sea. Y ahora por aquí puedes cambiar un poco la topografía como quieras, vale, es lo que quieras. Entonces como por ejemplo, voy a usar Poppins. Simplemente lo cambiaremos a eso está bien. Podemos cambiar la forma en que la declaración de estilo transformado. Puedes entrar aquí y jugar con esto. Si quieres revertir algo, solo
puedes hacer clic atrás al valor predeterminado para empezar de nuevo. Si has cometido un error. Es realmente así de simple. Otra vez, luego sombra de texto, ¿de acuerdo? Si quieres tener una sombra de texto, no
quieres tener sombra de texto, ese tipo de cosas. Por lo que cuando hacemos clic en él, revertir al default. Simplemente lo dejaré así. ¿ De acuerdo? Y así creo que eso se ve muy bien. Ahora, ¿cómo agregamos una imagen y decimos, no
veo una opción para agregar una imagen en ningún lado. Es un contenido y estilo, sin ficha de avance, ¿verdad? Sí. No. De acuerdo, bueno la cosa es con elementos o es como si estuvieras editando el encabezado, tu edición con el elemento dentro de esta caja azul. Pero ahora necesitamos editar realmente la caja azul. Por lo que tenemos que dar clic a esta pequeña sección ahí mismo y ver cómo cambia esto para editar la sección, si hago clic en el icono del lápiz. Ahora, editando el encabezado, queremos editar la sección, simple así. De acuerdo, entonces ahora necesitamos tener lo que tenemos son opción ballena en nuestra opción de estructura. Y así el diseño cambia la forma en que cualquier cosa se presenta dentro de esta sección. Pero tenemos que agregarle estilo, que es nuestra imagen. Haz clic en eso. Ahora tenemos fondo, vale, así que tenemos fondo, superposición, borde en forma, divisor, etcétera. Haga clic en Fondo normal. Ok, entonces tienes video de gradiente clásico en presentación de diapositivas. Por lo que quieres agregar un video, puedes hacerlo desde aquí. Pero en lo personal, definitivamente recomendaría ir con clásico. De acuerdo, así que eso es clásico. Voy a elegir una imagen. Ahora voy a elegir una imagen que ya he subido. Entonces aquí vamos. Esta es mi imagen de fondo. De nuevo, puedes usar algo así como en salpicaduras, fuente tu propia imagen, lo que sea. Simplemente redimensionarlo. Vale, esto es como mil ochocientos mil doscientos mil doscientos. Es grande, pero no es demasiado grande. Ok, entonces ahora acabamos de agregar con éxito una imagen. ¿De acuerdo? Y eso se ve terrible. ¿ Al igual que por qué es tan pequeño? Tienes que agregar relleno a, está bien. Por lo que hay que agregarle espacio. Por lo que el relleno es la frase que usaste para describir el espacio entre elementos. Entonces, por ejemplo, esta es una frase de texto aquí. Esto tiene mucho relleno por encima de este texto y un poco por debajo de él. Así que un poco lo empuja todo, lo separa todo. Si no tienes ningún relleno, todo el arma se comprime juntos. Entonces ahí es donde quieres ir al layout. Ok. Por lo que no irás al layout. Ahora quieres venir aquí a alturas. Y queremos algo que tal vez pueda gustarle caber a la pantalla, acuerdo, que se vea bien, o tal vez alturas mínimas. Y cuando haga clic en alturas mínimas justo aquí, obtendrá este pequeño dial justo aquí. Y así me gusta mucho esto porque es simplemente muy fácil e intuitivo para principiantes. Podemos como que simplemente jugar con la forma en que esto se ve bien. Entonces depende totalmente de ti. Entonces qué otra cosa que me gusta de los mentores dijo esto, dice Fit to screen. Y así eso va a caber a la pantalla sin importar en qué dispositivo
esté la persona ahí en un dispositivo móvil
lo va a caber automáticamente a su teléfono, etcétera. Yo sólo voy a hacer esto y altura mínima porque obviamente, ya sabes, la forma en que me gusta diseñar sitios, no
quiero que esta imagen sea supermasiva él. No sólo quiero un poquito, poco como el almuerzo, un poquito de espacio en blanco debajo. Y ahí tienes. Entonces me gustó mucho la forma en que se ve. Está bien. Y así volvamos aquí a los textos, Vale, y así voy a volver aquí a este x num editando el estilo de encabezado. De acuerdo, así que ahora puedo venir aquí y podemos llegar al contenido. Y así tenemos defecto en tamaño. A lo mejor quiero hacer que esto sea más grande. Haremos como extra grande. Sí, eso se ve mucho mejor. De acuerdo, así que ahora es un poco difícil de leer, así de estilo y tan negro. Hagamos blanco o algo así, hagamos un color diferente. De acuerdo, así que puede que tenga que agregar una superposición a esta imagen, ¿de acuerdo? Porque como, oh, bueno, realmente no puedo ver el texto sobre esto. Entonces déjame volver aquí. Volvamos al estilo. De acuerdo, ahora podemos jugar con la imagen de fondo. Por lo que tienes tu posición ahí. Ahora, tu posición ahí, tienes que minimizar esto y asegurarte de que la imagen esté encajando correctamente. ¿ De acuerdo? Y así podemos cambiar cosas diferentes como centro, centro OKC. Eso me gusta porque tal vez el texto se vería un poco más claro y fácil de leer si lo hacía blanco sobre esta sección de la imagen. Ya sabes, si tienes sensor superior justo ahí, eso se ve bien. De acuerdo, así puedo quedármelo así si quiero. Muy bien, entonces ahora tenemos el apego. Entonces aquí podemos tener pergamino o fijo, ¿de acuerdo? Y así si solo juegas con esto, así que desplázate, vale, eso significa que la imagen se queda puesta. Si llegamos a arreglar, eso significa que la imagen se mantiene fija, detrás de ella y luego, ya sabes, un
poco da esa bonita característica de que la imagen se mueve atrás. Y me gusta la forma en que eso, eso funciona. Entonces creo que lo voy a mantener como fijo. De acuerdo, así que ahora queremos bajar aquí a donde dice superposición de fondo. Entonces, ¿qué es una superposición? ¿ Uno? Superposiciones como agregar color a una imagen. ¿ Por qué querrías hacer eso? Bueno, por ejemplo, quiero usar texto blanco en esta imagen. ¿ Se puede leer Blanco? ¿ Se puede leer blanco en la imagen específica? En realidad no porque se trata de una imagen en blanco y negro. Por lo que tuve que hacerlo azul oscuro del texto aparece y destaca. Entonces no queremos, tal vez si quieres, si tienes que hacer esto, puedes venir aquí y hacer eso. Entonces superposición de fondo, tipo de click en opacidad de periodo clásico, ¿de acuerdo? Por lo que puedes cambiar las cosas según sea necesario ahí mismo. De acuerdo, así que vamos a venir aquí a fondo. De acuerdo, así que ahora tenemos un montón de diferentes, acuerdo, en realidad, volvamos a la superposición de fondo. Está bien. Entonces tenemos color. Voy a dar click en Color. Ahí vamos. Entonces ahora si quiero cambiar esto por otra cosa, como tal vez negro un poco como allá vamos. Al igual que tal vez lo haga un poco más oscuro, totalmente a ti. Entonces no voy a agregar ningún tipo de OEM, tipo de dejarlo como es. Ok, lo siguiente que podemos agregar es algo así como un divisor en forma. Entonces conviértete aquí es divisor de dos formas. Y ahora aquí tenemos arriba y abajo, así que venimos aquí a teclear. Y luego tienes un montón de diferentes tipos de formas que puedes agregar. Entonces por ejemplo, triángulo. Ahora esto está seleccionado para la parte superior. Eso se ve un poco raro. Entonces nos desharemos de eso. Kit dará click en ninguno. Vayamos al fondo. De acuerdo, así que ahora puedo bajar aquí e ir al triángulo justo ahí. ¿ De acuerdo? Entonces eso se ve bastante bien. Entonces podemos invertir esto aquí mismo,
vale, solo tienes que dar click en este para invertirlo como quieras. Y así creo que eso se ve un poco bonito así. De nuevo, puedes simplemente jugar con esto como te parezca conveniente, ok, así que solo puedes entrar aquí, escoger un montón de diferentes. Y así como mi, uno de mis favoritos es como a mí personalmente me gusta el de opacidad, y personalmente me gusta el de triángulo, ¿de acuerdo? Porque el triángulo uno apunta un poco hacia abajo, apunta al usuario hacia abajo a una nueva sección justo aquí. Entonces voy a dejarlo así. ¿ De acuerdo? Y así que eso es como básicamente todo lo que tienes que hacer para agregar elementos específicos en imagen de héroe agregado con texto, con la superposición de texto. Y es realmente así de simple. Cómo agregar un botón a nuestra llamada a la acción en la parte superior. De acuerdo, entonces sé que muchos de ustedes van a querer agregar un botón. Personalmente no voy a sumar en libro. Déjame mostrarte cómo se hace. De acuerdo, así que ahora mismo estoy editando el encabezamiento y tú estás como, ¿cómo vuelvo a las cuadras? Me gusta ¿En qué hago clic en él? Sí, da click en cuadrados ahí mismo. Ahí vas. Ahora vuelves a gustar donde están todos tus bloques. ¿ De acuerdo? Y así ahora queremos agregar en un botón y eso es todo. Es sólo escribir botón arrastrando soltar, y es igual de simple. Ahí vas. Entonces ahora podemos venir aquí y podemos cambiar la alineación, podemos cambiar el tamaño, así que haré eso extra pequeño. Se ve bien ahí mismo. Y así podemos venir aquí a cambiar los tipos de botones. Por lo que tenemos como info, tenemos éxito. Ok, tenemos una advertencia. Ahora si queremos venir, solo dejaré eso como info. Ahora si venimos aquí al estilo, aquí es donde podemos cambiar un poco el color del texto si quiero hacer di diferente color, color de
fondo, también podemos cambiar también. ¿ De acuerdo? Y entonces eso es algo así, ya sabes, realmente simple como eso. Para que puedas cambiar el color del texto, su tipo de fondo. Puedes cambiar el tipo de biografía por aquí. Se puede agregar una sombra de texto. Se pueden cambiar los diferentes elementos por lo que sucede cuando la gente pasa el mouse sobre el botón, etcétera. Ok, y es realmente así de simple ahora si eres como, bueno, ¿cómo lo separo? Como tal vez pienses como, oh, bueno, los botones un poco cerca de la tasa impositiva, hay alguna manera de que pueda darle un poco más de espacio y como absolutamente. Y así Ahora mientras esta opción específica de mezcla no tiene forma de agregar relleno justo encima de ella. Sólo se puede elemento o sí viene con algo llamado espaciador. Y así es básicamente solo este arrastrar y soltar aquí. Y ahora puedes empujarlo tan lejos como aparte. Entonces creo que solo un espaciador a las diez ya se ve bien. Palabras como OK, consiguió un poco de espacio para respirar. Eso se ve realmente bonito y solo puedes dejarlo así. Entonces si quieres agregar un botón, eso es más o menos todo lo que tienes que preocuparte y hacer. ¿ De acuerdo? Y así venimos aquí al contenido y luego el enlace justo ahí. Aquí es donde te puede gustar enlazar a otros sitios web si lo deseas, y puedes cambiarlo para abrir una nueva ventana o agregar nofollow. Por lo que sólo los enlaces que están fuera de su sitio web a otra página deben ser abiertos una nueva ventana. Pero si estás vinculando a una página de tu sitio web, no la tengas abierta en una ventana nueva si eso tiene sentido. Pero eso es básicamente todo. Eso es todo lo que tenemos que hacer para agregar un botón.
11. Mensaje de bienvenida: De acuerdo, ahora es el momento de seguir agregando bloques a nuestra página web. Entonces ahora realmente se está uniendo. Tenemos este menú en la parte superior. Tenemos un bonito llamado a la acción. Y así ahora puedes sumar en bloques. Y aquí es donde tu propio diseño y creatividad pueden entrar en juego con los elementos, por lo que tienes algunas opciones diferentes. Entonces primero, puedes salir de este signo más, y luego aquí puedes cambiar la estructura del sitio o la estructura de esta sección específica. Y así es algo obvio así, si haces este va a ser como dos cuadras. De acuerdo, así que aquí mismo, puedo venir aquí, dar click a este signo más. Puedo agregar en cualquier bloque que fui por aquí y luego dar clic en este signo más y agregar en cualquier bloque que quiera, si eso tiene sentido. ¿ De acuerdo? Y así es como los elementos o funciona y esa es la forma por la que me gusta cuando consigues las cosas de techie de cualquier manera como la cabeza o en esta cosa de aquí, entonces es como, bien, genial, ahora puedo hacerlo por una. Y así lo que te recomiendo es o diseñas cosas a medida tú mismo con un signo más o simplemente puedes agregar en una sección rápida y fácil. Y así si hacemos clic en este pequeño icono de carpeta, tendrá el elemento o plug-in pop-up. Y viene con un montón de diferentes librerías de
bloques, bloques que vienen aquí. Ahora la razón por la que te hice instalar el plugin end vaso elements justo aquí es porque el, la biblioteca para esa elemental proporciona, Bueno lamentablemente no proporcionan el encabezado y la sección de pie de página de forma gratuita. Pero en Fido lo hace, es realmente la única manera en que puedes conseguir a la cabeza un encabezado bonito de forma rápida y sencilla. Entonces, de todos modos, si vengo aquí y hago clic en este icono de carpeta, tenemos un montón de opciones diferentes. Entonces me gusta esto es fantástico. Esto se ve tan bien. Entonces voy a dar click en, insertar así. Vamos a dar click en empezar. Ahora dice conectarse a la biblioteca de plantillas acceder a esta biblioteca de plantillas, ¿de acuerdo? Y así tengo que aprobar y conectar mi correo electrónico y solo, ya
sabes, tienes que crear una cuenta gratuita para que no tengas opción. Pero no puedes simplemente hacerlo de forma gratuita en un ¿tienes que crear una cuenta con elementos o no un gran problema? Porque entonces solo puedes boom, ahí está. Hecho. Maravilloso. Y entonces, ¿cómo usaría esta sección aquí mismo? Entonces estas secciones deberían ser tu sección de introducción, ¿de acuerdo? Y así esto debería como, Hey, bienvenida a la gente a decir, ya sabes, hey, bienvenido al café maniacs.com o sitios web, sitio web
dedicado sobre el café, cualquiera que sea su sitio web. Ok. Y así para mí, esto fue como un blog personal por ejemplo, o sitio web personal. Di como, hey mi rodilla, soy,
soy blogger profesional, YouTubers, altamente valorados nos consultor y fibra bla, bla, bla. Yo solo uso toda esa sección justo ahí. Está bien. Y así quieres dar click en esto y asegurarte de que esto sea cnn dice H4. Queremos que ese sea H2 en realidad, ok. ¿Por qué quieres que este vuelva a ser H2? Porque este es un subtítulo de éste. Por lo que queremos que este sea H2. Ahora este texto ahí mismo, depende totalmente de ti si quieres o no dejarlo como este gris claro. En realidad me gusta eso. En realidad, creo que se ve bastante bonito, pero si quieres cambiar eso, solo
puedes venir al estilo y cambiarlo y convertirlo en algo quizá un poco más legible. Muévete un poco, un poco más legible. Ahí lo tienes. Y luego aquí mismo tenemos un enlace Read More. Y así hacemos click en eso. Y así lo que yo personalmente haría con esto es que esto debería enlazar
ya sea a una página dedicada Acerca de o lo que sea. Y creo que es fantástico. Quiero decir, literalmente hago eso en el sitio web anhelo pro.com porque la gente viene aquí. De esto se trata este sitio web. Estamos más, boom, haga clic aquí. Y luego estás en la página sobre donde puedes aprender más sobre web, diga Korea pro, ¿Cómo dices de mí? ¿ De acuerdo? Y por eso me gusta mucho esta forma de sección solo, solo para arrastrar y soltar, solo Boyd
hago clic en un botón y ahí tienes. Y creo que se ve muy bien porque ahora tenemos esta sección de héroes arriba por ahí. Tenemos la sección del triángulo justo ahí, un poco apuntando hacia abajo. Boom, un poco de sobrepeso, un poco como, superpone un poco la imagen. Y luego nos metemos justo aquí en el mensaje de bienvenida. Entonces, de todos modos, así es como empiezas a agregar secciones específicas hacia arriba, particularmente el mensaje de bienvenida.
12. Menú visual con elementos esenciales: Elementos son esenciales. Entonces solo quiero mencionar brevemente que hay un enchufe y realmente me gusta agregar un mentor porque como un montón de bloques diferentes. Por lo que quieres venir aquí y quieres ir a añadir nuevos, entonces quieres escribir elementos son esenciales. Y luego van a ser esenciales, complementos
esenciales para los elementos. O ahora qué hace esto, solo te da un montón de elementos completamente nuevos para añadir a tu opinión, OK. Por lo que te da opciones para lago en un botón creativo y testimonios, info box advance acordeón, pestañas avanzadas. Por lo que tienes que tienen son las dos versiones. Tienen sus versiones pro donde hay que pagar por tubo de gases. Y luego tienen un montón de útiles versiones gratuitas como post grid, texto de
fantasía, todas estas cosas buenas. De acuerdo, entonces si quieres agregar más bloques en extensiones más específicas, esto es lo que hacen los complementos esenciales y si lo usas o no, depende totalmente de ti, pero solo quiero que lo sepas. Y así que déjame volver a mis plugins. Porque sé que con elementos o si terminas teniendo bastantes plugins. Entonces, hasta el momento tenemos elementos o cabecera, pie de página y bloques lo que nos ayuda a ajustar el encabezado y el pie de página, sitio web de
Uber y elementos vitales lo que nos da bloques
útiles para agregar en pie de página de aspecto muy bonito, está bien. El elemento o bloques de encabezado y pie de página simplemente nos da la capacidad de controlar la sección de encabezado y pie de página. De acuerdo, no nos da bloques porque es la capacidad de
controlar esas secciones y elementos vitales que me gustan porque en realidad nos da unas fotos prehechas de encabezados prefabricados que solo podemos lanzar muy rápido. Y átomos esenciales solo agrega bloques
más útiles en elementos para ayudar a diseñar tu sitio web de forma rápida, ordenada. Por lo que puedes especie de explorar este plugin por tu cuenta para ver qué elementos terminas usando. A lo mejor no usas nada, él puede seguir adelante y desinstalarlo, pero sólo algo de lo que debes estar al tanto. Qué es seguir diseñando nuestros sitios web. Por lo que quiero añadir,
en como una galería de imágenes y como tal vez un poco de introducción a la galería de imágenes. Entonces, ¿cómo empezamos? Entonces otra vez, ahora, tienes un poco, otra vez, como dije, tienes los fundamentos de cómo diseñar tu sitio web y ahora eres un poco libre para experimentar y ser creativo porque tienes este central está fuera del camino. Entonces con lo que voy a empezar, voy a añadir en una nueva sección. Y así para hervirlo un poco,
quiero un poco, tal vez este diseño de aquí se vería bien. Entonces ahora tengo dos cuadras aquí mismo. Y entonces, ¿qué termino yo personalmente? Yo quería, me gusta algún tipo de imagen me gusta por aquí y como tal vez pequeña galería de imágenes y luego un poco de introducción de textos por aquí. Entonces sigamos adelante y comencemos con agregar detects en. Por lo que haremos click en plus. Ahora de nuevo, ya sabes, es un párrafo de texto, así que probablemente queramos tener un encabezamiento, correcto. Entonces déjame seguir adelante y hacer eso. Y así sacaremos eso. Y lo que es solo teclear como, yo hago, te hago también. Hago videos de YouTube arriba. Evangelio U2 correctamente. Hago videos de YouTube. Ahí vamos. Entonces otra vez, ve al estilo, texto, color, negro. Ahí vamos. Y queremos asegurarnos de que el contenido no H2. O queremos H2 o queremos que esto sea h3. Probablemente haría este h3 totalmente a ti. Pero de nuevo, este es uno, este es H2 y hacer a esta persona como h3. Por lo que ahora quiero agregar en un párrafo. Entonces venimos aquí y solo queremos como editor de texto, vale. Y así Biotech Center, porque sólo queremos agregar en texto simple Zed. Entonces déjenme tomar esto, concéntrese ahí. Voy a duplicar eso un par de veces. Y así sólo el, sólo con fines de demostración, puede seguir adelante y escribir su propio párrafo hacia abajo. Ahora lo siguiente es que necesitamos asegurarnos de que este texto coincida con este texto. Porque se ve raro, ¿verdad? Al igual, ¿por qué no usar dos fuentes diferentes? Es un gran error. Entonces, ¿qué ha venido aquí arriba? Se ve haga clic en el estilo de icono de lápiz. De acuerdo, entonces, ¿qué tipografía se debe usar? Bueno, está listo para gobernar rubato. Voy a estar usando Poppins. Ahora quiero editar este y quiero venir a darle estilo a la topografía. Otra vez. Yo quiero poner en Poppins. Ahora. Tendrás que usar Poppins. Usan lo que quieran. Simplemente, estoy usando pop-in, así que lo haremos un poco así. De acuerdo, así que coinciden un poco, funciona un poco más agradable y podemos mirarlo o puedes conseguir el o puedes revisar esto para ver el número exacto. Pero sólo voy a mirarlo porque no es gran cosa. De acuerdo, así que eso se ve bien. Entonces vamos a la matriz de contenido. Y así creo que eso se ve muy bien. Y así que déjame volver arriba allá arriba. De acuerdo, ahora vamos a venir aquí otra vez a la tipografía. Entonces tal vez necesito cambiar la espera sólo un poquito para lograrlo. Ahí vamos. Eso es perfecto. Entonces ahora este tipo de partidos, esto se ve bien. De acuerdo, entonces ahora tenemos que sumar imágenes. Entonces, vamos a hacer clic en esto. De acuerdo, así que tienes muchas opciones diferentes que son los elementos, y me gusta mucho. Por lo que escribimos en imagen. Por lo que tienes como imagen, cuadro de
imagen en el que cuidado, SO galería básica. Ahora verás algo que dice EA. Eso significa que ese es el plugin átomo elemental. Entonces esto es porque esto viene de ese tapón Con eso acabamos de agregar podría simplemente darte más bloques. Y obviamente las cosas con un candado o obviamente elementos son pro. Entonces depende totalmente de ti. Podrás jugar con esto con cualquier imagen que quieras agregar. Personalmente me gusta el carrusel de imagen. Entonces voy a seguir adelante y tomar eso, se cayó eso ahí mismo. Impresionante. Ahora necesitamos tener imágenes. Por lo que ya me adelanté y subí un montón de imágenes. Por lo que solo puedes subir imágenes como quieras. Y déjame seguir adelante y crear una nueva galería. Insertar galería. De acuerdo, así que déjame mostrarte rápidamente una de las imágenes. ¿ Cómo hice esto? Entonces de nuevo, un 100% con Canva, super-duper simple. Todo lo que hice fue tomar una captura de pantalla de un video que
hice que fui a Canadá, plantilla de miniaturas de YouTube. Acabo de agregar este botón Play encima y agrego un texto que es simple. Es realmente así de simple. De acuerdo, y ahora nosotros, oh, eso se ve fantástico. De acuerdo, entonces ahora tenemos una bonita galería de imágenes por aquí que poco muestra nuestros videos un poco con las miniaturas. Y así puedes entrar aquí y cambiar el estilo de contenido como quieras. Entonces otra vez, sólo tengo que mirarlo y jugar con las cosas. Entonces si vengo aquí y vengo a como medio, ¿cómo luce medio? Realmente no me gusta la forma en que se ve el medio. Creo que voy a volver al estiramiento de imagen en miniatura. ¿ Cómo se ve eso? Ah, eso quita el espacio en blanco. No, realmente no me gusta eso. Y de nuevo, por eso tienes que hacer solo entrar aquí y jugar con las cosas. Ahora, lo que me gusta es ese enlace y puedes tener tu propia URL personalizada. Por lo que puedes vincular esta sección para que te guste lo que quieras. Entonces vengo aquí a YouTube y solo teclearemos, regresaremos, visitaremos mi canal de YouTube. Y sólo nos llevaremos éste. Y luego cuando copiemos la dirección del enlace, vuelve aquí. Y entonces todo lo que puedes hacer es simplemente poner en tu canal de YouTube o un video de YouTube. Y ahora sé que les vas a estar preguntando, hey, ¿ puedo tener este enlace de imagen a un video y luego esta imagen ligada a un No diferente. No, no se puede este carrusel de imagen sólo puede enlazar a un video. No es gran cosa. Simplemente escoges tu mejor video. Y así cuando alguien visita tu sitio y tú haces esto, vienen aquí abajo, hacen clic en esto allá, viendo tu mejor video. Esa es la forma en que lo configuraría. Y un poco introduce el concepto de que haces videos y simplemente obtienes, el enfoque debe ser más en conseguir que la gente en YouTube y en tu canal, los videos de Washington. Más que tenerlos como en la página de inicio de tu página web. Ve desplazándote por un montón de videos diferentes y haciendo clic individualmente para ver videos, la gente no hace eso. Entonces sí, eso es básicamente todo. Entonces la forma en que esto funciona ahora si alguien hace clic en esta sección ahí mismo, va a ser una bonita superposición del video en nuestra página web. Ok, y así vamos a seguir adelante y dar click en Actualizar. Muy bien, fantástico. Entonces ahora todo está guardado y eso es todo. Entonces así es como como añades una galería de imágenes y algún texto a tu What seat. Ahora quiero agregar una imagen similar a otra para especie de romper el diseño. Entonces lo que quiero decir es como abrimos el sitio, conseguimos esta bonita imagen arriba ahí arriba párrafo y luego una bonita, otra sección de texto e imagen justo aquí. Ese tipo de introduce los videos de YouTube, por ejemplo. No queremos que sean dos textos, IB versus párrafo, párrafo, párrafo. Queremos tener un poco de diseño para ello, ¿verdad? Y así empecemos. Entonces quiero sólo hacer lo mismo que hice arriba aquí. De acuerdo, solo quiero tener otra imagen y texto sobre la imagen. Y ya te mostré cómo hacer eso. Entonces ya deberías saber lo que vamos a estar haciendo. Entonces otra vez, voy a tener que hacer es empezar con tu rumbo, y así sólo lo arrastramos, el rumbo por aquí. Boom. Ahora agrega texto que estás encabezando. Entonces lo que quiero hacer es un poco laico crear como un enlace de ancla en la página. Por lo que cuando la gente hace clic en el botón Curso arriba allá arriba, bajan aquí a esta sección. Pero primero vamos a crear la sección primero antes de crear la estela de ancla. Entonces esto va a ser para nuestros cursos. Entonces sí, podrías llamarlo cursos, pero como siempre asegúrate de crear copia convincente que atraiga la atención de la gente. Entonces haré algo así como cursos. Eso por supuesto es ese trabajo? Ahí vamos. Está bien. Etiqueta Html, H2. Sí. No quiero centrado. Sí. De acuerdo, estilo. Vengamos aquí, que cambia del azul al negro. Y vamos a la tipografía. Roberto robot. Oh, no, quiero que estemos pop-in así que, ya sabes, con tus fuentes, vale, ella debería tener dos fondos. Tendrías una fuente para ser tus títulos y luego un fondo TB tu párrafo corporal, haciendo que la fuente sea la misma. Pero si vas a tener múltiples fuentes, solo tienes que elegir 21 fuentes para tu, tus títulos y tu menú arriba ahí, otra fuente para el párrafo. De todos modos, ahora es el momento de agregar en una imagen. Entonces sigamos adelante y hagamos eso. Haga clic en los botones justo ahí. De acuerdo, y así otra vez, volvemos al estilo y queremos ir al fondo y queremos sumar en un clásico. Ahora solo quieres volver a subir tu propia imagen. Y así ya he ido adelante y hecho eso. Entonces tengo esta imagen que obtuve de desinteresado, y eso es todo. Y así sigamos adelante e insertemos medios. Ahí vamos. De acuerdo, entonces ahora queremos llegar a los diseños, y ahora queremos cambiar la altura. Entonces quiero quiza encajar la pantalla. No quiero que ocupe tanto espacio como eso es mucho espacio. Yo solo quiero que esto sea una especie de, Es un poco más de baja clave. Entonces es como, digamos,
sí, tal vez así, ya
sabes, algo, algo mínimo. De acuerdo, entonces, hasta ahora luciendo realmente bonito. Ahora, podemos cambiar la forma en que se posiciona esto. De acuerdo, así que déjame simplemente hacer clic en eso. De acuerdo, entonces por ejemplo, nos acercamos al estilo, vale, entonces la posición que queremos, tal vez centro, centro. Está bien. Entonces, ¿por qué queremos eso? Por lo que sólo vamos a ir al default. Nosotros venimos esto, como se puede ver, las imágenes tipo de recorte. Entonces eso se ve simplemente raro. No queremos eso. Entonces queremos ir por aquí y queremos asegurarnos de que sea centro, centro por ejemplo. De acuerdo, veamos esto. De acuerdo, así que sigue haciendo esto donde está repitiendo la imagen. Entonces, ¿cómo lo haces sometiéndolos? ¿ Fácil? Entonces hay que ir a repeticiones y sin embargo decir no repetir. Ok, bueno ahora vamos sólo blanco. Y así queremos tener, queremos que quepa la talla. Ok. Entonces queríamos cubrir ok. Y así es automáticamente un poco, un poco de zoom en la imagen. De acuerdo, entonces ahora queremos echarle un vistazo. Sí, eso se ve bien. De acuerdo, entonces ahora para arreglar esto, si no te gusta con este look entonces consiguió una fuente de imagen más grande, etcétera. Ok, entonces tal vez si no te gusta cómo son dos
recortados así y quieres cambiarlo de nuevo, consigue una imagen más grande entonces, vale, esa es tu única opción. Y así lo voy a dejar así. Creo que eso se ve bien. Ahora, pero no estoy contento con como lo diminuto que es ese texto, hagámoslo más grande así que aquí hace frío. Haga clic en el, haga clic en el icono del lápiz. Ahora estamos editando el encabezamiento. De acuerdo, así que contenido, vaya al estilo, a la topografía. Haga clic en eso. Aquí mismo está el tamaño. Por lo que aquí solo puedes hacer el cambio a tamaño como tú una vez. Entonces lo haré algo así como grande y audaz así. De acuerdo, entonces cursos que funcionan. Entonces bajamos aquí, bajamos aquí. De acuerdo, tal vez eso sea un poco demasiado grande. Lo haremos como, ahí vamos. De acuerdo, ahí tienes. Y se van. De acuerdo, entonces otra vez, puedes jugar con esta sección como quieras. Entonces déjame volver aquí. Y así otra vez, si no quieres que el apego te guste, ya sabes, quieres que se arregle por ejemplo, entonces la gente se moverá y la imagen se mueve en segundo plano. Si quieres hacer eso, de nuevo, solo hazlo cambiando el adjunto fijo. Pero en realidad me gusta un poco la imagen para quedarme quieto para éste personalmente, pero te ayuda a tomar esa decisión por tu cuenta. Pero ahora tenemos una bonita sección y así ahora podemos agregar en C, como enlaces e imágenes a nuestros cursos. Por ejemplo.
13. Uso de enlaces de anclaje: Cómo agregar en enlaces de anclaje en tu página web. Entonces eres como ¿Qué es un enlace de ancla? Y anclar enlaces, uno de esos enlaces donde es como OK, así que cuando está en tu sitio web, boom, hacen clic en los cursos y luego boom, lo lleva aquí de forma automática. ¿ Cómo se hace eso? eso se le llama enlace de anclaje. De acuerdo, así que ahora para empezar con ese elemento o contra mezclas fantásticas, tan fácil, haz una búsqueda de un widget específico llamado Anchor. Entonces el anclaje de menú, entonces solo arrastras eso, arrastra y suelta eso en su lugar. Entonces voy a poner eso justo debajo de los cursos que funcionan. lo que el ID del curso para esto, puedes nombrarlo como quieras. Entonces solo escribiré en curso, literalmente curso. Ahora vamos a dar click en la actualización. Entonces ese es el paso uno. Ok, entonces ahora acabamos de poner el guiño del ancla justo ahí. Y ahora sólo tenemos que vincular esto a
este ancla una sección de guiño ahí mismo. Realmente así de simple. Entonces, ¿cómo se hace eso? Bueno, tenemos que saltar a nuestra cabecera. Así que vuelve a tu elemento o tablero de instrumentos. Tú quieres ir a Apariencia, nosotros queremos ir a. Ahí vamos. Nosotros queremos ir a vamos a ir a la comparecencia allí. Encabezado, pie de página y bloques. De acuerdo, y así ahora tengo mi encabezado de invitación o que creé. Yo quiero ir a Edit. Y luego queremos editar esto con elementos están bien, así que es bueno editar con elementos o y una vez que estás ahí, todo lo que tienes que hacer es encontrar tu botón y luego link te consigue la sección. Ahí vamos. De acuerdo, así que vamos a hacer clic en el botón, dar click en eso. Y así el enlace, el enlace es hashtag. Curso y Muy bien, volvamos a la página de inicio. Por lo que tengo este llamado curso. Ahora para vincularlo como ancla, un tiene que ser hashtag. Por supuesto, así de sencillo. Es realmente así de simple. Y luego seguir adelante y dar click en actualizar. Y sólo asegúrate de que todo esto esté listo y estés listo para irte, ¿de acuerdo? Y eso es todo lo que tienes que hacer para establecer un anclaje enlaces. Por lo que nadie llamado visita tu sitio y tienes un elemento de menú arriba
ahí arriba y ellos hacen clic en él y quieres que vayan a una página específica del sitio. Así es como lo configuraste. De acuerdo, así que ahora que creamos una sección like a para cursos, ahora manda a subir nuestros cursos por ejemplo, lo que podrías hacer, por ejemplo, si tuvieras como un curso Udemy o Scotia núcleos son núcleos enseñables, por ejemplo, se podría poner una miniatura y luego lo que yo haría es ponerme como un título rápido. Entonces, por ejemplo, solo abramos un sitio web, creemos Peru.com. Entonces la forma en que me gusta estructurar imágenes como esta donde me gusta que la imagen y luego rápida y al punto no zonas súper palabradas como puedes ir con como un título y solo un título, una imagen o un título. Y luego en párrafo que explica de qué se trata la imagen. Eso tiene sentido. Ahora bien, lo primero sin embargo, quiero arreglar los dos i, porque tenemos este enlace ancla ahí, se
puede ver eso es algo así como empujar el texto hacia arriba. Y así es como, estoy un poco quiero el texto un poco más censurado. ¿ Cómo se hace eso? Bueno, ya sabes, sólo
tienes que hacer esa cosa del espaciador. Entonces ahí vamos. Ponga eso justo ahí. Está bien, ahí vamos. Entonces ahora, ahora esto se centra una vez más en el medio. ¿ De acuerdo? Entonces solo, si solo te estás preguntando, como cómo muevo eso,
vale, y eso es todo lo que tenemos que hacer. Entonces, de todos modos, agreguemos algunas imágenes. Por lo que quiero dar click en este signo más. Y ahora tienes un montón de bloques diferentes. Entonces si vengo aquí a bloques y ellos escriben en imagen, tenemos muchas opciones diferentes. Tenemos WordPress, tenemos carrusel de imagen, que es esta imagen de cuadro de imagen de galería básica. Yo personalmente, sólo voy a usar la imagen básica vieja porque eso sólo me permite tener un poco de imagen y luego agregar un texto, etcétera. No necesito un carrusel. No estoy agregando en una galería, así que eso no es lo que quiero. Entonces voy a ir con como una grilla tres por tres aquí mismo. Entonces. Da click en tres casillas ahí mismo. De acuerdo, entonces ¿qué quiero agregar? Yo quiero agregar en una imagen, solo una imagen llana vieja. Simplemente haremos eso. De acuerdo, arrastra y suelta eso. Ahí. Ahí vamos. De acuerdo, entonces ahora solo necesitamos agregar en nuestra imagen. Entonces vamos aquí a elegir Image, ¿de acuerdo? Y voy a subir esta imagen, insertar medios. Ahí vamos. De acuerdo, así que vamos a seguir adelante y dar click en este. Vuelve a hacer lo mismo. Ve a la imagen, arrastra y suelta eso, y haremos click en Elegir imagen y déjame solo subir esta imagen
Tengo un montón de imágenes con perros. De acuerdo, ahí tienes. Ahora, bueno más. Y haremos imagen, la arrastraremos y la soltaremos. Y de nuevo, elige Image dragon job. Ahí vamos. Y adelante e inserta medios. Boom. Ahora un pequeño consejo es que
vas a tener que asegurarte de que las imágenes sean todas del mismo tamaño. De acuerdo, no estés subiendo una imagen que sea como 1000 pixels por 100 y esta es 800 por 478. Asegúrate de que todos sean del mismo tamaño para que encajen bien en consecuencia. Ahora solo podemos añadir texto,
vale, así que otra vez, muy sencillo. Entonces ven aquí y queremos sumar un poco de Rumbo. Así que solo arrastra y suelta un encabezado. Y así haría esto tal vez como h3 por ejemplo. Y así solo crearemos eso y veremos cómo crear un sitio web o aprender a crear un sitio web. Lo mantendremos simple. En realidad. Crea un sitio web. Crear un sitio web. Ahí vamos. Está bien. Y así nuevamente, a través del mismo proceso, cambia a negro y lo hace legible. Ir al contenido Centro este. Ahí vamos. Y podemos simplemente venir aquí y añadir de nuevo editor de texto justo debajo de esto. Y ahí vamos. Y eso es todo lo que tienes que hacer. Y así solo puedes hacer esto por cada uno de estos artículos y solo tienes que seguir adelante y hacer click, crear un título rápido. Asegúrate de que el título sea como lo que sea esto así debería ser H2. Definitivamente haría este h3 y solo agregaría un poco de título para cada uno y luego un, un párrafo asociado. De acuerdo, así que esto salió bastante bien. Me gustó mucho la forma en que se ve ahora en contra de crear enlaces es muy simple. Sólo tienes que ir al ícono del lápiz. Y por aquí donde dice
enlace, aquí es donde puedes poner en una URL para decir tu curso específico dónde, dónde se encuentra. Nuevamente, puedes bajar al texto otra vez. Y para crear enlaces dentro del texto es muy fácil simplemente
resaltar el texto y hacer clic en este signo de enlace, y eso es todo. Y así también otra cosa es como,
Oh, bueno esto es un poco de tasa de cierre. Estos son un poco los revueltos juntos. Si quieres agregar más espacio, eso también es bastante fácil de hacer. Por lo que sólo tenemos que ir arriba allá arriba al icono de la plaza. Y de nuevo, solo queremos usar nuestro práctico espaciador dandy, pero el espaciador ahí dentro, OK, Así que ahora solo puedes arrastrar y soltar esto en su lugar. Entonces lo que es genial de esto es que solo arrastras y sueltas secciones en su lugar. Y ahí tienes. Entonces ahora tenemos un poco de espacio agradable o una pestaña ahí para dar un poco más de espacio para respirar. Y creo que eso se está juntando bastante bien.
14. Diseño de pies: Está bien, así que aquí está nuestra página web y saber lo principal que nos falta es el pie de página. Entonces, ¿qué es una foto mía? Basta con abrir página web. Gran pro.com. Por lo que el pie de página es la sección inferior del sitio web donde típicamente
tienes como tus términos de uso de la política de privacidad, como un submenú, ese tipo de cosas. Eso es lo que acabas, solo necesitas cosas en el pie de página. Necesitas como tus enlaces de redes sociales, lo que quieras agregar. Y así agregar con elementos o agregar un pie de página con o mentor es bastante fácil. Y es el mismo proceso que seguimos para la sección de cabecera allá arriba. Por lo que de todos modos, fuimos a navegar de nuevo a encabezados, pies de página, bloques, plantillas, y queremos dar clic en Agregar nuevo. Está bien, y así ahora solo voy a llamar a este N TO pie de página. Ahora es el mismo proceso que antes con agregar el encabezado. Pero personalmente recomiendo usar like invite o por ejemplo, porque simplemente vienen con alguna cabeza de pies
de página realmente bonita construida que hacen que como diseñar un sitio web sea rápido y fácil. Entonces de todos modos, lo haremos en lo que es trigo para madurado la carga. De acuerdo, genial, así que sigamos adelante y pinchemos en los elementos de invitación o aquí mismo. Y queremos ir a bloques libres en, después queremos buscar algo que diga pie de página. Y así los pies ahí mismo. Haga clic en esto. Y ahora podemos insertar cualquiera de estas plantillas de forma rápida y sencilla en. Entonces me gusta esto porque como sí, puedes diseñar esto tú mismo o simplemente puedes saltar aquí y simplemente insertar automáticamente un pie de página de tu elección. Entonces me gusta mucho este va a seguir adelante e insertar plantilla. Está bien, y eso se ve genial. Por lo que ahora tenemos nuestros enlaces de redes sociales, tenemos sobre nosotros y tenemos páginas específicas. Y entonces lo que esto significa, podemos entrar aquí y hacer estos pequeños enlaces a gustar nuestra política de privacidad Términos de Uso, etcétera. ¿ De acuerdo? Y así solo vamos a dejar esto como está, vale, y volveremos a editar los elementos específicos de este poquito más adelante. Pero sigamos adelante y pinchemos en publicar. De acuerdo, entonces ahí vamos. Entonces ahora como el pie de página es bueno para ir. Ahora si queremos cambiar elementos específicos de esto, tenemos que hacer clic en este ícono justo arriba ahí. Bajo estilo. Bajo estilo es como donde puedes entrar y cambiar el color de esto y puedes cambiar los enlaces y puedes, ya
sabes, así es como, de nuevo, así es como entras aquí y solo cambias estos elementos. Pero de nuevo, puedes diseñar totalmente esto tú mismo con elemental, pero eso es lo que me gusta de los elementos porque boom, aquí está. Es bueno ir por lo que podemos agregar en nuestros enlaces de redes sociales. De acuerdo, así que de todos modos, ahora volvamos atrás y vamos a añadir salidas usted Dashboard. De acuerdo, así que abramos nuestro sitio web y echemos un vistazo rápido. De acuerdo, así que bajaremos aquí en el pie de página no está ahí. O no. Entonces otra vez, te estás olvidando la última parte. Tienes que agregarla al estado. Entonces por ejemplo, el pie vital de vapor, ¿Qué quiero? Este es el pie de página, de acuerdo. Y así lo que quiero, quiero aplicar a toda la página web. De acuerdo, ahí vamos. Ahora sigamos adelante y pinchemos en Actualizar. Muy bien, vuelve al sitio. Vamos a recargar a este chico malo. Y ahí vamos. Eso es sencillo. Y así que eso se ve bastante bonito donde tenemos un bonito look. Pie de página en la parte inferior de nuestra página web donde podemos agregar en alguna branding, agregando un formulario de email opt-in al pie de página del sitio web. Por lo que muchos, muchos diseños tienen la forma opt-in de IMO como aquí mismo. Y ese es un punto terrible porque como un spot desechable, si vas en serio en conseguir suscriptores de email, quieres agregar un formulario de email opt-in justo aquí arriba del pie de página. Es uno de los spots de conversión más altos para recibir correos electrónicos. Ahora, para agregar un formulario es rápido y fácil con los elementos son
porque, debido a esta fantástica plantilla de bloque de encabezado y pie de página. Entonces, de todos modos, sigamos adelante y sumamos nuevos. De acuerdo, así que ahora voy a llamar a este correo electrónico arriba de pie de página. Ahí vamos. De acuerdo, así que sigamos adelante y pinchemos en editar con elementos o. De acuerdo, entonces ahora tenemos un montón de opciones diferentes aquí. Ahora vamos a estar usando en vodka elementos, pero sólo quiero mostrarte rápidamente por qué tan elementos o sí proporcionan su propia biblioteca de bloques. Pero todo lo bueno es pro, elementos de actualizaciones de
regalos son. Entonces, por ejemplo, venimos aquí a suscribirnos. Todo es pro, pro, pro, pro, pro. Lo mismo con sus encabezados y pies de página. Es por ello que estamos usando y elementos vitales porque podemos sortear eso. Entonces, solo pinchemos en bloques gratis y vayamos a la suscripción Newsletter. Ahora psi nota, absolutamente puedes diseñar cualquiera de estas cosas por tu cuenta. No tienes que usar una plantilla. Simplemente me gusta usar una plantilla porque es simplemente rápido y fácil. Entonces, de todos modos, eso acaba de venir aquí. Tienes muchas opciones que puedes instalar. Yo sugeriría escoger uno que obviamente se funde en su sitio. Y así que déjame solo echar un vistazo rápido. Sí, perfecto. Este se ve muy bien. Entonces déjame seguir adelante y dar clic en Insertar plantilla. Está bien, eso se ve bien. Pero este texto está totalmente apagado, no como el texto se ve bien, pero simplemente no se ajusta a mi sitio de la forma en que lo he diseñado. Y entonces lo que quiero hacer es ir al estilo y la tipografía y exhibición de Playfair. No, queremos Poppins como lo que he estado usando y ahora gris blanco. No, quiero que sea negro. Ahí vamos. Ahora, sino también echa un vistazo a la pestaña Avanzado porque también puedes agregar en efectos de movimiento. No exageres los efectos de movimiento solo se pone molesto para el visitante, pero solo un poco. Así que k como este está configurado para desvanecerse en animación duración normal rápido. Para que puedas jugar con esto. Entonces creo que eso se ve bien. Simplemente déjalo así. De acuerdo, entonces ahora te estás dando cuenta como, oye, ¿dónde está el dónde está el formulario de opt-in? no lo veo en ninguna parte. Donde hay que añadir eso en ti mismo, ok. Porque obtienes formularios opt-in de cualquier proveedor de servicios que utilices. Por lo que este es kit de conversión. Puedes usar lo que quieras, pero esta es mi cuenta ficticia para kit de conversión. Por lo que de todos modos, adelante y haga clic en Crear Nuevo. Y queremos agregar en un formulario, y queremos ir a inline. Y así quieres encontrar un formulario dentro tu proveedor de servicios de email marketing que sea como el más simple, así, bien, en forma básica en línea, sin lujos. Ahora, obviamente puedes editar este formulario, cambié los botones de color como quieras dentro de kit de conversión, pero esto no es un tutorial de conversión kids, así que solo lo dejaré ahí. Esto se ve bien. Hagamos click en embed. Y queremos usar HTML,
no JavaScript, y no Wordpress tú, ¿verdad? ¿ Por qué no Wordpress? Bueno, eso es un plugin de WordPress. No vamos a instalar kits de conversión blog WordPress y sólo vamos a usar HTML. Haga clic en copiar, hacer clic derecho, copiar. Su ego hecho. De acuerdo, entonces ahora queremos navegar por aquí y queremos agregar en un bloque HTML debajo de eso. Por lo que de nuevo, haga clic en las casillas y vaya al HTML. Html, arrástrelo y suéltelo. Suéltala justo ahí. Muy bien, péguela. Y ahí está nuestra forma. Y se ve bien. Así que adelante y dar click en Publicar. Muy bien, genial. Por lo que ahora vamos a salir de nuevo a nuestro Dashboard. Y vayamos a antes de pie de página. Y sólo diremos sitio web completo. De acuerdo, haga clic en actualizar. Ahí vamos. De acuerdo, entonces recarguemos nuestro sitio web. Y ahí tienes. Ok, así que eso es simple. Por lo que ahora tenemos una linda pareja diferentes secciones de nuestros sitios. Y tenemos unas bonitas formas opt-in sentadas justo al pie de página ahí y luego el pie de página en la parte inferior. Y se ve genial. De acuerdo, entonces agregando páginas específicas a tu pie de página. Y así ahora lo que es importante poner en el pie de página son tus páginas legales principalmente, específicamente tu política de privacidad en tus términos de uso. Y así para poder hacer eso con elemento o es muy sencillo, solo
hacemos clic en el ícono del lápiz justo aquí. Y ahora dice lista ítem uno y sílice. No queremos decir List Item uno, queremos cambiarlo para decir otra cosa. Entonces, ya sabes, sólo cámbialo. Literalmente sólo saltando aquí y decir Laika, política de privacidad. Priv un asiento. Ahí vamos. Y entonces, ¿cómo se agrega un enlace? Ahí está la opción de enlace. Y así si saltamos a nuestras páginas con nuestra instalación predeterminada de WordPress, vendríamos viene con una página de política de privacidad, ¿de acuerdo? Y así solo puedes entrar aquí y seguir adelante y publicar esta página. Haga clic en esto, Publicar en, publicar. Ok. Y así ahora tenemos nuestra página de política de privacidad. Venimos por aquí y agrego un link a mi sitio y eso es todo. De acuerdo, déjalo así. Y así ahora tenemos una política de privacidad. Por lo que puedes notar aquí abajo que estamos vinculando a esto. Ahora bien, ¿qué páginas legales específicas necesitas? De acuerdo, entonces tenemos toda una guía en esta web, digamos pro creativo. Vamos páginas. Ahí vamos. ¿Dónde está? Ok en segundo. Ah, oops. Ah, ¿qué más tengo divido mi página web directamente. Ahí vas. Cómo escribir tus páginas legales. De acuerdo, así que ahora no soy abogado obviamente, pero ya sabes, necesitas unas páginas esenciales, así que necesitas una política de privacidad. Y así tu punto de tus políticas de privacidad para decirle a la gente como cuál es
el proceso de recolección de información para tu sitio web, entonces vas a tener que tener unas páginas de términos de uso. Entonces, ¿a qué está accediendo la gente a acatar cuando visite su sitio web? Y quizá quieras incluir una revelación si vas a estar involucrándote en el marketing de afiliados. Por lo que lo has visto cuando estás en un blog post esta post mooc y gire enlaces de afiliados. Por favor lea nuestra divulgación de algún lugar a página que necesita crear. Y así en el Footer, definitivamente recomiendo que tuvieras al
menos tu política de privacidad en términos y condiciones. Y así puedes entrar aquí y solo editar estas opciones como tú una vez, ¿de acuerdo? Y así permítanme simplemente minimizar eso. Y así de verdad, es muy sencillo. Por lo que quieres tener privacidad, otro artículo, otro artículo. Si quieres volver a agregar otro elemento, solo
puedes entrar aquí y luego solo puedes cambiar la biblioteca de iconos para que coincida con el icono de ahí mismo, etcétera. Entonces no es demasiado, no
es demasiado difícil, ¿de acuerdo? Y así puedes eliminar toda esta sección si quieres o editar estos enlaces y convertirlo en un submenú, tal vez convertirlo en tu página Acerca de, contacto, página, lo que sea. Entonces obviamente tus enlaces de redes sociales son bastante autoexplicativos. Entonces venimos por aquí. Entonces, por ejemplo, un Google Plus que ya no existe. Ve y deshazte de eso. Entonces funciona de la misma manera. Por lo que puedes hacer clic en tu Facebook y luego agregar en tu enlace de Facebook justo ahí, etcétera, y dar click en el ícono y mezcla que se abre en una nueva ventana porque está fuera de tu sitio web si eso tiene sentido. Y eso es más o menos. Eso es todo lo que realmente tienes que hacer para esta sección en la parte superior de ahí. Entonces sobre nosotros otra vez, da la bienvenida a la gente al sitio, lo que quieras hacer. Y eso es todo por cómo recomendaría ajustar el pie de página.
15. Páginas esenciales: De acuerdo, así que ahora agregar páginas a tu sitio con Wordpress es muy fácil. Entonces de nuevo, lo que primero tienes que hacer es navegar a las páginas y sólo tienes que ir a Agregar Nuevo. Y así seguí adelante y creé como una página sobre nosotros. Ahora con elemento o tienes que diseñar cada una de estas páginas de forma individual. Por lo que acabo de seguir adelante e hice un sobre nosotros página d rho es una estructura del euro se trata en realidad sólo cambiamos eso y lo hacemos sobre. Ahí vamos. De acuerdo, así que vamos a abrir esta página en. Entonces de nuevo, no te voy a guiar a través de cómo diseñar esto porque acabamos de pasar por cómo diseñar la página de inicio. El proceso es exactamente el mismo. ¿De acuerdo? Entonces otra vez, como tienes que ir solo a editar con elementos son tan rápidos aquí,
o, lo siento, haz clic en editar con elementos. O cuando estás en la página sobre nosotros o cualquier página que estés editando, ya sea la página de contacto del arco, todas esas cosas buenas. Mismo proceso. Y luego vuelves a empezar todo el proceso con una pizarra en blanco. Entonces otra vez, tenemos el título ahí mismo, el título de la página, queremos ocultarlo. Vuelve a hacer clic en el icono de engranaje, título de página alta. Y ahí tienes. Ok, así que solo sigue este tutorial de nuevo porque ahora tienes la capacidad de personalizar el aspecto y la sensación de cada página de forma individual. Y eso es lo que tienes que ver con los elementos están bien. No es que te den un montón de plantillas, ¿de acuerdo? Tienes que diseñar cada página individualmente, pero no es demasiado difícil y te permite divertirte mucho y mucha creatividad. Una vez que realmente entiendes cómo son los elementos funciona, que debes entender. Y así eso es lo que tienes que hacer por cada página adicional en adelante, estar en tu política de privacidad sobre contacto, etcétera. De acuerdo, entonces la última página que te voy a mostrar como agregar es una página de contacto con su propio formulario de contacto dedicado. Entonces sigamos adelante y hagamos eso. Demos click en añadir nuevo. De acuerdo, así que solo llamaremos a esta página la página de contacto. Y lo llamaremos contacto. Está bien. Haga clic en publicar. Ahí estamos. De acuerdo, entonces ahora necesitamos tener un formulario de correo electrónico. Por lo que tenemos que tener otro plug-in para esto. Y plug y me gusta mucho es WP formularios. Por lo que iremos a plug-ins, iremos a Agregar Nuevo, y luego quieres buscar formularios WP. Ahí vamos. De acuerdo, esto es WP Forms. Haga clic en instalar y haga clic en activar. Y aquí vamos. Entonces esta es una pequeña introducción rápida a los formularios del WB. Quieres seguir adelante y dar click en este botón donde dice crear tu primer formulario. De acuerdo, entonces ahora tenemos un montón de opciones diferentes con plantillas, queremos simplemente crear un formulario de contacto simple. Ok, entonces aquí está nuestro sencillo formulario de contacto. De acuerdo, así que quiero cambiar esto. No quiero tener que poner a la gente en su nombre y apellido. Por lo que sólo queremos cambiar esto a formato sencillo. Por lo que tenemos nombre, correo electrónico, mensaje. mí me parece bien. Ahora pasamos a la configuración. Y ahora la configuración es que se puede, donde se puede cambiar el nombre del formato, convertirse en notificaciones. En Notificaciones, desde la dirección de correo electrónico, se lo va a enviar a tu email de administrador. Ahora si quieres cambiarlo por otra cosa, tendrás un correo electrónico diferente. Sea lo que sea, aquí es donde se puede ingresar ahí mismo. Pero como, como por defecto, va a aparecer como correo de administrador. Y ahora asunto de correo electrónico será nueva entrada, sencillo formulario de contacto. Entonces eso significa que cuando alguien te envía un correo electrónico, se le ocurrirá esta entrada. Está bien. Para que puedas cambiar esto algo más personalizado como mi sitio web, formulario de correo electrónico, lo que sea. Entonces pero ya sabes, cuando alguien te envió un correo electrónico, de todos modos, para incrustar, el formulario es fácil. Se hace click en embed. Ahora seleccionamos la página existente, creamos una nueva página. También puedes incrustar el formulario manualmente o usar un código corto. Y así quiero usar un código corto. Y así vamos a resaltar este código ahí mismo. De acuerdo, estamos de vuelta. Esto respaldará esto. En realidad, ya sabes, tenemos que ahorrar. Asegúrese de que el Guardar el formulario. Ahí vamos. De acuerdo, así que ahora nos acercamos a las páginas y queremos venir a nuestra página de contacto que acabamos de crear. Haga clic en editar. Correcto. Ahora. Ahí vamos. Ahora asegúrate de hacer click con editar con elementos o bien. Y que se cargue. Oh, está bien, así que esto se ve bien. Así que déjame seguir adelante y hacer clic en el icono del engranaje. Déjame seguir adelante y ocultar el título de la página. Ahí vamos. De acuerdo, entonces lo primero que quiero agregar en un par de formas diferentes. Por lo que voy a hacer clic en elemento a elemento entra biblioteca. Y vamos a dos cuadras. Y me gustó mucho este bloque. No sé por qué me gusta, pero me gusta chispar mucho. Entonces solo voy a seguir adelante y usar este bloque. Ok, entonces yo solo puedo ocuparme de esto y nosotros solo, Ahí vamos. De acuerdo, déjame llamar a esto. Necesidad de ponerse En Contacto. interrogación. Entonces obviamente este es el título de la página. Entonces esto no debe ser h4, eso debe ser h uno. De acuerdo, entonces de nuevo, solo puedes ajustar este texto según sea necesario. Está bien. Entonces sí. Oye, gracias por tu interés en la página web. Me enorgullece los correos electrónicos y de 24 a 48 horas, bla, bla, bla, etcétera. Y así ya no necesitamos esto leer más Enlace. Podemos deshacernos de eso. De acuerdo, y entonces ahora ¿qué necesitamos? Simplemente necesitamos agregar en otro bloque para habilitar nuestro código corto. Pero solo tienes que hacer es volver a hacer clic en el pequeño icono de la plaza. Y luego quieres buscar algo que diga código corto. De acuerdo, ahí vamos, código corto. Tomemos esto, arrástrelo y soltémoslo ahí mismo. Voy a dar click derecho en pegar. Y ahí vamos. Y ha aparecido nuestra forma. Y ahora esto se ve fantástico. Y así de nuevo, si quieres ocultar este formulario de
email opt-in en la página de contacto, puedes hacerlo. Tan solo necesita entrar en lo anterior la sección de pie de página que
editaste esto y solo convertirlo en una regla para que esto se haya escondido en la página de contacto. Pero si no es gran cosa para ti, solo déjalo así. Y ahí tienes. Acabas de crear una página de contacto de aspecto agradable de forma rápida y sencilla. Vamos a seguir adelante y haga clic en actualizar las pruebas de ventilador. De acuerdo, así que vamos aquí. Salgamos a nuestro tablero de instrumentos. Ahora queremos editar a nuestro menú en la parte superior. O puedes ponerlo en el pie de página. Depende totalmente de ti. Entonces, de nuevo, te acabo de mostrar cómo editar las cosas en el pie de página. Pero si queremos agregar algo a ese menú, de nuevo, hay
que ir a la apariencia, ir a los menús. Y luego puedes agregar en como contacto y nuevo. De acuerdo, para que podamos ajustar esto yo, eso, boom, click en guardar menú. De acuerdo, así que abramos nuestra página web una vez más. De acuerdo, y así hemos agregado exitosamente contacto a nuestro menú arriba allá. Ahora dentro de esta sección de menú, mira cómo puedo tener un así. Lo que eso hace es que crea un desplegable. Entonces solo tengo curiosidad, como ¿cómo creo un desplegable? Puedes crear desplegable haciendo esto. Por lo que debajo de casa será un enlace desplegable para contacto y blog. En general, me alejo de los dropdowns siempre que sea posible. Entonces depende de ti, pero así es como lo harías. Y eso es todo. Y así es como añades cosas nuevas a tu elemento de menú.
16. Toques finales: Cómo agregar Google Analytics a tu elemento son sitio web powered. Entonces estoy asumiendo que ya has creado una cuenta de Google Analytics si aún no lo has hecho así que tienes que ir a Google Analytics. De acuerdo, se llama Google Analytics. Crear cuenta. Es bastante autoexplicativo, pero quieres llegar a esta página, algo así, dependiendo cuando
veas este video donde necesites obtener el código de seguimiento. ¿ De acuerdo? Y así que quieres bajar aquí y quieres conseguir los guiones, vale, toma esta copia. Ahora necesitamos poner este script en el encabezado de nuestra página web. Y así para hacer eso, definitivamente recomiendo instalar otro plugin. Entonces vamos a plug-ins y vamos a añadir nuevos. De acuerdo, entonces ahora queremos instalar encabezados y pies de página. De acuerdo, entonces inserte encabezados y pies de página. Aquí vamos. Este es el que queremos. Así que adelante y haga clic en Instalar y haga clic en activar. De acuerdo, así que ahora estamos bien para ir sue, solo navega a la configuración y luego haz clic en Insertar encabezados y pies de página. Ahora me encantó mucho este plugin porque es solo punto tan simple. Entonces scripts en encabezado, vale, entonces Google analytics va en tu encabezado. Entonces eso es todo lo que necesitas hacer. Hecho. Eso es todo. Y sigue adelante y haz clic en Guardar. Y acabas de tener éxito en un Google Analytics. Ahora una vez que hayas añadido Google Analytics, podrás verificar tu sitio web con Google Search Console. Así que simplemente navega a Google Search Console e inicia sesión Search Console usando el mismo correo electrónico con el que tienes tu cuenta de Analytics. Y eso es todo. Y así debe verificar que tu sitio web en Google Search Console es realmente potente porque te da mucha información
específica sobre cómo tus sitios web se clasifican en índice dentro de Google, etcétera. Entonces, de todos modos, así es como añades analíticas a tu sitio web y cómo agregar botones de uso compartido social a tu sitio web. Por lo que un servicio que me gusta personalmente se llama añadió esto. Entonces solo tienes que ir a agregar esto en log n. ok, vas a tener que crear una cuenta, crear un do lo que necesitas hacer. Ahora, una vez que estás dentro, lo único que tienes que hacer es navegar a donde dice Herramientas. Y ahora queremos seguir adelante y dar click en añadir una nueva herramienta. Y podemos querer agregar botones de compartir. Hagamos eso. Y ahora aquí es donde puedes ajustar qué son los botones de compartir social. Aparece puedes tener en línea o puedes tener flotante. Vamos a hacer pie. Entonces sigamos adelante y continuemos. Y quiero seleccionar los botones. Entonces tal vez quiero que Pinterest lo mueva ahí arriba. Por lo que tenemos anchos de Facebook, Twitter, Pinterest. Deshazte de añadir esto. Y vamos a deshacernos del correo electrónico y quedarnos con estos tres. Eso se ve bien. Adelante y lo siento, sigamos ajustándonos. Por lo que los botones móviles grandes, quiero que sean pequeños. De acuerdo, entonces eso significa que cuando alguien está en un dispositivo móvil, los botones aparecen en la parte inferior del sitio web. Simplemente puedes apagar esto por completo si quieres. Entonces bajamos aquí a la Escuela aquí a tres colores. Está bien. Tan muy bueno. En el móvil al fondo u esconderse, bien. Si no los quieres para nada. Y así lo dejaremos así. Tres k, Esto muestra cuántas acciones sociales por cada ítem. Y así cuenta de acciones, probablemente lo dejo como diez. Y así no muestres un número a menos que sea diez o mayor, o podrías cambiarlo por lo que quieras si quisieras ser como 50, lo que sea. Entonces, de todos modos, una vez que hayas terminado, sigue
adelante y activa herramienta. Haga clic en activar herramienta. Ahí vamos. Entonces eso es todo. Ok, así que sigamos adelante y volvamos allá atrás. De acuerdo, vamos a la configuración. De acuerdo, ahora necesitamos conseguir el código. Ahí vamos. De acuerdo, baja aquí y todo lo que necesitas hacer es resaltar este guión. Copia. Ahora queremos volver a nuestros encabezados y pies de página. Por lo que acabamos de hacer esto para Google Analytics. Por lo que ahora queremos poner esto en el pie de página de nuestra página web. Así que adelante y haz eso y haz click en Guardar. Muy bien, así que volvamos a nuestra página web, volveremos a cargar la página. Y ahí vamos. Por lo que acabamos de agregar exitosamente botones de social share a nuestra página web. Y Laszlo solo se asegura de que tu sitio web se vea bien en el móvil. Y así por ejemplo, lo que ha venido aquí a la página web great pro.com. Si voy a hacer clic derecho, voy a Inspeccionar. Ahora esto está listo para parecer un teléfono. Está bien. Y así solo quieres pasar y asegurarte de que todo esté en su lugar, se ve bien, Nada es raro. Y así con elementos o se puede hacer eso también. Entonces lo que no necesitaba hacer es bajar aquí, ¿verdad? Y ve al modo responsive. Ahora aquí puedes seleccionar tablet o móvil en general. No te preocupes demasiado por la tableta, pero definitivamente como el 50% o el tráfico va a ser un móvil, y eso es todo. Y así quieres solo echar un vistazo rápido. Ahora, siempre que edites algo ahora solo
va a ser afectado por el móvil si eso tiene sentido. ¿De acuerdo? Porque tú ahora tenemos el móvil encendido. Entonces, por ejemplo, si vengo aquí abajo y diremos como cursos en el trabajo, estoy como, Oh, en realidad eso es un poco demasiado grande y quiero venir aquí. Y quiero venir al estilo, tal vez en buena tipografía y tal vez hacer ese tamaño un poco, poco más grande, como sea eso. Y quizá me guste eso. Está bien. Es, esto sólo se aplicará a la versión móvil de tu sitio web y así no se aplicará al escritorio. Entonces si regresas y vas al escritorio, no lo cambiará. Entonces es solo, solo estás cambiando las cosas en el móvil. Entonces por eso solo quiero pasar y solo asegurarme de que todo se vea bien, todo está en su lugar, Nada es raro. Nada está fuera de lugar. Y eso es todo.
17. Blogging con la versión gratuita de Elementor: De acuerdo, entonces la página del blog en tu página web, esto es lo único que ponen detrás del paywall. Entonces por eso dije en el inicio mismo del tutorial que este tutorial es un trato. Si quieres usar la versión gratuita de los elementos están en tu Ku que está editando individualmente cada página. Por ejemplo, como la página de contacto,
página de inicio Acerca de la página y simplemente agregar elementos en bloques a la página y hacer lo que quieras. Los elementos son, es fantástico, pero para bloguear, es bueno para bloguear, pero no la versión gratuita porque simplemente, ponen esto detrás del paywall. Entonces no se puede ajustar esto, así como se ve. Estás atascado con esto. No intentes como si no hubiera nada que puedas hacer. Aunque vengas aquí y hagas click en editar con elementos o vas a recibir un error. Entonces aquí vamos, lo siento, no se encontró
el concepto, así que damos click en Saber más. Y así algunas, algunas, algunas personas con las que he trabajado, o conoce mis brokers de sitio. No, no, no, solo estás usando la versión gratuita. Entonces aquí mismo o estás intentando editar la página del archivo del blog o la página de inicio que muestra las últimas entradas. Estas son páginas archivadas y sólo pueden
editarse íntimamente con los pros, la función LM. Y así eso significa que tienes que tener elementos son pro, que es que tienes que pagarlo. Y así es que por eso eres un poco justo, otra vez, por eso dije que estás atascado. Y entonces las publicaciones de blog individuales se ven así y eso no es el, no lo peor. Está bien. Se ve bien. Es decir, puedes arreglarte, pero de nuevo, no
es si realmente quieres un blog, si eso es realmente importante para ti que las actualizaciones los elementos son pro. Pero de nuevo, como dije en el principio mismo, si estás bien con igual que diseñar individualmente cada página y quieres ponerte muy creativo. Deberías tener la habilidad ahora porque acabo de mostrarte cómo editar un encabezado, cómo editar un formulario de email opt-in, editar el pie de página. Ahora eres reinado libre sobre el área constante de tu página web. Y así de todos modos, eso es todo para este tutorial.
18. Conclusión: De acuerdo, eso es todo para este curso. Espero que lo hayas disfrutado y espero que tengas mucho valor fuera de ella. Espero que tengas un fuerte entendimiento sobre cómo elementos o funciona para
que puedas usarlo en diseño cualquier tipo de sitio web que una vez de todas formas, solo
quería decir un rápido gracias por inscribirse y tener un buen día. Adiós adiós.
David Utke, Web Pro and YouTuber
