MIcrocharla "Integrar Wordpress en un sitio web ya existente" en el Wordpress Meetup 2012 de Córdoba

2. 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

3. 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.

4. Sitio Web de partida

10. Plantilla WP en blanco

11. Archivos plantilla

15. Código HTML sitio web

16. HTML simplificado

18. Archivo index.php

19. Archivo index.php

20. Archivo header.php

21. Archivo footer.php

23. División de la plantilla

24. Archivo header.php

25. Archivo footer.php

26. Archivo index.php

27. Archivo sidebar.php

29. Resultado final

30. 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.

31. Resultado final

32. Resultado final

33. Extraer todos los post publicados
'SELECT * FROM WHERE post_type="post" and
post_status="publish" order by post_date desc’;

34. 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’;

35. El resultado final
Algunos ejemplos de Wordpress integrados
satisfactoriamente en el sitio web general.

36. Menendezcollar.com

37. Bovedaconsultora.com

38. Inmobiliariabarin.com

39. Gpautomocion.com

40. Centrokyushu.com

41. GRACIAS POR VUESTRA ATENCIÓN
¿Preguntas?