Creación de una página de inicio personalizada de WordPress

No hay tantas cosas que sean tan importantes para su negocio como la página de inicio de su sitio. Es el mejor representante de su negocio, así como de todo lo bueno y lo malo que tiene , por lo que, naturalmente, desea que sea memorable. ¿Y cómo se las arregla para dejar una fuerte impresión de singularidad en los visitantes de su sitio web? Por supuesto, creando una página de inicio personalizada de WordPress. Si tuvo problemas con la creación de páginas de destino antes, puede pensar que esta será una misión imposible. Para el mundo de WordPress en constante desarrollo y evolución, no existe tal cosa.

Seleccionar una página para usarla como página de inicio

Por lo general, el primer paso es siempre el más complicado. Y puede parecer que ese es el caso aquí, pero pronto se dará cuenta de lo contrario una vez que comience el proceso. Para comenzar el proceso, vaya a Páginas – Agregar nuevo, cree una página que llamará Inicio y luego publíquela . En este momento en particular, el diseño y el diseño de la página no deberían ser su principal preocupación. Eso viene después. Ahora, si desea incorporar una sección de blog en su sitio web, cree una página de blog separada repitiendo el mismo proceso. La única excepción es que debe nombrar esta página como Blog en lugar de Inicio.

Dirígete a Configuración - Página de lectura, y en la sección 'Tus pantallas de página de inicio' elige la opción 'Una página estática'. Elija las dos páginas que creó anteriormente como su página de inicio y página de blog y no olvide 'Guardar cambios ' una vez que termine. ¿No te dijimos que no es tan complicado como parece? Uno de los beneficios de usar un sitio web de WordPress es precisamente su simplicidad. Y ahora que tiene un lienzo en blanco en forma de página de inicio, ¡podemos comenzar a personalizarlo!

Usando el editor de Gutenberg para crear una página de inicio personalizada de WordPress

Cuando se lanzó el editor de Gutenberg en diciembre de 2018, la opinión pública estaba dividida. Algunos lo vieron como una gran mejora y otros no podían imaginar cambiarse a Gutenberg después de trabajar con el editor clásico durante tanto tiempo. No importa en qué lado de la moneda creas, una cosa no se puede negar: Gutenberg facilita la creación de algunas páginas y publicaciones hermosas. El editor de Gutenberg usa bloques para cada elemento de contenido y hace que su manejo sea lo más simple posible. Tiene bloques que se pueden usar como medios, texto, imágenes de portada, columnas , lo que sea.

Si desea que la edición sea aún más simple (y más divertida), puede usar un tema de WordPress listo para Gutenberg, como Astra. Todo lo que tiene que hacer es importar una plantilla y dejar volar su imaginación mientras edita y personaliza. ¿El final resulto? ¡Una página de inicio hermosa, profesional y de aspecto único!

Los creadores de páginas lo ayudarán a crear una página de inicio personalizada de WordPress

Si tuviéramos que elegir la forma más fácil de crear una página de inicio personalizada de WordPress, probablemente sería esta. No requiere ninguna habilidad de codificación; todo lo que requiere es que instale y active el complemento de creación de páginas de WordPress. Le permitirá crear hermosos diseños con su interfaz de arrastrar y soltar . Sin duda, suena atractivo, ¿no? Bueno, usar creadores de páginas es tan simple como parece.

Una vez que elija el creador de páginas que desea usar, opte por una plantilla de página de inicio personalizada que debería poder instalar con unos pocos clics. Ahora podrá reemplazar el texto, las imágenes y el contenido con su propio contenido , e incluso podrá ampliar la plantilla agregando diferentes secciones. ¡Recuerda, todo esto sin tener que escribir una sola línea de código!

Crear una página de inicio personalizada de WordPress manualmente

Ahora, aquí es donde las cosas se complican. Si bien los dos métodos anteriores no requerían ninguna habilidad de codificación, este sí lo hace. Para siquiera atreverte a probar este método, debes estar familiarizado con CSS, HTML, PHP y algunas prácticas básicas de codificación. Entonces, ¿cómo funcionará esto y cómo exactamente tendrá que poner en práctica sus habilidades de codificación?

Dado que WordPress se compone de diferentes archivos y algunos de ellos se denominan plantillas y controlan diferentes áreas de su sitio web, debe encontrar la plantilla etiquetada como front-page.php. En caso de que no haya uno, tendrás que crear un nuevo font-page.php. Esta plantilla se utilizará para mostrar su página de inicio por WordPress. Si ha creado una nueva página, esta plantilla estará completamente vacía. Ahí es cuando puede comenzar a agregar código HTML para mostrar diferentes elementos de su hermosa página de inicio que pronto será.

En caso de que elija crear su página de inicio manualmente, le recomendamos que utilice un tema secundario o su propio tema personalizado. Cambiar archivos de su tema principal puede ser peligroso, ya que puede anular sus cambios si actualiza su tema. ¿Y sabías que en lugar de usar front-page.php, también puedes crear tu propia plantilla y usarla para tu página de inicio? Así es como puede crear esta plantilla en el tema secundario o personalizado.

Cree un nuevo archivo en la raíz de su tema llamado homepage.php.
Agrega el siguiente código:
<?php / Nombre de la plantilla: Página de inicio*/ ?>*

<?php get_header(); ?>

< div id=”primary” class=”content-area”>

<identificación principal=”principal” clase=”sitio-principal” rol=”principal”>

</principal><!– .sitio-principal –>

</div><!– .área de contenido –>

<?php get_sidebar(); ?>

<?php obtener_pie de página(); ?>

Cree una nueva página en WordPress y en Atributos de página, ahora debería tener una página de inicio debajo de la plantilla. Elija esto en lugar de la plantilla predeterminada. Por supuesto, no olvides ir a Ajustes-> Lectura y Hacer de esta página tu página de inicio. Ahora puedes personalizar tu página de inicio tanto como quieras con HTML, CSS, PHP y Javascript.

Por supuesto, sería mucho más fácil si usara un código ya existente y una plantilla en lugar de crear otros completamente nuevos. En esta situación, podría usar algunos elementos, como el encabezado y el pie de página, y eliminar otros. No sabemos sobre usted, pero nuestro equipo de WP Full Care considera que este es un enfoque mucho más fácil. Y nuestro equipo también se encargará de crear un hermoso encabezado y pie de página personalizados para su hermoso nuevo sitio web.

¿Qué método será el ganador para usted?

En caso de que seas un principiante en el mundo de WP, la respuesta es bastante simple, ¿no? Escribir líneas de código será una tarea demasiado grande para usted en este momento. Afortunadamente, tiene dos métodos excelentes y simples para crear una página de inicio personalizada de WordPress. Después de todo, el editor de Gutenberg y los diferentes creadores de páginas hacen que sea muy fácil crear contenido único. Si, por otro lado, te sientes listo para desafiarte a ti mismo, ¿por qué no optar por el tercer método? Aunque tendrás que mantener la guardia alta con este. Escribir líneas de códigos nunca es una tarea sencilla. Lejos de ahi. Hay mucho margen para el error, y puede suceder cuando menos lo esperas. Además, con todas las opciones más simples que existen, realmente tienes que pensar si valdría la pena pasar por la molestia.