Principios básicos y anatomía de un tema de WordPress
-
Upload
ernesto-jimenez -
Category
Documents
-
view
707 -
download
7
description
Transcript of Principios básicos y anatomía de un tema de WordPress
![Page 1: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/1.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
WordPress: Principios básicos y anatomía de un tema
Málaga, 21 de febrero 2012
twitter.com/[email protected]
Ernesto Jiménez
![Page 2: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/2.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
¡Hola!
![Page 3: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/3.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
¿Qué es WordPress?
• Publicación de blogs (es mucho más)• Código abierto• Es gratis (tiene gran valor)
![Page 4: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/4.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
¿Qué es WordPress?
• En su origen es un sistema de publicación de blogs:
a. categorías y etiquetasb. archivo cronológicoc. participación de los lectores: comentarios
![Page 5: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/5.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
¿Qué es WordPress?
• No sólo posts: también páginas estáticas• Plugins: funciones desarrolladas que amplian
las posibilidades de WordPress hasta límites desconocidos
![Page 6: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/6.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
¿Qué es WordPress?
• Es un sistema de blogs pero es mucho más• En defi nitiva es un sistema que nos da el
CONTROL DEL CONTENIDO
![Page 7: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/7.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
Las ventajas de WordPress
• Fácil de instalar (cinco minutos)• Requisitos básicos (MySql y PHP)• Versátil y fácil de ampliar• Gran comunidad
![Page 8: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/8.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
Las ventajas de WordPress
• Optimizamos los recursos• No reinventamos la rueda• Flexible
![Page 9: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/9.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
Blog con estructura tradicional
![Page 10: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/10.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
Sitio web corporativo
![Page 11: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/11.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
Medios de información
![Page 12: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/12.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
Las ventajas de WordPress
• Optimizamos los recursos• No reinventamos la rueda• Flexible• Podemos dedicarnos al contenido
![Page 13: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/13.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
Anatomía de un tema
![Page 14: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/14.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
Estructura de archivos (WordPress los llama «plantillas»)
![Page 15: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/15.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
Hay plantillas que aparecen en todos los temas
![Page 16: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/16.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
Archivos esenciales de un tema
• index.php• style.css
![Page 17: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/17.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
Sin style.css no hay temafunction search_theme_directories(){ … if ( $theme_fi le == ‘style.css’ ) { $ the me_fi les[$theme_dir] = array( ‘theme_fi le’ =>
$theme_dir . ‘/’ . $theme_fi le, ‘theme_root’ => $theme_root );
$found_stylesheet = true; break; … } …}
![Page 18: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/18.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
style.css
![Page 19: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/19.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
index.php
• plantilla más genérica• se muestra si no hay otra más específi ca
Inicio
» »
index.phphome.php
xxxxxxxx
![Page 20: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/20.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
Archivos habituales de un tema
• header.php• footer.php• sidebar.php
![Page 21: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/21.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
header.php
footer.php
sidebar.phpindex.php
index.phpget_header();get_sidebar();get_footer();
![Page 22: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/22.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
header.php
• declaración del documento• inclusión de los estilos• función wp_head()
![Page 23: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/23.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
footer.php
• pie de la página• inclusión de JavaScript• función wp_footer()
![Page 24: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/24.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
Pie
![Page 25: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/25.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
sidebar.php
• la barra lateral• widgets
![Page 26: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/26.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
Sidebar
![Page 27: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/27.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
Plantillas para contenido
• home.php• page.php• single.php
![Page 28: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/28.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
home
![Page 29: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/29.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
page
![Page 30: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/30.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
single
![Page 31: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/31.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
El bucle
![Page 32: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/32.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
Ejemplos
![Page 33: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/33.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
¿Preguntas?
![Page 34: Principios básicos y anatomía de un tema de WordPress](https://reader030.fdocuments.ec/reader030/viewer/2022020122/546da43faf79597b298b545a/html5/thumbnails/34.jpg)
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
¡Gracias!