principios básicos y anatomía de un tema de wordpress

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/ernest_jimenezhola@ernestojimenez.net

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!