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
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
¡Hola!
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)
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
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
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
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
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
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
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
Sitio web corporativo
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
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
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
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»)
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
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
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; … } …}
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
style.css
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
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
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();
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()
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()
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
Pie
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
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
Sidebar
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
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
home
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
page
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
single
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
El bucle
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
Ejemplos
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
¿Preguntas?
WordPress: Principios básicos y anatomía de un tema
I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
¡Gracias!