Twitter Flickr Pinterest LinkedIn YouTube Google Maps E-mail RSS
formats

Creación de una página para WordPress personalizada. Programación a medida.

Publicado en 14 marzo, 2015, por en Wordpress.

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.

 

Etiquetas:,

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Home Wordpress Creación de una página para WordPress personalizada. Programación a medida.
© www.palentino.es, desde el 2012 - Un Blog para compartir conocimientos ...

Uso de cookies en mi sitio palentino.es

Este sitio web utiliza cookies para que tengamos la mejor experiencia de usuario. Si continúas navegando estás dando tu consentimiento para la aceptación de las mencionadas cookies y la aceptación de la política de cookies

ACEPTAR
Aviso de cookies