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

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

Ernesto Jiménez
Málaga, 21 de febrero 2012

twitter.com/ernest_jimenez
hola@ernestojimenez.net

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


¡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 etiquetas
b. archivo cronológico
c. 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
• En deﬁ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 tema
function search_theme_directories(){
…
if ( $theme_file == ‘style.css’ ) {
$theme_files[$theme_dir] = array( ‘theme_file’ =>
$theme_dir . ‘/’ . $theme_file, ‘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íﬁca

xxxxxxxx
» »
Inicio home.php index.php



Archivos habituales de un tema
• header.php
• footer.php
• sidebar.php



index.php header.php
get_header();
get_sidebar();
get_footer(); index.php sidebar.php

footer.php



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



home



page



single



El bucle



Ejemplos



¿Preguntas?



¡Gracias!


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

Recomendados

Recomendados

Más contenido relacionado

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

Similar a Principios básicos y anatomía de un tema de WordPress (20)

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