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• WP fue diseñado para ser ampliado• 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• archive.php

WordPress: Principios básicos y anatomía de un tema

I Meetup WordPress MálagaMálaga, 21 de febrero de 2012

page single

WordPress: Principios básicos y anatomía de un tema

I Meetup WordPress MálagaMálaga, 21 de febrero de 2012

404.phparchive.php

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

El blucle (the loop)

• Determina qué contenido debe mostrar WP• Un solo post o página• Un grupo de posts o páginas • Consulta parámetros (URL)

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

WordPress: Principios básicos y anatomía de un tema

I Meetup WordPress MálagaMálaga, 21 de febrero de 2012

Estructura básica del bucle<?phpif(have_posts()) : while (have_posts()) : the_post(); … endwhile; else: …endif;?>

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

I Meetup WordPress MálagaMálaga, 21 de febrero de 2012

Etiquetas de plantilla dentro del bucle

• the_title()• the_content()• the_permalink()• the_ID()

• the_author()• the_time()• the_tags()• the_category()

WordPress: Principios básicos y anatomía de un tema

I Meetup WordPress MálagaMálaga, 21 de febrero de 2012

Otras plantillas

• 404.php• searchform.php• search.php• comments.php

WordPress: Principios básicos y anatomía de un tema

I Meetup WordPress MálagaMálaga, 21 de febrero de 2012

404 404.php index.php

Búsqueda search.php index.php

Inicio home.php index.php

Single single-{post-type}.php single.php index.php

Página {plantilla}.php page-{slug}.php page-{id}.php page.php index.php

Categoría category-{slug}.php

category-{id}.php category.php archive.php index.php

Tag tag-{slug}.php tag-{id}.php tag.php archive.php index.php

Archive archive.php index.php

Jerarquía de archivos

WordPress: Principios básicos y anatomía de un tema

I Meetup WordPress MálagaMálaga, 21 de febrero de 2012

Functions.php

WordPress: Principios básicos y anatomía de un tema

I Meetup WordPress MálagaMálaga, 21 de febrero de 2012

Functions.php

• El cerebro del tema• Tipos de posts personalizados• Campos personalizados• Funciones

WordPress: Principios básicos y anatomía de un tema

I Meetup WordPress MálagaMálaga, 21 de febrero de 2012

¡Gracias!

hola@ernestojimenez.nettwitter.com/ernest_jimenez