Buscar..


Creando plantilla básica en blanco

Para crear una plantilla personalizada, primero necesitamos crear un archivo php en un directorio de temas. Puedes nombrarlo de la forma que quieras. Para este ejemplo crearemos example.php.

Una y única cosa que debemos definir dentro de example.php, para que WordPress lo reconozca como plantilla, es el nombre de la plantilla. Hacemos esa compra poniendo un comentario especial en la parte superior de un archivo, como esto:

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

Y ahora, cuando deberíamos ver nuestra plantilla en el menú desplegable Plantilla en el cuadro Atributos de página

Panel de WordPress Captura de pantalla de la sección Agregar nueva página

Incluyendo encabezado y pie de página en nuestra plantilla.

Extendamos nuestra plantilla desde arriba e incluyamos contenido de header.php y footer.php

Incluyendo cabecera:

Incluiremos el encabezado justo después del comentario del nombre de la plantilla.

Hay dos formas comunes de hacer esto. Ambos son correctos y funcionan igual, solo se trata de tu estilo y de cómo se ve el código

Primera forma:

<?php
/*
Template Name: Example
*/
get_header();
?>

Segunda forma:

<?php
/*
Template Name: Example
*/
?>
<?php get_header(); ?>

Incluyendo pie de página:

Incluir pie de página funciona de la misma manera, solo hay una cosa de la que debemos preocuparnos, y es que incluimos pie de página después de incluir encabezado. Así que la plantilla final debería verse algo como esto.

<?php
/*
Template Name: Example
*/
get_header();
?>

<?php get_footer(); ?>

Plantilla personalizada con contenido

Ampliaremos nuestra plantilla e incluiremos el título de la página y un contenido.

<?php
/*
Template Name: Example
*/
get_header();
    
the_title();
the_content();
    
get_footer();

Y si lo deseas puedes envolverlos con elementos HTML como este.

<?php
/*
Template Name: Example
*/
get_header();

echo '<h1>' . the_title() . '</h1>';
echo '<section> . 'the_content() . '</section>';

get_footer();

O si prefieres trabajar como un archivo HTML normal, sin usar eco

<?php
/*
Template Name: Example
*/
get_header();
?>

<h1><?php the_title(); ?></h1>
<section><?php the_content(); ?></section>

<?php get_footer(); ?>


Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow