Cuando creamos un website con el CMS WordPress, tenemos la posibilidad de crear páginas a medida. Páginas que contienen nuestro propio código HTML o php para conectar con bases de datos, crear diferentes estructuras, diseñar elementos a medida.
Si usamos una plantilla, disponemos de diversos tipos tipos de páginas ya diseñadas, pero puede ser necesario crear nuestros nuevos tipos de diseño.
Este truco solamente es válido para las páginas, pero no para las entradas o posts. He buscado por Internet pero no encontré nada y decidí a crearlo a mano.
Veamos cómo, os dejo el ejemplo …
Para ello, sitúate sobre nueva página. En la parte de la derecha puedes seleccionar una plantilla.
Para crear una plantilla, dirígete a la carpeta donde se encuentre el tema. Crea un archivo con extension php con el nombre que desees.
Por ejemplo: mi-pagina-a-medida.php
Edita la página con un editor (recomiendo Sublime Text – ver entrada editores).
Os dejo el siguiente código del archivo:
<?php /* Explicación de una página personalizada en WordPress Oscar de la cuesta www.palentino.es Template Name: Mi pagina a medida */ ?> <?php get_header(); ?> <div class="container"> <div class="row"> <?php if ( have_posts() ) while ( have_posts() ) { ?> <div class="post_container" style="float:left;position:relative;width:625px;"> Esto se encuentra dentro de la pagina. Inserta texto, código, lo que desees. <?php the_post(); //muestra el post y el contenido the_content(); } ?> </div> <div class="widget-container" style="float:left;position:relative;width:331px;"> <?php get_sidebar(); ?> // Muestra el sidebar </div> </div> </div> <?php //Muestra el pie get_footer(); ?> ?>
Observa como existe en la parte superior un campo llamado template name: buscador de passwords
IMPORTANTE: El nombre que sitúes aquí, es el que verás en la parte derecha, cuando añadas una nueva página.
El ejemplo, permite realizar 2 cosas interesantes.
Primero es un ejemplo de página que emplea responsive (container, row,etc), por otro lado permite mostrar los 2 contenidos (interno y el agregado dentro del editor de la página).
El que nosotros deseemos para la pagina desde dentro de la plantilla, y en la parte inferior mediante las funciones the_post, the_content, contenido de la pagina que se inserte desde el editor WYSIWYG.
Observa que he dejado los estilos dentro de la pagina, pero podrían sacarse fuera a style.css sin problemas.
Recuerda, es una forma sencilla de crear una página a medida, en este caso responsive, donde podremos emplear 2 tipos de contenidos dentro. Además la página a medida emplea el sidebar.
Salu2.