Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Integración en dos direcciones1- El blog debe adoptar el diseño visual de la web2- El resto del sitio debe ser capaz de mo...
Creación de una plantilla personalizada1- Podemos usar cualquiera de las plantillas por defectode Wordpress o, como es el ...
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 postsTodos los posts se almacena en una base de datos, porlo que accediendo a ella y sabiendo q...
Resultado final
Resultado final
Extraer todos los post publicadosSELECT * FROM WHERE post_type="post" andpost_status="publish" order by post_date desc’;
Extraer todos los post publicados de unadeterminada categoría (ej. Categoría 1)SELECT * FROM wp_posts INNER JOINwp_term_re...
El resultado finalAlgunos ejemplos de Wordpress integradossatisfactoriamente en el sitio web general.
Menendezcollar.com
Bovedaconsultora.com
Inmobiliariabarin.com
Gpautomocion.com
Centrokyushu.com
GRACIAS POR VUESTRA ATENCIÓN          ¿Preguntas?
Integrar Wordpress en sitios web ya existentes
Integrar Wordpress en sitios web ya existentes
Integrar Wordpress en sitios web ya existentes
Integrar Wordpress en sitios web ya existentes
Integrar Wordpress en sitios web ya existentes
Integrar Wordpress en sitios web ya existentes
Integrar Wordpress en sitios web ya existentes
Integrar Wordpress en sitios web ya existentes
Integrar Wordpress en sitios web ya existentes
Integrar Wordpress en sitios web ya existentes
Integrar Wordpress en sitios web ya existentes
Integrar Wordpress en sitios web ya existentes
Upcoming SlideShare
Loading in …5
×

Integrar Wordpress en sitios web ya existentes

10,655 views

Published on

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

Published in: Self Improvement
  • Be the first to like this

Integrar Wordpress en sitios web ya existentes

  1. 1. Integración en dos direcciones1- El blog debe adoptar el diseño visual de la web2- El resto del sitio debe ser capaz de mostrar lainformación de los post de Wordpress
  2. 2. Creación de una plantilla personalizada1- Podemos usar cualquiera de las plantillas por defectode Wordpress o, como es el caso de este ejemplo, bajaruna plantilla vacía (blank template)2- Necesitaremos el código HTML y CSS de la weboriginal y sus contenidos multimedia.
  3. 3. Sitio Web de partida
  4. 4. Plantilla WP en blanco
  5. 5. Archivos plantilla
  6. 6. Código HTML sitio web
  7. 7. HTML simplificado
  8. 8. Archivo index.php
  9. 9. Archivo index.php
  10. 10. Archivo header.php
  11. 11. Archivo footer.php
  12. 12. División de la plantilla
  13. 13. Archivo header.php
  14. 14. Archivo footer.php
  15. 15. Archivo index.php
  16. 16. Archivo sidebar.php
  17. 17. Resultado final
  18. 18. Acceder a los datos de los postsTodos los posts se almacena en una base de datos, porlo que accediendo a ella y sabiendo qué datos obtenerpodríamos mostrar, por ejemplo, un resumen de losúltimos post en la portada del sitio.
  19. 19. Resultado final
  20. 20. Resultado final
  21. 21. Extraer todos los post publicadosSELECT * FROM WHERE post_type="post" andpost_status="publish" order by post_date desc’;
  22. 22. Extraer todos los post publicados de unadeterminada categoría (ej. Categoría 1)SELECT * FROM wp_posts INNER JOINwp_term_relationships ON wp_posts.ID =wp_term_relationships.object_id WHEREpost_type="post" and post_status="publish" ANDwp_term_relationships.term_taxonomy_id=1 order bypost_date desc’;
  23. 23. El resultado finalAlgunos ejemplos de Wordpress integradossatisfactoriamente en el sitio web general.
  24. 24. Menendezcollar.com
  25. 25. Bovedaconsultora.com
  26. 26. Inmobiliariabarin.com
  27. 27. Gpautomocion.com
  28. 28. Centrokyushu.com
  29. 29. GRACIAS POR VUESTRA ATENCIÓN ¿Preguntas?

×