¿Alguna vez ha sentido la necesidad de cambiar el diseño de su página de inicio? Ya sabes, esas veces en las que echas un vistazo a un sitio web de la competencia y te gustaría poder incluir una característica similar o cambiar el diseño de tu página de inicio en consecuencia.
También es posible que cambie la marca de su empresa o sus objetivos comerciales. Incluso puede tener páginas de inicio hechas a medida para diferentes ocasiones o temporadas, como una venta de fin de temporada, una venta de invierno, el viernes negro y otros eventos especiales.
Aunque sólo sea por eso, es posible que desee una página de inicio más atractiva que la predeterminada de WordPress.
¿Cómo se crean páginas personalizadas y se configuran como página de inicio en WordPress? ¿Se pueden mostrar diferentes páginas de inicio para diferentes ocasiones?
¡Sí que puedes!
Su página de inicio marca el tono de todo su sitio web.
Transmitir el mensaje correcto desde el principio influirá en la opinión que los visitantes tengan de su sitio web y de su empresa. Si transmite un mensaje erróneo, es posible que sus visitantes decidan marcharse incluso antes de seguir explorando.
Diseñar la página de inicio adecuada y transmitir el mensaje correcto es un proceso continuo. Lo que funciona hoy no tiene por qué funcionar mañana. Es un proceso constante de comprensión de lo que quiere el cliente y de introducción de cambios en la página de inicio.
Hay que ser receptivo para hacer estos cambios periódicamente.
Una página de inicio ideal debe ser
- Acogida
- Fácil de navegar
- Atraiga a los visitantes y ayúdeles a iniciar una conversación
Afortunadamente, es fácil hacer esos cambios en tu página de inicio.
Al terminar este tutorial fácil de seguir, verás este diseño final de nuestra página de inicio.
Este artículo le mostrará cómo crear una página de inicio, editar una página de inicio existente y establecer una página de inicio personalizada.
¡Comencemos!
¿Qué es la página de inicio?
La primera impresión es la mejor. Eso es precisamente lo que consigue la página de inicio de su sitio web.
Su página de inicio es la primera página que ve un visitante cuando teclea su URL en el navegador. En función de lo que transmita su página de inicio, sus visitantes darán o no el siguiente paso.
El siguiente paso puede ser hacer clic en un enlace, suscribirse al boletín, interactuar con su contenido o aventurarse más en su sitio web.
La página de inicio debe transmitir de qué trata su sitio y cómo puede ayudar a sus visitantes. La página de inicio ideal también debe tener un CTA (Llamada a la acción) para atraer a los visitantes a dar el siguiente paso.
Por ejemplo, nuestro Astra página de inicio transmite un mensaje sencillo, siendo el el tema de WordPress más popular del mercado. También comunicamos nuestras ventajas competitivas: somos los más rápidos, los más ligeros y los más eficaces. el tema de WordPress más personalizable.
Además, tenemos un CTA directo, Descargar ahora, como se muestra en la imagen de arriba.
Este enfoque directo significa que los usuarios saben exactamente qué se les ofrece, por qué deben elegir Astra y qué deben hacer a continuación. Todo lo que una gran página de inicio debe comunicar.
Ahora que sabemos qué es una página de inicio, entendamos por qué podemos necesitar cambiarla.
Por qué le conviene cambiar su página de inicio
Cuando instalar WordPressla página de inicio predeterminada no tiene por qué ser necesariamente impresionante. En algunos casos, la página de inicio muestra las últimas entradas de tu blog.
Si tienes un blog, esto funciona muy bien.
Sin embargo, supongamos que desea crear un sitio web empresarial o un sitio de comercio electrónico. Lo ideal sería mostrar los objetivos de tu empresa, las ventajas competitivas, promocionar tus productos y atraer a tu público.
En estos casos, necesita una página de inicio más atractiva. Una que cree esa primera impresión esencial.
Afortunadamente, WordPress facilita la edición y el cambio de la página de inicio.
Pero ten en cuenta que si tienes abrió un blog, una tienda de comercio electrónico u otro sitio web, es probable que la página de inicio sea muy diferente a la página de inicio de una empresa.
Para blogs y revistas, es probable que sea una lista de los artículos más recientes. Para las tiendas de comercio electrónico, es probable que sea una lista de los productos que se venden actualmente. Y para muchos otros sitios web, puede ser simplemente una página con texto o imágenes.
¿Cómo cambiamos la página de inicio? ¡Vamos a ello!
Cómo configurar una página de inicio estática y dinámica
Ok. Lo primero es lo primero.
¿Qué es una página de inicio estática y qué es una página de inicio dinámica?
Una página de inicio estática, como su nombre indica, es estática. No cambia. La mayoría de los sitios web corporativos y empresariales son predominantemente estáticos.
Compárelo con una tienda de comercio electrónico, un sitio web de noticias o un blog. Cambian constantemente. Sitios web de noticias pueden cambiar cada hora, o incluso más rápido. Estos sitios se denominan sitios web dinámicos. Sus páginas de inicio cambian con frecuencia, de ahí lo de página de inicio dinámica.
Las páginas estáticas también pueden incorporar contenidos y elementos dinámicos. Por ejemplo, un sitio web de productos financieros puede incluir un canal de bolsa en directo.
¿Quiere mostrar una página de inicio estática o dinámica?
Vamos a seguir adelante y crear una página cada uno para su página de inicio estática y la página del blog dinámico.
Visite Páginas > Añadir nueva en tu panel de WordPress y crea una nueva página. Por ejemplo, hemos creado una nueva página y la hemos llamado "Mi nueva página de inicio".
Podrías diseñar la página de inicio en función de tus necesidades. Aquí nos saltamos ese paso.
Haga clic en Publique una vez que haya terminado.
Repita los pasos anteriores para su página de blog. Hemos creado una página llamada "Mi nueva página de blog".
Ahora que ya has creado tus páginas, dirígete a Ajustes > Lectura.
Si quieres que tu página de inicio muestre las últimas entradas del blog, puedes elegir la opción "Tus últimas entradas". Alternativamente, si seleccionas la opción "Una página estática", puedes seleccionar explícitamente la página de inicio y la página de entradas entre las opciones disponibles.
Por ejemplo, hemos seleccionado las páginas que acabamos de crear, es decir, "Mi nueva página de inicio" y "Mi nueva página de blog" para la página de inicio y la página de entradas, respectivamente.
Haga clic en Guardar cambios una vez que haya terminado y para que los cambios se reflejen en el sitio en vivo.
Ok, una palabra de precaución aquí.
Teniendo en cuenta que está actualizando su sitio en vivo, sería bueno poner su sitio en modo de mantenimiento antes de cambiar la página de inicio. Más aún, si ya tiene gente visitando su sitio.
Podrá elegir entre una gama de mantenimiento y próximamente Plugins de WordPress. Uno de los que recomendamos es el SeedProd plugin.
Utilizando SeedProdpuede tener una página de mantenimiento en funcionamiento en cuestión de minutos.
En caso de que desee añadir una capa adicional de seguridad, considere la posibilidad de realizar una copia de seguridad de su sitio de WordPress. Uso de Plugins de copia de seguridad de WordPress como UpdraftPlusno sólo puede realizar copias de seguridad de todo su sitio web, sino también almacenarlas automáticamente en la nube.
Para obtener una guía detallada paso a paso, consulte nuestro artículo sobre cómo hacer una copia de seguridad de tu sitio WordPress.
Un método alternativo para configurar tu página de inicio es utilizar el personalizador de temas.
Para acceder a ella, diríjase a Apariencia > Personalizar y seleccione el Configuración de la página de inicio opción.
Al igual que en la ocasión anterior, establezca la página de inicio y la página de publicaciones en la lista desplegable. Cuando haya terminado, haga clic en Publique.
Y así de sencillo es establecer la página de inicio y la página del blog en tu sitio de WordPress.
Cómo personalizar la página de inicio de WordPress
Aunque depende totalmente de ti cómo y qué quieres mostrar, te explicaremos diferentes formas de diseñar y personalizar tu página de inicio.
Método 1: Mediante el personalizador de temas
Los temas de WordPress vienen con un diseño de página de inicio básico. Aunque pueden servir para este propósito, es posible que tenga que editarlos y personalizarlos para adaptarlos a sus necesidades.
Puede hacerlo utilizando el personalizador de temas.
Visite Apariencia > Personalizar para iniciar el personalizador.
El personalizador ofrece una vista previa de tu página de inicio mientras la editas. De este modo, podrá ver exactamente cómo afectan sus modificaciones al sitio web en tiempo real.
En función de su tema, las opciones que se le ofrecen pueden variar. Para editar, puede navegar por las opciones de menú de la izquierda o hacer clic en el icono del lápiz azul.
Ninguno de los cambios se reflejará en el sitio web en vivo a menos que haga clic en Publique. Así que eres libre de jugar con el personalizador.
Normalmente, los elementos que puedes personalizar con el personalizador de temas son la cabecera, el pie de página y la barra lateral. La parte central del sitio web son las páginas y entradas que crees.
Algunos temas ofrecen la opción de tener una barra lateral o eliminarla por completo. En Apariencia > Personalizar > Barra lateralEn la barra lateral, puedes decidir dónde quieres que aparezca.
Estas son algunas guías para editar diferentes partes de los sitios web de WordPress:
Si desea crear páginas de inicio y sitios web asombrosos en cuestión de minutos, considere la posibilidad de utilizar nuestro Astra's plantillas de sitios web.
Con Más de 150 diseños profesionales y plantillas de sitios web listas para importar, ¡podrás lanzar un sitio web completo así de fácil!
Método 2: Editar la página principal de WordPress con el editor de bloques
Spectra es un potente constructor de páginas elegido por más de 400.000 usuarios de WordPress para diseñar sus sitios web. Es un plugin gratuito que ofrece más de 27 bloques exclusivos y toneladas de plantillas web completas prediseñadas que añaden más potencia al editor predeterminado de WordPress.
Ahora puedes implementar muchas funciones avanzadas en tus sitios web como rejilla de entrada, contenedor, tabla de contenidos, preguntas frecuentes, pestañas, formularios, mapas de Google y mucho más de forma gratuita. Esta práctica herramienta también es compatible con la gran mayoría de temas populares de WordPress.
Como la gente quiere crear sitios web rápidos, el equipo de desarrollo de Spectra se centró en la velocidad y el rendimiento del sitio web, manteniéndolo ligero y superrápido.
Aprendamos a personalizar la página de inicio de su sitio web con Spectra.
Antes de la personalización, instale el Spectra en su sitio web.
Consulte esta guía si no lo sabe cómo instalar un plugin de WordPress.
Entonces:
Abra la página en el editor de WordPress.
Añadir sección de clientes
Vamos a añadir una sección de clientes a la página de inicio. Puedes hacerlo manualmente insertando una a una las imágenes de los clientes para completar el diseño.
Pero utilizaremos un bloque de plantilla Spectra.
Haga clic en el botón Kits de plantillas botón.
Ir a la Patrones y busque la pestaña Clientes bloques utilizando el menú de la izquierda.
Elija un bloque y haga clic en el botón Importar botón.
Añadir un área de testimonios
El editor de bloques de WordPress no ofrece un bloque de testimonios, pero Spectra sí. Así que usted puede agregar fácilmente su testimonio usando Spectra.
Buscar el Testimonio y, a continuación, arrastre el bloque a la zona adecuada de su página de inicio.
Añadir Google Maps
Al igual que el bloque Testimonio, puedes añadir Google Maps a tu sitio web utilizando Spectra.
Haga clic en el botón '+y busque el bloque de mapa. Inserte el bloque en el lugar adecuado de su sitio web.
Añadir una sección de información de contacto
Añadamos una zona de información de contacto para que los clientes puedan ponerse en contacto fácilmente. Cuanto más fácil sea el proceso, más probabilidades habrá de que los visitantes se pongan en contacto...
Vamos a utilizar las plantillas prediseñadas.
Ir a la Kits Plantillas > Patrones zona y encontrar el Póngase en contacto con bloques utilizando el menú de la izquierda.
Entonces Importar un bloque a su sitio web.
Por último, pulsa el botón Actualización para guardar el diseño.
Echemos un vistazo al diseño final de nuestra página de inicio.
Aunque hemos realizado cambios modestos en nuestra página de inicio, es un ejemplo de lo fácil que resulta actualizar una página con Spectra. Literalmente, no hay límites a lo que se puede conseguir con un poco de creatividad.
CONSEJOS:
Consulte esta práctica guía y aprenda cómo crear un mega menú para su sitio web WordPress.
Método 3: Crear una página de inicio personalizada en WordPress utilizando creadores de páginas
Otro método popular para crear una página de inicio personalizada es utilizar un plugin de creación de páginas de WordPress.
Un constructor de páginas le permite crear fácilmente páginas utilizando un editor visual de arrastrar y soltar. Hay varios constructores de páginas para que usted elija, tales como Elementor, Beaver Builder, Brizy, Constructor de páginas WPBakeryy otros.
Recomendamos utilizar Elementor. No sólo es fácil de usar para principiantes, tiene un montón de widgets y características, sino que también tiene un montón de plantillas incorporadas y elementos de bloque que puedes utilizar.
Sólo tienes que seleccionar una estructura de diseño, arrastrar los widgets y elementos de la parte izquierda y crear tus páginas.
Al igual que en las dos ocasiones anteriores, podrías probar el plantillas de sitios web diseñado específicamente para creadores de páginas.
¿Quieres más widgets, plantillas y bloques? Prueba nuestros Ultimate Addons for Elementor y Ultimate Addons for Beaver Builder.
Añada un menú a su página de inicio
El menú es el elemento que ayuda a los visitantes a navegar por tu sitio web. Ahora que ya has creado tu página de inicio y las páginas personalizadas de tu sitio web, es hora de reunirlas todas en tu menú.
Si aún no ha creado un menú, haga clic en crear un nuevo menú. También puede editar uno de los menús existentes si aparece en su página de inicio.
El siguiente paso es incluir las páginas, entradas o categorías de bajo Añadir elementos de menú a su Estructura del menú. Si desea añadir un enlace externo a su menú, puede hacerlo creando uno en Enlaces personalizados.
Aunque existe una opción para añadir automáticamente páginas de nivel superior a su menú, le recomendamos que opte por el método manual que acabamos de explicar.
Una vez que haya incluido los elementos en su menú, puede ordenarlos simplemente arrastrándolos donde los necesite. Si desea crear un enlace de subcategoría o, en otras palabras, anidar un elemento bajo el enlace principal, puede hacerlo.
Basta con arrastrar el subenlace ligeramente hacia la derecha, debajo del enlace principal.
Por ejemplo, como se muestra en la imagen anterior, hemos creado un subenlace (Fundadores) bajo el enlace principal (Quiénes somos).
Una vez que hayas terminado, haz clic en Guardar menú.
Por último, si tiene varios menús, puede elegir de qué menú seleccionarlos. Esto se puede conseguir desde la pestaña Gestionar ubicaciones.
Asigna el menú que acabamos de crear como Menú principal y haga clic en Guardar cambios.
Páginas de inicio en WordPress
La página de inicio de su sitio web es la primera que ven los visitantes. Establece inmediatamente el tono para el resto de su sitio web. Si su página de inicio está mal diseñada, desordenada y no transmite el mensaje con claridad, podría perder clientes potenciales.
Una página de inicio sencilla, limpia y minimalista es una forma estupenda de crear esa primera impresión tan importante. No sólo consigue que los visitantes pasen más tiempo navegando, sino que también ayuda a reducir la tasa de rebote de su sitio web. Lo que a la larga ayuda a su Clasificación SEO.
Del mismo modo que parecer elegante y comportarse adecuadamente ayuda a causar una buena primera impresión en la vida, su página de inicio hace lo mismo en Internet. Cuanto mejor se vea y mejor funcione, mejor será la primera impresión.
Esperamos que ahora dispongas de las herramientas necesarias para crear tu propia y atractiva página de inicio.
¿Cuál de estos métodos le ha resultado más eficaz? ¿Y cuál es tu llamada a la acción? Cuéntanoslo.
Divulgación: Este blog puede contener enlaces de afiliados. Si realiza una compra a través de uno de estos enlaces, es posible que recibamos una pequeña comisión. Leer información. Tenga la seguridad de que sólo recomendamos productos que hemos utilizado personalmente y que creemos que aportarán valor a nuestros lectores. Gracias por su apoyo.
Tras instalar Astra, añadir un logotipo, elegir los colores y revisar los ajustes importantes, tenía varias ideas sobre la página de inicio estática que me gustaría tener, ¡pero no tenía ni idea de por dónde empezar ante el lienzo en blanco que tenía delante!
El artículo ha sido mi salvador...muchas gracias por publicar este tutorial.😊
Me alegra oírlo, Ros 🙂 Suscríbete a nuestro boletín para estar al día de los últimos artículos y vídeos de nuestro canal de YouTube, que últimamente está muy activo.
Hola, he instalado el Astra y he elegido el blog CHild Care, no encuentro donde actualizar el bloque con el SUbscribe to newsletter ... ¿alguien me puede ayudar por favor?
Hola Ous, comprueba la configuración del plugin Elementor Header Footer, que se ha utilizado para diseñar la sección Above Footer. Puede seguir los pasos de este artículo aquí o póngase en contacto con nosotros a través del Portal de Soporte.
Tengo un problema con mi nuevo blog. Estoy usando la versión gratuita de Astra durante un mes más o menos. Sin embargo, creo entradas de blog agradable muy bien formateado ect y la mirada grande en allí propias páginas de post.
Pero cuando están en la página de inicio no tienen formato y parecen tontos. ¿A qué se debe?
Hola, ¿cómo puedo hacer visible la barra lateral en la página de inicio?
Hola William,
Disponemos de opciones para gestionar las barras laterales en el tema Astra o en la versión Pro. Puede hacer más preguntas aquí - https://wpastra.com/support/ o consulte la base de conocimientos para obtener información sobre Sidebars - https://wpastra.com/docs/.
Espero que eso ayude.