Principios básicos de WordPress y la anatomía de un theme

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

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


Málaga, 21 de febrero 2012

twitter.com/[email protected]

Ernesto Jiménez



¡Hola!



¿Qué es WordPress?

• Publicación de blogs (es mucho más)• Código abierto• Es gratis (tiene gran valor)




• 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




• No sólo posts: también páginas estáticas• Plugins: funciones desarrolladas que

amplian las posibilidades de WordPress hasta límites desconocidos




• 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



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




• Optimizamos los recursos• No reinventamos la rueda• Flexible



Blog con estructura tradicional



Sitio web corporativo



Medios de información




• Optimizamos los recursos• No reinventamos la rueda• Flexible• Podemos dedicarnos al contenido



Anatomía de un tema



Estructura de archivos (WordPress los llama «plantillas»)



Hay plantillas que aparecen en todos los temas



Archivos esenciales de un tema

• index.php• style.css



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; … } …}



style.css



index.php

• plantilla más genérica• se muestra si no hay otra más específi ca

Inicio

» »

index.phphome.php

xxxxxxxx



Archivos habituales de un tema

• header.php• footer.php• sidebar.php



header.php

footer.php

sidebar.phpindex.php

index.phpget_header();get_sidebar();get_footer();



header.php

• declaración del documento• inclusión de los estilos• función wp_head()



footer.php

• pie de la página• inclusión de JavaScript• función wp_footer()



Pie



sidebar.php

• la barra lateral• widgets



Sidebar



Plantillas para contenido

• home.php• page.php• single.php• archive.php



page single



404.phparchive.php



El bucle



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)



header.php

footer.php

sidebar.phpindex.php



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





Etiquetas de plantilla dentro del bucle

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

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



Otras plantillas

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



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



Functions.php



Functions.php

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



¡Gracias!

[email protected]/ernest_jimenez

Documents

Principios básicos de WordPress y la anatomía de un theme