[SOLUCIONADO] creacion de temas con wordpress

elpre · #1 (**permalink**) 02/10/2015, 10:21

Buenas a todos,
acabo de empezar con wordpress y ya me he quedado un poco bloqueado.
El caso es que me descargué desde underscore un theme para worpress y ya he hecho mi portada de la web con logo y menú en el header, texto en el medio y links en el footer. El problema es que en worpress he puesto en atributos de página en plantilla la predeterminada. He estado mirando por ahí y parece que la gente para crear plantillas lo que hace es crear un archivo .php que pone

Código PHP:

  <?php

/*

Template Name: Renovar

*/

get_header(); ?>

<?php get_footer(); ?>

y ya puede elegir en wordpress esa plantilla.
Si hago esto, el fondo que tengo, cabecera y footer es lo mismo que la principal, pero ahora va a seguir otro rumbo diferente, ni el fondo, ni el header ni el footer son iguales.
Tenéis algun tutorial que me pueda ayudar o así para realizar esto??? La verdad que estoy bastante perdido en este tema.
Lo anterior que he conseguido realizar es copiando y pegando de una página realizada también así que me dejaron anteriormente

Un saludo

franciscomarin · #2 (**permalink**) 02/10/2015, 23:42

Si quieres utilizar otro header y footer distinto elimina ambas llamadas y empieza el código a mano desde el principio.

TMeister · #3 (**permalink**) 03/10/2015, 10:20

Realmente no debes eliminar las llamadas de header y footer.

Este par de funciones son bastante flexibles aunque no lo creas, por default al hacer la llamada a

Código PHP:

Ver original<?php 
    get_header(); 
    get_footer();
?>

Carga los archivos header.php y footer.php respectivamente.

Ahora, este par de funciones aceptan un argumento que muy pocos conocen, con este argumento puedes pedir que se carge un archivo diferente al que esta establecido por default.

En tu caso,

Código PHP:

Ver original<?php 
/* 
Template Name: Renovar 
*/ 
    get_header('renovar'); 
 
    /**
    * Tu custom loop
    **/
 
    get_footer('renovar'); 
 
?>

Ahora debes crear 2 archivos

Código HTML:

Ver originalheader-renovar.php
footer-renovar.php

Y asi cuantos headers y footers necesites.

Mas info https://codex.wordpress.org/Function...nce/get_header https://codex.wordpress.org/Function...nce/get_footer

elpre · #4 (**permalink**) 05/10/2015, 03:31

Estuve mirando y parece que es una buena forma de hacerlo. Aún así, se podría hacer todo en el mismo header y ponerle condicionales??? Me refiero un poco más a la hora de cargar la página, ya que si tienes un header con mucho código, no es mejor que tener 2 o 3 headers.php???
A parte, con el body me sucede lo mismo, ya que los fondos de la pantalla completa no van a ser iguales: la pantalla principal un fondo, la página 1 otro fondo, la página 2 otro y así. Para eso he pensado en poner el body de esta manera:

Código PHP:

 
<body class="page-home page-id-164 page-id-167" <?php body_class(); ?>>

Esto lo saqué de la página de codex y haciendo esto el css lo tengo así:

Código HTML:

body{
	background-size: cover;
	color: #444;
	font-size: 14px;
	font-weight:300;
	text-align:justify;
}

.page-home{
	background: url("images/fondo_home.jpg") no-repeat fixed center;
}

.page-id-164{
	background: #3c4248;
}

.page-id-167{
	background: #1d456c;
}

De esta forma sólo me pone el último background. Aquí entiendo que es porque no le pongo en ningún sitio que la page-id-164 es precisamente esa pagina y pone lo último que encuentra por ir en cascada, por lo que cómo hacer eso???

No sé si me he explicado bien, espero que me hayais entendido las 2 cosas para una mejor ayuda

Un saludo

elpre · #5 (**permalink**) 06/10/2015, 09:54

Subo el mensaje para ver si a alguien se le ocurre algo

ArturoGallegos · #6 (**permalink**) 07/10/2015, 14:31

1.- va en contra de las reglas publicar solo por revivir el tema.
2.- si sabes html veras cual es el problema, sirvete examinar el codigo html resultante de procesar el codigo que has colocado.

elpre · #7 (**permalink**) 08/10/2015, 08:26

Eso ya es una respuesta y finalmente ya he encontrado la solución. Con sólo ponerle el class_class ya te cambia la clase por lo que no hace falta ponerle class="...". Para que funcione el css he tenido que añadir body.loquesea