Crie um site de marca profissional com uma chamada para ação clara

1. 1. Introducción: Bienvenido a mi curso de compartir habilidades, mi nombre es David, y voy a guiarte a través del paso uno a paso hecho, cómo crear un sitio web profesional de alta conversión muy hermoso en Blog usando el tema 2024 de Wordpress. En este curso, voy a cubrir todo lo que necesitas saber. Eso significa que te voy a mostrar cómo obtener un nombre de dominio, en un registro de nombre de dominio, cómo obtener una cuenta de alojamiento web, cómo instalar WordPress, y luego cómo diseñar tu sitio web en Blog con el 2024. Las características clave de este diseño son enfocarse en una página de inicio de alta conversión con un claro llamado a acción que dirige al visitante final a un imán web que ayuda a hacer crecer su lista de correo electrónico pueda vender productos y servicios. También te mostrará cómo diseñar varias páginas para tu sitio web, cómo bloguear con este tema, cómo editar el encabezado, el pie y todos los demás pequeños elementos de diseño que necesitas conocer. Entonces, si has estado buscando crear un sitio web y blog profesional de alta conversión muy bonito con un claro llamado a la acción, este curso es para ti. Si estás listo para comenzar, comencemos. 2. 2 descripción del sitio: El sitio web, te voy a mostrar como hacer. Entonces el objetivo no es enseñarte a hacer este sitio exacto. Es solo para mostrarte cómo editar y ajustar diferentes aspectos del sitio para que puedas lograr un resultado similar. Específicamente, como, cómo haces una sección de ofertas en la parte superior de tu sitio web con una bonita etiqueta H one title, un bonito botón grande tiene un poco de animación asociada a él, un video de ventas por ahí, vendiendo Oma para ayudar a vender a la gente sobre por qué quieren aprovechar la oferta gratuita. Cómo agregar una copia de ventas adicional al diseño de tu sitio, agregar una entrada de blog, una llamada final a la acción, cómo editar y ajustar el pie de página, cómo agregar enlaces internos, externos, cómo ajustar este menú en la parte superior allí, agregar un botón, crear un logotipo, agregar un favicon y ajustar las páginas de tus publicaciones de blog, así como tu publicación individual de blog, todos esos pequeños detalles que necesita saber para diseñar un sitio muy efectivo que es de alta conversión con este tema gratuito. De todos modos, comencemos. 3. 3 nombre de dominio: A mi laptop. Empecemos. Entonces, el primer paso para crear un sitio web con el tema 2024 de WordPress es registrar un nombre de dominio. Si bien puede obtener un nombre de dominio en un host web, le recomiendo encarecidamente que use un registro de nombre de dominio dedicado. Obtendrás mejores precios, para quién es protección, y tarifas de renovación más bajas. Ahora, personalmente uso y recomiendo Namecheap. Ahora, para empezar con Namecheap es muy sencillo. Todo lo que tienes que hacer es escribir el nombre de dominio que quieres registrar en esta casilla y luego hacer clic en Buscar. Bien, entonces después de que hayas ingresado tu nombre de dominio, sigamos adelante y hagamos clic en este botón Big Red Fantástico. Por lo que el nombre de dominio surgirá ya sea que esté o no disponible para registrarse. Ahora bien, si no está disponible para registrarse, eso significa que tienes que subir aquí y encontrar una combinación de palabras diferente. Ahora, definitivamente sugiero conseguir un.com si este es tu primer sitio web. Pero si tu nombre de dominio está disponible, simplemente haz clic en el botón agregar dos tarjetas. Ahora, puedes ignorar todas estas rebajas por aquí, y luego simplemente puedes hacer clic en el botón Pagar Y es realmente así de simple. Entonces ahora estamos en la página de pago, así que tenemos nuestro registro de nombre de dominio. Ahora lo genial de un registro de nombre de dominio es que puedes registrar tu nombre de dominio hasta diez años por un precio bajo, obtienes gratis su protección. Entonces nosotros La protección es muy importante porque cuando registras tu nombre de dominio, sí tienes que proporcionar información precisa sobre quién eres, como tu nombre, correo electrónico, dirección, número de teléfono, información sensible, y así DomanDamePrivacy solo mantiene toda esa información privada, por lo que definitivamente quieres tener Ahora, vas a querer hacer clic en Confirmar pedido cuando estés listo para registrar tu nombre de dominio, y vas a tener que crear una cuenta de Namecheap y luego agregar toda esa información adicional como tu nombre, correo electrónico, número de teléfono, etc., así como simplemente crear una cuenta para así como simplemente crear una cuenta Entonces, cuando estés listo para continuar, haz clic en Confirmar pedido. 4. 4 hosting: Es hora de conseguir hosting. Entonces necesitas un proveedor de alojamiento web para poder tener un sitio web. Y en este tutorial, voy a estar usando Hostinger Ahora, me gusta mucho Hosting herer porque son muy rentables y amigables para principiantes, y son ideales Si recién estás comenzando, necesitas un plan básico de web hoosting de calidad Además de eso, también son recomendados por Wordpress aquí mismo. Entonces son un proveedor de alojamiento web de calidad con un gran precio. Ahora puede hacer clic aquí para reclamar el trato, pero hagamos clic aquí para hospedar. Queremos alojamiento web, ¿de acuerdo? Y así esta es la página de alojamiento web aquí mismo. Vamos a desplazarnos un poco hacia abajo. Tienes un par de planes diferentes, negocios premium, Startup en la nube. A mí me gusta el plan de negocios personalmente. ¿Cuál es la principal diferencia entre estos dos? Bueno, obtienes 100,000 visitas mensuales por aquí, y obtienes una CDN gratis Por lo que CDN ayuda a acelerar tu sitio web. Entonces eso es bastante útil. Pero el plan premium está bien. Si vas al plan premium, quieres actualizar al plan de negocios, puedes hacerlo. Pero la diferencia de precio es tan pequeña, probablemente solo iría con el plan de negocios. Así que simplemente haz clic en este plan Elegir. Y por último, todo lo que tienes que hacer es completar tu pedido. Entonces no voy a insultar tu inteligencia y mostrarte cómo pagar por algo en línea Solo algunas cosas clave a las que quieres prestar atención ya que estás en esta página. Ahora, obtienes una garantía de devolución de dinero de 30 días. Y justo aquí abajo con Business web hosting, tienes el periodo de tiempo. Entonces tienes 48 meses puedes cambiar esto a 12, 24, 48 o un mes. Personalmente ir año tras año tras año. Puedes tomar una decisión si esto es por ti o no. Obtienes un nombre de dominio gratis si compras alojamiento web por un año o más. Ahora, el problema con el nombre de dominio gratuito es es gratis el primer año, pero luego después de eso, hay que pagar las tarifas de renovación, razón por la cual me gusta Nombre jeep porque Namecheap tiene tasas de renovación más bajas, y puedes registrar un nombre de dominio hasta con diez años Por eso personalmente me gusta mantener mis servicios separados. En fin, es justo aquí abajo. Puedes crear tus cuentas. Puedes seleccionar tu opción de pago y luego navegar aquí abajo con un código de cupón, y podemos usar la web P. Haz clic en Aplicar, y eso también ahorrará dinero. Y luego, cuando esté listo para comprar, haga clic aquí para enviar un pago seguro, y ya está listo para comenzar. 5. Configuración de 5 sitios web: Bienvenido a HostingR Así que ahora es el momento de instalar WordPress Entonces, una vez que firmas en Hostinger y pasas por el proceso de incorporación, creas tu cuenta, vas a recibir un montón de Y así es como se ve inicialmente el tablero. Entonces vas a tener tus acciones de cuenta y podrás configurar tu hosting. Así que comencemos. Así que tengo mi negocio publicando en la web aquí mismo. Sigamos adelante y hagamos clic en Configuración. Y te va a dirigir a un proceso de incorporación. Así que haz clic aquí para crear un sitio web, luego haz clic en Siguiente. Ahora bien, este proceso de incorporación es muy útil si no tienes ningún tipo de video tutorial, pero debido a que tienes este video, solo vamos a estar dando click en Skip Y entonces vamos a estar usando un sitio web que ya poseemos. ¿Bien? Así que registramos nuestro nombre de dominio en Namecheap. Entonces, ¿qué tienes que hacer? Tienes que poner tu nombre de dominio aquí mismo. Así que déjame navegar por aquí hasta Namecheap. Este es el nombre de dominio que voy a usar voghow.com Entonces déjame escribir eso en voghow.com. Y aparecerá debajo de que esto ya se ha registrado registrado en otro proveedor. Ahora, de nuevo, debido a que te registraste para una cuenta de hosting de un año o más, obtienes un nombre de dominio gratis para el primer año. Entonces si quieres aprovechar eso, puedes hacerlo aquí mismo, puedes hacerlo aquí mismo, pero ya registré este domainame en Namecheap, así que voy a dar Al usar un nombre de dominio, regístrese en otro lugar, necesita conectarlo manualmente a su sitio web. No hay problema. Te voy a enseñar cómo hacer eso. Tarda un minuto. No es nada complicado. De todos modos, basta con hacer clic en siguiente. Pero y ahora podemos seleccionar dónde queremos que esté nuestro centro de datos. Entonces quieres elegir el centro de datos que esté más cerca de donde está tu tráfico. Entonces voy a hacer click aquí para Massachusetts, y vamos a hacer clic en siguiente. Y es inicializar la configuración. Fantástico. Entonces este es nuestro dashboard para hostinger Entonces antes que nada, justo arriba aquí, dice el estado del dominio, no apuntando a nuestros servidores de nombres. Vamos a hacer clic en cómo solucionarlo. Vamos a hacer clic en Empecemos o lo que sea. Y aquí mismo están los servidores de nombres Hostinger. Entonces necesitamos tomar estos servidores de nombres e introducirlos en Namecheap Así que de todos modos, inicia sesión en tu nombre cuentas baratas. Dirígete al nombre de dominio que quieras administrar. Entonces aquí está el nombre de dominio lockow.com. Haga clic en administrar. Entonces te llevará a esta página aquí mismo. Ahora, necesitas navegar aquí abajo , Namecheap, Haz clic en el pequeño menú desplegable. Haga clic en DNS personalizado. Ahora tenemos el servidor de nombre uno y el servidor de nombres dos. ¿De dónde sacamos esa información? Justo aquí. Tan simple como eso. Copia y pega esto en. Boom. Y llévate este. Y ponlo ahí mismo. Y es uno, y son dos. Asegúrate de hacer clic en esta pequeña marca de verificación verde justo ahí mismo. Y fantástico. Por lo que dice que los servidores DNAT pueden tardar hasta 48 horas en surtir efecto Entonces se llama propagación. Nunca lo había visto tomar tanto tiempo. Toma, como, tal vez 10 minutos, tal vez un día para propagarse con cada servidor de nombres en todo el mundo, pero dentro de unos minutos, se vinculará correctamente Así que de todos modos, déjame X lejos de eso. Es tan sencillo como eso. Eso es todo lo que tienes que hacer. Sólo espera. No es gran cosa. Puedes continuar instalando tu sitio web. Sigamos adelante e instalemos WordPress. Así que simplemente configuramos nuestros servidores de nombres para conectar nuestro nombre de dominio en Namecheb a nuestra cuenta de hosting aquí en Hostinger Y ahora solo podemos instalar WordPress. Entonces solo han pasado unos minutos y ese pequeño estandarte ya se ha ido, tan sencillo como eso. Bien, así que hagamos clic aquí en el botón Auto Installer justo ahí mismo, y va a aparecer con algunas opciones diferentes. Tenemos Juma, WooCommerce, Wordpress, queremos Wordpress aquí mismo, así que adelante y da clic en Seleccionar Y luego solo instala WordPress en el nombre de dominio. Entonces el título del sitio web. Así que voy a llamar a este vlog H, y voy a cambiar esto por aquí Y llamaremos a esto en realidad, llamaré a ese vlog, uno, dos, tres, y luego crearé una contraseña Y ahí tienes. Ahora, haga clic en. Una vez que estés todo listo, todo va bien. Haga clic en siguiente. También puedes abrir Advance si quieres por aquí para la ruta de instalación. Entonces si quieres ingresar, lo siento, si quieres instalar esto en el subdirectorio La mayoría de la gente, eso no es obligatorio. Entonces un subdirectorio sería como, quiero instalar esto solo en slash Blog, y luego tal vez usar Juma para el.com, el Por qué esto está por debajo de avanzado. La mayoría de la gente no quiere hacer eso. Quieres instalar WordPress en todo el nombre de dominio. Así que mantenlo simple así. Ingresa nombre de usuario, contraseña, correo electrónico y el título del sitio web. Después haga clic en siguiente. Y por aquí, tenemos la versión de la aplicación, lenguaje, el disspace, todas estas cosas buenas. Simplemente mantén todo tal cual y haz clic en Instalar. Hecho. Es tan sencillo como eso. Tarda un minuto. Entonces Wordpress ha sido instalado, y para acceder a tu sitio web, puedes hacer clic aquí para el panel de administración, se abrirá en una nueva pestaña. Y ahí vamos. Es tan sencillo como eso. El alojamiento hace que este WordPress sea increíblemente fácil de instalar. Así que estamos bien para irnos. Eso es literalmente. Para que puedas acceder a tu sitio de varias maneras diferentes. Puedes iniciar sesión en tu hosting o cuentas, navegar a tu panel luego hacer clic en el panel de administración. Yo personalmente recomendaría simplemente iniciar sesión directamente en su sitio web, así que voy a dejarme mostrarle cómo hacerlo. Así que ya que estás por aquí, solo asegúrate de que todo esté bien. Al igual que el certificado SSL está activo y funcionando. Si no lo es, haz clic en las colillas para reinstalarlo y asegurarte de que todo esté bien. Si tienes algún problema, siempre puedes hacer clic aquí para el soporte de chatbot para hosting y ponerte en contacto con el soporte De todas formas, así que este es tu sitio web. Así que déjame seguir adelante y cerrar sesión . Lo sé, acabamos de iniciar sesión. Déjame cerrar la sesión. Todo bien. Entonces, ¿cómo accedes a esta sección de dashboard aquí mismo? Es muy sencillo vas a tu nombre de dominio, así que el mío es blockout.com Entonces es WP Admin. Abre eso, y eso es esto de aquí. ¿Cómo ingresas ter en tu nombre de años o correo electrónico que acabas de crear y la contraseña que acabas de crear? Entonces déjame seguir adelante y hacer eso. Bien. Y déjame seguir adelante y dar clic en el Iniciar sesión. Y ahí tienes. Así que es tan sencillo como eso ir a iniciar sesión en tu sitio web según sea necesario. Así es como te recomiendo acceder a tu sitio web en lugar de iniciar sesión en tu cuenta de hosting. La mayoría de la gente no hace eso. La mayoría de la gente va a WP Admin e inicia sesión directamente en el sitio web. De todos modos, así es como insall Wordpress con Hostinger. 6. 6 descripción general de wordpress: A WordPress. Tenemos un par de cosas que hacer para limpiar Wordpress en el back end antes comenzar a diseñar nuestro sitio web. Así que comencemos. Hacemos clic en Descartar aquí. Lo primero que queremos hacer es eliminar algunos enchufes diferentes que vienen instalados con nuestro alojamiento de nuestra cuenta. Ahora bien, esto es totalmente opcional hasta usted, pero me gusta mantener todo muy limpio. Entonces tenemos herramientas de IA de hosting, onboarding. Yo sólo voy a seguir adelante y desactivar todos estos. Hacemos clic en Aplicar aquí. Vamos. Y luego puedes hacer click en Eliminar si quieres eliminarlo. También voy a desactivar caché de velocidad de la luz porque un complemento de cachet es esencial ya que estás diseñando tu sitio web y ayuda a acelerarlo porque entrega una versión de caché al visitante final Pero debido a que estamos diseñando el sitio y haciendo muchos cambios, no queremos que nuestro sitio esté en caché ya que lo estamos diseñando Entonces solo quieres desactivar esto, y luego cuando tu sitio esté completamente terminado, estás listo para ir, entonces quieres reactivarlo Déjame simplemente dar click aquí para desactivar eso ahora sigamos adelante y agreguemos un nuevo enchufe por aquí y voy a escribir Rank Math Rank Math es mi complemento SEO favorito personal. Simplemente te da control sobre los títulos de SEO, meta descripción, tres oh uno redirecciones, un montón de pequeñas cosas útiles Así que déjame seguir adelante y dar clic en Instalar aquí mismo, y luego haremos clic en Activar. Y va a dirigirnos a un proceso de incorporación por aquí Si quieres pasar por esto, puedes, pero voy a hacer clic aquí para saltar ahora para poder navegar de nuevo al tablero, y vamos a hacer clic ahí abajo para volver al tablero. Y ahí tienes. Entonces, si quieres volver a esa página, estás como, Oh, David, ¿cómo consigo el Asistente de Configuración ¿Bien? Así que todo lo que tienes que hacer es hacer clic aquí para el Asistente de configuración, y eso te dirige de nuevo a ese proceso de incorporación Bien. Así que de todos modos, lo siguiente que queremos echar un vistazo aquí son los usuarios Entonces por aquí está tu nombre de usuario y correo electrónico que tienes atado a todo, y por aquí está el papel. Entonces deberías tener un rol de administrador. Te darás cuenta de que tengo una pequeña foto mía al lado de esta justo aquí. ¿Cómo funciona eso? Es de un servicio llamado Gravitar. Así que solo puedes firmarlo a Gravitar es de uso gratuito. Después adjuntan un correo electrónico y una foto juntos. Por lo que siempre surge una imagen con el correo electrónico asociado. Entonces así es como se está poblando esto justo por ahí. Y una vez que estés en tu cuenta de usuario, aquí es donde puedes cambiar las contraseñas y agregar una descripción agradable. Por lo tanto, URL de perfil adicionales, información biográfica. Entonces esta es esa pequeña sección cuando ves en un blog donde ves David le gustan los largos paseos por la playa, ese tipo de cosas. Pones eso aquí mismo. Entonces puedes generar una nueva contraseña ahí abajo también. Y luego tenemos instalado el rango Math. Entonces ahora podemos cambiar la forma en que el fragmento busca para el autor Entonces el autor es el título del autor ahí mismo. Entonces por eso me gustan las matemáticas de rango. Pero de todos modos, eso es lo que haces con los ajustes de aquí Así que déjame salir de esto. Y sigamos adelante y agreguemos un nuevo usuario solo para mostrarte los diferentes roles que puedes crear. Entonces por aquí, tienes diferentes roles, tienes suscriptor, colaborador, autor, editor, administrador. Esto es útil cuando traes escritores y personas adicionales solo para publicar contenido en tu sitio web. No se quiere dar acceso al administrador de personas. Por lo general, se quiere agregar en un autor o un editor porque esos tienen diferente acceso al sitio. Así como un editor puede editar todas las piezas de autor de contenido. El autor solo puede editar su propio contenido. Así que puedes buscar esto por tu cuenta, pero por eso querrías tener diferentes roles. Si tu sitio alguna vez crece, quieres atraer a más personas. Tipo de cosa. Bien, así que de todos modos, hagamos clic aquí para ver la configuración Sí, ahora no quiero dejar esta página. Bien, así que aquí está el título del sitio y el lema Esto no es realmente tan importante. Así que solo puedes dejarlo como está. El icono del sitio es el Fabcon. Entonces puedes hacer clic en elegir un ícono de sitio y ese es este pequeño favicon de ahí mismo Entonces por aquí, tienes tu URL de WordPress, dirección del sitio, y ya estás listo para ir. Eso es realmente todo por aquí. Ahora vamos a dar click en la lectura. Y por aquí en lectura, tienes tu entrada de blog muestra la mayoría de las publicaciones a veces, feed de sindicación muestra Así que solo quieres quedarte todo según sea necesario por aquí y escribir solo cosas básicas por allá. Nada que mencionar realmente. Déjame dar click aquí. Ahora bien, esto está bien por aquí. Tienes configuraciones de discusión si vas a habilitar los comentarios en tu sitio. Pero el realmente importante de aquí es el permink al que quieres prestar atención Ahora, por defecto, Wordpress ahora tiene postname como la estructura de URL predeterminada, y es aceptable Entonces va a ser website.com slash TPV Title. Personalmente me gusta bastante. Otra estructura que me gusta sería agregar en la categoría si quieres. Entonces no tendría categoría primero. Tomaremos eso y lo pondremos ahí mismo. Para que puedas tener categoría. Ahí vas. Categoría, nombre del puesto, si quieres. Pero personalmente uso el nombre de la publicación yo mismo. Pero si tienes un sitio web realmente grande, y vas a tener categorías y subcategorías específicas en esta estructura de URL es bastante útil Pero para el 99% de las personas, nombre de la publicación es todo lo que necesitas, así que mantén todo como está aquí. Pero si alguna vez quieres cambiar la estructura de URL, aquí es donde lo haces, pero definitivamente te sugiero que elijas una estructura de URL y te quedes con ella. No lo cambies más tarde. Bien, así que de todos modos, eso es realmente solo la descripción básica de las cosas que necesitas saber con WordPress ahora queremos navegar por aquí a la apariencia y los temas Ahora quieres que el tema 2024 esté activado. Tienes el tema 2023, 2022 por aquí. Así que solo quieres asegurarte de que este tema es el que está activo. También puedes seguir adelante y eliminar estos temas también si quieres. Puedo hacer clic aquí y hacer clic en Eliminaciones. Haremos clic en Bien, luego haga clic aquí, haga clic en Eliminar y luego haga clic en Bien. Y luego solo tenemos el tema 2024. Ahora estamos listos para diseñar nuestro sitio web. 7. 7 editor de sitios completos: Comencemos a diseñar nuestro sitio web con el tema 2024 de WordPress. Antes que nada, sigamos adelante y echemos un vistazo a nuestro sitio web. Haga clic aquí donde está el logotipo. Haga clic en Visitar sitio. Boom. Deberían abrirse aquí mismo. Ahora, por defecto, esta es una página de inicio bastante buena. Me gusta mucho, pero vamos a estar diseñando una página de inicio desde cero, no te preocupes, pero déjame mostrarte cómo funciona esto. Una vez que esto esté abierto, puede hacer clic aquí para editar el sitio, luego comenzar a diseñar la página de inicio y cualquier elemento de diseño que vea frente a usted. Si solo quieres abrir el editor directamente, entonces navegas por aquí hasta la apariencia. Después haces clic en Editor. Ahí vamos. Esperemos a que eso se elude. Y si, Bien, entonces ahora el sitio se está cargando. Entonces por aquí, tenemos un par de opciones diferentes. Entonces tienes tu navegación. Tu navegación es este elemento ahí mismo. Entonces dice que la lista de páginas no puede recuperar páginas. Eso es porque aún no hay páginas. Así que no te preocupes. Pero cuando publiques una página como sobre contacto, etcétera, se rellenará automáticamente arriba allí, y veremos cómo editar esta sección superior más adelante Tienes tus estilos ahí mismo. Entonces, por defecto, esto viene con un montón de paletas diferentes en las que simplemente puedes hacer clic y cambia los colores Y por supuesto, puedes simplemente personalizar todo tú mismo, los colores que quieras y la elección de fuente que quieras también. Aquí están tus páginas. Así que publica borradores de horario pendientes. Y luego tenemos nuestras plantillas ahí mismo. Para que puedas ver todas las plantillas que están integradas en este sitio que puedes aprovechar. Así que bastante agradable por allá. Luego los patrones ahí mismo. Y los patrones son simplemente secciones de bloques que solo puedes agregar al sitio con solo hacer clic en un botón. Entonces ya ves que está todo cerrado. Eso es porque no puedes ajustarlo, pero puedes agregar en estas secciones o patrones, quieras llamarlo dentro la página específica que estás editando. Entonces realmente no quieres editarlo desde aquí. De todos modos, así es en términos generales, cómo funciona este elemento de aquí Entonces ahora podemos hacer clic en el sitio ahí mismo, y tenemos algunas cosas diferentes. Así que vamos a hacer clic en este justo ahí. Mira cómo es como una cuadra. Entonces a esto se le llama el Editor de bloques. Ahora algunas cosas que debes tener en cuenta al usar el editor de bloques es que quieres hacer clic en esto, ahora estoy editando este bloque. Ahora, si quiero editar un bloque diferente, sólo tienes que hacer clic en él. Así de simple. Y luego quieres asegurarte de tener un par de opciones diferentes arriba aquí, tienes Guardar. Tienes tus ajustes, luego tienes tus estilos. Los estilos son globales. Esto cambia todo en el sitio. Y así este elemento ahí mismo hace lo mismo que la otra sección donde simplemente puedes cambiar automáticamente el estilo ahí. La mayoría de las veces, vas a querer estar aquí en tu configuración y luego el bloque y luego ajustar el bloque específico. Ahora, una vez que tengas un bloque, haremos click en éste. Entonces un compromiso con la innovación y la sustentabilidad. Bien, entonces tenemos estilos, tenemos default. Y con Asterisk, esto es solo un aspecto único de este tema, así que simplemente lo mantendremos como predeterminado Y por aquí, puedo cambiar el color del texto, y el fondo del color. Para el texto, si quiero, tipografía por aquí, tenemos diferentes tamaños con los que podemos jugar Si quieres tener un poco más de control granular, puedes simplemente hacer clic en esto ahí mismo y luego se abre según sea necesario. Entonces las dimensiones están por aquí, así que tienes márgenes de relleno. Así relleno y márgenes, puedes hacerlo ancho o más estrecho si quieres, Avanzado, puedes configurar un enlace de anclaje HTML. Entonces un enlace ancla, qué es eso, si quieres tener un elemento del menú arriba aquí, diremos recursos. El usuario hace clic en los recursos, luego se arrastran a una sección específica la página y no a una página separada Eso es todo lo que es un enlace ancla. Pero la mayor parte del tiempo, vas a estar haciendo clic en un bloque, y vas a estar haciendo clic lejos de eso. Entonces vamos a estar haciendo clic en esta configuración. Entonces vas a estar usando el bloque, luego simplemente cambiando el texto, tipografía de fondo Y con el tema 2024 tiene esta característica de Asterk. Entonces cuando estás diseñando diferentes elementos, como, estás como, por aquí, como, ¿Cómo me deshago de esto? Como, quiero deshacerme del Asterik. No puedo simplemente hacer click lejos y luego apagarlo así con default con Asterk. Así es como funciona. Pero de nuevo, como dije, vamos a estar diseñando una página de inicio personalizada, pero solo te estoy dando una especie de visión general sobre cómo funciona este proceso de diseño. Y así ahí vas. Entonces, haga clic en la W y luego para navegar nuevo al panel del Editor. Y es realmente así de simple. Entonces comencemos a diseñar nuestra página de inicio. 8. Configuración de 8 páginas de inicio: Sigamos adelante y creamos una página de inicio dedicada para nuestro sitio web. Así que para empezar, es realmente fácil. Todo lo que tienes que hacer es navegar por las páginas. Y luego una vez que esto se abra, haga clic en Agregar Nuevo. Ahora, vamos a crear una página y luego configurarla como la página principal, así que realmente no importa lo que titules esto. No sé por qué está apareciendo eso. De todos modos, solo agrega un título. Así que voy a llamar a esta página de inicio. Mantenlo simple. Sigamos adelante y haga clic en Publicar. Haga clic en Publicar. Y tan simple como eso. Ahora hagamos clic en W y naveguemos de nuevo a nuestro panel de Wordpress, y queremos navegar aquí abajo a la configuración. Entonces queremos navegar hacia la lectura. Tu página principal muestra tu última publicación o página astatic. Queremos dar click en la página estática. Y para la página principal, queremos seleccionar homepage o lo que sea que le pase al título de la página no importa. Así que de todos modos, déjame hacer clic en Guardar cambios. Y ahí vamos. Entonces echemos un vistazo al sitio, así que voy a dar click en el logo. Abre esto en una nueva pestaña, y boom. Los r. mira exactamente lo que esperaba. Página de inicio. Entonces ahora podemos usar esto como plantilla en blanco, pero solo hay un pequeño paso adicional que tenemos que hacer. Así que naveguemos hasta nuestras páginas, y abramos esta página. Bien, entonces lo que tenemos que hacer es, ¿por qué vuelve a aparecer eso De todos modos, tenemos que ajustar los ajustes en la parte trasera de aquí Así que tenemos que abrir la página, y luego tenemos que cambiar las plantillas de aquí de las páginas, y luego queremos intercambiar plantilla. Ahora estás como, Bueno, ¿por qué? ¿Por qué quiero hacer eso? Bien, así que vuelve a abrir el sitio y echa un vistazo rápido. Ahora mismo, ¿qué ves? Ves una etiqueta de título H uno al frente y al centro que dice página principal. No quiero esta etiqueta de título H one. No quiero este título sentado en la parte superior de la página y no puedo deshacerme de él. Es como, ¿Cómo me deshago de esto y agrego algo más que sea un poco más convincente y mejor diseñado. Entonces con este tema, es muy sencillo. Todo lo que tienes que hacer es hacer clic en plantillas aquí para ver la página. Entonces quieres hacer clic en Plantilla de intercambio. Ahora, tienes un par de plantillas diferentes. Tienes página con barra lateral, página con imagen, o página, sin título. Queremos página sin título. Después haga clic en Guardar. Entonces debería decir página sin título ahí mismo. Déjame simplemente dar click en Guardar Ahí vamos. Y ahí vamos. Bien, así que sigamos adelante y recarguemos esto. Y ahí vamos. Entonces ahora tenemos una bonita plantilla en blanco para comenzar a editar nuestro sitio web. 9. 9 Crea una llamada a la acción: Agregando un llamado a la acción para nuestro sitio web. Ahora, echemos un vistazo a la página principal. Tenemos una plantilla en blanco establecida, y la forma en que voy a diseñar esta página de inicio, es como una página de ventas para una oferta gratuita. Así que has visto en otros sitios web donde está como, descargar mi libro electrónico, obtener mi lista de verificación, ver mi clase magistral, lo que sea. Vamos a estar diseñando una página de inicio que sea así además blogposts y páginas y el encabezado y el pie Todas esas cosas te mostraré más adelante en el video tutorial. Pero ahora mismo, tenemos que estar sumando un llamado a la acción en la parte superior de aquí mismo. Así que vuelve a navegar a la página que has configurado como tu página de inicio. Después haga clic en el signo más. A continuación, haga clic en Examinar todos. Entonces queremos navegar por aquí a los patrones. Ahora, tienes un montón de patrones diferentes todo sobre banners, llamados acción destacada, así sucesivamente. Si saltas a la llamada acción, tienes un montón de plantillas diferentes por aquí que son bastante agradables. Y en realidad voy a estar usando esta. Este es solo un buen ejemplo para mostrarte cómo editar cosas. Justo aquí, esto se ve bastante bien. Déjame hacer clic aquí para ver la configuración. Ahora que tengo los ajustes abiertos, tenemos este color de fondo. A lo mejor no te gusta este color. Así que asegúrate de tener la imagen o el patrón, quieras llamarlo, seleccionado. Y luego asegúrate de haber seleccionado el bloque. Quieres navegar aquí mismo a los ajustes o los estilos. Y entonces aquí es donde se puede cambiar el color. Entonces quiero cambiar el fondo, y quiero heredar el color del tema Entonces hay blancos, y luego está el color del tema. Entonces me gusta el color del tema que es blanquecino. Me gusta la forma en que se configura esto. Y luego por aquí, esta debería ser tu etiqueta H one title. ¿Por qué tu etiqueta H one title? Porque es el título de la página. Porque de nuevo, recuerda que esta es tu etiqueta H one title, pero el tempo que estamos usando, estamos ocultando el título de la página. Entonces este es ahora el título de la página. Entonces necesitas resaltar esto, cambiar esto a H uno, y sientes que, Bueno, no me gusta lo grande que es eso. Como, no hay problema. Haga clic aquí para obtener la tipografía, y luego puede minimizar esto un poco, encogerlo un poco Entonces puedes cambiar la copia por aquí según sea necesario, aquí mismo y aquí. Ahora, tenemos esta imagen por aquí y puedes reemplazar esta imagen por tu propia imagen. Obviamente, vas a tener que crear una imagen, y ésta debería mostrar lo que va a obtener el usuario final. Sea cual sea tu oferta gratuita, ya sea tal vez un video, un curso, otra vez, clase magistral, tramposo, lista de verificación, lo que sea. Vas a tener que crear un gráfico y agregarlo por aquí. Pero también puedes agregar en un video, que es lo que te voy a mostrar cómo hacer. Podemos simplemente dar click sobre esta imagen aquí mismo. En realidad, déjame seguir adelante y dar clic en Guardar. Y echemos un vistazo rápido para ver cómo aparece esto. Recarguemos los sitios ahí mismo. Y si, eso se ve genial. Quiero cambiar esto para decir un video. Tengo un par de pestañas diferentes ya abiertas para video, así que permítanme simplemente hacer clic en esta imagen y dar clic en Eliminar. Así que solo quita la imagen. Ahora podemos agregar en un video por aquí. Entonces déjame hacer clic en el signo más, y quiero escribir en YouTube, y luego hay un botón de YouTube ahí mismo. Y este pequeño bloque de YouTube. Podemos pegar esto en. Haz clic en Insertar, y haremos clic en Guardar de nuevo aquí. Y ahora recarguemos esto. Sí, y ahora tenemos un video muy bonito ahí mismo. Pero y si eres como, Bueno, no quiero incrustar YouTube o quiero ser un poco más de marca para mi sitio, totalmente bien. Así que definitivamente sugiero usar una opción de hosting alternativo como Vemo o Vemo Vimeo, no Vemo. No enviar dinero. Vmeo o algo así. Si quieres usar YouTube, tal vez puedas hacer que el video no aparezca en la lista, y luego usar un complemento dedicado para Wordpress que pueda ayudarte a marcar el video un poco mejor Entonces, ¿qué enchufe recomiendo? Entonces déjenme cerrar de eso. Haga clic aquí para ver la W, y naveguemos hasta aquí para enchufar o enchufar. Y vamos a añadir un nuevo plugin. Y vamos a agregar en Presto jugador capa Presto aquí mismo. Bien, es el reproductor de video definitivo por reproductor Presto. Bien, entonces a lo mejor ahora se llama el reproductor Ultimate Video. De todos modos, adelante e instala esto. El reproductor de video definitivo para WordPress, de Presto Player Vamos a hacer clic en Activar por ahí. Y bueno. Así que ahora tenemos rango Mathio y Presto player como plugins activos en el sitio Así que ahora necesitamos navegar de nuevo a nuestras páginas. Y vamos a entrar en la página principal, la página que estamos editando por aquí. Y ahora podemos de nuevo, eliminar eso y dar clic en el signo más. Y luego queremos escribir en jugador Presto. Entonces jugador de Presto ahí mismo. Da click en Ns y este es un video de YouTube. Entonces, si estás creando un video de ventas, definitivamente te recomiendo usar VMO Entonces solo porque elimina todo tipo de, me gusta, videos recomendados y todo eso. Pero puedes usar YouTube y usar no listado para tu video de ventas para incitar a la gente a hacer clic en el botón de aquí para descargar lo que estás regalando. De todos modos, déjame tomar esta URL de nuevo y pongamos esa URL aquí mismo Vamos a hacer clic en Agregar video. Y eso se ve mucho mejor. Así que vamos a ahorrar rápido. Y sigamos adelante y abramos el sitio solo para echar un vistazo sí, ahí vamos. Bien, así que todo se cargó correctamente. La razón por la que me gusta el reproductor Presto es porque tienes mucho más control sobre el aspecto, sensación, la marca del video que se está mostrando en tus sitios Entonces si hago clic por aquí, si hago clic por aquí, ahora tenemos el bloque seleccionado, y luego tengo un montón de opciones diferentes para la forma se visualiza este reproductor de video. Configuración de video, silenciado, reproducción automática, tiempo de reproducción por ahí, y luego tenemos predeterminado Puedo cambiar el curso, mínimo, sencillo, YouTube, optimizado. Así que solo hay un montón de ajustes preestablecidos útiles por ahí, marca global de jugadores, para que pueda cambiar el color de aquí para que coincida con el diseño de su sitio y los colores elegidos para su sitio web Entonces de todos modos, por eso me gusta el reproductor Presto porque tienes un poco más de flexibilidad y control sobre cómo se muestra esto en tu sitio Entonces, lo siguiente que debes hacer es, nuevo, para tu sitio, asegúrate de crear algún tipo de video de ventas si vas a estar ofreciendo algún tipo de curso gratuito o lo que sea, y luego tener un buen video, subirlo a Vimeo o YouTube, hacerlo no listado, luego usa Presto Luego cambia la copia por aquí para que coincida con la oferta gratuita. 10. 10 Personalización de la llamada a la acción: Por lo que actualicé la copia para nuestro llamado a la acción. Entonces hice algunas cosas diferentes. Entonces puse en negrita el texto arriba aquí. Agregué en pequeños emojis de marca de verificación para viñetas, por lo que destaca un poco más Y actualicé el botón, así que es un poco más llamativo y cambió el color, así que coincidió con el reproductor de video de aquí Ahora, déjame saltar aquí y solo mostrarte lo que hice. Entonces, cómo resaltar el texto y negrita, solo resalta el texto. Y da clic en el botón B. Eso pone en negrita el texto ahí mismo. Y luego texto párrafo ahí mismo, muy sencillo. Entonces acabo de agregar viñetas aquí mismo. Entonces, literalmente, esto es solo una línea de texto, línea de textos, una línea de textos. Ahora bien, ¿cómo obtuve esta pequeña marca de verificación Emoji? Simplemente busqué en Google la marca de verificación verde Emoji. Y luego me dirigió a Emoji PDA por aquí. Das clic en Copiar, luego haces clic en Pegar, pegar, pegar. Hecho. Tan simple como eso. Entonces justo por aquí, tenemos el botón. Así que hice algunas cosas diferentes por aquí. Lo primero que hice está bajo los ajustes para el bloque, tengo que ser al 100%. Entonces eso sí, hace que el botón sea 100% ancho para rellenar toda esta sección vertical de aquí. Entonces simplemente se ve apropiado. Entonces lo otro que hice fue hacer clic en estilos. Después fui a fondo e hice el color de fondo del botón, emparejé el reproductor de video de aquí, y luego acabo de hacer la tipografía L grande Entonces otra vez, es más llamativo. 11. 11 Finalización de la sección de llamadas a la acción: Bien, entonces este botón de aquí mismo, no va a mentir. Es un poco apesta porque le falta animación. Con botones en tu sitio web, sí quieres tener algún tipo de animación para indicar al usuario final que puede hacer clic e interactuar con este botón. Entonces, si esto fuera capaz de resaltar, oscurecer, levantar, lo que sea, solo hacer algo, eso sería genial Pero desafortunadamente, este es el botón predeterminado con Wordpress, y no hay opciones para tener alguna característica como esa. Así que vamos a tener que instalar un enchufe diferente y crear un botón diferente. Ahora, de nuevo, si estás contento con este botón, estás como, no me importa. Esto está bien para mí. Bien. Genial. Guárdalo. Arriba. Pero para mí, quiero algo que sea un poco más llamativo y dinámico Así que de todos modos, déjame hacer clic aquí. Vamos a hacer clic en la W, y vamos a navegar por aquí a Plugins. Y voy a añadir en un plugin llamado apilable. Así que haz clic en Au Plugin. Después haz click por aquí y escribe Stack ble, Stack, ble. Todo bien. Busca eso. Bien, así que aquí está Stack Bull Page Builder Gutenberg Blocks Todo esto lo hace, agrega bloques adicionales para que los uses para diseñar tu sitio web. Haga clic en Instalar y haga clic en Activar. Ahí vamos. Y vamos a hacer clic en saltar por aquí. Bien, así que eso está instalado. Entonces, volvamos a nuestras páginas y volvamos a la página de inicio que estamos editando. Y es momento de agregar un nuevo botón. Así que naveguemos aquí abajo. Déjame darle un poco de espacio. Da clic en el signo más, y navega aquí y haz clic en Navegar A. Así que ahora que tienes apilable instalado, y hay una amplia gama de plugins de Wordpress que agregan bloques adicionales Simplemente me gusta apilable. Entonces este color púrpura, rosa fuerte, esto es Entonces lo que queremos es que queremos agregar en el botón. Así que aquí mismo para botón, ese es un botón apilable Ahora podemos comenzar a diseñar nuestro nuevo botón. Entonces déjame seguir adelante y agregar en el texto aquí mismo. Así que consigue el mini curso por aquí. Bien, así que ahí se ve bien. Y queremos cambiar el color de este botón para que coincida. Así que déjame hacer clic aquí. Vamos a hacer clic en estilos, fondo, y el color personalizado que tengo ahí mismo. Haremos clic en Copiar por ahí. Entonces hagamos clic en el botón de aquí. Y colillas y colores ahí mismo. Después colillas y color. Haga clic en eso. Y luego aquí mismo, solo queremos copiar y pegar ese color, y ahí vamos. Y eso se ve bien. Así que de nuevo, un poco pequeño. Queremos que el texto sea más grande, y queremos que el botón sea más grande. Pero podemos hacer todo eso dentro stacableJ un poco diferente Como si no pudieras resaltar el texto aquí y todo eso. Tienes que interactuar con todo por aquí. Entonces ese era el botón Color. Ahora botones laterales y espaciado, bordes y sombras, icono, tipografía Vamos a saltar por aquí para la tipografía. Y por aquí, podemos hacer que el botón sea un poco más grande. Así que mantenlo así. Y quiero cambiar la tipografía y hacer el peso. Sólo diremos en negrita. Y si, eso se ve genial allá. Entonces, hagamos clic en Guardar y veamos cómo se ve eso. Vamos a revad la vista Bien, entonces me gusta bastante este botón de la manera en que está configurado esto, así que queda bien por aquí, así que volvamos a hacer clic en el botón Y sólo podemos seguir adelante. Entonces con el diseño de aquí, si navegas por aquí, entonces tienes tamaño de bloque y espaciado, así puedes tener un montón de diferentes márgenes y relleno, pequeñas cosas como esa. Normalmente te vas a quedar en la sección de estilo por aquí. Tienes por defecto, Va enlace plano. A mí me gusta el default. De todas formas, así que los bordes de botón y las sombras por aquí. Entonces puedes agregar en un radio de borde si quieres que sea un poco más redondeado Entonces me gusta un poco más redondo ahí mismo. Mantenlo tal vez solo un cuatro, solo que siempre tan sutil ahí mismo. Y luego contorno de sombra. Puedes darle al botón una bonita sombra solo para que salga de la página web, puedes ir nueve. Sólo voy a mantenerlo algo sutil como eso, tal vez un cinco. Estilos por aquí, efecto hover. En este momento se envía a oscurecerse. Y quiero que esto sea de decir ascensor. Manténgalo como ascensor ahí mismo, y tal vez podamos hacer que el botón sea un poco más grande y espaciado del botón. Entonces tal vez solo ancho completo, mantenlo simple así. Y hagamos clic en Guardar Y recarguemos las vistas. Y si, eso se ve mucho mejor. Entonces este botón mucho mejor, un poco de animación asociada a él. Así que de nuevo, para cambiar los estilos arriba, el efecto Hover, puedes cambiar el lift, oscurecer, escalar, levantar Puedes jugar con esto para ver lo que quieras personalmente. Ahora tiene una sombra pequeña y agradable. Es un diseño siempre tan sutil. Es redondeado. Así que eso me gusta mucho. Eso es mucho mejor. Entonces ahora podemos seguir adelante y eliminar este colillas ahí mismo. Atrás de eso. Genial. Y tenemos que darle a esto un poco de respiro. Al igual que, no me gusta como esto abotona justo debajo del texto, así que solo presiona Enter. Sí, sé súper complicado. De todos modos, haga clic en Guardar. Bien, así que sigamos adelante y recarguemos los sitios aquí mismo Y ahora tenemos nuestro bonito botón estilizado que sale de la página web cuando pasamos mouse sobre él, y estamos bien para irnos Y finalmente, ¿a dónde diriges exactamente a la gente? Entonces sé que voy a recibir esta pregunta. Entonces ahora tienes tu botón configurado. La gente da click en él. ¿A dónde los mandas? Quieres enviarlos a una página de squeeze. Entonces una página de apretón sería hago clic en este botón, luego estoy en una página donde puedo ingresar en mi correo electrónico para tener acceso a lo que me están vendiendo aquí mismo. ¿Cómo se crea esa página? O puedes crear tu propia página en tu propio sitio, así que solo tienes que seguir el proceso que ya te mostré donde creas una página, página sin barra lateral, sin encabezado, lo que sea, y luego solo agrega en el correo opta en forma ahí. Para la mayoría de la gente, sugeriría usar sus clientes de correo electrónico. Entonces, si estás usando ConvertKit, ConvertKit viene con páginas de destino gratuitas, por lo que solo puedes diseñar una landing page a medida y tener aquí el formulario al que la gente puede suscribirse para obtener lo También podrías usar card.co, que es un creador de sitios web de una página muy agradable Puedes usar páginas de clientes potenciales. Pero el viaje del usuario es hacer clic en el botón, llevarlos a una página squeeze. En la página de squeeze, ahí es donde ingresan en su correo electrónico o nombre y correo electrónico para obtener la cosa. Una vez que presionan ese botón para enviar realmente su correo electrónico, entonces les diriges a que descarguen lo gratis que estás proporcionando o vean el video gratis. Y para realmente enlazar a la página específica, solo quieres navegar por debajo aquí a donde dice Link. Ahora, verás que dice abrir en una nueva pestaña y abrir tinta en una caja de it. En términos generales, si estás enlazando fuera de tu sitio web a una URL diferente, a una página squeeze, lo que quieras usar generalmente abre en una nueva pestaña. No tienes que hacerlo, pero eso es lo que haría yo. Abrir en una caja de luz. Una caja de luz es una pantalla o una caja que aparece como una superposición en la parte superior de su sitio web. Así que definitivamente no usaría Openink en una caja de luz. Así que usaría abrir en una nueva pestaña, nuevo, si estás dirigiendo a la gente a tu página squeeze, pero de todos modos depende totalmente de ti, cuando tengas tu página squeeze o página de ventas, lo que sea, vamos a estar dirigiendo al visitante final dos Quieres hacer clic en el botón de ahí mismo. Quieres navegar a Enlace, luego quieres ingresar tu enlace aquí mismo. 12. 12 Crea un elemento de venta: Agregar elementos de venta para nuestra página de ventas. Entonces un elemento de venta, como me gusta llamarlo, es algo que simplemente ayuda a establecer confianza y autoridad con el sitio. Has visto esto en otros sitios web donde estás en un sitio web que dice, como aparece en este sitio, este sitio, este sitio, o mil clientes AB, cinco reseñas de servidores, un premio del órgano rector. Tipo de cosa. Entonces, ¿cómo agregas eso a tu sitio? Así que permítanme abrir la configuración del bloque por ahí, y quiero hacer clic en el bloque amplio. Entonces ahora todo está seleccionado, y quiero hacer clic en el pequeño signo más que está ahí abajo para agregar en un nuevo bloque. Vamos a hacer clic en Browse A, y vamos a navegar de nuevo a nuestros patrones. Y luego aquí abajo, testimonios lo sé, sorprendentes, pero el bloque testimonial realmente me gusta mucho para este propósito aquí mismo Así que solo haz clic en eso para agregarlo, y ahí vamos. Entonces, lo primero que queremos hacer es cambiar el color de fondo para que coincida el color de acento que está pasando con el resto de los sitios web. Así que déjame hacer clic aquí para ese azul. Ahí está. Destacaremos ese color de acento. Y ahora volveremos a hacer clic en el bloque de aquí abajo. Y luego queremos dar click aquí para ver los estilos. Quieres hacer click en el fondo. Y luego quieres hacer clic arriba en el área blanca aquí mismo para que esto salga con el hex. Quieres ignorar esta base dos, lo que sea. Ahora quieres pegar eso aquí mismo, y eso se ve genial. Y luego queremos asegurarnos de que el texto sea blanco porque eso es lo que estamos haciendo en todo el diseño. Entonces el botón azul de aquí mismo tiene texto en blanco. Ahora, aquí mismo hay un montón de imágenes. Y así no queremos esto. Sólo quiero deshacerme de eso. Mantenlo simple. Y a continuación, queremos agregar en un montón de columnas diferentes. Entonces quiero dar click aquí para ver el signo más, y luego queremos agregar en columnas ahí mismo. Y yo sugeriría ya sea tres o cuatro, pero lo voy a mantener simple. Sólo haremos tres. Y entonces tenemos un montón de columnas diferentes aquí mismo. Y luego con estas columnas, aquí es donde podemos agregar en texto. Ahora bien, tenemos un pequeño espaciador ahí mismo. Entonces queremos mover el espaciador hacia arriba. Así que solo servicial aquí mismo. No es gran cosa, pero mantenemos eso ahí mismo. Y ahora queremos agregar en texto. Entonces hacemos clic en el signo más, párrafo, y luego título. Haga clic aquí, texto de párrafo, título, clic aquí, texto de párrafo, auge y título. Ahí vamos. Bien, entonces dale a la barra espaciadora, luego copy va aquí y lo mismo con esto. copia va aquí. Entonces lo mismo. Nuevamente, el copy va aquí, solo con fines de demostración. Y por supuesto, queremos cambiar este texto a blanco, así que simplemente puedes hacer clic en eso, haces clic en el asign y luego cambias el texto de color haciendo clic en eso de ahí Entonces déjame hacer clic en el retroceso para que eso vuelva a ser negro. Ahí vamos. Bien, así que de todos modos, cambiemos eso de nuevo a negro solo para mantenerlo consistente Las cerdas me dejan hacer clic en Guardar. Y genial. Así que sigamos adelante y veamos el sitio web. Entonces vemos cómo se está desempeñando esto desde una perspectiva de diseño, y eso se ve muy bien, pero algunas cosas, así que no está equilibrado. Así que queremos asegurarnos de que estas columnas estén todas centradas, así que todo tipo de encaja perfectamente. Hay demasiado espacio por aquí. Así que tenemos que hacer cuando estás creando la copia por aquí es tomar eso y asegurarnos centrar el texto justo ahí en la línea Centro, y luego un centro de línea, una línea Centro, Alinear centro, Aline centro, y centro de línea. Ahí vamos. Así que vamos a hacer clic en Guardar. Y recarguemos los sitios ahí mismo. Mucho mejor. Entonces el ejemplar que quiero agregar aquí es cualquier cosa que ayude a establecer confianza y autoridad con el sitio como mil estudiantes se unen a otras 5 mil personas, un premio de un órgano rector, lo que sea. Entonces solo voy a actualizar esta sección con alguna copia. Bien, así que esto es lo que se me ocurrió. Tenemos 6 mil blogueros. He visto mini coors, Blueprint, robar mi proceso paso a paso, recursos, aprender a robar el secreto, cómo detrás de crear diferentes estilos de contenido de video Lo que sea. Entonces también decidí agregar un poco de asterik al lado cada pieza de texto aquí justo para que destaque un poco más Entonces echamos un vistazo a esto en la parte de atrás. Todo esto es literalmente solo un asterisco que puedes usar desde tu teclado Y luego acabo de hacer grande el texto del título por aquí. Y entonces este es el mismo texto corporal. Entonces quieres asegurarte de que este texto tenga el mismo tamaño que este texto arriba aquí. Quieres ser congruente con eso. Entonces tu H uno, H dos, H tres, etiquetas de título, que son estas cosas, tu etiqueta H una, etiqueta H dos, etiqueta H tres o ciertos tamaños, entonces tu texto corporal es más consistente. Por lo tanto, el texto del cuerpo debe ser consistente en todo el diseño del sitio. De todos modos, eso es todo para los elementos de venta. 13. 13 Crea una CTA de página intermedia: El diseño de la página principal viene bastante bien. Ahora lo siguiente que tenemos que hacer es que tenemos que interrumpir al usuario final que está visitando el sitio web con otro llamado Acción aquí mismo. Solo queremos agregar en un botón, bonito botón grande ahí mismo. Y así el botón debería coincidir con este botón arriba de ahí porque estás cebando al usuario final que, Oye, el gran botón azul que dice este texto es en lo que quiero que hagas clic Así que ya hemos cebado al usuario final como, Este es el botón en el que quiero que hagas clic Solo hay que agregarlo aquí mismo. En fin, déjame echar un vistazo a la página de aquí y vamos a navegar por aquí abajo. Desea hacer clic en los elementos ahí mismo y hacer clic en el signo más y luego escribir el botón y crear un nuevo botón. Tan simple como eso. Ahora, desafortunadamente, no puedes copiar y pegar el botón por aquí. Tienes que simplemente diseñar todo manualmente de nuevo. Pero no es demasiado duro. Simplemente haz lo que hiciste por este botón arriba arriba. La derecha por aquí abajo. Voy a conseguir el ¿qué era 101 K a diez K o de cero a uno K mini coors Ahí vamos. El vamos a hacer clic aquí de nuevo. Obtener el signo de dólar cero a uno k, mini curso. Bien, entonces solo pasa por todo el proceso de configurarlo todo. Así que vamos a hacer clic en el botón. ¿Y qué estilo era este? Naveguemos aquí abajo para ver el color del botón, y ahí vamos. Y vamos a destacar eso, copia eso. Toma eso. Ahí vamos. Navega aquí abajo, toma eso, y tenemos el estilo, las colillas y color ahí mismo, atrás de eso Y copiar y pegar eso en se ve genial. Y así simplemente ir y venir con todo. Pero algunas cosas a las que sí quiero que prestes atención es con el estilo, sí quieres hacer clic en eso, así es un botón de ancho completo ahí mismo. Y luego el texto de aquí mismo, sí quieres que este texto sea más grande, obviamente, así encaja. Así que déjame minimizar los colores de los botones ahí mismo. Y quieres navegar por aquí para, creo que son estilos. No. Bien, entonces queremos tener esto también. Queremos que se levante, y el tamaño de los botones y el espaciado. Eso se ve bien allá. Bordes y sombras de botones, tipografía. Ahí vamos. Bien, entonces bajo tipografía, quiero dar click en Ns. Queremos hacer las pesas. Queremos que esto sea audaz. Y entonces queremos que el tamaño del texto sea un poco más grande, así que sale de página. Sí, se ve bien. Entonces tal vez eso sea un poco demasiado grande. Minimizarlo solo un poco. Sí, ahí vamos. Así que me gusta mucho la forma en que eso está mirando allá. Es minimizar eso. Bien, entonces botón, bordes y sombras. Entonces el radio es como podemos hacer que el botón sea un poco más redondeado, así que no tantos bordes afilados no tan afilados ahí mismo Y luego sólo vamos a añadir en sombra caída un poco, cinco es bueno. Y si, de verdad me gusta. Así que se ve bien por aquí. Ahora, también hay algunos temas. Entonces es como, Bueno, está tocando esto. Entonces, ¿cómo hago que esto tenga más espacio? Entonces para separar el botón de él, tocando este elemento ahí mismo, lo que tenemos que hacer es hacer clic en el signo más, y quieres escribir SP, ACER. Entonces el espaciador ahí mismo, da clic en eso, y queremos mover el espaciador hacia arriba. Y tal vez eso sea demasiado espacio, pero queremos mantenerlo ahí mismo, se ve bien. Vamos a hacer clic en guardar. Genial. Y recarguemos el sitio y veamos cómo se ve eso Y eso se ve fantástico. Así que muy agradable se llama acción en la parte superior, ahí mismo. El usuario se desplaza hacia abajo. Esto vuelve a llamar la atención del usuario con un bonito botón grande en el centro de la página porque quieres tener una acción llamada en la parte superior, en algún lugar en el medio Y luego otra vez, una acción final llamada justo en la parte inferior de la página, justo encima de este pie de página. Entonces de todos modos, eso es todo. Así es como agregas un botón a la mitad del sitio web. 14. 14 Diseño de copia de ventas: ¿Qué va a aprender exactamente la gente de tu imán de plomo gratis? Esa es la siguiente sección que queremos agregar debajo de este elemento, aquí mismo. Entonces, básicamente, ¿qué va a aprender la gente? Tienes que recordar que la gente es egoísta. La gente quiere saber, como, qué hay para mí cuando estoy en tu sitio web. Así que sigamos adelante y naveguemos de nuevo a la página que estamos editando. Y vamos a dar clic por aquí, y quiero hacer clic en el pequeño signo más. Después hagamos clic en Navegar A. Vamos a hacer clic en patrones. Y luego vamos a hacer clic sobre ahí mismo. Ahora bien, un patrón que realmente me gusta para este trabajo es este de ahí. Rejilla de características, tres columnas. Vamos a hacer clic en eso. Ahora, agrega todo por encima de este elemento, pero no gran cosa. Solo asegúrate de que esté seleccionado. Entonces quieres dar click en esta pequeña flecha ahí mismo, muévete hacia abajo. Hecho. Tan simple como eso. Ahora bien, tiene un bonito espacio entre este elemento de aquí mismo y este elemento de ahí mismo, y todo lo que tienes que hacer es cambiar la copia. Personalmente me gusta la forma en que se presenta esto. Si no quieres seis artículos, puedes simplemente bajar aquí y eliminar estos tres. Muy sencillo. Resáltalo y solo elimínalo y solo mantén estos tres arriba aquí Yo personalmente voy a dejar los seis. Y todo lo que necesitas hacer en este momento es simplemente actualizar la copia y enfatizar los beneficios que el usuario final va a obtener al descargar tu guía de hoja de trucos viendo tu video oculto para tu clase, lo que sea, en este caso, como un mini curso. ¿Qué va a aprender la gente del curso, de lo que estás brindando? Bien, así que actualicé las copias. Entonces, para la etiqueta H two title en la parte superior de aquí, solo puse en negrilla el texto, y luego actualicé los pequeños títulos aquí mismo para que sea algo convincente que la gente quisiera suscribir y obtener un mini curso gratuito para aprender Y entonces esto es solo texto ficticio. Entonces echemos un vistazo al back end sobre cómo está funcionando esto. Entonces el pequeño párrafo de texto que estaba debajo de esto, simplemente lo borré, y luego resalté esto y hice clic en Negrita, y eso es todo Entonces por aquí con cada uno de estos cuadritos, abramos nuestros ajustes ahí mismo y estás como, Bueno, ¿cómo me deshago del asterik Todo lo que tienes que hacer es hacer clic en default y se elimina el asterk Pero personalmente me gusta el asterik. Creo que es un pequeño y agradable elemento de diseño. Es muy llamativo. A lo mejor quitar el asterk de este principal ahí mismo. A lo mejor eso se vería mejor. Vamos a hacer clic en Guardar. Creo que probablemente se vería mejor. Recargar esto. Y si, eso me gusta en realidad más. Entonces esto es agradable y llama la atención sobre lo que aprenderá el usuario final A continuación, ¿hay algún tipo de proceso que enseñes dentro de tu regalo gratuito, como el paso uno, haz esto, paso dos, haz eso? Paso tres, haz esto. Es tan rápido, rápido, fácil, cualquiera puede hacerlo. Ese tipo de sección, puedes agregarlo a tu copia de ventas para que el usuario final entienda cuál es el valor que van a obtener al obtener lo gratis. Así que vamos a agregar ese tipo de sección aquí abajo. Queremos tal vez romper ese diseño solo un poco porque obtuvimos este bonito diseño de cuadrícula de seis elementos que se ve genial ahí mismo. Entonces tal vez imagen a la izquierda, derecha, izquierda, derecha, izquierda, derecha, ese tipo de maquetación. Entonces quieres hacer eso con tal vez tres imágenes como máximo, dos o tres es todo lo que quieres. Entonces voy a tener una sección poco paso a paso que voy a agregar. Entonces de todos modos, aquí está la página de inicio que edita. Y permítanme navegar aquí abajo hasta el fondo, y vamos a hacer clic en esto y dar clic en el botón más, Examinar todos los patrones. Y voy a ir a la sección Acerca de patrón, y podemos usar este patrón aquí mismo, texto con imágenes alternas. Entonces voy a hacer click en eso. Y ahora tenemos aquí esta pequeña sección linda con una imagen por aquí a la derecha, izquierda, derecha, izquierda. Y pocas cosas. Entonces antes que nada, todo esto se ha agregado encima de este elemento ahí mismo, así que podemos arreglarlo haciendo clic en todo aquí mismo. Entonces se selecciona todo el asunto. Ahora solo haz clic en la flecha hacia abajo, muévala hacia abajo. Ahí vamos. Entonces tenemos esto aquí mismo, seguido de este elemento aquí mismo. Ahora bien, si estás como, Bueno, quiero tener tres imágenes, ¿cómo hago eso? Bueno, porque esta imagen está a la derecha. Esta es una imagen a la izquierda. La siguiente imagen de aquí debería estar a la derecha. Y nuevamente, haría tres imágenes Max. No quieres que esto sea redundante y repetitivo. Entonces hacer eso es simplemente muy sencillo. Queremos dar click sobre este elemento aquí mismo, clic en el pequeño botón Opciones, y después queremos dar click en Duplicar. Y ahí vamos. Y vamos a mover esto hacia abajo. Y ahora no hay suficiente espacio aquí mismo. Entonces aquí mismo, tenemos un pequeño icono, o no es icono, sino un espaciador como lo que técnicamente se llama. Entonces queremos duplicar esto. Sigue adelante y duplica eso, luego mueve eso ahí abajo. Tan simple como eso. Entonces ahora tenemos tres imágenes por aquí. Ahora, obviamente, vas a querer reemplazar estas imágenes por tus propias imágenes. Qué tamaño importa. No hay un tamaño adecuado que debas o no deberías usar. Tienes que probar esto, ¿de acuerdo? Pero una cosa es que quieres asegurarte todas las imágenes sean realmente del mismo tamaño. Entonces ya sea 500 por 500, ese tipo de estructura, eso es lo que quieres tipo de modelo después por aquí. Así que de todos modos, déjame hacer clic en Guardar. Genial. Y sigamos adelante y recarguemos la página de inicio Y, yo, sí, eso está uniendo bastante bien. Entonces ahora tenemos una pequeña sección agradable aquí mismo. Y nuevamente, como es, todo lo que tenemos que hacer es actualizar la copia para reflejar nuestra oferta, así como actualizar las imágenes para nuevamente, reflejar el regalo gratuito, el valor que va a obtener el usuario final Entonces para esta sección, como dije, al principio, voy a convertir esto en tal vez un proceso paso a paso, paso uno, paso dos, paso tres, con imágenes únicas. Entonces acabo de actualizar el contenido, y esto es lo que se me ocurrió. Nada demasiado complicado. Así que justo en la parte superior, la etiqueta del título H dos, puse en negrita como lo he estado haciendo con cada etiqueta del título H dos Después agregué en mis propias imágenes personalizadas. Ahora bien, ¿de dónde obtuve estas imágenes? ¿Cómo funciona esto? Entonces primero de simplemente saltar por aquí. Ahora, sólo otra vez, actualice la copia por ahí. Lo mismo con el asterisco y por defecto, ese tipo de cosas Entonces voy a dejarla. Entonces solo cambia la copia con las viñetas de aquí. Ahora bien, si te estás preguntando qué tan grandes eran estas imágenes predeterminadas, eran 1,200 por 800. Tomé esa información, y luego simplemente salté a Canva, y puedes crear una cuenta gratis con Canva, y quieres ir a Tamaño Personalizado Entonces quieres escribir 1,200 por 800, luego crear un nuevo diseño. Porque ese es el diseño que viene con el tamaño de la imagen por defecto. Si realmente te gusta ese tamaño y forma y solo quieres mantener así que eso es lo puedes hacer 1,200 por 800 y luego simplemente crear tus propias imágenes por aquí. Entonces usé fotos y luego escribí palabras que reflejaban lo que buscaba, como flagelación, edición, monetización, palabras que reflejaban lo que buscaba, como flagelación, edición, monetización, lo que sea. Encuentra la imagen. Adelante y descárgalo y listo te vas. Ahora, solo algunas cosas de inmediato, minimizamos que es una vez que tienes la imagen descargada, la descargué como PNG, pero no la subí como PNG. Entonces utilizo algo llamado GIMP para convertirlo en un gráfico P de punto web Entonces hacer eso es realmente sencillo. Todo lo que haces es hacer clic derecho, luego abres con, luego GIP. Entonces tienes que descargar GIP a GIMP. Este es mi editor de fotos que uso. Entonces tienes la imagen aquí mismo, y después quieres ir a Archivo, después quieres ir a Exportar Como, después quieres darle un título, y quieres cambiar de PNG o JPEG a web P. ¿Por qué hago esto? Un gráfico web P simplemente se ve mejor y es más eficiente en términos de tamaño, especialmente si estamos subiendo una imagen que es 1,200 por 800, eso es una imagen un poco grande Y todo lo que tienes que hacer es exportar. Hecho. Tan simple como eso. Tan sencillo. Así que siempre me gusta convertir mis imágenes de un JPEG a una imagen en WebP, solo porque con Canva, por alguna razón, no sé por qué no lo permiten, pero solo se pueden descargar imágenes como JPEG o como Entonces no sólo, sino solo la posibilidad de descargar eso como un archivo punto WebP no está disponible Así podemos descargarla como video JPEG, PNG, PDF, SVG, NPFoe y un regalo Pero no hay punto web P. Así que por eso hago este pequeño proceso de conversión rápida. Bien, así que una vez que tengas tus dos o tres imágenes porque obtuvo el paso uno, el paso dos. Paso tres, como dije, entonces todo lo que tienes que hacer es hacer clic en la imagen y hacer clic en reemplazar, haces clic en Subir , subes, luego sigues adelante y seleccionas el tema o lo siento, seleccionas la imagen que quieres subir, y luego automáticamente la reemplaza por aquí. Hecho. Tan simple como eso. Ahora, una vez que tienes la imagen por aquí, tienes algunas opciones diferentes para ajustar las cosas. Tienes la relación de aspecto. Se puede cambiar y jugar con eso, resolución grande. Se puede jugar con eso. También tienes tus ajustes por aquí donde puedes tener estilos, redondeados predeterminados, y luego puedes cambiar el radio por ahí si quieres. Quieres agregar en un borde, puedes hacerlo. Quieres que sea realmente redondo, puedes hacerlo. Así que totalmente depende ti, cómo quieres jugar con esto. Entonces déjame hacer eso de nuevo a 14. Entonces es agradable y redondo. Ahí vamos. Y si, solo tienen las esquinas redondeadas cada vez tan ligeramente y solo pequeñas cosas sutiles y de otra manera, se ve muy bien. Entonces, en general, estoy muy contento con la forma en que viene esta página de inicio, y así es como actualizas las imágenes dentro de esta sección a tus propias imágenes personalizadas. Nuevamente, esta es una imagen de 1,200 por 800. Se puede obtener de una amplia gama de sitios web. Me gusta usar Canva personalmente para todas mis imágenes y luego convertirlo en un archivo WebP, subirlo a su sitio web y cambiar la copia según 15. 15 Agregar una sección de preguntas frecuentes y testimonios: A continuación, podemos agregar en una sección de preguntas frecuentes y testimonios para nuestra página de inicio Entonces, el objetivo de una FAQ es realmente responder a las objeciones que la gente tendría de aprovechar lo que sea que estés ofreciendo, sea o no un curso gratuito, descarga gratuita para tu cosa gratuita, o si es un producto de pago Y obviamente, los testimonios son útiles si son verificables, porque, de nuevo, eso es sólo una forma de prueba social. Entonces, ¿ cómo hacemos eso? Así que saltemos por aquí de nuevo a estos sitios. Entonces tengo la página abierta justo aquí. Déjame minimizarlo. Déjame desplazarme hacia abajo aquí y si damos click sobre este elemento ahí mismo, podrás ver el signo más. No quieres hacer clic en esa porque haces clic en este signo más, agrega todo a esta sección aquí mismo, lo cual no queremos hacer. Quieres hacer click aquí abajo. Y ahora ahora estamos agregando en otra sección debajo de esta sección. Eso tiene algún sentido. De todos modos, siga adelante y haga clic en el signo más Vamos a hacer clic en Arcos A. Haremos clic en patrones. Y creo que está bajo destacado es donde está el FAQ, así que es scroll un poco hacia abajo. Sí, ahí vamos. Entonces ahora tenemos las preguntas frecuentes aquí mismo. Por lo que podemos hacer clic en que automáticamente lo agrega a nuestro sitio. Y muy bonito diseño. Pero una cosita, no sé por qué sigue sumando en el medio del sitio ahí mismo. Solo mueve esto hacia abajo, muévelo hacia abajo. Sólo sigue moviéndolo hacia abajo. Ahí vamos. Y obviamente, puedes ajustar el aspecto y la sensación de esta sección ahí mismo. De todas formas, así que queremos agregar en una pequeña sección testimonial para que podamos hacer clic en eso, navegar por todos los patrones, y luego tenemos testimonios ahí abajo Entonces podemos agregar en cualquier testimonio que queramos, mejor este de ahí y se ve bien por aquí A mí me gusta cómo se mezcla este tipo de cosas, pero podemos moverlo hacia abajo. Ahí vamos. Entonces ahora tenemos una pequeña y agradable sección de preguntas frecuentes ahí mismo que nos lleva a una sección testimonial aquí mismo Bien, entonces, ¿cómo editas y ajustas estas dos secciones? Entonces, antes que nada, me gusta que se mezclen, así mantendría igual el color de fondo. Entonces, si vas a ir con el negro, solo manténgalo negro o cualquier color de acento que estés usando. Pero de todos modos, para ajustarlo todo, muy sencillo. Es una sección, por lo que sólo tienes que hacer clic en ella. Navega arriba aquí para ver tus ajustes, y luego justo por aquí, tienes tus colores. Tienes la capa por aquí, con la que puedes cambiar y jugar si quieres. A mí personalmente me gusta la forma en que esto se presenta tal cual. Y queremos dar click aquí para ver los estilos. Tienes tu color de fondo ahí mismo, así puedes cambiarlo para tal vez heredar color del tema por aquí o tal vez convertirlo en un gris claro o verde o lo que sea que quieras hacer Simplemente puedes jugar con esto porque es tu sitio web. Puedes hacer lo que quieras. Y así solo una cosita, déjame cambiarlo al color del tema. ¿Qué notas? Y déjame cambiar el texto de aquí a negro. Entonces un par de cosas vas a tener que hacer clic manualmente en las cosas de aquí y resaltarlo, luego cambiarlo al color respectivo. Así que solo sé consciente de eso. Pero me gusta el negro. Personalmente me gusta la forma en que esto funciona y se ve. Así que la configuración es bastante agradable. Entonces crear una nueva línea es muy sencillo. Solo quieres hacer click en él primero para que puedas entender qué elemento es este, y dice el bloque, y luego dice separador y se selecciona como una línea ancha. Entonces eso es lo que tenemos que añadir. Entonces hacemos click sobre y ¿qué necesitamos? Necesitamos un separador. Entonces necesitamos un separador, espuma y ahí vamos. Queremos una línea amplia, y queremos que el color sea blanco. Tan simple como eso. Ahora una vez que estemos por debajo de aquí, así que queremos hacer click por aquí, que escribe en Hola, voy a hacer clic en abajo, para que se mueva por debajo. Y esto es todo H tres etiquetas de título. Haremos clic aquí, cambiaremos eso a párrafo. Rúbrica. Ahora el rumbo desapareció porque H dos se establece como negro. Haremos clic aquí a H tres, y ahora tenemos que cambiar el color manualmente. Entonces da clic por aquí, haga clic en blanco, y ahí vamos. Entonces solo llama a este nuevo título, y lo volvemos a destacar. Haz clic aquí para A, haz eso blanco. Ahí vas. Es un nuevo título, entonces Hola mundo. Yo lo mantendré simple así. Entonces, obviamente, así es como se ajusta esta sección de aquí. Muy sencillo. Estos son sólo pequeños párrafos, H tres etiquetas de título. Esto se establece como el H dos. Desde la perspectiva del SEO, eso tiene sentido. Entonces este es el título de la sección. Estos son subtítulos por aquí. Entonces me quedaría con eso tal como está. Si quieres deshacerte de estas grandes preguntas frecuentes, entonces probablemente quieras cambiarlas a H dos, H dos, H dos, etc. Y yo mantendría las preguntas frecuentes cortas y dulces. Así es perfecto, L uno, dos, tres, cuatro, tal vez cinco, Max. Eso es lo más lejos que yo iría. Cuatro, probablemente lo mantendría a cuatro, por defecto. Déjame salir de esto. Ahí vamos. Y solo ajusta la copia y otra vez, contesta las objeciones que la gente tendría de obtener el curso o descargar la cosa o comprar tu producto, cuál es la sección testimonial. Entonces otra vez, lo mismo que antes. Simplemente haces clic en todo el bloque de ahí para cambiar el color y el texto y tamaño de la fuente y todas esas cosas buenas de ahí. Y con esta plantilla de aquí mismo, sí viene con la opción de agregar en una pequeña imagen. Ahora bien, esto es muy torpe. No sé cuál es la palabra correcta. La forma esto funciona, funciona. Simplemente no es intuitivo. Me gusta, quieres pensar como, Oh, voy a hacer clic en la imagen de aquí y voy a hacer clic en Textos medianos y este No, no. Lo que eso hace, que transforma este pequeño círculo en uno de estos elementos arriba ahí arriba. Nosotros no queremos hacer eso. Literalmente quieres hacer clic en el círculo ahí mismo. Ver lado pequeño, puedo desplazarme hacia la izquierda y hacia la derecha con la barra de desplazamiento. Quieres desplazarte hacia abajo. Quieres hacer clic en Subir. Lo sé. Es ridículo. Ahora solo queremos hacer click en una imagen, vamos a subir la imagen ahí mismo, y luego formatea todo correctamente, y así es como puedes agregar una imagen con eso si te estás preguntando cómo funciona eso. Tienes que hacer clic en el círculo pequeño y tipo de desplazarte hacia abajo y buscar donde dice, Subir y subir la imagen de esa manera. Pero en general, creo que esto se ve bastante bien sacado de la proverbial caja 16. 16 Agregar publicaciones de blog a la página de inicio: Entrada de blog a nuestra página de inicio. Ahora bien, para este tipo de diseño, no soy un gran fan de la entrada de blog en la página principal, simplemente porque es una distracción de la llamada primaria a la acción, que es hacer clic en este botón ahí mismo Pero sé que muchos de ustedes van a ser como, ¿Cómo agrego una entrada de blog a mi página de inicio? Entonces déjame mostrarte cómo hacer eso. Ahora, lo que primero debes hacer es hacer click lejos de este elemento y navegar aquí abajo a esta sección blanca. Luego haga clic en el signo más. La única razón es porque todo este contenido está todo tipo de agrupados. Entonces, si hago clic aquí para ver el signo más, hago clic en Navegar, dar clic en Patrones. Da click en post, y no lo sé, déjame seleccionar cualquiera de estos aquí mismo. Haremos clic en este, lo suma arriba aquí. Entonces es una especie de gran desastre y difícil de mover. Así que volvamos a salir de eso. Así que déjame navegar por aquí abajo. Y así queremos hacer click lejos de eso. Haga clic aquí. Haga clic en el signo más. Haga clic en el párrafo. Boom, ahí vamos. Ahora que tenemos la sección de párrafo ahí mismo, entonces podemos hacer clic en el signo más. Entonces podemos hacer clic en Examinar todos, luego patrones, navegar aquí para ver publicaciones, y luego puedes seleccionar la que más te guste Entonces, si quieres, una imagen y un texto para ir juntos, eso está totalmente bien. Voy a seleccionar éste aquí mismo. No lo sé. Esto solo me llama la atención con el texto realmente grande. Así que déjame hacer clic ahí, y eso se ve muy bien. A lo mejor el texto es un poco demasiado grande, a lo mejor es un poco demasiado amplio. A ver. Déjame hacer clic en Utop aquí Vamos a guardar el diseño. Y luego déjame ir a la página principal y ver cómo se ve esto. Así que desplácese hacia abajo aquí. Y si, eso es llamar la atención. A mí me gusta eso, pero bien, ¿cómo lo ajustamos? A lo mejor hacerlo un poco más pequeño. Así que solo tienes que hacer clic en los elementos de aquí, y esto es solo todos los elementos. Luego haga clic aquí para ver su configuración, luego haga clic en los estilos allí mismo. Entonces tamaño personalizado, podemos hacerlo un poco más pequeño si queremos, tal vez 4.6. Entonces tenemos una palmadita por aquí. Entonces tal vez si es un poco demasiado ancho, eso no nos gusta. Aumentarlo siempre tan ligeramente así. Haremos clic en Guardar para que haya un poco más de respiro a la izquierda y a la derecha del título. Así que sigamos adelante y recarguemos eso y queda bien. Así que me gusta la forma en que esto está un poco roto. Así que de nuevo, podrías simplemente jugar con esto en tu propio tiempo o tal vez solo querer hacerlo mucho más pequeño, así. Podrías seguir adelante y hacer eso o tal vez un pellizco más grande así. Entonces de todos modos, depende totalmente de ti. Puedes jugar con los diferentes diseños para las entradas del blog. Probablemente me lo voy a quedar así. A mí me gusta este diseño. Pero de todos modos, así es como agregas blog a tu página de inicio 17. 17 CTA final: Y por último, tenemos que sumar en una última llamada a la acción para nuestro sitio web. Entonces tenemos la llamada acción en la cima aquí, consigue el mini curso, todas esas cosas buenas. Entonces el usuario se desplaza por la página web aquí mismo otra interrupción para hacer clic en el botón Ahora necesitamos agregar una acción llamada final en la parte inferior aquí para hacer la acción primaria llamada, que es hacer clic en ese botón, obtener lo gratis, entrar en nuestra lista de correo electrónico. Entonces, ¿cómo hacemos eso? Entonces solo queremos agregar otra llamada a la acción, que es que hay un montón de secciones prefabricadas que podemos agregar fácilmente Y así solo quieres agregarlo debajo de este bloque. Entonces no quieres hacer click aquí o aquí, solo agrégalo justo debajo de este. Así que hagamos clic en el signo más y hagamos clic en Examinar todos. Haga clic en los patrones. Haga clic en la llamada a la acción. Y hay algunas llamadas a la acción diferentes. Justo aquí, en realidad, hay dos, lo siento, no dos. Entonces de todos modos, tienes este ahí mismo, Únete a 10,000 suscriptores, luego este con el pequeño ícono del correo electrónico Personalmente me gusta este de ahí porque tenemos un lead magnet, así que cambiaría la copia según corresponda, donde esto es un poco mejor si estás creando un boletín de correo electrónico de marca, y el boletín por correo electrónico es la oferta. Así que de todos modos, voy a hacer clic en este justo ahí, y ahí vamos Entonces ahora todo lo que tenemos que hacer es simplemente cambiar la copia por aquí. Entonces quiero que la copia refleje el llamado a la acción en la parte superior de aquí, cómo hacer videos de viajes rentables para bloggers. Entonces quieres volver a enfatizar que por aquí, únete a otras 900 personas y aprende a hacer videos de viajes rentables. Aprende a hacer XYZ una, dos, tres cosas, bla, bla, bla Entonces este botón ahí mismo. Esto está bien. Es decir, lo cambiaría con este botón. Así que de nuevo, tienes que pasar por todo el proceso y actualizar esto y rediseñar el botón aquí abajo Así que déjame hacer clic en guardar por aquí. Bien, así que de todos modos, echemos un vistazo a la página principal y veamos cómo salió esto Así que aquí abajo, esto se ve bastante bien. A lo mejor hay un poco de exceso de acolchado ahí mismo del que podamos deshacernos. Entonces realmente no necesito este espaciador ahí mismo, así que podemos eliminar esos elementos. Ahora, tenemos esta sección aquí mismo. Entonces, si hago clic en esto, podemos dar click aquí y para ver el relleno general. Entonces hay un poco de relleno alrededor de este bloque, así que podemos reducir esto y ver cómo se ve eso. Vamos a hacer clic en guardar. Así que de nuevo, todo lo que hice fue seleccionar el bloque el elemento, el bloque, dar clic aquí para ver los estilos y luego simplemente reducir el relleno. Así es como se llama a esto cuando ves espacio entre diferentes elementos en la página, recargamos eso Y, oh, sí, eso se ve mucho mejor. Entonces aquí está el pie de página, llamado acciones ahí mismo. Volvemos a hacer clic aquí y tal vez minimizamos el relleno por completo. No necesitamos ningún tipo de relleno. Vamos a hacer clic en guardar para eso. Y recarguemos esto. Sí, eso me gusta mucho. Así que eso se ve fantástico en el fondo. Así que de nuevo, por supuesto, puedes diseñarlo, así que solo asegúrate de que todo lo demás esté bien. Sin embargo, no ajustaba nada en la página web. A mí me gusta. Ahora bien, lo único que hay que hacer de aquí en adelante es obviamente solo cambiar la copia. Por lo que debería ser unirse a otras 3 mil personas y obtener acceso al mini curso. Aprende a hacer XY Zoo uno, dos, tres, bla, bla, bla, bla, bla. Boom. Entonces el botón ahí mismo debería coincidir con este botón. Botón bonito, grande, clicable con buena copia en la parte inferior, aquí mismo Así que de todos modos, vamos a saltar por aquí, y luego por aquí, podemos simplemente eliminar esto juntos, eliminar, y luego navegar por aquí, y luego lo mismo que antes Haga clic en botón, cree el botón ahí mismo, estilo predeterminado. Y luego por aquí, solo puedes pasar por todo este proceso y simplemente editar y ajustar este botón según sea necesario. Así que consigue el uno o lo siento, cero a uno k, mini curso. Ahí vamos. Entonces eso se ve bien. Y luego oscuro en efecto. No, quiero que eso se levante. Y luego los colores de los botones. Simplemente cambia el color del botón ahí mismo . Tamaño y espaciado. Quiero que este sea un botón grande de ancho completo ahí mismo. Fronteras y sombras. Sí, quiero ser un poco redondeado, y luego tal vez alguna sombra paralela a ello. Así que minimice eso y luego la tipografía ahí mismo. Tan rápido por aquí. Quiero que el peso sea audaz. Quiero que el tamaño de la tipografía sea un poco más grande y que llame más la atención, tal vez, como, eso se Y entonces sólo necesitamos ese color otra vez. Entonces déjame hacer click arriba aquí, ver qué es eso. Y colillas en color, toma eso. Eso lo destacaremos, boom. Copia, vuelve a desplazarte hacia abajo aquí y haz clic aquí. Bien, entonces el color del botón Atrás de eso. Pega eso en. Boom, ahí vamos. Entonces necesitamos un poco de espacio, así que solo voy a dar click encima de él, presionar Enter, solo para espaciarlo un poco. Y ahí vamos. Así que vamos a hacer clic en Guardar. Bien, entonces ahora echemos un vistazo a la página, ver cómo se ve. Sí, eso es genial. Así que de nuevo, puedes cambiar el color de fondo y cosas así si quieres. que puedas dar click aquí para ver todo este elemento, puedes cambiar la imagen de fondo a un color específico si lo deseas. Entonces tiene dos capas como la capa externa y tiene la capa interna, así que hay que hacer clic aquí para cambiar ese color a otra cosa. Así que haz clic aquí, para que coincida. Entonces si quieres otra vez, si solo quieres hacer esto, no lo hagas. Me gusta que sea blanco se ve bien, pero así es como lo ajustas. Para que puedas hacer algo sencillo como eso. Pero de todos modos, bien, buena copia por allá. Y también podrías tener un emoji, si quieres. Entonces Emoji mano abajo, abre eso está bien, así que vamos a abrir esto aquí mismo Copia. Podemos poner eso ahí mismo y pegarlo, guardar. Ahí vamos y recargaremos esto. Y si, linda cosita sutil. Entonces, si quieres agregar eso en. De todos modos, se ve muy bien. Ahora tenemos el pie de página y el encabezado para ajustar. Pero de todos modos, la página de inicio se ve bien, todos los conjuntos, y deberías tener suficientes conocimientos sobre cómo personalizar y editar cada una de estas secciones 18. Logo de 18: Agregar un logotipo para nuestro sitio web. La página de inicio se hace en términos generales. Ahora vamos a actualizar este aburrido logo de texto aquí mismo. ¿Cómo se hace eso? Muy sencillo. Navega de vuelta a tu panel de WordPress, navega hasta aquí donde dice apariencia. Entonces quieres dar click en el editor. Ahora permita unos segundos para que el editor se cargue, y luego desea hacer clic en el diseño. Ahí vamos. Así que vamos a hacer clic en él. Y ahora queremos seleccionar la sección de encabezado, clic en la sección de encabezado. Entonces quieres hacer clic en Ediciones ahí mismo. Y entonces tienes esta caja justo por aquí. Aquí es donde puedes subir un logo. Entonces haces clic en eso para subir un logo. Y así hice un logo aquí mismo. Agregar tu logo es muy sencillo. Todo lo que tienes que hacer es crear un logotipo, luego arrastrarlo y soltarlo en su lugar. Entonces déjame seguir adelante y seleccionar esto. Y quieres llamarlo el nombre de tu sitio web. Y logo para el texto ahí mismo. Después sigue adelante y da clic en Seleccionar. Entonces el logo debería aparecer. Entonces vamos a expandir esto solo un poco. Ahí vamos. Ahora tenemos texto por aquí, así que tienes dos opciones. O puedes simplemente retroceder espacio fuera de esto o puedes eliminar completamente esta sección de texto si quieres totalmente depende de ti, es realmente así de simple. Ahora, la parte más complicada es como, Bueno, ¿cómo se hace un logotipo? Déjame abrir Canva. Canva es lo que utilizo para crear gráficos. Puedes crear una cuenta Canva gratuita y crear gráficos. Ahora, una vez que cree su cuenta, desea hacer clic aquí para obtener Tamaño personalizado. Haga clic en Tamaño Personalizado. Descubrí que 300 por 80 píxeles funciona mejor, y luego hacer clic en crea nuevo diseño. Entonces se va a abrir con un espacio en blanco a 300 por 80, y luego puedes agregar en un logo. Aquí podrás jugar y diseñar tu propio logo. Pude diseñar esto es que realmente hice clic aquí para ver el texto, y luego hice clic aquí para la combinación de fuentes Entonces solo toqué con la combinación de fuentes ahí mismo. Pero puedes crear logotipos personalizados desde cero si quieres. Entonces la fuente de aquí es TT pantallas azules. Entonces los efectos de aquí son sus compensaciones como esta, y luego la dirección en la que puedes cambiar Y obviamente, puedes jugar con los diferentes colores aquí para el diseño del sitio. Entonces quieres que el color de acento coincida con el color de acento que está en tu sitio web. Cuando estés listo para descargar, todo lo que haces es hacer clic en Compartir. Luego haz clic aquí para descargar el logo, y luego solo cárgalo a tu sitio web. Por aquí. Es realmente así de simple. 19. 19 Diseño de menú: Editando la sección de menú para nuestro sitio web. Entonces aquí mismo, agregué en algunas páginas adicionales. Entonces sobre los recursos de contacto de bloque, y por supuesto, tenemos la página de inicio desde el comienzo del Tutorial. Ahora bien, la forma en que este menú está trabajando con este tema es que cualquier página que crees, automáticamente llena el menú arriba aquí Entonces todo lo que hice fue ir a las páginas, y luego hice clic en Agregar nueva página, y acabo de crear una página Acerca de, una página de blog, página de contacto, etcétera, hice clic en Publicar, y luego simplemente la agrega automáticamente al menú Es agradable y además puede ser un poco molesto porque no quieres agregar cada página a tu menú. A veces solo quieres crear una página por cualquier razón. Pero no es gran cosa porque puedes eliminar cualquier tipo de página. Página principal Voy a borrar y te voy a mostrar cómo funciona todo esto. Entonces, una vez que añades en unas pocas páginas, te sugiero una página acerca de, página de contacto, cosas así. Adelante y agrega eso en. Y sigamos adelante y eliminemos Página principal, y te mostraré cómo agregar en páginas adicionales a tu menú que quieras agregar, así como un botón. Bien, así que de todos modos, vamos a navegar por aquí a nuestro panel de WordPress Y naveguemos aquí abajo a la apariencia. Y tenemos que navegar de nuevo a la sección de encabezado, que es donde estábamos cuando agregamos en el logo. Así que vamos a volver a los mismos lugares. Así que vamos a hacer clic en el diseño. Vamos a hacer clic en el encabezado. Vamos a hacer clic en Ediciones. Y ahí vamos. Bien, entonces queremos jugar con el menú, así que da clic en el menú. Tan simple como eso, y luego haga clic en la página de inicio por aquí. Entonces, una vez que tengamos ese menú seleccionado, desea hacer clic en Ediciones. Y así Editar página es la Navegación muestra, sus sitios web, páginas. La edición le permitirá agregar, De reordenar páginas. Sin embargo, las nuevas páginas ya no se agregarán automáticamente. Sí, no queremos que se agreguen nuevas páginas automáticamente. Eso es conveniente al principio, pero quieres tener un poco más de control. Así que solo haz clic en Editar. Ahora tienes que añadir manualmente las páginas como mejor te parezca a tu gusto, como me gusta decir. De todos modos, página principal. No necesitamos un enlace de inicio porque las personas pueden y harán clic en el logotipo para volver a la página de inicio. Entonces todo lo que he hecho es seleccionar homepage. Navega por aquí, haz clic en Eliminar. Por simple como eso. Bien, entonces ahora tenemos los elementos del menú seleccionados por aquí. Hacemos clic en más, y luego podemos agregar artículos adicionales por aquí si queremos. Pero no queremos hacer eso. Queremos hacer clic en el elemento del menú así. ¿Bien? Ver la diferencia. Ahora una vez que damos clic por aquí, entonces podemos agregar en enlaces adicionales. Hacemos clic por aquí, damos clic en NTS, buscamos o tecleamos ARL o damos clic en Agregar bloque Así que aquí mismo, una vez que creas una página, entonces puedes navegar y encontrarla por aquí, simplemente agrégala fácilmente así. Pero nuevamente, ya tenemos blog agregado, así que haz borrar eso es. Así es como funciona eso desde ese aspecto. O simplemente puedes escribir una palabra, así que escribe en aprender. Haga clic en más listo. Lo único que hice fue escribir una palabra, presionar Enter, la agrega. Pero el problema es que no está enlazando a nada, así que entonces tienes que pasar el mouse manualmente sobre él, y luego quieres hacer clic aquí para ver el enlace, luego hacer clic en el ícono del pequeño lápiz. Tenemos el texto ahí mismo, luego el enlace por aquí, ese no es un enlace. Eso no está vinculado a nada, así que hay que escribir en el sitio web. Entonces solo diremos blackout.com slash no lo sé, diremos LAN Tal vez un crear una página que se llama aprender. Por aquí bajo Avanzado, aquí es donde puedes seleccionar tenerlo abierto en una nueva pestaña. Bien, entonces espero que entiendas. Espero que eso tenga sentido. Espero que no sea demasiado complicado, así que déjame seguir adelante y eliminar eso. Entonces déjame seguir adelante y hacer clic en este pequeño signo más por aquí, agregar en un bloque ahí mismo. Entonces puedes agregar en un botón arriba aquí si quieres. Ahora bien, nuevamente, el mismo problema con este botón es el mismo problema con los otros botones donde no tienes mucho control sobre la animación y el estilo del mismo. Así que déjame hacer clic aquí. Sólo voy a decir haga clic aquí. Sí. Así que de todos modos, una vez que se selecciona el botón, haces clic en Estilos siempre. Así que navega por aquí o lo siento, no estilos. Mal. Estilos afecta a todo el sitio web. Desea hacer clic en la configuración, el botón seleccionado, hacer clic aquí, y luego puede cambiar el color de fondo del botón ahí mismo. Así que volvamos a salir de eso y salir de eso. Entonces, ya sabes, de nuevo, totalmente depende de ti si quieres agregar en un botón ahí mismo, puedes seguir adelante y eliminar eso y eliminar eso. Ahí vamos. Bien, o podrías hacer esto por aquí. Hacemos clic en el bloque en el medio y luego tecleamos botón. Por aquí, puedes agregar un botón de llamada a la acción adecuado. Así que consigue el mini curso de diez K, o llamaremos a esto el mini curso cero a uno K. Y luego por supuesto, tienes que ir a tu configuración y tienes que jugar con todo el diseño de este botón terminado. Como, Bueno, no quiero el botón en el medio. Eso es un poco raro. Como, eso se ve raro. Entonces, ¿cómo cambias las cosas? Entonces haces click por aquí con esta pequeña flecha, muévete a la izquierda, listo. Así que ahora tus logotipos algo más centrados con el botón primario llamado botón de acción por aquí. Entonces esas son tus dos opciones con un botón. Entonces, o haces clic aquí para ver el signo más, y luego agregas en el botón manual ahí mismo. Podrías hacer clic en Examinar todos. Déjame hacer click en los botones y ver cómo funciona eso. Y tal vez eso sí funciona. Déjame dar click aquí. Y sí, bien, así que eso tienden a terminarlo. Agrégalo debajo aquí sobre mí, atrás de eso. B fuera de eso, atrás de eso, atrás de eso. Y sigamos adelante y borremos el botón ahí mismo. Bien, y adelante y borra eso. Vamos a hacer clic aquí. Entonces agreguemos en un bloque, naveguemos todos. Botón ahí mismo, y ahí vamos. Tenemos el botón justo al lado. Entonces esas son tus dos opciones. Entonces puedes agregar el botón ahí mismo y mover el botón hacia la derecha, y eso le da un poco de espacio, o puedes agregar el botón en el elemento del menú principal por aquí. Entonces sólo para llamar de nuevo a esta D, o 020, dos, una K, mini curso Entonces tenemos el elemento del menú ahí mismo. Bien, vamos a hacer clic por aquí con todos estos elementos, y se ve bien. Así que de nuevo, solo tienes que saltar por aquí, entrar en tu configuración, y luego hacer coincidir el botón con el botón que tienes por aquí. Entonces espero que esto tenga sentido. Entonces así es como agregas y eliminas cosas de tu menú. También puedes agregar en un botón, pero nuevamente, tienes que seleccionar todo así. Haga clic en esto, el signo más, Agregar bloque y luego navegar por todos y luego literalmente escriba el botón y luego encuentre ese botón de bloque apilable ahí mismo O puede hacer clic aquí para el elemento en el medio aquí para agregar en un botón, luego puede mover el botón hacia la derecha. El elemento del menú se mueve un poco hacia el centro. Así que de la manera que más te guste. Personalmente me gusta la forma en que se ve esto con el logo de ahí mismo y este elemento. Bien, así que seguí adelante y actualicé el estilo de botón por aquí para que coincida el botón principal llamado Acción justo ahí abajo con una pequeña copia rápida. Así que vamos a saltar de nuevo por aquí al diseño del logotipo, así que es hacer clic en el botón de ahí mismo. Entonces solo para mostrarte un par de cosas hice el estilo, lo tengo por defecto. Tengo el efecto hover como oscurecer, el enlace de allí enlazaría a tu página principal de llamada a la acción, landing page, squeeze page, lo que sea que vayas a dirigir al usuario final El color del botón ahí mismo, tengo el color del botón establecido en el mismo color que uso ahí abajo. Entonces aquí abajo, tengo bordes y sombras, el radio del borde es como lo haces redondeado. No me gustan los bordes afilados así. Siempre tan ligeramente agradable. Y luego el contorno de sombra, si quieres. Esto es opcional. Me gusta la forma en que se ve ahí, y eso es prácticamente todo. Eso es todo lo que realmente hice por eso. Nuevamente, solo para que el logo y el botón tengan el mismo color, y el botón de aquí coincide con los botones que se encuentran en otra parte del sitio web porque estás negociando con el visitante final que, Oye, el botón azul grande es en lo que haces clic para aprovechar la oferta. 20. 20 Color de fondo del encabezado: Cómo cambiar el fondo de color para tu encabezado. Entonces ahora mismo, tengo todo puesto en blancos, y me gusta bastante cómo se ve esto. Pero si eres como, Bueno, no, quiero un fondo coloreado, ¿cómo lo hago? Así es como se hace eso. Navega de regreso a tu editor. Tengo seleccionada la sección de encabezado. Ahora, lo primero que debes hacer es asegurarte de hacer clic en toda la sección de encabezado. S tiene un contorno azul. Eso significa que todo está seleccionado. No esto, no eso. Déjame dar click aquí. Sí, así. Eso no quieres. No quieres hacer click en el medio por aquí. Quieres asegurarte de que todo esté seleccionado. Una vez que haya seleccionado el bloque, navegue por aquí hasta donde dice estilos. Haga clic allí, y luego tiene un montón de opciones diferentes por aquí para cambiar el fondo. En primer lugar, puedo cambiar el color del texto. Si quiero hacer eso por alguna razón, lo voy a dejar como negro. Si quiero cambiar el color de fondo a otro color, puedo seguir adelante y hacer eso. Si quiero agregar en una imagen de fondo, si hay algún tipo de imagen de patrón que tienes que quieras usar, puedes usar eso. También puedes cambiar la tipografía por aquí, hacer las cosas más grandes o más pequeñas, como quieras allá puede aumentar el relleno, hacerlo más grande, arrugar el relleno a la izquierda y a la derecha, hacerlo más estrecho margen De nuevo, hay algunas cosas con las que puedes jugar por aquí. Y también puedes agregar en un borde ahí mismo. Entonces una frontera puede ser útil así que por ejemplo, por aquí, no hay frontera. Entonces, ¿y si quieres, quiero una ligera línea negra en la parte superior así Aquí es donde seleccionarías el borde para hacer exactamente eso, y luego harías clic aquí para ver el estilo. Entonces, para la junta de aquí, me quedaría con ese cero, cero, cero, y nos quedaremos con eso como uno. Entonces tienes un pequeño separador de líneas agradable, el encabezado del cuerpo, el sitio web. Si quieres hacer eso, que yo no. Y eso es realmente todo por las diferentes opciones que tienes para diseñar el encabezado con respecto al color. Ahora, una cosa que estás notando aquí mismo es que el logo tiene un fondo blanco Estás como, ¿por qué es eso? Eso es porque el logo no tiene un fondo transparente. Entonces, si vuelvo a navegar por aquí a mi logo, hago clic aquí para compartirlo, descargar. Aquí mismo, dice fondo transparente. Simplemente hago clic en eso, y después la imagen tendrá un fondo transparente. Pero una pequeña cosa es que esta es una función de pago de Canva, por lo que necesitarás una suscripción paga o para tener acceso a esta De lo contrario, si eres como, no quiero pagar por Canva, bien Se puede descargar la imagen tal cual. Pero entonces hay que usar otra herramienta como un sitio web generador de transparencia PNG. Acabo de encontrar esto para que solo puedas subir tu imagen PNG por ahí. Entonces lo convertiré en un fondo transparente por allá si realmente no quieres pagar. Pero otra vez, pago por Canva porque es muy útil y lo uso todo el tiempo Pero en serio, eso es todo lo que necesitas saber para editar y ajustar tu encabezado. 21. Diseño de 21 pies de página: Edición y diseño del pie de página para nuestro sitio web. Así que vamos a navegar todo el camino hasta la parte inferior del sitio web. Entonces este es el pie de página de este tema. Y por defecto, en realidad me gusta bastante esto. Se ve muy bien. Lo único que probablemente cambiaría es que cambiaría estos enlaces aquí mismo a otra cosa. Así que siempre pondría los términos privacidad, sus páginas legales aquí abajo. Entonces cambiaría esto de diseño con WordPress a copia de tu sitio web, términos, privacidad, ese tipo de cosas. Y luego simplemente reformularía esto de la privacidad a la información de la compañía, lo que sea, y luego agregaría enlaces adicionales por ahí Después los enlaces de redes sociales. Eso me gusta bastante. Esto se ve bien. Simplemente actualice estos enlaces para vincularlos a su perfil de redes sociales. Entonces déjame mostrarte un ejemplo rápido de mi pie de página favorito no de todos los tiempos, pero eso es un poco Grandios, pero este es un buen pie Entonces logo para el sitio web, lo que los sitios sobre la compañía, aprende información sobre lo que quieras llamarlo, luego enlaces enlaces, luego la cuarta columna por ahí, enlaces de redes sociales. Correo electrónico, número de teléfono, dirección física del negocio. Eso es lo que puedes hacer aquí. Copiar los términos del sitio web, privacidad, hecho. Entonces yo haría algo parecido a esto por aquí. Por defecto, esto me gusta bastante. Entonces otra vez, como dije, simplemente cambiaría de com por ahí. Ahora, de todos modos, ¿cómo editas y ajustas? Entonces hay que saltar al editor. Entonces tengo al editor abierto por aquí. Vamos a hacer clic en el diseño. Déjame alejarme de eso. Y vamos desplazarnos hasta el fondo. Bien, así que pasa el ratón sobre el Pie de página, verás el vino morado Da click en ese vino morado, y ahora puedes dar click en Editar por aquí. Y tan simple como eso. Ahora estás editando el Pie de Página. Así que puedes hacer clic aquí para hacer el logo más grande si quieres. Similar a ese otro sitio web, puedes tener un pequeño lema, describe de qué se tratan los sitios Como un blog sobre flagelación. No lo sé, lo que sea. Entonces sobre está bien. Entonces puedes simplemente dar click por aquí. Y entonces, estos son todos los enlaces por ahí, así que haces clic en NTs. Haga clic aquí. Eso tiene un enlace de anclaje ahí mismo. Entonces si quieres cambiar esto, entonces por ejemplo, dice de ya sabes, lo que sea. Puedes retroceder de eso para cambiar realmente el texto Entonces solo llama a Hola solo como ejemplo. Entonces puedes resaltar esto por aquí y luego actualizar el enlace ahí mismo con otra cosa. Entonces sería como vlog how.com slash Título de la página. Y así puedes simplemente revisar manualmente cada uno de estos artículos ahí mismo y cambiarlo todo según sea necesario. Entonces el diseño con WordPress por ahí, obviamente, como te dije, cambiaría esto y tendría que ser copy w log, cómo, y entonces tendría tal vez un separador de páginas. Ahí vamos. Entonces privacidad, términos de separador de páginas, y así sucesivamente, luego tenga sus páginas legales ahí abajo. Entonces en realidad haz estos enlaces, tendrías que resaltarlo, presionar el enlace, y luego puedes enlazar a una página que ya existe. Entonces, si ya creaste una política de privacidad, entonces puedes simplemente enlazarla desde aquí o simplemente puedes escribir manualmente la URL. Para que puedas escribir voghow.com slash. Política de privacidad. Ahora obviamente, necesitas hacer una página para política de privacidad, pero así es como agregas enlaces por aquí donde tienes esto sea vocow.com, lo que sea Bien. Eso es lo que haría con esto de aquí. Ahora, permítanme hacer clic aquí para la configuración y hacer clic en el cuadrado nuevamente. Así que ahora tenemos toda la plantilla seleccionada, y por aquí, cuando haces clic en Parte de plantilla, puedes cambiar fácilmente el diseño a otro diseño de plantilla. Entonces, por ejemplo, este es un bonito diseño minimalista que me gusta bastante. Este se ve bien. Todas estas piezas de plantilla se ven geniales. Para que puedas editar y ajustar a tu gusto. mí personalmente me gusta este. Es agradable comenzar con muy simple, solo otro menú ahí mismo. Y luego solo cambiaría de diseño con Wordpress y actualizaría esto, nuevamente, copiaría el sitio web, términos , privacidad, y probablemente, como, silenciaría el color un poco silenciado significa, como, así que no es negro oscuro, así que es solo, como, gris claro. Entonces de todos modos, depende totalmente de ti, pero así es como editas y ajustas el pie de página. Ahora, como tengo seleccionado el bloque, nuevo, al igual que tu encabezado, si quieres cambiar los colores y todas esas cosas buenas, simplemente navega por aquí a la configuración. Entonces tienes aquí mismo el texto, puedes cambiar el color del texto a lo que quieras allá. Puede cambiar el color de fondo según sea necesario. Si quieres, de nuevo, tendrás que actualizar el logo. Otra vez, como te mostré con el encabezado. Tienes que crear un logo transparente. No porque estoy usando un fondo blanco, así que no es tan importante. También puedes actualizar una imagen de fondo ahí mismo. Puedes cambiar la tipografía a diferentes tamaños por aquí, aumentar y minimizar el relleno si quieres y altura mínima, borde, y similar al encabezado, si quieres un borde, entonces quiero un borde ahí, pero no lo quiero en todos los lados, que sea cero, cero, cero, entonces tener un bonito borde sutil en la parte superior derecha Entonces el radio, lo mismo. Por aquí, si tienes un fondo coloreado, quieres tener este diseño. De nuevo, voy a mantenerlo un color sólido blanco para que coincida con todo, pero solo estoy tratando de mostrarte diferentes cosas que podrías hacerle a esta parte de plantilla para editar y diseñar. Es así como editas y ajustas el pie de página. Y si vas con un pie de página coloreado, asegúrate de que sea del mismo color que el encabezado. Entonces quieres que la sección de encabezado como el pie de página y tu encabezado justo arriba aquí debería coincidir con el mismo color, como un sándwich, si vas a volver a ir con un fondo coloreado. 22. 22 diseño de páginas de blog: Editando la página del blog para tu sitio web. Entonces, si quieres empezar a blogueando con este equipo, puedes hacerlo totalmente Entonces arriba aquí, en el menú, tengo blog, y todo esto es solo una página que creé y la llamé blog. Tan simple como eso, y asegúrate de que la URL sea barra diagonal Blog. Entonces, ¿cómo hice esto? Así que vamos a saltar por aquí. Déjame navegar a las páginas de aquí, y es literalmente solo una página llamada blog. Y así todo lo que hice fue crear una Nueva Página, y luego la titulé literalmente Blog, publiqué, y luego me aseguré de que el enlace, la URL sea barra diagonal Blog Ahora, la forma en que debería funcionar y con la mayoría de los equipos de WordPress, funciona así es que quieres navegar aquí abajo para tu configuración, hacer clic en Reading, y tenemos una página dedicada establece una página de inicio para que podamos diseñar nuestra página de inicio a medida. Bueno, la página del post debería funcionar de la misma manera. Entonces tengo la página del blog y quiero que sea mi página de post. Hacemos clic en Guardar cambios. Sólo te voy a mostrar lo que pasa si haces esto. Ahora vamos a volver a cargar la página y trae a colación la plantilla por defecto No tengo idea de por qué esta cosa hace esto. Supongo que es una peculiaridad o un descuido. Tienes que tejerlo en blanco. Tejer la página de entrada en blanco, y tenemos que diseñar a medida la página de entrada del blog nosotros mismos, ¿ cuál es la forma en que lo hacemos? Muy sencillo. Te voy a mostrar ahora mismo cómo hacerlo. Mantener Postpage como selecta. Entonces una vez que tengas tu página de blog, recargamos esta. Ahí vamos. Ahora queremos editar página, no editar sitio. Desea editar la página. Sigamos adelante y editemos esta página. Bien, fantástico. Entonces lo primero es lo primero, queremos seleccionar la plantilla por aquí. Entonces, ¿por qué quieres hacer eso? Porque ahora quieres hacer click en Plantilla de Swap. ¿Por qué quieres hacer eso? Es si quieres que tu página de blog tenga una barra lateral, entonces seleccionas página con barra lateral por aquí. De nuevo, totalmente depende de ti. O puedes dejarlo solo con página con imagen o página, sin título. Solo déjalo así con el blog y solo que ese sea el título ahí mismo. Tan simple como eso si quieres. De todos modos, déjame seguir adelante e intercambiar plantilla, y seleccionaré la página de diseño de barra lateral con barra lateral, y ahí vamos Ahora necesitamos que el blog ruede como el contenido corporal por ahí. Entonces hacemos clic en el signo más ahí mismo para agregar un bloque. Quieres navegar por todos los patrones, y quieres navegar aquí abajo a las publicaciones. Y ahí tienes. Así que puedes hacer clic en el poste estándar ahí mismo o este con la imagen a la izquierda la copia sobre la derecha por aquí con diseño de cuadrícula de mampostería o el diseño escalonado aquí mismo o este diseño simple donde es como lista de publicaciones con una columna Nuevamente, puedes jugar con esto en tu propio tiempo para ver cuál te gusta más. Entonces voy a seguir adelante y hacer clic en este de aquí mismo, poste de cuadrícula con el primer post, dos columnas, lo que sea. Vamos a hacer clic en Ns. Ahí vamos. Y eso se ve genial. Déjame dar click en Guardar Ahí vamos. Bien, así que sigamos adelante y abramos esto en una nueva pestaña, solo para ver cómo se ve. Tenemos una barra lateral por aquí. Ahora el problema con este diseño es porque tengo una barra lateral, es una especie de aplastar toda esta copia por aquí. Entonces, si vas a ir con un diseño de barra lateral, probablemente sea mejor ir con un diseño donde sea solo una columna con, me gusta, block post, blogPost blogpost Si eso tiene algún sentido, ahora déjame hacer clic aquí, página con barra lateral. Vamos a deshacernos de esa plantilla de intercambio y simplemente haremos clic en esta, página sin título. Genial. Déjame seguir adelante y recargar eso Y si, eso se ve mucho mejor. Ahora estás como, Bueno, quiero una barra lateral, ¿cómo funciona eso? Todo bien. De todos modos, yo. Da clic aquí y sigamos adelante y eliminemos esto. Déjame hacer clic aquí para ver la página, página sin título, Plantillas de intercambio, barra lateral y hagamos clic en un diseño que coincida con una barra lateral. adelante y hagamos clic en Publicar aquí mismo y mantengamos las cosas fáciles. Haremos clic en el primero de Utop ahí. Vamos a hacer clic en guardar. Y si solo te estás preguntando qué es esto, esa es tu imagen destacada para tu entrada de blog, que cubriré en la sección de entradas de blog. De todas formas, esto para la página del blog. Entonces echemos un vistazo a cómo se ve esta página. Vamos a abrir esto en una nueva pestaña por aquí. Y ahí tienes. Entonces ahora tienes, dos diseños diferentes si quieres una barra lateral o si quieres un, como, diseño de ancho completo. Entonces esto se ve bastante bien. Y esto mostrará la imagen destacada para cada entrada de blog individual a medida que la agregues encima de la etiqueta H one title para el blog 23. 23 Diseño de barra lateral: Ahora, si tienes curiosidad sobre cómo editar y ajustar la barra lateral con este tema, la forma de hacerlo es hacer clic en Editar sitios aquí mismo cuando tienes abierta la página del blog, y luego puedes acceder a los elementos de la barra lateral. Entonces hacemos clic aquí, y luego puedes hacer clic en Editar para la barra lateral, se abre así. Para ser honesto, es un poco torpe. Realmente no me gusta la forma en que funciona esto , pero así es como es. Y así entonces solo puedes ajustar las cosas por aquí con la barra lateral. Si quieres agregar nuevos bloques, solo tienes que hacer clic aquí abajo. Desplázate un poco hacia abajo. Mira, por eso no me gusta esto. Es torpe. Hacemos clic aquí para ver más, y hagamos clic en Examinar todos. Entonces tenemos bloques por aquí que puedo agregar si quiero. Entonces, por ejemplo, tenemos categorías, ¿cómo se agrega eso? Vamos por aquí para la lista de categorías o categorías, muestra una lista de categorías de taxonomía, muestra una lista de todas las categorías Da clic aquí para ver la lista de categorías, y ahí vamos. Ahora tenemos una categoría. De ahí se está poblando esto, y así funciona este elemento de aquí. Entonces, si realmente iba a usar un cyber, que no soy, no me gustan las barras laterales personalmente Aquí están mis consejos de diseño para barras laterales. Si vas a ir con una barra lateral, mantenla simple. Las barras laterales se están desvaneciendo en popularidad porque honestamente, mayoría de la gente va a visitar tu sitio en un dispositivo móvil, 50% o Entonces echemos un vistazo a Justin Welch si vas a ir con la barra lateral A mí me gusta esto. Literalmente una cosa hacer una cosa. Haz clic aquí para suscribirte. Hecho, o actividades de nicho, tiene una cajita por aquí con un botón Así que puedes diseñar esto con apilable y agregar un botón si quieres Entonces solo usan el resto del elemento de aquí para publicar anuncios para tener anuncios de display, estar mostrando. Y este es un blog de la vieja escuela ahora extinta. Pero sí me gusta la barra lateral de aquí donde es un montón de imágenes bien diseñadas con una sombra paralela que se han agregado por aquí que enlazan externamente a los productos. Y entonces esta es una buena manera de que la gente entre en tus productos específicos si quieres ir con una barra lateral y quieres tener un elemento de diseño. Eso es lo que haría con la barra lateral. Bien, entonces déjame mostrarte cómo ajustar esto. Entonces tal vez me deshaga de eso en ese uptop ahí y haga clic aquí para el signo más decimos Imagen imagen por aquí, y quiero subir una imagen Voy a subir imagen de mí mismo. Ahí vamos. Y vamos a mover eso arriba ahí mismo. Y así entonces tengo una imagen de mí mismo ahí mismo . Se ve bien. Y déjame hacer clic aquí para ver el signo más. Hola, mi nombre es David. Bienvenido a mi blog sobre flagelación. Soy el autor del nombre del producto XYZ 123123. Creé este sitio para ayudarte a vlog mejor, lo que sea. Bien, así que vamos a mover eso hacia arriba y moverlo hacia arriba, y hagamos clic en Guardar por aquí, y echemos un vistazo a la página de registro ahora. Haga clic por allí. Vamos a abrir esto. Ahí vamos. Entonces tenemos una pequeña imagen agradable sobre mí y un pequeño título ahí mismo, y algo que podrías hacer con esto es como, por ejemplo, si escribiste un libro de Amazon o tal vez tienes un eBook que estás vendiendo, solo puedes vincularlo internamente a eso. Es como, soy el autor de este libro, y luego simplemente enlazar de nuevo, vincular externamente a ese libro. Entonces, ¿cómo harías eso? Soy el autor del producto XYZ 123. Eso solo lo destacaremos. Luego haz clic aquí, luego enlaza a Amazon o donde sea que esté alojado tu eBook, y podrías hacerlo. Y así es como se ajusta el cyber por aquí. De nuevo, lo mantendría súper simple. Probablemente iría con tal vez una imagen como esta, una pequeña nota publicitaria sobre ti. Y luego un llamado a la acción para suscribirse a su sitio web. Entonces, si estás como, Bueno, ¿cómo consigues esto? Esto es de tu cliente de email marketing, esta opción para suscribirte. O lo que también consideraría hacer es simplemente agregar un botón, y el botón enlaza a la página squeeze que hemos estado haciendo así. Me gusta, haz clic en tu para suscribirte, y luego la persona hace clic en él y luego dirigirlo a esa página. O si quieres tener este formulario ahí mismo que la gente pueda ingresar correo electrónico y hacer clic en Suscribirse, entonces obtienes este pequeño campo de tus clientes de correo electrónico. Así que de nuevo, lo mantendría súper simple. Una caja, un botón, una cosa para suscribirse, un montón de imágenes que enlazan externamente a los productos, un poco de publicidad sobre quién eres. En serio, eso es todo. No iría con una barra lateral súper larga con categorías y enlaces y etiquetas y buscaría este sitio web y un montón de otras cosas para mantenerlo muy minimalista De todos modos, así es como editas y ajustas estas barras laterales. 24. 24 diseño de una sola publicación: Editando las páginas individuales de tus publicaciones de blog. Entonces tenemos que cubrir algunas cosas por aquí. Entonces, antes que nada, tengo esta entrada de blog ahí mismo. ¿Cómo se crean las entradas de tu blog? ¿Dónde se crean las entradas de blog? Así que naveguemos hasta tu panel de control. Quieres ir por aquí a los puestos. Y luego quieres dar click en agregar New Post y sencillo como eso. Así es como agregas nuevo post. Entonces abramos este en general los mejores micrófonos para vloggers Así es como se ve una entrada de blog dentro de WordPress. Tienes tu etiqueta de título H one en la parte superior derecha, seguida de tu texto corporal. Entonces eres capaz de crear H dos, H tres, etiquetas de título, y así sucesivamente. Así que vamos a tener un ejemplo rápido. Así que los mejores micrófonos de escopeta, micrófonos de escopeta. Y quiero que sea una etiqueta H two tile. Por lo que destacaría eso. Haga clic aquí. Haga clic en el encabezado. Y entonces quieres asegurarte de que se trata de H dos. ¿Por qué H dos? Porque esto es un subtítulo de esto Al igual que, este es un subtítulo de este título ahí mismo. Y así entonces podrías tener copia debajo de eso, solo como un ejemplo rápido, nosotros copiamos eso ahí mismo. Y entonces tal vez tengamos una subpartida de esto. Y luego nombre del micrófono. No lo sé, llámalo ese nombre de micrófono, y quiero que sea una etiqueta de título H three. Entonces tomaremos eso como rumbo, y voy a hacer esa H tres, porque esta es la subpartida de esta Así que permítanme abrir un ejemplo rápido de una entrada de blog así que es un poco más. Fácil de entender. Así que hagamos clic aquí, siete mejores tipos de sitios web. Esa es tu etiqueta de título H one en la parte superior de ahí. Eso es una etiqueta de mosaico H dos porque eso es un subtítulo de esto Y entonces mientras estás anotando a través de esto, puedes simplemente hacer H tres, como H que es una etiqueta de Tile H tres porque ese es el subtítulo de esto ahí mismo Y así es realmente como quieres estructurar una entrada de blog. Bien, entonces con las publicaciones del blog, tienes algunas cosas diferentes a las que debes prestar atención. Entonces por aquí, puedes ajustar el tamaño con el bloque. Entonces otra vez, déjame salir de eso. Y tenemos esto por aquí. Déjame dar click aquí. Haremos clic en la configuración. Y después quiero seleccionar este bloque ahí mismo. Y tal vez quiero que los textos sean un poco más grandes para este bloque, así que voy a hacer clic en Grande. Entonces es un poco más llamativo. Entonces puedes cambiar el color del texto y el fondo, así como ajustar las dimensiones y avanzar. Bien, así que de todos modos, no quiero hacer eso. Así que volvamos a salir de eso. Muy bien, así que vamos a hacer clic aquí para Publicar. Esto en realidad es Importante por aquí. Entonces, antes que nada, tienes al autor por aquí, tienes el título y el enlace. Con el enlace con la URL, quieres que sea breve y dulce en general. Entonces, si tengo los mejores micrófonos generales para vloggers, esto debería ser realmente los mejores micrófonos Quieres que sea como que sea simple así. Las categorías son importantes. Todas las entradas de blog deben estar organizadas en una categoría. Por lo que este sitio actualmente tiene solo una categoría de blog. General, probablemente pienso cuatro a seis categorías en las que vas a estar creando contenido y tipo de apegarte a eso y tal vez agregar nuevas categorías una vez que superes quizás 60, 70 publicaciones por categoría. De veras, quieres tanto por aquí. Entonces tuve que agregar una nueva categoría. Entonces para esto, voy a llamar a esto Micrófono. Haremos clic en Añadir nueva categoría ahí mismo, y voy a anular la selección de esa Y ahora tenemos esta categoría aquí mismo. Déjame seguir adelante y hacer clic en Guardar. Y ahí vamos. Entonces, con categorías, quieres poner una entrada de blog en una categoría, no en dos, no en tres, en una. Ahora, también puedes etiquetar cosas. No soy grande en etiquetar. Etiquetar no es tan útil en mi opinión, pero la idea detrás del etiquetado era, si vas a estar creando una pieza de contenido one off sobre un tema muy específico Entonces a lo mejor tu categoría es, como , autos, y luego o camiones, y luego una etiqueta sería como Ford, muy específica. En general, solo uso categorías para mis sitios, pero de nuevo, hasta usted simplemente no abrume No es como una cosa de las redes sociales donde puedes etiquetar cosas y ayudar a que se posicione mejor. Es realmente para fines organizativos para el visitante final. Y realmente, así de simple. Entonces tienes sucesiones de enlaces ahí mismo y realmente así de simple Ahora bien, cómo establecer una imagen destacada, que es de lo que hablé por aquí. Entonces en lo más alto con esta escena, tienes sets imagen destacada. Da clic en NATs, y luego puedes subir una imagen característica, que es lo que haremos ahí mismo Entonces acabo de crear esta imagen de nuevo con Canva, como te mostré antes Y quieres titularlo algo que esté relacionado con las entradas de blog, así que el registro de micrófono, y luego todo el texto sería la palabra clave de la entrada del blog Entonces, ¿cuál es la publicación del blog sobre micrófonos para YouTube? Bien, entonces micrófonos para YouTube. Ahora haremos clic en la imagen de características de conjuntos justo ahí mismo. Y ahora tenemos la imagen característica ahí mismo. Vamos a hacer clic en Guardar. Genial. Y sigamos adelante y recarguemos nuestra página de blog solo para mostrarte cómo se ve eso. Y si, se ve bien. Entonces ahora tenemos un pequeño borb ahí mismo, imagen y el título, y eso queda bien Entonces así es como esta sección va a verse y ser poblada a medida que creas imágenes de características y blog y así sucesivamente. Bien, así que de todos modos, vamos a navegar de nuevo a Dashboard. Debajo de tu puesto. Aquí es donde tienes tus categorías y etiquetas. Entonces, si haces clic en categorías por aquí, este es también otro lugar donde puedes agregar nuevas categorías y puedes administrar cuántas categorías tienes y publicaciones de blog dentro de las categorías. Y también puedes crear subcategorías si quieres. Entonces, por ejemplo, llamaremos a este registro, y entonces la categoría padre sería blog solo como ejemplo. Y entonces esa es una subcategoría. La estructura de URL para este sitio sería logout.com slash category slash Blog slash flagelación Entonces ahí tienes. Sencillo. Y quieres usar subcategorías ya que tiene sentido para la categoría primaria Entonces si estás hablando de, por ejemplo, volver a camiones, tal vez camiones es mi categoría principal. Pero a veces pero sí escribo mucho sobre cuatro camiones por cualquier razón, tal vez crearía una subcategoría en Ford o cuatro camiones y la estructuraría así Y realmente, así de simple con el diseño y con los blogs Entonces así es como quieres acercarte a esto, crear contenido por aquí, H dos, H tres, etiquetas de título, poner cada publicación de bloque en una categoría lógica, no pensamientos o categoría lógica sin categorizar, tal vez cuatro a seis, tiene sentido para tu sitio web. Y además, no olvides que aún tienes acceso a todas las bondades de edición de bloques con WordPress. Puede hacer clic aquí para ver Plus, haga clic aquí para BRS A lo mejor quiero tener un patrón por aquí. Por lo que haremos clic en el destacado ahí mismo. A lo mejor quiero tener esta sección aquí mismo, agregue eso en. Wordpress es bastante flexible y te permite diseñar hermosas páginas y contenido. Ahora bien, si echamos un vistazo a esta publicación de bloque individual que acabamos de publicar aquí, va a ser un diseño de una sola columna. Y si eres como, Bueno, oye, quiero agregar en la barra lateral o tal vez simplemente te guste la forma en que se ve esto. Tal vez quieras que esto tenga una barra lateral y luego tu publicación de bloque individual no tenga una barra lateral, totalmente depende de ti. Pero si quieres agregar la barra lateral dentro de la página de publicación única, puedes hacerlo fácilmente haciendo clic aquí para la configuración. Luego haz clic aquí para ver la plantilla, publicación única, plantilla de intercambio y luego publicación única con una barra lateral, y luego así es como agregas en la barra lateral. O si solo quieres mantenerlo como está, simplemente puedes usar la plantilla predeterminada, que es una sola publicación. Entonces, por defecto, no hay barra lateral con los blogposts individuales Personalmente me gusta la forma en que se ve esto. Ese soy solo yo. Pero depende totalmente de ti. Nuevamente, si pasas por el proceso de creación de una barra lateral que quieres usar, solo quieres agregarla por aquí. Pero en general, eso es todo lo que necesitas saber para comenzar con los blogs Y una cosa final rápida que quiero que ajustes y seas consciente de cómo ajustar es cómo cambiar este título ahí mismo. Entonces dice, B luego Vlog 123. Ese es el nombre de usuario de inicio de sesión admin. Entonces no queremos eso. Obviamente, queremos que este sea un nombre más lógico como Brian o como sea su nombre. Entonces esta es la categoría, que me encanta. Perfecto en categoría. Perfecto, no cambiaría nada ahí mismo. Eso es genial. La fecha por aquí está bien, también. Bien, entonces algunas cositas rápidas. Entonces con la fecha, ¿cómo se cambia la fecha? Entonces tal vez vuelvas a esta entrada de blog en un mes o dos meses, y la actualices, y ya no quieres que esto diga esta fecha, quieres ser la fecha más actual. Así que puedes simplemente cambiar la fecha de publicación aquí mismo. ¿Bien? Así que nunca llegues a tu puesto. Nunca llegues aquí para publicar, y luego puedes cambiar la fecha de publicación a otra cosa. Para deshacerte del título de administrador ahí mismo, así que tienes que ir a la apariencia. Bien, lo siento, tienes que ir a los usuarios. Todos los usuarios. Abre eso. Entonces abre esto ahí mismo. Entonces nombre de usuario. Y entonces el nombre de usuario es este y no puedes cambiar tu nombre de usuario, pero puedes cambiar el apodo. Entonces no quiero eso. Entonces solo diremos como Brian, lo que sea. Entonces exhiba públicamente o muestre el nombre públicamente como Brian o como sea su nombre. Entonces escribe aquí hay información biográfica como la que mencioné antes, donde es como, puedes tener una pequeña descripción rápida del autor ahí mismo Después haremos clic en Actualizar perfil. Y rejillas. Vamos a revocar los sitios, y ahí vamos. Entonces así es como cambias tu nombre. Puedes actualizar la fecha y tenerla en categoría, eso es perfecto. Bonito enlace interno a las páginas de categorías. 25. 25 Favicon: Cómo agregar en un fabricon para tu sitio web. Entonces un icono de fabricon o sitio. Es esta cosita de aquí arriba en la pestaña. Entonces, ¿cómo lo haces personalizado en lugar de que sea el logo que subimos y luego trituramos juntos ? Bueno, eso es bastante sencillo. Puedes usar Canva para crear el gráfico y acceder a tu sitio web navegando a la configuración, luego yendo a la pestaña general Y aquí mismo es donde puedes cambiar el ícono del sitio y subir un nuevo ícono que crees. Y te dice el tamaño de aquí 512 por 512, al menos 512 por 512 píxeles. Vamos a saltar por aquí como un ejemplo rápido a Canva, tamaño personalizado, 512, 512, crear un nuevo diseño. Y ahí vamos. Así que tenemos una bonita cuadradita ahí mismo. Escribiremos elementos. No sé, escribe vlogging, vlogging está bien, lo que sea Bien, o vlog tal vez mejor. ¿Qué tal escribir en cámara? Así que sí, lo que sea. Entonces, ¿ solo quieres encontrar algún tipo de imagen o gráfico ya que tiene sentido para tus temas? Déjenme una bandera y vean qué surge. Sí. Bien, eso está bien. Ahora, un real desde un punto de vista práctico, realmente debería coincidir con el diseño de su sitio Entonces ese es el logo que he creado para mi propio sitio personal ahí mismo. Entonces la tela arriba ahí está ese símbolo Du ahí mismo, fondo circular, eso es transparente. Así que de nuevo, depende totalmente de ti si quieres diseñar eso. Entonces, si quieres ir con, como, un fondo estilo círculo, entonces puedes simplemente navegar por aquí, escribir círculo. Todo bien. Boom, y cambia el color por ahí, tal vez hazlo azul. Entonces haz esto bonito y grande, así. Ahí vamos. Todo bien. Ahora posición. Queremos hacer retroceder eso. Bien, pongamos eso ahí mismo. Y sí, bien, así que no está mal. Y ahora queremos que esta sea una imagen transparente para que podamos compartirla y descargarla, fondo transparente, descargar. Y lo guardaremos en mi escritorio por aquí. Y abramos estos sitios y minimicemos eso, minimicemos esto. Arrastraremos y soltaremos eso en su lugar, cambiaremos el icono de la diapositiva, lo arrastraremos ahí mismo. Establecer el icono del sitio. Ahí vamos. Haga clic en Guardar cambios. Y luego volvamos a cargar el sitio. Ahí vas. Entonces ahora tenemos un pequeño icono bonito. Entonces, para fines tutoriales, así es como lo actualizas. Yo crearía algo un poco más personalizado, tal vez como un VH o lo que sea, pero te das la idea de cómo crear un ícono de sitio personalizado fabricado para tus sitios web. 26. 26 SEO: SEO básico para tu sitio web. Entonces nos estamos acercando al final de este tutorial. Entonces, ¿cómo configuramos el SEO para un sitio web? Entonces, la optimización de motores de búsqueda, hay algunas pequeñas cosas que solo debes tener en cuenta. Así que primero en la página de inicio, aquí mismo, tenemos establecida como página principal, separador de páginas. Aprende a hacer crecer tus ingresos, bla, bla, bla, bla. Y eso estaba poblado porque me pasó a sumar la línea de etiqueta ahí mismo. Pero podemos cambiarlo. No estamos atascados con eso. Así que navega por aquí hasta Dashboard. Entonces quieres navegar por aquí hasta Rank Math, que es un plugin de SEO que instalamos desde el principio. Y ahora, una vez que tengamos abierto Rank Math, queremos ir a Títulos y Meta. Y una vez que Títulos y Meta estén abiertos, quieres hacer clic en la página principal aquí mismo. Y la página estática se establece como portada. Añade la descripción de ScoTile en casa y Meta a la página principal. Normalmente, podrías editar aquí, pero tenemos que ir por aquí para editar la página principal. Entonces por aquí es donde podemos establecer el título. Entonces, ¿cómo hacemos eso? Muy sencillo. Entonces vamos a hacer clic en esto ahí mismo, hay una cajita que dice Rank Math. Después hacemos clic en Editar fragmento ahí mismo, y podemos ajustar todo por aquí. Bien. Entonces, en general, con mayoría de temas para Wordpress, una vez que tengas instalada la pista Math, todo lo que tienes que hacer es hacer clic en Página principal, y aquí mismo es donde puedes establecer un título de SEO Pero esto nos está dirigiendo a la página principal de aquí. Así que simplemente haz clic en esta cajita arriba de ahí. Entonces esto se llena por aquí, y aquí es donde se puede cambiar el título Entonces debería ser algo así como separador de página de título del sitio Voght, aprende a iniciar un vlog rentable Entonces la meta descripción debería describir de qué se trata el sitio web. Así que aprende a hacer mejores registros y hacer crecer tu audiencia. Asesoría y guías sobre blogs. Siempre. También podrías usar este generar con IA si quieres. De todas formas, sólo un como Ds y se ve bien. Haz clic en guardar así es como cambias el título de SEO para la página de inicio arriba allí Entonces ahí vamos. Cambia ahí arriba, pero se queda igual aquí abajo. Entonces ahí tienes. Tan simple como eso. Ahora, también necesitas hacer eso con cada página individual. Entonces, la página Acerca como ejemplo rápido, podemos simplemente abrir esto, hacer clic en este cuadro ahí mismo, y luego editar fragmentos así que esta es la página Acerca de, debería ser sobre log, Entonces otra vez, lo mismo. Escribe una descripción, y lejos te vas. Entonces, la otra cosa que quieres hacer es también para las publicaciones de blog. Entonces, con las publicaciones de blog, sí quieres ir con un título que no esté demasiado optimizado y no sea súper rico en palabras clave, sino algo que sea un poco clicable, como la impresionante verdad sobre los No sé, algo así, es un poco más convincente que, como iniciar un vlog que gane dinero para siempre, en lugar de cómo iniciar un vlog De todos modos, el mejor micrófono general para vloggers. Quieres hacer clic aquí, editar para recortarlo, y luego quieres deshacerte del nombre del sitio ahí mismo, y luego simplemente escribir manualmente Vlog cómo o simplemente puedes deshacerte de esto todos juntos si quieres, y solo tener el título Pero normalmente me gusta ir con título y luego el nombre del sitio así. Si el título no es demasiado largo. Entonces, si el título está ocupando aquí toda la sección, entonces simplemente déjelo. Pero si hay un poco de espacio, entonces normalmente me gusta tener el nombre del sitio al final. Y luego quieres escribir la descripción ahí mismo y ajustar el enlace pérmico por ahí Entonces solo quieres pasar por el sitio, y cuando publiques páginas y publicaciones de blog en tu página de inicio, solo asegúrate de que todo tenga un título SEO lógico que sea muy útil y descriptivo para el visitante final. 27. 27 toques finales: Bien, entonces a estas alturas, deberías tener una buena comprensión sobre cómo diseñar un sitio web con este tema que es bueno, convincente, tiene una buena copia, sección de ofertas, copia de ventas, páginas de entradas de blog, todas esas cosas buenas. Así que déjame saltar aquí de vuelta a mi panel de WordPress. Y déjame abrir el editor, solo para mostrarte algunos pequeños detalles finales que puedes retocar si quieres Personalmente me gusta la forma este tema se ve por defecto, pero de nuevo, tienes muchas opciones por aquí. Entonces déjame mostrarte brevemente cómo funcionan las cosas. Bien, entonces justo arriba aquí, tenemos estilos. Nuevamente, los estilos afectan a todo el sitio. Entonces, si alguna vez quieres cambiar un bloque individual, siempre quieres estar operando bajo tu configuración. Pero aquí, estilos. Entonces toqué esto desde el principio, pero arriba aquí, los estilos cambian ampliamente todo el sitio Si quieres hacer eso y cambiar el color ahí mismo. Pero nuevamente, puedes cambiar cada uno de estos elementos individualmente, pero esto es para todo el sitio. Bien, entonces tenemos nuestra tipografía arriba ahí arriba. Probablemente sea el más importante porque puedes cambiar la tipografía para el sitio Entonces, si no te gusta esta elección de fuente, estás como, ¿Cómo cambio esto? Me vuelve loco. Esto no me gusta. Arriba aquí. Entonces realmente, quieres cambiar tu texto y tus encabezados. Texto significa tu texto corporal, y tus encabezados significan tu H one, h2h3 Entonces cuando haces clic en este elemento, dice H uno ahí mismo. Eso significa literalmente encabezarse. Rúbrica uno. Entonces ese es el título de la página. Entonces H dos es una subpartida de H uno, H tres es la subpartida de H dos, así sucesivamente y así sucesivamente Entonces por aquí con encabezamientos, podemos cambiar los encabezamientos a otra cosa si queremos Como, eso es y nos echaremos atrás de eso. Entonces tenemos el texto ahí mismo. Entonces podemos cambiar el texto a otra cosa si queremos así o eso está por aquí. Estas son tus únicas opciones podemos ser cardo, Enter, lo que sea. Entonces así es como cambias la elección de fuente, tamaño si quieres jugar con eso de ahí, y eso es realmente todo . Y en términos generales, quieres que tus fuentes sean algo similares en todo el sitio web. Entonces realmente, tu H one, título h2h, tus etiquetas de encabezado son una opción de fuente, entonces tu texto corporal es otra cosa. Entonces no quieres tener, como, una fuente diferente para tus elementos de menú y una fuente diferente para tu H one, etiquetas de título h2h, una fuente diferente para tu cuerpo. Para. Quieres ir con dos. Un estilo para tus encabezados, otro estilo para el texto del cuerpo. Si necesitas ayuda para averiguar qué coincide, podrías jugar con un sitio web llamado par de fuentes aquí Y así esto te da una idea de qué fuentes coinciden entre sí. Pero de nuevo, estás bastante limitado por aquí con tu tipografía Esto es. Es uno, dos, tres, cuatro, ninguno de los impagos. Así que juega con esto para ver cómo te gusta. Pero de nuevo, se puede cambiar el tamaño, apariencia por ahí, puede hacerlo extra ligero, altura de línea, espaciado entre letras. Así que tienes mucha flexibilidad con el diseño de aquí. De lo contrario, eso es lo principal que probablemente vas a querer cambiar por ahí con la tipografía Entonces tenemos colores por allá. Coors, puede cambiar los colores de tinta interna del enlace. Entonces, cuando tienes un enlace interno o un enlace externo a otro sitio web o lo que sea, como Amazon o YouTube o lo que sea, aquí es donde también puedes cambiar el color del enlace. Entonces, si tuviera un enlace ahí mismo, vlogs de viajes de alta calidad, así Nos llevaremos eso. Permítanme enlazar por aquí a YouTube como ejemplo rápido. Ahí vamos. Eso lo voy a poner en negrilla. Y así la tinta ahí mismo es como cambiaría este color. Entonces, y si eres como, no me gusta ese negro. No quiero que eso sea negro. Entonces aquí mismo, contraste negro, puedes cambiar el color y jugar con él ahí mismo para cambiar este color. Entonces enlaces por ahí es cómo cambias los colores. Tienes otras opciones y gradientes, también con los que puedes jugar Y en general, esas son una especie de cosas primarias que quieres cambiar. Biografía, tus etiquetas de mosaico H one, h2h3, tus etiquetas de encabezado y tus fuentes de cuerpo, luego los colores para, como, tus enlaces. Más o menos eso. Y luego sombras por allá. Entonces tienes maquetación. El diseño es útil porque podrías hacer que el sitio más amplio si quieres y agregar relleno. Y si quieres agregar una imagen de fondo para todos los sitios, puedes hacerlo por aquí. Y una última cosa es que tienes CSS adicional ahí abajo y también bloques para que puedas personalizar la apariencia de bloques específicos para todos los sitios. Entonces, si quieres personalizar estos bloques, que no tengas que cambiar continuamente el bloque cada vez que lo uses, puedes simplemente cambiarlo aquí mismo en todo el sitio. Y nuevamente, como dije, CSS adicional está por aquí. Entonces, si sabes cómo codificar CSS y quieres, donde ingreso el CSS que quiero agregar. Boom aquí mismo bajo tu estilo. De todos modos, eso es todo para este tutorial. 28. ¡Gracias! : Muy bien, todos. Eso es todo para mi curso de Skillshare sobre cómo crear un sitio web y blog muy hermoso y profesional de alta conversión con el tema 2024 de Wordpress Espero que lo hayas disfrutado, y espero que hayas sacado mucho valor de ello y hayas podido crear una página de inicio muy efectiva con un llamado a la acción de leer. De todos modos, solo quiero darte las gracias y que tengas un gran día. Adiós.