¿Cómo cambiar una página de inicio en WordPress?

Hoy te queremos enseñar cómo cambiar una página de inicio en WordPress, y no tener que exhibir en los blogs las aburridas propuestas automáticas de esta plataforma. Pudiéndose constatar que actualmente configurar la página de inicio en WordPress no tiene ningún misterio, de hecho, es muy fácil hacerlo, y más aún siguiendo estas sugerencias; puesto que este aspecto suele ser una de las inquietudes más habituales de los clientes del hosting.

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

Quienes forman parte del universo digital o web, saben el trabajo y esfuerzo que esto requiere, desde contratar el hosting, conectar el andamiaje de WordPress, diseñar y montar la web, agregar contenido, y pare de contar; no obstante, antes de toda esta parafernalia requerida, se debe tener una idea esbozada de la estructura que se desea dar a la respectiva página. Es decir, que previo a todo el proceso para desarrollar el sitio, hay que dar forma o cambiar la página de inicio; como uno de los aspectos vitales de este proceso.

De tal manera, que si la base primaria de una página WordPress obedece a un blog, lo habitual es entonces exhibir en el home, una minuta tus últimas entradas. Tal andamiaje es muy frecuente observarla en blogs de viajes, noticias y personales; por tanto, si se crea una web en WordPress, y no se dispone de las suficientes suficientes, se puede presentar una página estática, mientras se configura dicho blog, la cual obedece a la habitual página de mantenimiento, también conocida como coming soon.

En aquellos casos de ventas de productos o servicios, lo ideal que que no cambiar una página de inicio en WordPress desde el principio, lo cual no quiere decir que se desestime el blog, pues en la vitrina se tiene que mostrar aquello que se desea vender. Donde dicho formato es el más usado por las empresas, especialmente de aquellos blogs de marcas personales y ecommerces, sean o no publicados en WordPress.

Tampoco tiene mucha importancia si se configura una página única, o se se muestran las entradas de la web, ya que en cualquier momento se puede modificar la configuración, y cambiar una página de inicio en WordPress. Cuyo objetivo de este cambio mostrar una página estática, una landing page, o bien colocar una página que esté en construcción, durante la transición de configuración del blog en esta grandiosa plataforma.

Página estática como homepage

Cambiar una página de inicio en WordPress, al formato de estática, es igual a personalizar el portal de acceso a un sitio web, ya que por defecto esta página de inicio de un blog se mantiene de este modo mientras se llevan a cabo los cambios adoptados, pero con la certeza de que la misma se puede cambiar por cualquier otra de las páginas creadas.

Ahora bien, en caso de no haber publicado página alguna, no se mostrará la opción de ajustes de la página de inicio. Pudiendo en este sentido, definir el sitio en modo privado, y continuar publicando normalmente sin ningún problema, pues los usuarios visualizarán de todas formas, la web y la página que ha publicado.

Pero ¿Qué hace falta para cambiar una página de inicio en WordPress y personalizarla?, pues bien, lo primero lo es colocar dicha página en modo homepage, mientras se personaliza. Y para ello, bastará con ir a ajustes, dispuesto en la barra lateral, y optar en lectura. Cuyos pasos es el siguiente:

• Seleccionar en una página estática, elegir la página recién creada y guardas los cambios; con este solo paso, ya la home de la web creada, estará como estática.

Pero esto no es todo, ya que además se evidenciará que al cambiar una página de inicio en WordPress, se pueden lograr muchos ventajas que suman, como es poder colocar una imagen de fondo, referir el tema de los títulos H1, H2, a fin de que las metas se defina mejor, y algo muy valioso que debe poseer todo homepage, como es el listado de los últimos post o últimas páginas, logrando con ello apariencias de ensueño. Y todo ello se puede lograr de una forma muy sencilla, como te enseñamos enseguida:

• Ir a apariencia, que se haya en la barra lateral izquierda y pinchar en editor,
• Mientras que en la barra derecha, pinchar en la página creada.
• Luego, colocar algunos pequeños códigos, para lograr que esa página se visualice bien.
• Otro tanto se puede hacer para cambiar los colores, o adicionarle otros elementos.

Asimismo, se debe agregar que cambiar una página de inicio en WordPress, es un proceso fácil y rápido, cuyos pasos son los siguientes:

• Crear una página en blanco, partiendo del escritorio de WordPress.
• Luego editarla con los contenidos que se desean publicar.
• Enseguida se nuestra la ventana de administración de WordPress, donde hay que ir al apartado de ajustes, y pinchar en ajustes de lectura, enseguida se podrá observar en la imagen superior, cuyo espacio es la clave del asunto, pues WordPress autoriza a optar por aquella página frontal de la web, por defecto al seleccionar dicha alternativa, tus últimas entradas, razón por la cual siempre se observan en los post como página principal, pero afortunadamente WordPress, permite esta segunda opción, como es seleccionar una página estática.
• Al activar esta segunda opción, se podrá decidir esa página de inicio, la home creada anteriormente, y además, determinar el tipo de página de entradas del blog. Se puede seleccionar también en este aparte, la cantidad de entradas a exhibir en el blog, así como en el feed, lo cual evidencia que WordPress es una plataforma muy amigable y permisiva.

Además de lo anterior, los ajustes de lectura ofrece alternativas adicionales de mucho atractivo, como es la cantidad de texto que se desea enseñar en los feeds, la visibilidad en los buscadores, además del mensaje que recibirán los usuarios y suscriptores, en caso de autorizar suscripciones claro está.

Por todas estas prestaciones, hacemos la invitación a hacer los respectivos ensayos en el sitio recién creado y cambiar una página de inicio en WordPress, para perfeccionarla, y convertirla en una completa web, pues se debe afirmar, que WordPress es mucho mas que un blog.

Los códigos

Como bien se asomó anteriormente el hecho de cambiar una página de inicio en WordPress, requiere de algunas sencillas maniobras, que se encuentran y guían a través de su menú principal. Donde se deben colocar algunos pequeños códigos, con sólo hacer clic en <ajustes/lectura >, que se reflejan en la página principal, donde se debe optar por <una página estática>, y justo en el inferior, se muestra página inicial, donde se debe seleccionar la página que por defecto se pretende mostrar y listo, se vuelve a cargar dicha página, y enseguida se visualizan estos cambios. Pero veamos al detalle algunos de estos códigos:

Para que el título de la página principal sea el mismo que en WordPress 

Para lograr el fin propuesto en el enunciado, que además es de mucha utilidad, porque hace muy dinámica la página, y permite hacer hacer un llamado al title de WordPress. Cuyo primer código es muy sencillo:

• <title><?php the_title(); ?></title><!–?php the_title().

Para poner la imagen destacada de WordPress como imagen de fondo en la cabecera

A través del siguiente código, es posible colocar una imagen destacada de la página, en términos más simples, se puede colocar una imagen de preferencia a la página estática que se haya creado, para que la misma se pueda ver en el header. Donde se puede colocar la que se prefiere. Solo hay que elegir como destacada, y automáticamente con el código propuesto, se mostrará como imagen de fondo:

• <?php if ( has_post_thumbnail() ) { ?>header {background: url(<?php the_post_thumbnail_url(); ?>)
• background-size: contain;} <?php } ?><?php if ( has_post_thumbnail() ) { ?>header {background: url(<?php the_post_thumbnail_url(); ?>)

Para personalizar los enlaces del menú para desktop y móvil

Para personalizar los enlaces del menú, también es muy fácil; pues estos obedecen a un código estándar, donde se debe colocar el dicho vínculo de destino del comando menú, además de lo que se pretende enseñar en él. En este caso, se coloca aparte, para desktop y para móvil. Pese a también se puede colocar diferente, se recomienda que sea igual, inclusive, hay otras formas para hacer este proceso.

A modo ilustrativo, se referirán disfraces, así como el enlace decalaveras.com/disfraces/. Cuando se va a home y se pincha en disfraces, llevará directo a la página de disfraces. Y el código mostrado, se puede copiar y pegar las veces que sean necesario, se puede ir colocando pestañas una al lado de la otra. Sólo hay que cambiar el enlace y el nombre de la pestaña del modo como sigue:

Para los enlaces del menú de desktop: 

• <li class=»w3-hide-small»><a href=»http://decalaveras.com/disfraces/» class=»w3-padding-large w3-hover-white»>Disfraces</a></li><li class=»w3-hide-small»><a href=»http://decalaveras.com/camisetas-de-calaveras/» class=»w3-padding-large w3-hover-white»>Camisetas</a>
• </li><li class=»w3-hide-small»><a href=»http://decalaveras.com/anillos-de-calaveras/» class=»w3-padding-large w3-hover-white»>Anillos</a></li><li class=»w3-hide-small»> ahref=»http://decalaveras.com/mascaras-de-calaveras/» class=»w3-padding-large w3-hover-white»>Máscaras</a></li></ul>

Para los enlaces del menú móvil:

• <li class=»w3-padding-large»><a href=»http://decalaveras.com» class=»w3-padding-large»>Inicio</a></li>
• <li class=»w3-padding-large»><a href=»http://decalaveras.com/disfraces/» class=»w3-padding-large w3-hover-white»>Disfraces</a></li><li class=»w3-padding-large»><a href=»http://decalaveras.com/camisetas-de-calaveras/» class=»w3-padding-large w3-hover-white»>Camisetas</a></li><li class=»w3-padding-large»><a href=»http://decalaveras.com/anillos-de-calaveras/» class=»w3-padding-large w3-hover-white»>Anillos</a></li><li class=»w3-padding-large»><a href=»http://decalaveras.com/mascaras-de-calaveras/» class=»w3-padding-large w3-hover-white»>Máscaras</a></li></ul>

Para que el título de la página sea h1

En este caso, como se había mencionado para cambiar una página de inicio en WordPress, ha cambia dado que contaba con 2 h1. Con este sencillo código propuesto, tanto el title como el h1 es el mismo, además de dinámico:

• <h1 class=»w3-margin w3-jumbo»><?php the_title(); ?></h1>

Para mostrar los últimos 9 artículos

Para hacer el llamado a los últimos 9 posts, sus últimas entradas; corresponde a las cards, donde los mismos ya cuentan con los estilos por defecto, cuyos niveles de códigos son bastante buenos. Es copiar y pegar, y nada más:

• <?php$query = new WP_Query( array (‘posts_per_page’ => ‘9’));if ( $query->have_posts() ) {while ( $query->have_posts() )
• {$query->the_post(); ?><div class=»w3-col m4 l4 w3-padding-medium»><div class=»w3-card-12 w3-padding-16″><a href=»<?php the_permalink(); ?>»><img src=»<?php the_post_thumbnail_url(‘thumbnail’); ?>» alt=»<?php the_title();
• ?>»></a><div class=»w3-container w3-center»><p><a href=»<?php the_permalink(); ?>»><?php the_title(); ?></a></p><?php wp_reset_postdata(); ?> <?php.

No queda nada más que finalizar agregando que efectivamente al cambiar una página de inicio en WordPress, se obtienen múltiples ventajas, además de poder personalizar una homepage. Se alcanzar el total control del menú, colocar una bella imagen en la cabecera, para colocar el texto que mejor guste en medio SEO optimizado, entre otros tantos asociados a esta operación. Sólo basta ponerlo en práctica.

Si te pareció útil este contenido, puedes revisar también los siguientes enlaces:

• Error al establecer una conexión con la base de datos de WordPress
• Actualizar WordPress manualmente
• Mejores temas en WordPress