Cómo hacer plantillas de página personalizados en wordpress

El uso de WordPress página y Plantillas de categoría, se puede proporcionar un tipo diferente de experiencia lector definiendo el estilo con CSS y las características y funciones con etiquetas de plantilla. Usted ve esto a menudo en los sitios web que ofrecen más que simplemente un blog.

Los sitios web que venden productos o servicios, o sitios de noticias que se centran en los artículos, el contenido y la publicidad, utilizan diferentes página, o el contenido, las plantillas para lograr diferentes diseños y estilos todos dentro de la misma página web, utilizando las herramientas de WordPress les da.

La plantilla por defecto Página (page.php)

Se puede ver que la plantilla estándar de página (page.phppantallas de archivos) páginas estáticas regulares en este sitio en un formato de dos columnas. El contenido está a la izquierda, y una barra lateral a la derecha de la Acerca de la página.

La plantilla por defecto Página que crea la pantalla utiliza etiquetas básicas plantilla WordPress para llamar a los archivos de cabecera, de contenido, de la barra lateral y pie de página. El código dentro de la plantilla es la siguiente con el page.php archivo de plantilla para este tema.

? Lt; php get_header () - gt?;
? lt; php if (have_posts ()): while (have_posts ()):? the_post () - gt;
lt;?? Php the_title () - gt;
? Lt;? Php the_content (__ ( `(más ...)`)) - gt;
lt; php endwhile- cosa:?? gt;

? Lt; php _e ( `Lo siento, no corresponde a sus criterios.`) - gt?;

lt;?? php endif- gt;
    ? Lt; php if (function_exists ( `dynamic_sidebar`) || dynamic_sidebar ( `Blog`)!):??? Gt; lt; php endif- gt;
? Lt; php get_footer () - gt?;

Cómo crear una plantilla nueva categoría Página

Se puede utilizar la plantilla de página (page.php) Para definir el diseño y el estilo para todas las páginas internas de su sitio web, proporcionando un estilo estándar y consistente para sus visitantes. Sin embargo, si su sitio web también publica una cartera de trabajo que usted ha hecho para los clientes, es probable que desee que la página tenga un estilo diferente del resto de las páginas, ya que presenta imágenes que representan sus trabajos anteriores.

Para lograr esto, cree una categoría Diseño de la cartera en su sitio, y por cada entrada que desea que aparezca en la página de carpeta, crear un puesto y asignarlo a la categoría Diseño de la cartera. Se puede ver que se compone principalmente de imágenes en miniatura que se puede hacer clic a través de un artículo completo que proporciona un estudio de caso sobre el proyecto de diseño propio.

Para llevar a cabo esta pantalla, cree una plantilla específica para la categoría Diseño de la cartera: -categoría portfolio.php. Todos los envíos que se crea que se asigna a la categoría Diseño Cartera aparece en el formato que ha definido en el Categoría-diseño-portfolio.php plantilla en su carpeta de temas.

Si desea que la página de la cartera para mostrar una lista de sólo imágenes, asignar una imagen ofrecida a cada puesto de cartera, y luego en el -categoría portfolio.php plantilla, haga lo siguiente utilizando este código:

  1. Dile a WordPress para mostrar cada puesto de la categoría de Diseño de la cartera, pero sólo mostrar la imagen ofrecida.

  2. Vínculo que aparece en la imagen para la página individual posterior.

El código para crear la pantalla de diseño de la cartera es el siguiente:

? Lt; php get_header () - gt?;
? lt; php if (have_posts ()): while (have_posts ()):? the_post () - gt;
Lt; php the_post_thumbnail ( `miniatura`) - gt?;
lt; php endwhile- cosa:?? gt;

? Lt; php _e ( `Lo siento, no corresponde a sus criterios.`) - gt?;

??? Lt; php endif- gt; lt; php get_footer () - gt?;

Comparación de dos plantillas de página

Las diferencias entre la plantilla por defecto de página y la plantilla Categoría son sutiles.

ElementoEn plantilla de página?En la plantilla Categoría?
Llame a la plantilla de cabecera lt;? php
get_header () - gt?;
diseño de dos columnasSí. los
id = gt”principal”;
estilo se define en CSS con una
anchura: 600px.
No. El
class = gt”fullwidth”;
se define en el CSS con una
anchura de 900px.
Llamar al título del post / página lt;? php
the_title () - gt?;
No
Llamar al contenido del post / página lt;? php
the_content () - gt?;
No
Llame a la imagen ofrecida lt;? php
the_post_thumbnail () - gt?;
No
Llame a la plantilla de la barra lateral lt;? php
the_sidebar () - gt?;
No
Llamar al pie de la plantilla lt;? php
the_footer () - gt?;

Las diferencias entre la norma, diseño de página por defecto y el diseño de la página categoría de cartera son sólo un ejemplo de la potencia del motor detrás del tema de WordPress. El motor del tema le permite designar y definir miradas personalizados, diseños y diseños para diferentes tipos de contenido. Esta característica le ayuda a crear sitios únicos para usted y sus clientes y es el verdadero poder detrás del uso de WordPress como CMS.

Mucha gente todavía piensa en WordPress simplemente como una plataforma de blogs donde se puede tener y mostrar un blog típico en su dominio- sin embargo, con el ejemplo, se puede ver cómo se puede tener un blog y mucho más en su sitio web con sólo unos simples retoques y ajustes en las plantillas que potencian su tema de la página web.

Artículos Relacionados