Cómo crear una página personalizada en WordPress

Cómo crear una página personalizada en WordPress

Cómo crear una página personalizada en WordPress

¿Deseas crear una página personalizada en WordPress? Es posible que hayas notado que muchos sitios de WordPress tienen diseños diferentes para páginas diferentes.

Una página personalizada te permite tener un diseño diferente en apariencia de las páginas normales de WordPress. En este artículo, te mostrare cómo crear una página personalizada en WordPress.

Cómo crear una página personalizada en WordPress

Qué es una página personalizada en WordPress

Por defecto, WordPress te permite crear entradas (post) y páginas . Tu tema de WordPress controla la apariencia de tus páginas mediante la utilización de 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 su diseño y apariencia pueden hacerlos únicos y mucho más útiles.

Crear una plantilla de página personalizada en WordPress requiere una comprensión básica de HTML, CSS y PHP .

Dicho esto, vamos a saltar a la creación de tu primera página personalizada en WordPress.

Creación de una página personalizada en WordPress

En primer lugar, es necesario abrir un editor de texto sin formato como el Bloc de notas de tu PC. En un archivo en blanco, agrega esta línea de código en la parte superior:

Cómo crear una página personalizada en WordPress

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

Este código simplemente le indica a WordPress que se trata de un archivo de plantilla y que debe reconocerse como CustomPageT1. Puedes nombrar a tu plantilla con cualquier nombre que desees, siempre y cuando tenga sentido para ti.

Una vez que hayas añadido el código, guarda el archivo en el escritorio como, custompaget1.php.

Puedes guardar el archivo con cualquier nombre, sólo asegúrate de que termina con la extensión .php

Para este paso siguiente, necesitarás conectarte a tu sitio web usando un cliente FTP .

Una vez conectado, ve a tu tema actual o carpeta de tema . Lo encontrarás en el directorio/wp-content/themes/. A continuación, carga el archivo de plantilla de página personalizado en tu tema.

Cómo crear una página personalizada en WordPress

Cómo crear una página personalizada en WordPressCómo crear una página personalizada en WordPressCómo crear una página personalizada en WordPressCómo crear una página personalizada en WordPressCómo crear una página personalizada en WordPressCómo crear una página personalizada en WordPressCómo crear una página personalizada en WordPress

como crear una pagina personalizada

Ahora necesitas acceder a tu área de administración de WordPress para crear una nueva página o editar una existente.

En la pantalla de edición de páginas, desplázate hasta la sección “Atributos de página” y encontrarás un menú desplegable de plantillas. Al hacer clic en él, podrás seleccionar la plantilla que acabas de crear.

Cómo crear una página personalizada en WordPress

Ahora si tu cambias a la plantilla que has creado y visitas esta página, lo que veras es una página en blanco. Esto se debe a que tu plantilla está vacía y no indica a WordPress qué debe mostrar.

Cómo crear una página personalizada en WordPress

No se preocupes, te mostrare cómo editar fácilmente tu plantilla de página personalizada.

Edición de la plantilla de página personalizada

Tu plantilla de página personalizada es ahora como cualquier otro archivo de tema en WordPress. Puedes agregar cualquier HTML, etiquetas de plantilla o código PHP en este archivo.

La forma más fácil de empezar con tu página personalizada es copiando la plantilla de página existente proporcionada por tu tema.

Abre tu cliente de FTP y ve a tu carpeta de temas. Allí encontrarás un archivo llamado page.php. Debes descargar este archivo en tu computadora.

 

como crear una pagina personalizada

Una vez descargado abre el archivo page.php en un editor de texto sin formato como el Bloc de notas y copia todo su contenido excepto la parte del encabezado.

Encabezado de plantilla de un archivo page.php típico en un tema de WordPress

La parte del encabezado es la parte comentada en la parte superior del archivo. No lo estoy copiando, porque la plantilla de mi página personalizada ya tiene una.

Ahora debes abrir el archivo de plantilla de página personalizada que tenemos guardado en el escritorio custompaget1.php y pegarlo.

Tu archivo de página personalizada custompaget1.php ahora se vería así:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
dieciséis
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<?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(); ?>

Guarda el archivo de plantilla de página personalizada custompaget1.php  y vuelve a cargarlo en tu carpeta de temas mediante FTP.

como crear una pagina personalizada

Ahora puedes visitar la página que creaste con la plantilla de página personalizada.

Ahora se verá exactamente como tus otras páginas en WordPress.

como crear una pagina personalizada

Ahora ya puedes continuar editando el archivo de plantilla de página personalizada. Tu puedes modificarlo para requisitos particulares de cualquier manera que tu quieras.

Por ejemplo, puedes quitar la barra lateral, agregar código PHP personalizado, agregar cualquier otro HTML que desees.

Puedes agregar el contenido editando la página en la pantalla del editor de páginas de WordPress.

También puedes dejar el área de contenido en el editor de páginas completamente vacía y agregar contenido personalizado directamente en tu plantilla de página.

De está manera puedes crear cuantas plantillas quieras a tu gusto y necesidad

Espero que este artículo te ayude a agregar una página personalizada en tu WordPress.