Cómo editar una página de inicio de WordPress (fácil y eficiente)

¿Le gustaría crear una página de inicio personalizada para su sitio de WordPress? Por defecto, WordPress muestra las publicaciones de blog en la página principal. Pero es posible que desee que la página de inicio de su sitio muestre algo diferente, como una página de destino que resalte sus productos, servicios, etc. En este artículo, le mostraremos cómo editar y personalizar fácilmente su página de inicio de WordPress.

¿Qué es la página de inicio de WordPress? Su página de inicio de WordPress es la “primera página” de su sitio web. Es la primera página que aparece cuando el usuario accede a su nombre de dominio. Por ejemplo, si ingresa www.wpbeginner.com en su navegador, la página que llega es la página inicial del sitio web:

¿Por qué editar la página de inicio de WordPress? Si ha decidido crear un blog, tenga sentido para mostrar solo sus publicaciones en la página inicial. ¿Pero si usa WordPress para crear un sitio web de pequeñas empresas o incluso ejecutar una tienda en línea? Entonces es probable que tenga productos o promociones que desee resaltar en su página inicial. Aquí hay un ejemplo de una página de inicio del sitio de negocios, desde OptinMonster. Es el mejor complemento emergente de WordPress allí. Su sitio tiene un gran blog, pero este no es el punto central de la página inicial. En cambio, tienen una acción muy clara.

¿Le gustaría crear una página inicial? Es posible que ya haya intentado establecer una página personalizada como página de inicio en WordPress, pero tiene dificultades para mostrarla correctamente. Si este es el caso, entonces está en el lugar correcto. Lo llevaremos paso a paso configurando una página de inicio y personalizándola para que se ajuste a sus necesidades. Puede causar una excelente primera impresión y alentar a los visitantes a tomar las acciones que son más importantes para la misión del sitio. Puede significar comprar una digital Producto de usted, registrarse para unirse al sitio de membresía o donar para su campaña de recaudación de fondos. Cubriremos algunas formas diferentes de usar para crear su página de WordPress personalizada. Puede usar estos enlaces rápidos para moverse directamente a diferentes partes del tutorial:
Configuración de su página de inicio en WordPress
Uso de las opciones construidas de su base para editar su página de inicio
Uso del editor de bloques para editar su página de sorteo de WordPress
Uso de Beaver Builder para editar su página de inicio de WordPress
Uso de div para editar su página de inicio de WordPress
Configuración de su página de inicio en WordPress de forma predeterminada, WordPress muestra publicaciones de blog en la página principal. Sin embargo, la mayoría de los sitios comerciales e incluso la mayoría de los blogs usan una página de inicio personalizada y crean una página de blog separada para mostrar sus publicaciones de blog.
Veamos cómo establecer una página de inicio separada y una página de blog en WordPress. Primero, debe crear su página accediendo a páginas »Agregar nuevo. Titularlo en casa o de todos modos desea que lo llame, luego publique la página. Sfat Pro: ¿Ya tiene visitantes en su sitio? Luego le recomendamos que coloque el sitio en modo de mantenimiento al configurar su página de inicio. Alternativamente, puede configurar un sitio de intermediación donde pueda crear su página inicial. Ahora repitamos el proceso para crear una página donde mostraría las publicaciones de blog. Simplemente acceda a páginas »Agregue nuevo y llame a la nueva página de blog. Después de eso, puede continuar y publicar la página vacía.
Una vez que sus páginas estén listas, digamos WordPress para comenzar a usar estas páginas. Puede hacerlo accediendo a la configuración »leyendo la página en el área de administración de WordPress. Luego debe seleccionar la opción “A Página estática” en la opción “Muestra su página de inicio”. Después de eso, continúe y seleccione las páginas en casa y blog.

Recuerde hacer clic en el botón “Guardar los cambios” para almacenar la configuración. Consejo: El enlace de página de inicio es simplemente su nombre de dominio, a menos que haya instalado WordPress en un subdirector. Sin embargo, su página inicial todavía está vacía. Veamos algunas de las formas de editar fácilmente su página inicial en WordPress.

El uso de las opciones de construcción de su base para editar su página de inicio, algunos de los mejores temas de WordPress crean un diseño de página inicial para que pueda editarlo fácilmente. Puede encontrar estas opciones accediendo a la página de la página »Personalización desde el tablero de WordPress. Esto lanzará el personalizador del tema de WordPress con una vista previa en vivo de su tema, su tarea tiene diferentes opciones para diferentes temas. La vista previa y las opciones disponibles pueden verse diferentes según el tema que use.

Para editar cualquier parte de la página inicial, simplemente haga clic en el icono de lápiz azul al lado. Aquí, editamos la imagen, el texto y el botón en la parte superior de la página de inicio.
Nota: Tan pronto como realice cambios, se mostrarán en la vista previa de su sitio. Estos cambios no se publicarán en su sitio hasta que los publique. Si desea eliminar una sección de la página de inicio, simplemente haga clic en el icono de ojo azul en la esquina superior izquierda de esa sección. También puede eliminar las secciones y agregarlas nuevamente usando la pestaña “Secciones desde la primera página” del personalizador.

Después de estar satisfecho con su página de inicio, haga clic en el botón Publicar para hacerlo en vivo.

Así es como se ve nuestra página inicial, en vivo en el sitio:

El uso de las opciones de construcción de su base es la forma más rápida de configurar su página inicial. Sin embargo, algunos temas pueden no tener muchas opciones o no estar satisfechos con su página inicial. No se preocupe, hay muchas otras formas de editar su página de inicio y darle el aspecto deseado. Usando el editor de bloques para editar su página de inicio de WordPress, ¿qué pasa si tiene que crear su página de inicio desde cero? El editor de bloques de WordPress es una forma simple de hacerlo. Para usar el editor de bloques, simplemente vaya a la pantalla de la página y edite la página principal que creó anteriormente.

Ahora, puede comenzar a crear el contenido de su página PRO: si no ha utilizado el editor de bloques, lea nuestros consejos especializados sobre el dominio del editor de contenido de WordPress. Explicamos todo claramente usando muchas capturas de pantalla para mostrarle cómo funciona. En esta parte del tutorial, utilizaremos algunos bloques simples para crear una página básica. Primero, agregaremos un mensaje de bienvenida a la página. Puede hacer esto simplemente haciendo clic en la página para iniciar el tipo. WordPress creará automáticamente un bloque de párrafo para usted.

Si desea aumentar el texto, es fácil hacerlo en la configuración del bloque en el lado derecho. Use solo el menú de caída “Tamaño preestablecido” en “Configuración de texto”. También puede cambiar el color de su texto debajo, en la sección “Configuración de color”.

Luego agregaremos una imagen a la página. Puede hacer esto haciendo clic en el símbolo (+), luego seleccionando el bloque de imágenes. Lo encontrará en la sección de bloque común o puede buscarla usando la barra de búsqueda. Puede elegir una imagen de su biblioteca de medios o puede cargar una nueva. Importante: use solo imágenes que se encuentren en el dominio público o bajo la licencia CC0 o que haya creado. También debe optimizar sus imágenes web. Luego, agregué otro bloque de párrafo, con el texto ver las últimas publicaciones aquí. Luego agregué un bloque “Los últimos mensajes”, que configuré para mostrar el extracto del trabajo y las imágenes presentadas, así como los títulos de las publicaciones. Puede obtener más información sobre los últimos mensajes en nuestro tutorial sobre la muestra de publicaciones recientes de WordPress.
Puede agregar cualquier bloques que desee en su página inicial. También recomendamos usar una plantilla de “ancho completo” o “barras laterales” para su página, si su tema tiene una. Puede hacer esto en la configuración del documento para su página, utilizamos el tema Astra en este ejemplo:

Después de estar satisfecho con su página de inicio, haga clic en el botón “Publicar” en la parte superior derecha de la pantalla.

Así es como se ve nuestra página de inicio completa:

¿Qué sucede si quieres ir más allá con tu página inicial? Una opción es probar algunos de los mejores complementos de WordPress para agregar nuevas características, como un formulario de contacto, testimonios, revisiones y más. Otra excelente opción es usar un constructor de páginas más fuerte para WordPress para crear algo que se vea hermoso y profesional. En la siguiente parte de este tutorial, cubriremos dos páginas diferentes constructores: Beaver Builder y temas elegantes. El uso de Beaver Builder para editar su página de inicio de WordPress Beaver Builder es un enchufe popular para el generador de páginas y es una excelente manera de crear su página de inicio. En primer lugar, deberá descargar, instalar y activar Beaver Plugin Builder. Para obtener más detalles, consulte nuestra guía paso por paso sobre cómo instalar un complemento de WordPress. Entonces puede comenzar a editar su página inicial. Vaya al menú Páginas de WordPress y haga clic para editar la página de inicio que creamos anteriormente. En el editor de bloques, es una buena idea cambiar a una página vacía o sin púas laterales en el documento »Atributos de la página» Plantilla. Usamos OceanWP para esta parte del tutorial. Viene con una plantilla de “página de destino”, que crea un lienzo vacío que puede editar con el generador de página.

Una vez que haya configurado la plantilla de página, puede hacer clic en el botón “Iniciar Beaver Builder” en el centro de la pantalla para comenzar a usar Beaver Builder.

Serás presentado en el editor de Beaver Builder. La forma más rápida de diseñar su página de inicio es mediante el uso de uno de los patrones preconstruidos de Beaver Builder. Haga clic en el icono + derecha de derecha, si no se ha seleccionado, luego haga clic en la etiqueta de la plantilla. Usaremos esta plantilla de “agencia” para nuestro sitio.

Nota: Las plantillas no están disponibles en la versión simplificada de Beaver Builder. Puede editar lo que desee en su plantilla. Simplemente haga clic en lo que quiera cambiar. Aparecerá una pequeña ventana, donde puede hacer cambios. Aquí, editamos el título de nuestra página inicial (el gran texto en la parte superior).

Ahora he cambiado el título de la página y el texto en el botón debajo:

Si desea agregar nuevos elementos a su página, puede hacerlo agregando un nuevo módulo o fila nuevo. El contenido de Beaver Builder está organizado en filas que se dividen en columnas. Para agregar una fila o módulo, haga clic en el icono + en la parte superior de la pantalla. Después de eso, deslice y fije la fila o módulo elegido en ese lugar. Aquí, agregamos una nueva fila con una columna a nuestra página:

Después de tener una fila en posición, puede agregar 1 o más módulos. Tenemos una fila con 1 columna, por lo que solo podemos agregar 1 módulo. Usaremos el módulo de encabezado tirando de él y colocándolo en su lugar:

Puede cambiar su fuente y tamaño haciendo clic en la pestaña Estilo para la forma:

Si desea eliminar una fila o módulo en su página, simplemente traiga el cursor del mouse sobre él y haga clic en X que aparece en el lado izquierdo.Aquí, los iconos grises le permiten editar o eliminar toda la fila, y los iconos azules le permiten editar o eliminar un módulo individual: puede continuar agregando y modificando los rangos y módulos de su página tanto como desee.Después de estar satisfecho con la forma en que se ve, haga clic en “Terminado” en la parte superior derecha.

Luego puede elegir guardar o publicar la página.

Así es como se ve nuestra página en vivo en nuestro sitio:

El uso de DIV para editar su WordPress Div es otro enchufe popular para el generador de páginas de WordPress. Viene con un tema de WordPress y un complemento para crear páginas con docenas de hermosas plantillas. Puede usar el generador de páginas de la Divic con cualquier tema. Para este tutorial lo usaremos con el tema de Div. Primero, deberá descargar, instalar y activar el tema de los temas elegantes. Esto incluye el Builder Divi, por lo que no necesita instalarlo por separado. Nota: Deberá ingresar su nombre de usuario y clave API en Div »Opciones de temas» Actualizaciones en WordPress Panall. De lo contrario, no podrá acceder a los paquetes de apariencia. Si necesita ayuda para instalar el complemento, eche un vistazo a nuestra guía de paso por paso sobre cómo instalar un complemento de WordPress. Una vez que haya lanzado el tema Div y el generador de páginas, puede configurar su página inicial. Primero, acceda al menú de la página en el tablero de WordPress y luego edite la página principal que creamos anteriormente. Antes de comenzar a editar su página de inicio, es una buena idea pasar a la página vacía del documento »Página de atributos» plantilla. De esta manera, su página de inicio no tendrá una barra lateral, título, menú u otros elementos predeterminados.

Ahora, tendrá que hacer clic en el botón “Usar Div Builder” en el centro de la pantalla.

Puede ver una solicitud en la parte superior de la pantalla que le pregunta si desea salir del sitio. Haga clic en “Dejar” para ingresar al generador de la Divica.

Luego verá una serie de opciones que puede usar para crear su página. Le sugerimos que use un aspecto prefabricado como una base para su página inicial. Por lo tanto, es muy rápido y fácil configurar su página inicial. Divi tiene una impresionante gama de modelos diferentes para elegir. Hay 163 paquetes de apariencia diferentes y cada uno de ellos tiene varios aspectos de diferentes páginas, incluidas las páginas iniciales. Puede buscar entre ellos escribiendo un tiempo de búsqueda o puede verificar las casillas para ver solo los aspectos que se ajustan a ciertas categorías.

Usaremos el paquete “Blog de viajes” para crear nuestra página de inicio. Primero, haga clic en el paquete que desea usar:

Luego verá una descripción del paquete de apariencia, además de los diferentes aspectos de la página disponibles. Probablemente desee usar la página principal o la página de destino para su página de inicio. Elegiremos la opción en casa. Después de haber elegido el aspecto, haga clic en el botón “Use este aspecto”.

Div importará automáticamente el look para usted. Luego lo verá en vivo en su página, tal como aparecerá en su sitio para editar cualquier parte de él, solo tiene que hacer clic en él. Al igual que Beaver Builder, Divic usa un sistema de fila (dividido en columnas) y módulos para crear su página. Con los módulos de texto, puede hacer clic en el texto y escribir lo que desee directamente en la pantalla. Aquí, cambié el encabezado y el texto debajo:

Con otros módulos, puede cruzar el cursor del mouse sobre ellos y hacer clic en el icono de configuración para editarlos. Aquí, editamos uno de los contadores:

Puede eliminar los módulos y las filas de la misma manera usando el icono del contenedor de basura. Probablemente desee usar sus propias imágenes en su página inicial. Puede cambiarlos editando la configuración del módulo. Tenga en cuenta que la imagen en la parte superior se establece como fondo para un módulo de cabeza de ancho completo, por lo que deberá cambiarla en el contenido »para ese módulo: después de que esté satisfecho con los cambios de su página, puede hacer clic en” Guardar el boceto o “publicar” en la parte inferior de la pantalla.

Consejo: Si no puede ver esos botones, haga clic en el botón Violet “…” para abrirlos.

Así es como se ve nuestra página en el sitio:

¡Eso es todo! Ha creado una excelente página de inicio en WordPress y la ha configurado con éxito. Esperamos que este tutorial lo ayude a aprender a editar una página de inicio de WordPress. También es posible que desee echar un vistazo a nuestra guía sobre complementos obligatorios de WordPress y consejos sobre cómo mejorar WordPress SEO. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para los tutoriales de video de WordPress. También puede encontrarnos en Twitter y Facebook.