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

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



page single



archive.php 404.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

index.php sidebar.php

footer.php



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



Etiquetas de plantilla dentro del bucle
• the_title() • the_author()
• the_content() • the_time()
• the_permalink() • the_tags()
• the_ID() • the_category()



Otras plantillas
• 404.php
• searchform.php
• search.php
• comments.php



Jerarquía de archivos
404 404.php index.php

Búsqueda search.php index.php

Inicio home.php index.php
single-
Single single.php index.php
{post-type}.php
Página {plantilla}.php page-{slug}.php page-{id}.php page.php index.php
category-{slug}. category-{id}.
Categoría category.php archive.php index.php
php php
Tag tag-{slug}.php tag-{id}.php tag.php archive.php index.php

Archive archive.php index.php



Functions.php



Functions.php
• El cerebro del tema
• Tipos de posts personalizados
• Campos personalizados
• Funciones



¡Gracias!
hola@ernestojimenez.net
twitter.com/ernest_jimenez


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

Recomendados

Recomendados

Mais conteúdo relacionado

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

Semelhante a Principios básicos de WordPress y la anatomía de un theme (20)

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