Hosting WordPress Webempresa

Cómo cambiar página de inicio en WordPress

por | Dic 10, 2022 | Aprender WordPress

Cómo cambiar página de inicio en WordPress

Cuando diseñador o al crear una página web siempre partimos de una página de inicio o portada en la cual deseamos mostrar características o servicios destacados que ofrecemos a los usuarios que visitan nuestro sitio web.

Una de las ventajas de utilizar WordPress es que nos permite cambiar la página de inicio en WordPress y asignarla como la presentación principal de lo que deseamos mostrar, de esta forma podemos añadir contenido que queremos destacar y también con la cual buscamos capturar la atención de nuestros visitantes.

Hoy veremos cómo podemos cambiar página de inicio en WordPress, dónde estamos diseñando nuestra web y cómo podemos asignarla como nuestra página de portada principal.

 ¿Qué es la página estática en WordPress?

Lo primero que tenemos que saber es que WordPress cuenta con configuraciones especificas que nos permiten asignar cualquier página que estemos desarrollando como nuestra página estática, esto quiere decir que podremos crear y diseñar cualquier página y luego indicarle a WordPress que esta será mi página de portada principal.

Algo que tenemos que tener en cuenta que esta página en WordPress será nuestra presentación al mundo de internet y los usuarios que nos visitan, es la primera impresión que se llevaran cuando nos visiten por lo que es muy importante capturar la atención que necesitamos destacando nuestro contenido principal dentro de ella.

Como decidamos mostrar el contenido dentro de nuestra página de inicio mostrará al usuario una idea principal de lo que se trata nuestro sitio web y qué servicios estamos ofreciendo, también puede mostrarles información que deseemos compartir sobre nuestro perfil o qué tipo de producto deseamos mostrar en internet.

Entre los puntos relevantes que podemos destacar en nuestra página de inicio puede será la identidad de nuestra marca, este será unos de los puntos importantes a destacar para que los usuarios conozcan mi sitio identidad dentro de internet.

 Cómo configurar una página de inicio estática en WordPress.

Dentro de los ajustes principales de WordPress tendremos dos contenidos importantes que podremos configurar como contenido estático.

La primera será la página de inicio, que como hemos mencionado será esta ventana principal para presentar mi sitio web a los usuarios que nos visiten, y las entradas de blog en WordPress en las cuales podremos compartir todas las noticias, entradas o cualquier contenido personal que deseamos compartir dentro de este mundo inmenso del internet.

Ajustres de lectura wordpress

Para configurar nuestra página de inicio en WordPress lo primero que tenemos que hacer es crear esta página que deseamos configurar como nuestra página estática, tenemos que tener en cuenta que en WordPress existen diferentes contenidos que podemos crear, pero los principales serán las páginas y las entradas en WordPress.

Las páginas en WordPress será el espacio donde podemos crear contenido estático que deseamos compartir en nuestro sitio web, este apartado está pensando para que no se cambie de forma regular, sino que nos permita mostrar todo aquel contenido que queremos destacar y que siempre esté visible en nuestro sitio web.

Paginas estáticas en WordPress

Dentro de la estructura general de las páginas en WordPress podemos encontrar:

  • Página de inicio
  • Página de la empresa
  • Página de servicios
  • Página de noticias
  • Página de contacto
 Revisa un poco más en este artículo las 6 páginas imprescindibles en WordPress

Ahora bien como podemos ver tenemos una página de noticias y en estas usualmente mostramos toda aquella información recurrente y relevante que deseamos mostrar, este contenido lo creamos en el apartado de entradas el cual suele ser utilizado para crear artículos de blog, recetas, noticias o cualquier información relevante sobre nuestro rubro que deseamos compartir constantemente a los usuarios.

Entradas en WordPress

 Conoce más sobre WordPress y la Página de inicio en WordPress y Página de entradas en este artículo que tenemos disponible.

Una vez tenemos claro cuál es la estructura principal donde podremos crear el contenido de nuestro sitio web en WordPress lo primero es asegurarnos tenemos ya creada nuestra página de inicio con todo el contenido que deseamos compartir en la portada.

Si no tenemos una página creada lo primero es ingresar a Páginas → Todas las páginas y pulsar Añadir nueva

Crear nueva pagina en wordpress

Luego de tener nuestra página de inicio o portada creada podemos asignarla como nuestra portada estática accediendo a Ajustes → Lectura y seleccionando nuestra página creada en la sección que indica “Portada”.

Asignar página de portada en WordPress

Algo que podemos evaluar mientras realizamos todos estos cambios nuestro sitio web es configurar WordPress en modo Mantenimiento, de esta forma podremos ir desarrollando nuestro sitio web y publicarlo a los usuarios una vez este listo.

 Conoce cómo poner el Modo Mantenimiento en WordPress en esta guía que tenemos disponible.

De esta forma ya tendremos nuestra nueva página de inicio configurada para que sea nuestra portada principal de nuestro sitio web.

 Cómo cambiar la página de inicio en WordPress

Una vez tenemos nuestra página configurada como portada lo siguiente que podemos hacer es comenzar a cambiar el diseño y los elementos que deseamos mostrar dentro de ella, ten en cuenta que en esta página debemos crear el diseño que tendrá nuestra página de portada estática, aquí es donde añadiremos los elementos y secciones que desees mostrar dentro de esta página.

Una opción importante es evaluar cuál constructor te permitirá añadir el diseño que deseas, ya sea Divi Builder, Elementor, WordPress Gutenberg o alguno adicional de tu preferencia.

 Aquí puedes conocer un poco más sobre los mejores editores para WordPress que puedes utilizar para construir tu sitio web.

Tenemos que resaltar que actualmente la mayoría de los temas nos ofrecen una versión Demo que podemos importar para construir el diseño de nuestras páginas y solo modificar imágenes, textos, colores para añadir los de nuestra marca.

Una de estas opciones las tenemos disponibles con Divi builder el cual nos permite importar de forma rápida una página de inicio desde su librería de plantillas prediseñadas.

Si cuentas con un plan de wpFacil puedes ver en este enlace como Importar una plantilla en Divi.

Ahora bien dentro de las opciones comunes que tenemos de WordPress para cambiar la apariencia de nuestro sitio web podemos usar tres métodos específicos que veremos a continuación.

 Utilizando el personalizador de temas en nuestro sitio web

La mayoría de las plantillas para WordPress que instalamos tienen opciones especificas que podemos editar la plantilla de WordPress directamente desde el personalizado ubicado en Apariencia → Personalizar, estas opciones pueden cambiar de acuerdo al tema que utilizas, pero casi todos los temas permitirán que añadas estilos CSS en WordPress o configuraciones específicas desde esta sección.

Utilizando el personalizador de temas wordpress

Dentro de esta opción lo que podemos modificar será por ejemplo los:

  • Colores
  • Tipografía
  • Contenedor de nuestras páginas
  • Apariencia del Blog
  • Botones

Como puedes ver dentro de estas opciones podremos añadir la identidad de nuestro sitio web, pero para modificar toda la estructura de nuestra página necesitaremos hacer uso de un constructor que nos permita maquetar cada uno de los elementos que deseamos mostrar dentro de ella.

 Cambiando la página de inicio con Gutenberg.

Si hemos decidido construir toda nuestra página con este constructor podremos crear nuestra página de inicio de WordPress directamente con todos los bloques que nos ofrece Gutenberg por defecto, para ello solo tenemos que regresar a Páginas → Todas las páginas y pulsa en nuestra página de inicio que hemos creado, luego de ello solo necesitaremos añadir cada uno de los elementos y estructura que deseamos tener en nuestra página de portada.

Usualmente, la estructura de una página de portada será:

  • Slider WordPress donde mostremos nuestro eslogan principal, sección de nosotros donde podremos ofrecer un pequeño resumen de nuestra empresa.
  • Sección servicio donde podremos mostrar los servicios que ofrecemos.
  • Sección de noticias donde podremos compartir las noticias o artículos relevantes a nuestros usuarios.
  • Sección de contacto donde podrán enviarnos o solicitar más información.

Un ejemplo sobre una estructura para la página de inicio es:

Boceto estructura pagina wordpress

Para crear esta estructura en nuestra y diseñar una página web solo necesitamos editar nuestra página y comenzar a crear la estructura que deseamos, puedes ver un ejemplo de su edición en el siguiente vídeo:


Como puedes ver Gutenberg nos permitirá editar nuestra página y añadir el diseño que estamos buscando, en algunas ocasiones tal vez necesitemos extender aún más su funcionalidad y añadir característica y plugins para Gutenberg que nos permitan incorporar los elementos que deseamos, para ello tendremos disponible muchos recursos dentro del repositorio de WordPress como por ejemplo el plugin Spectra – WordPress Gutenberg Blocks el cual funciona muy bien con el tema Astra.

 Aprende como crear tu página web con el editor de WordPress Gutenberg dándole un vistazo a los siguientes cursos gratuitos que tenemos disponible en weuniversity:

 Cambiando nuestra página de inicio con Divi

Divi es uno de los temas que más se utilizan actualmente para crear y desarrollar sitios web de forma rápida, sus características principales nos permiten crear de forma totalmente visual las páginas dentro de WordPress.

También podremos contar diferentes módulos y que nos permitirán añadir cualquier diseño que tengamos pensado de forma visual y personalizables desde sus ajustes de diseño.

Además de todo esto una de las ventajas de contar con Divi builder es la facilidad con la que podemos editar o crear una página de inicio de forma rápida usando los diferentes diseños disponibles dentro de su librería, para crear y editar toda nuestra página de portada solo tenemos que editar nuestra página de inicio configurada como portada y pulsar importar.

Editar pagina de inicio con Divi

Conoce como crear un sitio web completo con Divi importando sus plantillas en el siguiente enlace: Importar una plantilla en Divi

Otra de las ventajas de usar Divi es que podremos construir todas las páginas de nosotros, servicios, contacto, noticias con las mismas opciones de la librería creando una misma estructura visual para todo nuestro sitio web.

Mira el paso a paso para importar una plantilla en este pequeño video:

 Conoce más tutoriales para personalizar tu sitio web con Divi en estos artículos que tenemos disponibles en Tutoriales Divi

 Cambiando la pagina de Inicio con el tema Astra.

Actualmente, dentro del mundo de WordPress y el desarrollo web existen diferentes temas que permiten crear y estructurar un diseño completo con sus funcionalidades, este es el caso de temas como Astra quien desde sus versiones gratuitas nos permiten importar de forma completa un sitio web o una página para utilizarla en nuestro sitio web y personalizar el diseño con nuestros colores de la marca.

tema Astra wordpress

Para poder editar nuestra página de portada con este tema lo primero que necesitamos es instalarlo en nuestro sitio web que estamos desarrollando con WordPress, el tema podemos buscarlo directamente desde las opciones de Apariencia → Temas → Añadir nuevo

Añadir nuevos temas en wordpress

Al pulsar añadir nuevo tema nos aparece la biblioteca completa de WordPress donde podemos seleccionar el tema que estamos buscando e instalar un tema en WordPress, también podremos buscarlo si no logramos encontrarlo desde la pantalla principal.

Instalar nuevo tema en wordpress

Con estos sencillos paso ya tendremos nuestro nuevo tema instalado y activo en nuestro sitio web, lo siguiente será importar la plantilla que deseamos usar. Algo importante que debes tener en cuenta es saber que constructor usaremos con el nuestro tema.

Astra por defecto nos permite editar un sitio web con el constructor por defecto Gutenberg o utilizar Elementor, te recomiendo que revises esta entrada Mejores editores visuales para WordPress donde te explicamos los diferentes constructores con los que se puede editar un sitio web en WordPress y selecciones con el que te sientas más cómodo trabajar.

Una vez selecciones el constructor a utilizar para maquetar tu sitio web podemos activar las opciones de Astra desde sus opciones para importar nuestra plantilla y comenzar a personalizar nuestra página de portada.

Te dejo un corto video donde se muestra el paso a paso como puedes importar las plantillas con este tema.

  Cómo añadir últimas entradas a la página de inicio en WordPress

Luego de tener una estructurar creada con nuestro editor o constructor de preferencias otra de las opciones que podemos añadir en nuestro sitio web es compartir información y artículos relevantes sobre últimas noticias o contenido que queremos compartir con nuestros usuarios.

 Revisa como puedes crear entradas en WordPress y todas sus configuraciones en este artículo que tenemos para ti Cómo crear una entrada en WordPress

.

Esto podemos hacerlo fácilmente añadiendo todas estas noticias y artículos recientes en una sección de nuestra página de inicio de WordPress, de esta forma podemos ofrecer a nuestros usuarios información que constantemente esté actualizada y que sea de tu interés.

Para añadir las ultimas entradas en nuestra página de inicio lo primero es verificar qué constructor estamos utilizando, si en nuestro caso utilizamos el editor de WordPress Gutenberg esto podemos añadirlo fácilmente utilizando el bloque de últimas entradas que está por defecto entre sus características.

Añadir ultimas entradas con gutenberg

Si además de utilizar el editor por defecto Gutenberg utilizamos un plugins como Spectra – WordPress Gutenberg Blocks para añadir bloques adicionales al constructor en lugar de utilizar el bloque por defecto de últimas entradas podremos utilizar el bloque que añade este plugin llamado carrusel de entradas el cual nos permite añadir una apariencia más dinámica a nuestras entradas.

Añadir ultimas entradas con carrusel de gutenberg

Algo a tomar en cuenta es que con este bloque tendremos muchas más opciones para configurar y añadir la apariencia que deseamos a nuestro bloque de noticias.

Si en caso contrario estamos usando Divi para construir nuestro sitio web añadir las entradas en el constructor visual también es muy sencillo, solo tendremos que buscar el modulo de blog y configurar las categorías que deseamos mostrar en nuestra sección de inicio.

Añadir ultimas entradas con Divi

Como puedes ver añadir las ultimas entradas en tu página de inicio de WordPress puede variar dependiendo del constructor que utilices, ya sea Gutenberg, Divi o algún otro que utilices como Elementor.

 Cómo crear un menú para la página de inicio de WordPress

Si has llegado hasta aquí quiere decir que has logrado configurar de forma correcta tu pagina de portada y modificarla de acuerdo a los estilos y apariencia que deseas, solo nos falta un ultimo punto por configurar para tener las primeras configuraciones de nuestro sitio web completado.

En este caso podemos crear también nuestro menú WordPress, el cual se encargará de tener todas las páginas que hemos creado para que el usuario pueda visitarlas de forma rápida y sencilla en nuestro sitio web.

Ten en cuenta que esta será una de las primeras cosas que verá el usuario cuando ingrese a tu sitio web además de nuestro logo y slider o imagen principal que añadamos en nuestra cabecera, por lo que es sumamente importante configurar nuestro menú de forma que los visitantes de nuestro sitio web puedan encontrar toda la información que desean conocer de forma más rápida.

Te puede servir de ayuda este artículo sobre: Cómo cambiar el logo en WordPress

Si hemos comenzado a crear nuestro sitio web y aún no configuramos nuestro menú principal podremos ver que WordPress crea un menú por defecto donde comenzará a añadir sin ningún orden en particular todas las páginas que hemos creado.

Menú en WordPress

Para crear nuestro menú tenemos que acceder al apartado de Apariencia → Menú, si dentro de esta sección no tenemos ningún menú creado WordPress nos pedirá crear uno para comenzar a configurar los ítems que tendremos dentro de él.

Solo tenemos que añadir el nombre de nuestro menú y pulsa en el botón crear menú, luego de ello podremos comenzar a añadir todos los elementos e ítems de acuerdo al orden que deseamos aparezca en nuestro menú principal, la estructura de un menú principal es:

  • Inicio
  • Conócenos
  • Servicios
  • Noticias
  • Contacto

Esta estructura siempre dependerá de las páginas que estemos creando en nuestro sitio web, pero usualmente encontraremos una estructura similar como la que te comparto, revisa el paso a paso para crear los menús de WordPress en este video que te comparto.

  Si quieres aprender todo sobre los menús de WordPress revisa esta guía definitiva sobre el Menú en WordPress o esta sobre cómo crear un menú desplegable en WordPress.

  Conclusiones:

Crear una página de inicio en WordPress de forma correcta puede ofrecer a nuestros visitantes la información que necesitan y que deseamos compartir sobre lo que trata nuestro sitio web, cuando creamos una estructura acorde a nuestro contenido y la configuramos de forma correcta como nuestra página de inicio puedes ayudarnos a lograr capturar la atención de los visitantes como deseamos.

Mostrar la información de forma adecuada y con las secciones para cada uno de los apartados que deseamos compartir puede ayudarte a capturar ese cliente que necesitamos y así lograr el objetivo de tener más visitantes y la posibilidad de hacer despegar nuestra marca o empresa.

También te puede interesar:

¿Te ha resultado útil este artículo?

Hosting Divi - Wp Fácil - Webempresa