Integración en dos direcciones

1- El blog debe adoptar el diseño visual de la web

2- El resto del sitio debe ser capaz de mostrar la información de los post de Wordpress

Creación de una plantilla personalizada

1- Podemos usar cualquiera de las plantillas por defecto de Wordpress o, como es el caso de este ejemplo, bajar una plantilla vacía (blank template)

2- Necesitaremos el código HTML y CSS de la web original y sus contenidos multimedia.

Sitio Web de partida

Plantilla WP en blanco

Archivos plantilla

Código HTML sitio web

HTML simplificado

Archivo index.php

Archivo index.php

Archivo header.php

Archivo footer.php

División de la plantilla

Archivo header.php

Archivo footer.php

Archivo index.php

Archivo sidebar.php

Resultado final

Acceder a los datos de los posts

Todos los posts se almacena en una base de datos, por lo que accediendo a ella y sabiendo qué datos obtener podríamos mostrar, por ejemplo, un resumen de los últimos post en la portada del sitio.

Resultado final

Resultado final

Extraer todos los post publicados

'SELECT * FROM WHERE post_type="post" and post_status="publish" order by post_date desc’;

Extraer todos los post publicados de una determinada categoría (ej. Categoría 1)'SELECT * FROM wp_posts INNER JOIN wp_term_relationships ON wp_posts.ID = wp_term_relationships.object_id WHERE post_type="post" and post_status="publish" AND wp_term_relationships.term_taxonomy_id=1 order by post_date desc’;

El resultado final

Algunos ejemplos de Wordpress integrados satisfactoriamente en el sitio web general.

Menendezcollar.com

Bovedaconsultora.com

Inmobiliariabarin.com

Gpautomocion.com

Centrokyushu.com

GRACIAS POR VUESTRA ATENCIÓN

¿Preguntas?