Está en la página 1de 30

Qu es una Pgina?

Los post son objetos orientados en el tiempo. Usted las escribe en un tiempo especfico, y
aquel tiempo define su contexto.
Las Pginas, por el contrario, se usan la mayor parte de las veces para presentar la informacin
atemporal sobre usted o su sitio - informacin que siempre se puede aplicar. Por ejemplo, usted
podra escribir un post describiendo lo que hizo o pens durante una maana particular ("El
desayuno estaba bien"), pero en una Pgina usted podra escribir algo cuyo contexto no es
dependiente del tiempo ("Este sitio es sobre el desayuno").
Desde luego, esto es su WordPress; usted puede hacer lo que quiera con l y sus caractersticas.
Las Pginas pueden ser utilizadas para presentar cualquier informacin que usted quiera viva
"fuera" de su blog. Experimente y sea creativo. Y, como siempre, divirtase hacindolo!
Algunos ejemplos de Pginas para crear en su sitio pueden incluir Derechos de autor,
Informacin Legal, Permisos de Reimpresin, Informacin de Contacto, Acerca de M,
Acerca del Sitio, Declaracin de Accesibilidad, entre otras cosas.
En general, las Pginas son muy similares a los post en tanto que ambas tienen Ttulos y
Contenido y pueden usar las Plantillas de Presentacin de su sitio para mantener una
apariencia constante en todas las partes de su sitio. Las pginas, sin embargo tienen varias
distinciones clave que las hacen bastante diferentes de los post.

Las Pginas en Resumidas Cuentas


Qu son Pginas

Las Pginas son para el contenido que es menos dependiente del tiempo que los post.

Las Pginas pueden organizarse en pginas y SubPginas.

Las Pginas pueden usar diferentes Plantillas de Pgina que pueden incluir Archivos de
Plantilla, Etiquetas de Plantilla y otro cdigo PHP.

Qu no son Pginas

LasPginas no son post, ni extractos de obras de ficcin ms grandes. No hacen el ciclo


por la pgina principal de su blog, tampoco pueden ser asociadas con Categoras.

Las Pginas no son archivos. Se almacenan en su base de datos como post que son.

Aunque usted pueda poner Etiquetas de Plantilla y cdigo de PHP en una Plantilla de
Pgina, usted no puede poner estos en el contenido de una Pgina y esperar que funcione.
(Nota: puede conseguir esto usando una extensin (plugin) PHP como RunPHP. Vea tambin la
lista de Plugins para formatear Entradas.)

Creando Pginas
Para crear una nueva Pgina, conctese a su instalacin WordPress con privilegios suficientes de
administrador para crear nuevos artculos, y pulse sobre la pestaa Escribir en el interfaz del
administrador, que a su vez tiene la pestaa Escribir Pgina. Haciendo click en Escribir
Pgina llegar a la pgina donde puede crear su nueva Pgina.
Nota: Su archivo .htaccess debe tener permiso de escritura para trabajar con Permalinks de
Pgina, si no es as debe actualizar su archivo .htaccess cada vez que crea usted una Pgina
nueva.

Listando sus Pginas en su Sitio


WordPress es capaz de generar automticamente una lista de Pginas en su sitio, por ejemplo
dentro de la barra lateral, usando una Etiqueta de Plantilla llamada wp_list_pages(). Por favor,
vea la documentacin que describe el uso de esta etiqueta para informarse sobre como:

clasificar la lista de Pginas (para personalizar totalmente el orden en la cual las Pginas
son catalogadas, usted puede encontrar el campo para el "Orden de Pgina" en el panel de
administracin de Escribir->Escribir Pgina useful),

excluir (o 'esconder') una Pgina de la lista, Visibilidad

controlar que Pginas son mostradas (p.e. todas las Pginas o solamente ciertas SubPginas), y

controlar cmo va la lista en su jerarqua de Pginas (Superior).


Naturalmente, usted tambin puede enlazar manualmente a Pginas con un enlace de HTML. Por
ejemplo, si usted quiere que el enlace a su Pgina de Derechos de Autor figure en su pie de
pgina, el enlace podra ser

<a title="Informacin sobre derechos de autor" href="wordpress/?page_id=14">Copyright


1996-2006</a>

si no tiene activada la opcin de usar Permalinks, o

<a title="Informacin sobre derechos de autor" href="wordpress/copyright/">Copyright 19962006</a>

si tiene activada la opcin de usar Permalinks.


Nota: Su archivo .htaccess debe tener permiso de escritura para que el Permalink de la Pgina
funcione, si no es as debe actualizar su archivo .htaccess cada vez que cree una Pgina.

Organizando sus Pginas


Tal como usted puede tener Subcategoras dentro de sus Categoras, usted tambin puede
tener Subpginas dentro de sus Pginas, creando una jerarqua de pginas.
Por ejemplo, suponga que est creando un sitio de WordPress para un agente de viajes y gustara
crear una Pgina individual para cada continente y pas al cual la agencia puede ofrecer viajes.
Usted comenzara por crear una Pgina llamada "frica" sobre la cual usted podra describir la
informacin general sobre viajes a frica. Despus crea una serie de las Pginas que seran
Subpginas de "frica" y podran incluir "Lesotho", "Camern", "Togo", y "Swazilandia". Se hace
otra Pgina individual "Sudamrica" y creara como Subpginas "Brasil", "Argentina", y "Chile". Su
sitio entonces catalogara:
Africa

Camern

Lesotho

Swaziland

Togo
Sudamrica

Argentina

Brasil

Chile

Para comenzar el proceso, en el panel de Administration > Escribir > Escribir Pgina , en la
esquina superior derecha del panel, hay una caja desplegable llamada "Pgina Superior". Esto
contiene una lista de todas las Pginas ya creadas para su sitio. Para convertir su Pgina actual en
una Subpgina, o "hijo" de la Pgina "Superior" o "padre", seleccione la Pgina apropiada de la
lista desplegable. Si usted especifica una Pgina Superior de la lista diferente a la "Pgina Principal
(ninguna Pgina Superior)", la Pgina que usted est editando ahora se convierte en Subpgina de

la Pgina seleccionada. Cuando sus Pginas se listan, la Subpgina queda anidada cerca de la
Pgina Superior. Los Enlaces Permanentes (Permalinks) de sus Pginas reflejarn tambin
esta jerarqua de Pginas.
En el ejemplo de arriba, el Permalink para la Pgina de Camern sera:

http://ejemplo.com/africa/camerun/

Plantillas de Pgina
Las Pginas Individuales pueden configurarse para usar una Plantilla de Pgina personalizada
especfica, que usted crea dentro de su Tema. Esta nueva Plantilla de Pgina anular la Plantilla de
Pgina por defecto page.php incluida en su Tema. Mire Qu Pgina se usa para mostrar una
Pgina en particular?, debajo, para averiguar exactamente que la Plantilla se usa. Pero lea primero
lo que sigue, y as comprender la respuesta :)
WordPress puede configurarse para usar diferentes Plantillas de Pgina para diferentes
Pginas. Hacia la parte inferior del panel de administracin Escribir->Escribir Pgina hay un menu
llamado "Plantilla de la pgina". Desde all usted puede seleccionar que la Plantilla ser usada para
mostrar esta Pgina en particular. NOTA: Para tener acceso al selector de Plantilla de Pgina,
debe haber al menos una Plantilla de Pgina disponible en el tema activo.

Plantillas de Pgina del Tema Default


El tema Default contiene tres Plantillas de Pgina que puede emplear:

page.php - Plantilla de Pgina por defecto: muestra el contenido de la Pgina

archives.php - Ignora el contenido de la Pgina y en su lugar muestra una lista de


Archivos por Meses y de Archivos por Asunto (Categoras)
links.php - Ignora el contenido de la Pgina y en su lugar muestra sus enlaces

usando get_links_list

Qu Plantilla se usa para Mostrar una Pgina en Particular?


WordPress buscar varios archivos de plantilla en su Tema activo. El primero que encuentre es el
que usar para mostrar cualquier Pgina dada. WordPress buscar los archivos por este orden:
1.

La "Plantilla de Pgina" seleccionada para esta Pgina

2.

page.php

3.

index.php

Creando sus propias Plantillas de Pgina


Los archivos que definen cada Plantilla de Pgina se encuentran en su directorio de Temas. Para
crear una nueva Plantilla para una Pgina debe crear un archivo. Vamos a llamar nuestra primera
Plantilla de Pgina snarfer.php para nuestra Pgina. En lo alto del archivo snarfer.php,
ponga lo siguiente:

<?php
/*
Template Name: Snarfer
*/
?>
El cdigo anterior define este archivo snarfer.php como la Plantilla "Snarfer". Naturalmente,
"Snarfer" puede ser substituido por cualquier otro texto para cambiar el nombre de la Plantilla de
Pgina. Este Nombre de Plantilla aparecer en el Editor de Temas como enlace para editar este
archivo.
El archivo puede llamarse casi cualquier cosa con una extensin .php (ver nombres de archivos
reservados para el Tema para conocer los nombres de archivo que no debe usar; pues son
nombres de archivos especiales que WordPress se reserva para objetivos especficos).
Qu sigue a estas cinco lneas de cdigo, depende de usted. El resto del cdigo que escriba
controlar como se mostrarn las Pginas que usan la Plantilla de Pgina Snarfer. Ver en Etiquetas
de Plantilla las descripciones de funciones de varias Plantillas WordPress que puede usar usted
para este propsito. Usted puede encontrar ms conveniente copiar alguna otra Plantilla (quizs
page.php o index.php) en snarfer.php y luego aadir estas cinco lneas de cdigo al
principio del archivo. As, usted slo tendr que cambiar el cdigo HTML y PHP, en lugar de
crearlo todo desde el principio. Hay ejemplos abajo. Una vez que ha creado la Plantilla de Pgina y
la ha colocado en el directorio de su Tema, estar disponible como una opcin cuando usted cree o
edite una Pgina.
==Ejemplos de Pginas y Plantillas==
Lo siguiente es una lista de ejemplos de instrucciones. Sintase libre de hacer adiciones.

Archivos con Contenido

Una Plantilla de Pgina que muestra el contenido de la Pgina en lo alto, y luego muestra una lista
de archivos por meses y categoras debajo. Esto est diseado para trabajar con el tema Default
de WordPress (aka Kubrick), pero probablemente trabajar con muchos otros temas modificndolo
un poco.

Gurdelo como arc-cont.php:


<?php
/*
Template Name: Archivos con Contenido
*/
?>
<?php get_header(); ?>
<div id="content" class="widecolumn">
<?php if (have_posts()) : while (have_posts()) : the_post();?>
<div class="post">
<h2 id="post-<?php the_ID(); ?>"><?php the_title();?></h2>
<div class="entrytext">
<?php the_content('<p class="serif">Leer el resto de esta pgina &raquo;</p>'); ?>
</div>
</div>
<?php endwhile; endif; ?>
<?php edit_post_link('Editar esta entrada.', '<p>', '</p>'); ?>
</div>
<div id="main">
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
<h2>Archivos por Meses:</h2>
<ul>
<?php wp_get_archives('type=monthly'); ?>
</ul>
<h2>Archivos por Categoras:</h2>
<ul>
<?php wp_list_cats(); ?>
</ul>
</div>
<?php get_footer(); ?>

WordPress como CMS


Con la nueva opcin de Pginas desde la versin 1.5 es fcil usar WordPress para la gestin de
contenido bsico.

Usando una Pgina como Pgina Principal

Usando el Static Front Page Plugin, es posible configurar cualquier Pgina como "pgina principal"
de tu sitio web. El plugin modifica la consulta de la pgina inicial y coloca la Pgina bajo la etiqueta
"Inicio" o "Home" en la pgina incial del site.
Cuando la Pgina est siendo mostrada como la Pgina Principal, si una Pgina de Plantilla con el
nombre home.php existe para su Tema activo, el plugin anular la Pgina establecida como
Pgina de Plantilla y usar home.php en su lugar. The Page's set Page Template will still apply if
the Page is visited like a standard Page (eg http://example.com/home/)
Como una alternativa al plugin, WordPress reconocer un documento "home.php" en su directorio
de plantilla y la usar de preferencia sobre index.html para tema de su pgina frontal. Usando
los query_posts() plantillas de etiquetas, usted puede llamar sobre alguna pgina antes de ser
invocada The Loop. For instance:

<?php
query_posts('pagename=home');
?>
Llamar solo el post con el nombre de pgina "home." Ver query_posts() para ms ejemplos de las
plantillas de etiquetas en accin.

Incluyendo una Page


Usted podra tambin necesitar incluir Pgina en varios lugares en su sitio. De esta manera, usted
puede tener una fcil manera para editar elementos de su sitio web. Existe un plugin llamado
Include Page que hace esto fcilmente. Improved Include Page es una versin actualizada del
pulgin.

Haciendo que su blog aparezca en un directorio no raiz


Suponga que tiene Wordpress corriendo en http://example.com/. Suponga tambin que necesita
alojar su blog enhttp://example.com/blog/ y que necesita otras pginas esten disponibles
en http://example.com/page1/.
La primera cosa que necesitara es hacer crear una home page home page. usted puede hacer
esto creando home.php en su directorio del Tema. Luego, crear una plantilla de blog. La manera
ms fcil para hacer esto es crear un archivo llamado blog.php con el siguiente contenido en su
directorio de temas:

<?php
/*

Template Name: Blog


*/
?>
<?php query_posts('cat=-0'); //gets all posts
load_template( TEMPLATEPATH . '/index.php'); //loads index
?>
Registra dentro de Wordpress y crea una pgina llamada "Blog" con plantilla "blog". Usted est
listo. La ltima cosa que necesitar hacer es actualizar sus estructura de permalinks para iniciar
con "/blog/", por ejemplo, "/blog/%year%/%monthnum%/%postname%/". Ahora usted tiene un
Wordpress-managed CMS con una nica frontal y lgicamente estructurado el contenido del blog.

A Note on Nomenclature
Una pgina web puede ser esttica o dinmica. pginas estticas, tales como una pgina HTML
normal que usted puede crear con Dreamweaver, son los que se han creado de una vez y no tiene
que ser regenerado cada vez que una persona visita la pgina. Por el contrario, las pginas
dinmicas, como las que se crea con WordPress, tienen que ser regenerado cada vez que se
ven; cdigo para lo que para generar en la pgina ha sido especificada por el autor, pero no la
pgina en s. Estos utilizan extensa cdigo PHP que se evala cada vez que la pgina es visitada,
y el contenido se generan as en cada nueva visita.
Casi todo en WordPress se genera dinmicamente, incluyendo las pginas. Todo lo publicado en
WordPress (Mensajes, pginas, comentarios, Blogrolls, Categoras, etc ...) se almacena en la base
de datos MySQL. Cuando se accede al sitio, la informacin de base de datos es utilizada por sus
Plantillas WordPress desde su actual theme para generar la pgina web que se solicita.
Un ejemplo de una pgina esttica podra ser un documento HTML (sin ningn cdigo PHP ). El
problema con las pginas puramente estticas es que son difciles de mantener. Los cambios que
se realizan en la configuracin de WordPress, Temas y plantillas no se propagarn a las
pginas codificadas slo en HTML. La funcin de pgina de WordPress fue desarrollada
para aliviar este problema. Mediante el uso de las pginas, usted ya no tendr que actualizar sus
pginas estticas cada vez que cambie el estilo de su sitio. Si ha escrito correctamente, las
pginas dinmicas se actualizarn junto con el resto de tu blog.
A pesar de la naturaleza dinmica de pginas, muchas personas se refieren a ellas como
esttica. Ellas en realidad se llaman pginas web "pseudo-esttica". En otras palabras, una pgina
contiene informacin esttica, pero se genera dinmicamente. Por lo tanto, ya sea "esttica",
"dinmica" o "pseudo-esttica" se pueden usar vlidamente para describir la naturaleza de la
funcin de pgina de WordPress.

Plantillas de pgina(Page Templates)


Pginas son uno de los tipos de POST incorporados en WordPress. Usted probablemente querr la
mayor parte de su sitio mirar Pginas web. A veces, sin embargo, es posible que tenga una pgina
especfica, o un grupo de pginas, para que aparezca o se comportan de manera diferente. Esto se
logra fcilmente con plantillas de pgina (Page Templates).

Contenido
[ ocultar ]

1 Seleccin de una plantilla de pgina

2 Creacin de una plantilla de pgina

2.1 Condicionales Etiquetas

2.2 Especializada Plantilla de Pgina

2.3 Plantilla de pgina personalizada

2.3.1 Los nombres de archivo

2.3.2 Archivo de carpetas


3 Cul Pgina Gets Qu plantilla?

3.1 Terminologa Plantilla

3.2 Jerarqua Plantilla


4 Ejemplos

4.1 Archivos con contenido

4.2 Una Pgina de Mensajes

4.3 Ejemplo de uso de campos personalizados

4.4 Ejemplo de uso personalizado de Correos Tipos

5 La identificacin de una plantilla de pgina

6 Funciones de plantilla de pgina

Seleccin una plantilla de pgina

Sus archivos de temas deben incluir una plantilla de pgina por defecto (llamado: page.php ). El
tema tambin puede tener una o ms plantillas de pgina personalizados, por ejemplo, para
mostrar el contenido en columnas ms anchas. O usted puede haber creado una plantilla
personalizada por su cuenta.
Editar pgina en la pantalla: Puede asignar una plantilla personalizada para cualquier pgina
individual utilizando el desplegable de Plantilla en la pantalla Editar pgina (parte de el modulo
Atributos de pgina):
1. Seleccione una plantilla de la lista (por ejemplo, Mi pgina personalizada).
2. Haga clic en la actualizacin de botn (o Guardar borrador si an no publica).
Todas las pginas de la pantalla: La edicin rpida y opciones de edicin masiva en la pantalla
Todas las pginas tambin tienen mens desplegables de plantilla.
Lista de plantillas slo mostrar si:

Hay por lo menos un archivo de plantilla de pgina personalizada en su carpeta de tema


activo. Si cambia de tema, las plantillas de pgina en su tema activado previamente no se
mostrarn.

Usted est viendo una pantalla para editar una pgina: plantillas de pgina no son una
opcin por defecto para post o tipos de post personalizado.

Creacin de una plantilla de pgina


WordPress ofrece varias maneras de mostrar las pginas. Todos ellos implican la edicin o adicin
de archivos en su carpeta de Tema activo. Si su tema activo no es el que usted ha diseado usted
mismo, use un tema menor para hacer los cambios. De lo contrario, los cambios se sobrescribirn
cuando el tema se actualiza a una nueva versin.

Condicionales Etiquetas
Edite su plantilla predeterminada: A menudo se puede hacer Pginas especficando cambios
ms pequeos con Etiquetas condicionales en su Tema en el archivo page.php. Por ejemplo,
este archivo de cabecera carga el cdigo (header-home.php) para su pgina front(1ra pagina),
otro para su pgina Acerca( header-about.php), y el valor predeterminado header.php para
todas las dems pginas:

if ( is_front_page() ) {
get_header( 'home' );
} elseif ( is_page( 'About' ) ) {
get_header( 'about' );
} else {
get_header();
}

Plantilla de Pgina especializada


Crear una plantilla para una pgina: Para cambios ms extensos, destinados a una sola pgina
especfica, puede crear un archivo de plantilla especializado, llamado con el slug o ID de esa
pgina:
1. page-{slug}.php
2. page-{ID}.php

Por ejemplo: Su pgina About tiene un slug "about" y un id 6 . Si la carpeta de su tema activo
tiene un archivo llamado page-about.php o pgina-6.php , entonces WordPress encontrara
automticamente el archivo para representar la pgina about.
Para ser utilizado, las plantillas de pginas especializadas deben estar en la carpeta de su tema
activo:
/wp-content/themes/my-theme/
Un archivo de plantilla de pgina especializada no puede estar en una subcarpeta, ni, si se utiliza
un Child Theme, en la carpeta de su tema padre.

Plantilla de pgina personalizada


Crear una plantilla que puede ser utilizada por cualquiera pgina: Una plantilla de pgina
personalizada se puede utilizar para mltiples pginas (vase Seleccin de una plantilla de

pgina anterior). Para crear una plantilla de pgina personalizada hacemos un nuevo archivo a
partir de un nombre de la plantilla dentro de un comentario PHP. sta es la sintaxis:

<?php
/*
Template Name: My Custom Page
*/
Una vez que subimos el archivo a la carpeta de nuestro tema, el nombre de la plantilla, "Mi pgina
personalizado", aparecer una lista desplegable en la plantilla de la pantalla Editar pgina. (La lista
de seleccin tiene un ancho mximo de 250px, as que nombres ms largos se pueden cortar.)
Un mtodo rpido y seguro para hacer una nueva plantilla de pgina es usando una copia de
nuestro page.php : De esta manera usted comienza con la estructura HTML de sus otras pginas,
entonces usted puede editar segn sea necesario.
Un archivo de plantilla de pgina personalizada puede estar en una subcarpeta, o, si est usando
un tema hijo, en la carpeta de su tema padre.

Los nombres de archivo


El nombre de su archivo de plantilla para que pueda ser identificado fcilmente su nombre de
plantilla, por ejemplo, nombre de archivo my-custom-page.php por nombre de la plantilla "Mi
pgina personalizado". Algn grupo codificadores de sus plantillas con un prefijo de nombre de
archivo, como page_my-custom-page.php (No utilice page- como prefijo de WordPress
interpretar el archivo como una plantilla de pgina especializada .)
Para obtener informacin sobre convenios de denominacin de archivos de theme y nombres de
archivo que no se pueden usar, consulte los nombres de archivo de theme reservados .

Archivo de carpetas
Para ser utilizado, un archivo de plantilla de pgina personalizada debe ser almacenado (ver FTP )
en la carpeta de su tema activo, o carpeta de su Tema Padres, o una subcarpeta dentro de
cualquiera de ellos (desde 3.4.0). WordPress encuentra plantillas de pgina personalizados en
todas estas ubicaciones:

/wp-content/themes/my-theme/
/wp-content/themes/my-theme/my-templates

/wp-content/themes/my-child-theme
/wp-content/themes/my-child-theme/my-templates
/wp-content/themes/my-parent-theme
/wp-content/themes/my-parent-theme/my-templates

Para que un archivo sea reconocido como una plantilla de pgina personalizada, debe comenzar
con la cadena "Template Name:" en un comentario. Despus de que usted puede agregar otra
informacin, como:

<?php
/*
* Template Name: My Custom Page
* Description: A Page Template with a darker design.
*/
// Code to display Page goes here...
El articulo Template Tags describe las funciones de muchas plantillas incorporadas en WordPress
que pueden utilizar para la visualizacin de la pgina.

Cul Pgina Gets Qu plantilla?


Terminologa Plantilla
El trmino "template" tiene varios usos relacionados en WordPress:

templates son los archivos de un tema de WordPress que determinan cmo su sitio se
muestra.

Template Tags estn incorporados en las funciones de WordPress que se puede utilizar
dentro de un archivo de plantilla para mostrar, o recuperar, los datos
(the_title() and the_content()).

Template Hierarchy es la lgica de WordPress utilizada para decidir qu archivo(s)


temticos de plantilla se va a utilizar, dependiendo de la solicitud, por ejemplo, la URL de un
enlace user-clicked

Jerarqua Plantilla

Cuando un usuario solicita una pgina especfica, el cdigo del ncleo de WordPress tiene la lgica
que decide qu tema de plantilla va utilizar para la renderizacion de esa pgina. La imagen de
arriba, es el Diagramas lgico de la Jerarqua de Plantillas:
1. Plantilla Personalizada - Si la pgina tiene una plantilla personalizada asignada,
WordPress busca ese archivo y, si lo encuentra, lo utiliza.
2. page-{slug}.php sino WordPress busca y, si no lo encuentra, utiliza una plantilla
especializada llamada con el slug de la pgina.
3. page-{id}.php - sino WordPress busca y, si no lo encuentra, utiliza una plantilla
especializada llamada con el id de la pgina.
4. page.php sino WordPress busca y, si no lo encuentra, utiliza la plantilla de pgina
por omisin del tema.
5. index.php - sino WordPress utiliza el archivo de ndice del Tema.

(Nota: Tambin hay una plantilla de WordPress-definido llamada paged.php. no se utiliza para las
pgina de tipo de post, sino ms bien para la visualizacin de multiples pginas de archivos.)

Ejemplos
Los siguientes son ejemplos de instruccin de los archivos de plantilla de pgina
personalizado. Nota: estructura de archivo de plantilla de tu WordPress Tema y estructura de
HTML pueden ser diferentes.

Archivos con contenido


Este ejemplo de una plantilla de pgina muestra el contenido de la pgina en la parte superior, a
continuacin, una lista de archivos (por mes), luego las categoras del sitio por debajo de eso.
Guardar este a arc-cont.php:

<?php
/*
Template Name: Archives with Content
*/
get_header(); ?>

<div id="content" class="widecolumn">


<?php if (have_posts()) : while (have_posts()) : the_post();?>
<div class="post">
<h2 id="post-<?php the_ID(); ?>"><?php the_title();?></h2>
<div class="entrytext">
<?php the_content('<p class="serif">Read the rest of this page
</p>'); ?>
</div>
</div>
<?php endwhile; endif; ?>
<?php edit_post_link('Edit this entry.', '<p>', '</p>'); ?>
</div>
<div id="main">
<?php get_search_form(); ?>
<h2>Archives by Month:</h2>
<ul>
<?php wp_get_archives('type=monthly'); ?>
</ul>
<h2>Archives by Subject:</h2>
<ul>
<?php wp_list_categories(); ?>
</ul>
</div>
<?php get_footer(); ?>

Una Pgina de Mensajes


El siguiente archivo de plantilla de pgina personalizada muestra el contenido de la pgina,
seguido por el post de dos categoras especficas (especificados por sus categora slugs). Est
diseado para trabajar dentro de un tema hijo del tema Twenty Thirteen. Si usted est usando un
tema diferente, necesita para replicar la estructura HTML de tu propio tema dentro de esta plantilla.
Guardar este a pageofposts.php y luego asignar la Pgina de post template para su nueva
Pgina:

<? Php
<?php
/*
Template Name: Page Of Posts
*/
/* This example is for a child theme of Twenty Thirteen:
* You'll need to adapt it the HTML structure of your own theme.
*/
get_header(); ?>

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


<div id="content" class="site-content" role="main">
<?php
/* The loop: the_post retrieves the content
* of the new Page you created to list the posts,
* e.g., an intro describing the posts shown listed on this Page..
*/
if ( have_posts() ) :
while ( have_posts() ) : the_post();
// Display content of page
get_template_part( 'content', get_post_format() );
wp_reset_postdata();
endwhile;
endif;
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$args = array(
// Change these category SLUGS to suit your use.
'category_name' => 'music, videos',
'paged' => $paged
);
$list_of_posts = new WP_Query( $args );
?>
<?php if ( $list_of_posts->have_posts() ) : ?>
<?php /* The loop */ ?>
<?php while ( $list_of_posts->have_posts() ) : $list_of_posts>the_post(); ?>
<?php // Display content of posts ?>
<?php get_template_part( 'content',
get_post_format() ); ?>
<?php endwhile; ?>
<?php twentythirteen_paging_nav(); ?>
<?php else : ?>
<?php get_template_part( 'content', 'none' ); ?>
<?php endif; ?>
</div><!-- #content -->
</div><!-- #primary -->
<?php get_footer(); ?>

Ejemplo de uso de campos personalizados

Este ejemplo Plantilla de Pgina muestra mensajes de una categora especfica en funcin de
un campo personalizado asignado a una pgina. El valor del campo personalizado "categora" se

recupera y se utiliza como categora para recuperar los mensajes de esa categora. Si la categora
de mensajes que desea mostrar se llama "Eventos" y luego asignar el campo personalizado
"categora" con un valor de "Eventos" de la pgina. Tenga en cuenta que esta se adhiera a las
reglas de paginacin lo que significa que cuatro (4) los mensajes se mostrarn por pgina con
enlaces a mayores puestos / nuevas previstas.
Guardar este a pageofposts.php y luego asignar la Pgina de Mensajes plantilla al crear la
accin de la pgina:
This Page Template example displays posts from a specific category depending on a Custom
Field assigned to a Page. The value of the Custom Field "category" is retrieved and used as the
category to retrieve the posts in that category. If the category of posts you want to display is called
"Events" then assign the Custom Field "category" with a value of "Events" to the Page. Note that
this will adhere to pagination rules meaning that four (4) posts will display per page with links to
older/newer posts provided.
Save this to pageofposts.php and then assign the Page of Posts Template when creating the
action Page:

<?php
/*
Template Name: Page Of Posts with Custom Fields
*/
get_header(); ?>
<div id="content" class="narrowcolumn">
<?php
if ( is_page() ) {
$category = get_post_meta( $posts[0]->ID, 'category', true );
$cat = get_cat_ID( $category );
}
if ( $cat ) :
$paged = ( get_query_var( 'paged' ) ) ? get_query_var( 'paged' ) : 1;
$post_per_page = 4; // -1 shows all posts
$do_not_show_stickies = 1; // 0 to show stickies
$args=array (
'category__in' => array( $cat ),
'orderby' => 'date',
'order' => 'DESC',
'paged' => $paged,
'posts_per_page' => $post_per_page,
'ignore_sticky_posts' => $do_not_show_stickies
);
$temp = $wp_query; // assign original query to temp variable for later use
global $wp_query;

$wp_query = null;
$wp_query = new WP_Query( $args );
if ( $wp_query->have_posts() ) :
while ( $wp_query->have_posts() ) : $wp_query->the_post(); ?>
<div <?php post_class() ?> id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink() ?>" rel="bookmark"
title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?
></a></h2>
<small><?php the_time( 'F jS, Y' ) ?> <!-- by <?php the_author() ?>
--></small>
<div class="entry">
<?php the_content( 'Read the rest of this entry ' ); ?>
</div>
<p class="postmetadata"><?php the_tags( 'Tags: ', ', ', '<br />' ); ?>
Posted in <?php the_category( ', ' ) ?> | <?php edit_post_link( 'Edit', '', ' | ' ); ?>
<?php comments_popup_link( 'No Comments ', '1 Comment ', '%
Comments ' ); ?></p>
</div>
<?php endwhile; ?>
<div class="navigation">
<div class="alignleft"><?php next_posts_link( ' Older Entries' ) ?
></div>
<div class="alignright"><?php previous_posts_link( 'Newer Entries ' ) ?
></div>
</div>
<?php endif; // if ( $wp_query->have_posts() ) ?>
<?php $wp_query = $temp; //reset back to original query ?>
<?php else : ?>
<h2 class="center">Not Found</h2>
<p class="center">Sorry, but you are looking for something that isn't
here.</p>
<?php get_search_form(); ?>
<?php endif; // if ( $cat ) ?>
</div><!-- #content -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Ejemplo de uso de Tipos de post personalizado

Custom Post Types permiten sitios de WordPress para mostrar diferentes tipos de contenido. Este
ejemplo muestra los mensajes en una pgina que pertenece a un tipo de mensaje
personalizado. En este caso, el tipo de mensaje personalizado es libro. La plantilla de pagina
personalizado abajo puede trabajar en cualquier Tema o como un archivo de plantilla de tema hijo.

<?php

/**
* Template Name: Page of Books
*
* Print posts of a Custom Post Type.
*/
get_header(); ?>
<div id="container">
<div id="content">
<?php
$type = 'book';
$args = array (
'post_type' => $type,
'post_status' => 'publish',
'paged' => $paged,
'posts_per_page' => 2,
'ignore_sticky_posts'=> 1
);
$temp = $wp_query; // assign ordinal query to temp variable for later use
$wp_query = null;
$wp_query = new WP_Query($args);
if ( $wp_query->have_posts() ) :
while ( $wp_query->have_posts() ) : $wp_query->the_post();
echo '<h2>';
the_title();
echo '</h2>';
echo '<div class="entry-content">';
the_content();
echo '</div>';
endwhile;
else :
echo '<h2>Not Found</h2>';
get_search_form();
endif;
$wp_query = $temp;
?>
</div><!-- #content -->
</div><!-- #container -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

La identificacin de una plantilla de pgina


Si tu plantilla utiliza la funcin body_class, WordPress imprimir la clases en la etiqueta <body>
para el tipo de post (class name: page), de la pgina de ID (page-id-{ID}), y la plantilla de
pgina utilizada. Por defecto page.php el nombre de la clase es page-template-default , por
ejemplo:

<body class="page page-id-6 page-template-default">

Nota: una plantilla especializada (page-{slug}.php or page-{ID}.php) tambin consigue


la clase page-template-default - no su propia clase de cuerpo.
Cuando se utiliza una plantilla de pgina personalizada, la clase page-template se imprimir,
junto con una clase nombrar la plantilla especfica, por ejemplo:

<body class="page page-id-6 page-template page-template-my-custom-page-php">

Funciones Plantilla de Pgina


Estas funciones y mtodos de WordPress integrados pueden ayudarle a trabajar con plantillas de
pgina:

get_page_template () devuelve la ruta de la plantilla de pgina que se utiliza para


renderizar la pgina.

wp_get_theme()->get_page_templates() devuelve todas las plantillas de pgina


personalizados disponibles con el tema actualmente activo (get_page_templates () es un
mtodo de la clase WP_Theme).

is_page_template() devuelve true o false dependiendo de si se utiliza una plantilla de


pgina personalizada para representar la pgina.

get_page_template_slug () devuelve el valor del campo personalizado


'_wp_page_template' ( null cuando el valor est empty o 'default').
El nombre del archivo de plantilla personalizada asignada a una pgina se almacena como el valor
de un campo personalizado llamado '_wp_page_template' (en la tabla de base de datos
wp_postmeta). (Los campos personalizados a partir de un guin no se muestran en el mdulo de
campos personalizados de la pantalla de edicin.)

Creating a Static Front Page

Contents
[hide]

1 WordPress Static Front Page Process

2 Creating a Static Front Page

3 Theme Development for Custom Front Page Templates


3.1 Theme Template Files

3.1.1 Custom Site Front Page Template

3.1.2 Custom Blog Posts Index Page Template

3.2 Contextual Conditional Tags

3.3 Configuration of front-page.php

3.3.1 Conditional display within front-page.php

3.3.2 Filtering front_page_template

3.4 Adding custom query loops to front-page.php

3.5 Pagination
4 Resources

Por defecto, WordPress muestra sus ms recientes post en orden cronolgico inverso, en la
pgina principal de su sitio. Muchos usuarios de WordPress quieren una portada o pgina de
bienvenida esttica(static front page or splash page) como la primera pgina en su lugar. Esta
"primera pgina esttica" look es comn que los usuarios deseen informacin esttica o
acogedores en la pgina principal del sitio.
El aspecto de la pgina principal del sitio se basa en las elecciones del usuario combinadas con las
caractersticas y opciones del tema de WordPress.
Hay cuatro modelos para diseo y estructura de WordPress, tres de ellos que incluyen pginas
principales estticas.
1.

Blog: Este es el formato de la page principal tradicional con los caractersticas de los post
que aparecen en orden cronolgicamente inverso.

2.

Static Front Page: Se trata de un modelo de sitio HTML esttico tradicional con una
pagina principal fija y contenido colocado en pginas, rara vez usan post, categoras o
etiquetas.

3.

Static Front Page Plus Blog: Esta caracterstica de modelo cuenta con una pgina
esttica como una introduccin o bienvenida adems de un blog para gestionar los
posts. Pginas que pueden ser usadas para proporcionar el contenido atemporal como
Contacto, About, etc

4.

Dynamic Front Page: A veces llamado modelo integrado, las caractersticas de diseo
de sitio dinmico es similar a Static Front Page Plus Blog, sin embargo, la primera pgina es
dinmica. Se puede presentar una combinacin de contenido esttico y blog (Pgina y
post). El tema Twenty-Eleven WordPress ofrece esa caracterstica como un ejemplo, con su
plantilla de pgina Showcase. Cuenta con el ms reciente post en extracto o completo seguido
por los prximos posts ms recientes como ttulos de las entradas. Hay una opcin para
agregar un slider para posts destacados establecidos como Sticky post por encima de la
primera entrada, creando una mezcla dinmica de contenido en la pgina principal.

No importa cual estructura de diseo elijas, el proceso de creacin de la primera pgina esttica en
WordPress es bsicamente el mismo.

WordPress Static Front Page Process


Hay dos pasos fundamentales para la creacin de una primera pgina esttica en su sitio con
WordPress.
1.

Asignar la Pgina principal

2.

Asignar los POST de Pgina (pgina blog)

La pgina asignada como la pgina principal del sitio mostrar la informacin esttica que se desea
que los lectores conozcan. Puede ser personalizado para personas directamente para darle su
bienvenida u ofrecer instrucciones, caracterizar los contenido, resaltar los post especficos,
artculos, categoras o contribuyentes.
La pgina asignada como la pgina del blog (pgina posts) del sitio muestra los post en orden
cronolgicamente inverso. POSTS establecidos como Posts Sticky se adhieren a la parte superior
de la cola, y la navegacin y la organizacin del contenido de los post es a travs de categoras y
etiquetas.

Algunos Temas WordPress ofrecen configuracin o las opciones especiales incluyendo


caractersticas de tipos para "la pagina principal" de la plantillas de paginas personalizadas. En
este artculo se describe la forma estandarizada de crear paginas principales estticas. Consulte la
documentacin de su tema de WordPress para obtener detalles especficos.

Creating a Static Front Page


Creacin de una pagina principal esttica virtual no requiere edicin o codificacin de archivos o
plantillas. Usando la configuracin por defecto para una "pgina principal esttica" en WordPress
no elimina el sidebar o cambio del aspecto de todo el sitio, slo el rea de contenido.
Tenga en cuenta que los nombres de las pginas utilizadas en estos ejemplos son nombres
estandarizados web. Usted puede elegir ttulos alternativos.
Para crear la primera pgina esttica, ir a la Administration Panels deWordPress .
1.

Create a Front Page: In Pages choose Add New Page.


Title it "Home".

1.

If the WordPress Theme offers an option to change the look and feel of the
front page, select the Template in the Page Attributes panel box.

2.

Add content you would like to see within the content area of the static front
page, or leave it blank if it is a Dynamic front page.

3.
2.

Publish the Page.


Create a Blog Page: If choosing to add a blog, choose Add New Page again.
Title it "Blog," "News," "Articles," or an appropriate name.

1.

Do not use a custom Page template for this page. The template
files home.php or index.php will be used to generate this page in the Theme.

2.

DO NOT add content. Leave it blank. Any content here will be ignored -only the Title is used.

3.

Publish the Page.

Reading panel
3.

Go to Administration > Settings > Reading panel.


Set Front page displays to a static page

1.

In the drop down menu for Front Page select "Home."

2.

In the drop down menu for Posts page select "Blog" or the name you
created, or leave it blank if you will not feature posts on the site.

3.

Save changes.

Mientras que estamos llamando a esto una "pgina principal esttica", es posible editar el
contenido de esa pgina web en cualquier momento mediante la edicin de la Pgina "Home".

Tema Desarrollado para personalizar plantilla de


Pgina principal
Fichero de plantilla de Tema.
El desarrollo de los archivos de plantilla de tema que incorporan la funcin de pagina principal
esttica requiere comprensin de la Jerarqua de Plantilla WordPress.
En la primera pgina web, WordPress siempre utilizar el archivo de plantilla front-page.php, si
existe. Si front-page.php no existe, WordPress determinar qu plantilla del archivo va ha
utilizar, dependiendo de la configuracin de usuario de ' Ajustes > Lectura -> Pgina de la pantalla
principal', de la siguiente manera:

Una pgina esttica: WordPress utiliza la jerarqua de plantilla de Pgina statica : Plantilla
de pgina personalizada , page-{id}.php , page-{slug}.Php, page.php , index.php

Sus ltimos posts: WordPress utiliza la Blog Posts Index jerarqua de


plantilla: home.php , index.php

Personalizar plantilla de pgina principal del sitio


Para crear una personalizacin de plantilla de pgina principal del sitio, incluir cualquiera de los
siguientes en el tema:

front-page.php

Una plantilla de pgina personalizada (por ejemplo, template-featured.php de


contenido destacado)

Personalizar plantilla de ndice de entradas de blog Blog Posts Index Page Template

Para crear una plantilla personalizada de ndice de entradas de blog, incluir lo siguiente en el tema:

home.php

Utilice slo el fichero de plantilla home.php para el ndice de los post del blog. No utilice
una plantilla de pgina personalizada (como template-blog.php) por dos razones:

1. Cuando la caracterstica de pagina principal esttica est configurado correctamente,


WordPress no va a utilizar una plantilla de pgina personalizada para mostrar el ndice de
post del blog, incluso si una plantilla de pgina personalizada se asigna a la pgina
designada como la "pgina de POSTS". WordPress slo utiliza home.php o index.php .
2. Cuando la plantilla de pgina personalizada se asigna a una pgina esttica que no sea la
designada como la "pgina de posts," el loop de la paginacin de ndice de posts del blog
no funcionar correctamente.

Contextual Conditional Tags


is_front_page()

This Conditional Tag checks if the site front page is being displayed. Returns true when the
site front page is being displayed, regardless of whether 'Settings > Reading ->Front page
displays' is set to "Your latest posts" or "A static page".
is_home()
This Conditional Tag checks if the blog posts index is being displayed. Returns true when
the blog posts index is being displayed: when the site front page is being displayed and
'Settings > Reading ->Front page displays' is set to "Your latest posts", or when
'Settings > Reading ->Front page displays' is set to "A static page" and the "Posts Page"
value is the current Page being displayed.
Cuando se est mostrando la primera pgina web y ' Ajustes > Lectura -> pgina principal" se
establece en" Sus ltimos posts", tanto is_front_page() y is_home() devolvern true.

Configuration of front-page.php
Si existe, el archivo de plantilla front-page.php se utiliza en la primera pgina del sitio,
independientemente de si ' Ajustes >Lectura -> pgina principal" se ajusta en "Una pgina esttica
" o "Sus ltimas post , "el tema necesitara dar cuenta de las dos opciones, de modo que la primera
pgina web mostrar ya sea una pgina esttica o el ndice de entradas de blog. Hay algunos
mtodos para hacerlo.

MostrandoConditional en front-page.php
Una forma de permitir front-page.php para dar cuenta de las dos opciones para
'Ajustes > Lectura -> pgina principal 'es aadir un interior condicional de front-page.php,
utilizando get_option( 'show_on_front' ), get_home_template(),
and get_page_template().
Method 1: Incluyendo contenido personalizado directamente en front-page.php:

if ( 'posts' == get_option( 'show_on_front' ) ) {


include( get_home_template() );
} else {
// Custom content markup goes here
}
Method 2: Incluyendo algunas plantillas de pagina:

if ( 'posts' == get_option( 'show_on_front' ) ) {

include( get_home_template() );
} else {
include( get_page_template() );
}

Filtrando

front_page_template

Otra forma de permitir que la pagina principal del sitio sea mostrada ya sea como una pgina
estatica / o como contenido personalizado o el ndice de post del blog, sin aadir cdigo
condicional dentro de front-page.php , es filtrar front_page_template, mediante la adicin
de un callback de filtro para functions.php :

function themeslug_filter_front_page_template( $template ) {


return is_home() ? '' : $template;
}
add_filter( 'front_page_template', 'themeslug_filter_front_page_template' );
Este mtodo hace que WordPress se desve del archivo de plantilla front-page.php por
completo cuando se muestra el ndice de entradas del blog.

Aadiendo consultas personalizadas para front-page.php


Si el fichero de plantilla front-page.php incluye por defecto a WordPress Loop, se veria asi:

<?php
if ( have_posts() ) : while ( have_posts() ) : the_post();
// do something
endwhile; else:
// no posts found
endif;
Ese loop se aplica al contenido del post de la pagina estatica asignada a 'Settings > Reading >Posts page'.
Para mostrar el loop personalizado (ltimos post del blog, personalizando/contenido caracterizado,
etc), agregar loop secundario usando consultas de llamadas a WP_Query . Por ejemplo, para
mostrar los 3 ltimas entradas en el blog:

$latest_blog_posts = new WP_Query( array( 'posts_per_page' => 3 ) );


if ( $latest_blog_posts->have_posts() ) : while ( $latest_blog_posts>have_posts() ) : $latest_blog_posts->the_post();

// Loop output goes here


endwhile; endif;

Pagination
Primeras pginas estticas no estn destinadas a ser paginada. Ninguno de las funciones de
WordPress anterior / siguiente enlace de las pgina s

trabajan con una pagina principal

esttica. Paginacin en una pgina principal esttica utilizan la variable de consula page, no la
variable paged. Ver el WP_Query para ms detalles.

También podría gustarte