Principios básicos de WordPress y la anatomía de un theme
-
Upload
wordpressmalaga -
Category
Documents
-
view
2.524 -
download
1
description
Transcript of 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
WordPress: Principios básicos y anatomía de un tema
Málaga, 21 de febrero 2012
twitter.com/[email protected]
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!
[email protected]/ernest_jimenez