Desde nuestra publicación anterior muchos seguidores nos preguntaban como tener una portada en un blog de cualquier formato en Wordpress y poder utilizar un diseño distinto a la plantilla que están utilizando, también teniendo la posibilidad de utilizar una portada en HTML.
Además al utilizar sólo HTML estamos disminuyendo la carga de nuestro blog y las consultas a la base de datos.
Si tienes ya una portada realizado en HTML (.html), es necesario que el archivo pase a un formato PHP (.php). Vamos por a algo fácil, abre tu archivo HTML, copia todos los códigos que contiene, luego abre el "Bloc de notas" de Windows y copia todos los códigos ahí. Por último Guarda el archivo como nombre portada.php y en Tipo selecciona "Todos los archivos":
Justo antes de todos los códigos de tu nuevo archivo portada.php debes agregar lo siguiente:
<?php
/*
Template Name: portada
*/
?>
El siguiente paso es descargar el archivo index.php de la capeta del theme que usas (wp-content/themes/tu-theme/).
Cambiamos el nombre del archivo index, lo llamamos Blog.
Abrimos el archivo y antes de todos los códigos que contiene pegamos:
<?php
/*
Template Name: blog
*/
?>
Guardamos y subimos portada.php y blog.php a la carpeta de nuestro theme, de donde hemos descargado index.php
Listo! Ahora en nuestro panel de administración de WordPress, clic en Páginas y luego clic en “Nueva Página”
A la nueva página le llamamos “Portada”, en el panel de la derecha en “Plantilla” seleccionamos “Portada” y por último clic en “Publicar”.
Repetimos los pasos y ahora creamos una nueva página al cual lo llamaremos Blog y en “Plantilla” debemos seleccionar “blog” y por último clic en “Publicar” .
Una vez publicado las 2 nuevas páginas pasamos a definir nuestra Portada.
Clic en “Ajustes” y seleccionar “Lectura”
Seleccionamos “Una Página Estática”, como Página Inicial seleccionamos “Portada”, como “Página de Entradas” seleccionamos “Blog” y por último clic a “Guardar Cambios”.
Si realizaste todos los pasos correctamente al entrar a la página principal de tu blog se debe mostrar la portada y al entrar a http://nombre.com/blog se debe mostrar los posts.
Saludos!
Diseñador y Programador Web en el equipo de Webmastercv. Tutoriales para Jimdo en WebmasterCV DESIGN.
Escribir comentario