Integrar Wordpress en sitios web ya existentes
-
Upload
david-merinas -
Category
Self Improvement
-
view
6.102 -
download
1
description
Transcript of Integrar Wordpress en sitios web ya existentes
![Page 1: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/1.jpg)
![Page 2: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/2.jpg)
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
![Page 3: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/3.jpg)
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.
![Page 4: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/4.jpg)
Sitio Web de partida
![Page 5: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/5.jpg)
![Page 6: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/6.jpg)
![Page 7: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/7.jpg)
![Page 8: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/8.jpg)
![Page 9: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/9.jpg)
![Page 10: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/10.jpg)
Plantilla WP en blanco
![Page 11: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/11.jpg)
Archivos plantilla
![Page 12: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/12.jpg)
![Page 13: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/13.jpg)
![Page 14: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/14.jpg)
![Page 15: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/15.jpg)
Código HTML sitio web
![Page 16: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/16.jpg)
HTML simplificado
![Page 17: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/17.jpg)
![Page 18: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/18.jpg)
Archivo index.php
![Page 19: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/19.jpg)
Archivo index.php
![Page 20: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/20.jpg)
Archivo header.php
![Page 21: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/21.jpg)
Archivo footer.php
![Page 22: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/22.jpg)
![Page 23: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/23.jpg)
División de la plantilla
![Page 24: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/24.jpg)
Archivo header.php
![Page 25: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/25.jpg)
Archivo footer.php
![Page 26: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/26.jpg)
Archivo index.php
![Page 27: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/27.jpg)
Archivo sidebar.php
![Page 28: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/28.jpg)
![Page 29: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/29.jpg)
Resultado final
![Page 30: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/30.jpg)
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.
![Page 31: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/31.jpg)
Resultado final
![Page 32: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/32.jpg)
Resultado final
![Page 33: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/33.jpg)
Extraer todos los post publicados
'SELECT * FROM WHERE post_type="post" and post_status="publish" order by post_date desc’;
![Page 34: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/34.jpg)
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’;
![Page 35: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/35.jpg)
El resultado final
Algunos ejemplos de Wordpress integrados satisfactoriamente en el sitio web general.
![Page 36: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/36.jpg)
Menendezcollar.com
![Page 37: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/37.jpg)
Bovedaconsultora.com
![Page 38: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/38.jpg)
Inmobiliariabarin.com
![Page 39: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/39.jpg)
Gpautomocion.com
![Page 40: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/40.jpg)
Centrokyushu.com
![Page 41: Integrar Wordpress en sitios web ya existentes](https://reader034.fdocuments.ec/reader034/viewer/2022042700/557b56e3d8b42a8b078b4a1e/html5/thumbnails/41.jpg)
GRACIAS POR VUESTRA ATENCIÓN
¿Preguntas?