Cómo crear una página personalizada en WordPress

¿Quieres crear una página personalizada en WordPress? Puede notar que muchos sitios de WordPress tienen diferentes diseños para diferentes páginas. Una página personalizada le permite tener una apariencia diferente a la de las páginas normales de WordPress. En esta guía, le mostraremos cómo crear una página personalizada en WordPress.

¿Qué es una página personalizada en WordPress?

De forma predeterminada, WordPress le permite crear  publicaciones y páginas . Su tema de WordPress controla la apariencia de sus páginas usando un archivo de plantilla llamado page.php.

Este archivo de plantilla afecta a todas las páginas individuales creadas en WordPress. Sin embargo, no todas las páginas son iguales. Pequeños cambios en el diseño y la apariencia pueden hacerlos únicos y mucho más útiles.

Crear una plantilla de página personalizada en WordPress requiere conocimientos básicos de HTML, CSS y PHP.

Dicho esto, pasemos a crear su primera página personalizada en WordPress.

Creando una página personalizada en WordPress

Primero, debe abrir un editor de texto simple como el Bloc de notas en su computadora. En el archivo vacío, agregue esta línea de código arriba:

<?php /* Template Name: CustomPageT1 */ ?>

Este código simplemente le dice a WordPress que se trata de un archivo de plantilla y debe reconocerse como CustomPageT1. Puede nombrar la plantilla como desee siempre que tenga sentido para usted.

Después de agregar el código, guarde el archivo en su escritorio como  custompaget1.php. Puede guardar el archivo con cualquier nombre, solo asegúrese de que termine con la extensión.php

Para este próximo paso, deberá conectarse a su sitio web mediante un cliente FTP.

Una vez conectado, vaya a su tema actual o carpeta de tema secundario . Lo encontrará en el /wp-content/themes/directorio. A continuación, cargue su archivo de plantilla de página personalizada al tema.

Ahora debe iniciar sesión en el área de administración de WordPress para crear una nueva página o editar una existente.

En la pantalla de edición de la página, desplácese hacia abajo hasta la sección » Atributos de la página » y encontrará un menú desplegable que muestra la plantilla que creó. Al hacer clic en él, puede seleccionar la plantilla que acaba de crear.

Ahora, si cambia de plantilla y selecciona su página personalizada, verá una página en blanco. Esto se debe a que su plantilla personalizada de WordPress está vacía y no le dice a WordPress qué mostrar.

No se preocupe, le mostraremos cómo editar fácilmente su plantilla de página personalizada.

Edite su plantilla de página personalizada de WordPress

Su plantilla de página personalizada de WordPress es como cualquier otro archivo de tema en WordPress. Puede agregar cualquier HTML, etiqueta de plantilla o código PHP a este archivo.

La forma más fácil de comenzar a crear una página personalizada en WordPress es copiar la plantilla de página existente proporcionada por su tema.

Abra su cliente FTP y vaya a la carpeta de su tema. Allí encontrará un archivo llamado page.php. Necesita descargar este archivo a su computadora.

Abra el archivo page.php que acaba de descargar en un editor de texto sin formato como el Bloc de notas y copie todo su contenido excepto la parte del encabezado.

La parte del encabezado es la parte comentada en la parte superior del archivo. No lo vamos a copiar, porque nuestra plantilla de página personalizada ya tiene una.

Ahora necesita abrir su archivo de plantilla de página personalizada y pegarlo al final.

Su archivo de página personalizado ahora se verá así:

<?php /* Template Name: CustomPageT1 */ ?>
 
<?php get_header(); ?>
 
<div id="primary" class="content-area">
    <main id="main" class="site-main" role="main">
        <?php
        // Start the loop.
        while ( have_posts() ) : the_post();
 
            // Include the page content template.
            get_template_part( 'template-parts/content', 'page' );
 
            // If comments are open or we have at least one comment, load up the comment template.
            if ( comments_open() || get_comments_number() ) {
                comments_template();
            }
 
            // End of the loop.
        endwhile;
        ?>
 
    </main><!-- .site-main -->
 
    <?php get_sidebar( 'content-bottom' ); ?>
 
</div><!-- .content-area -->
 
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Ahora puede visitar la página que creó con la plantilla de página personalizada. Se verá exactamente como sus otras páginas en WordPress (ya que ha copiado su plantilla de tema).

Sin embargo, puede continuar editando su archivo de plantilla de página personalizada. Puedes personalizarlo como quieras. Por ejemplo, puede eliminar la barra lateral, agregar código PHP personalizado, agregar cualquier otro HTML que desee.

Puede agregar contenido editando la página en la pantalla del editor de páginas de WordPress. También puede dejar el área de contenido en el editor de página completamente en blanco y agregar contenido personalizado directamente en la plantilla de página.

¡Eso es todo! Esperamos que este artículo le haya ayudado a aprender a crear una página personalizada en WordPress.

Declaración de transparencia: el contenido de B-Fast es compatible con el lector, lo que significa que si hace clic en algunos de los enlaces de esta publicación, es posible que ganemos una pequeña tarifa de referencia. Tenga en cuenta que solo recomendamos productos que usamos nosotros mismos y / o que creemos que agregarán valor a nuestros lectores.

Related Posts