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

3,106 views

Published on

Presentación utilizada por Ernesto Jiménez en el evento 1ª WordPress Málaga Meetup realizado el 21 de Febrero de 2012 en las instalaciones de Forman, Málaga

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,106
On SlideShare
0
From Embeds
0
Number of Embeds
590
Actions
Shares
0
Downloads
64
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

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

  1. 1. WordPress: Principios básicos y anatomía de un temaWordPress: Principios básicosy anatomía de un temaErnesto JiménezMálaga, 21 de febrero 2012twitter.com/ernest_jimenezhola@ernestojimenez.net I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  2. 2. WordPress: Principios básicosy anatomía de un tema¡Hola!I Meetup WordPress MálagaMálaga, 21 de febrero de 2012
  3. 3. WordPress: Principios básicos y anatomía de un tema¿Qué es WordPress? • Publicación de blogs (es mucho más) • Código abierto • Es gratis (tiene gran valor) I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  4. 4. WordPress: Principios básicos y anatomía de un tema¿Qué es WordPress? • 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 I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  5. 5. WordPress: Principios básicos y anatomía de un tema¿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 I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  6. 6. WordPress: Principios básicos y anatomía de un tema¿Qué es WordPress? • Es un sistema de blogs pero es mucho más • WP fue diseñado para ser ampliado • En definitiva es un sistema que nos da el CONTROL DEL CONTENIDO I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  7. 7. WordPress: Principios básicos y anatomía de un temaLas ventajas de WordPress • Fácil de instalar (cinco minutos) • Requisitos básicos (MySql y PHP) • Versátil y fácil de ampliar • Gran comunidad I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  8. 8. WordPress: Principios básicos y anatomía de un temaLas ventajas de WordPress • Optimizamos los recursos • No reinventamos la rueda • Flexible I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  9. 9. WordPress: Principios básicos y anatomía de un temaBlog conestructuratradicional I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  10. 10. WordPress: Principios básicos y anatomía de un temaSitio webcorporativo I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  11. 11. WordPress: Principios básicos y anatomía de un temaMedios deinformación I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  12. 12. WordPress: Principios básicos y anatomía de un temaLas ventajas de WordPress • Optimizamos los recursos • No reinventamos la rueda • Flexible • Podemos dedicarnos al contenido I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  13. 13. WordPress: Principios básicosy anatomía de un temaAnatomíade un temaI Meetup WordPress MálagaMálaga, 21 de febrero de 2012
  14. 14. WordPress: Principios básicos y anatomía de un temaEstructura dearchivos(WordPress los llama«plantillas») I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  15. 15. WordPress: Principios básicos y anatomía de un temaHay plantillasque aparecenen todos lostemas I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  16. 16. WordPress: Principios básicos y anatomía de un temaArchivos esenciales de un tema • index.php • style.css I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  17. 17. WordPress: Principios básicos y anatomía de un temaSin 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; … } … } I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  18. 18. WordPress: Principios básicos y anatomía de un temastyle.css I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  19. 19. WordPress: Principios básicos y anatomía de un temaindex.php • plantilla más genérica • se muestra si no hay otra más específica xxxxxxxx » » Inicio home.php index.php I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  20. 20. WordPress: Principios básicos y anatomía de un temaArchivos habituales de un tema • header.php • footer.php • sidebar.php I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  21. 21. WordPress: Principios básicos y anatomía de un temaindex.php header.phpget_header();get_sidebar();get_footer(); index.php sidebar.php footer.php I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  22. 22. WordPress: Principios básicos y anatomía de un temaheader.php • declaración del documento • inclusión de los estilos • función wp_head() I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  23. 23. WordPress: Principios básicos y anatomía de un temafooter.php • pie de la página • inclusión de JavaScript • función wp_footer() I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  24. 24. WordPress: Principios básicos y anatomía de un temaPie I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  25. 25. WordPress: Principios básicos y anatomía de un temasidebar.php • la barra lateral • widgets I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  26. 26. WordPress: Principios básicos y anatomía de un temaSidebar I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  27. 27. WordPress: Principios básicos y anatomía de un temaPlantillas para contenido • home.php • page.php • single.php • archive.php I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  28. 28. WordPress: Principios básicos y anatomía de un temapage single I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  29. 29. WordPress: Principios básicos y anatomía de un temaarchive.php 404.php I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  30. 30. WordPress: Principios básicosy anatomía de un temaEl bucleI Meetup WordPress MálagaMálaga, 21 de febrero de 2012
  31. 31. WordPress: Principios básicos y anatomía de un temaEl 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) I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  32. 32. WordPress: Principios básicosy anatomía de un tema header.php index.php sidebar.php footer.phpI Meetup WordPress MálagaMálaga, 21 de febrero de 2012
  33. 33. WordPress: Principios básicos y anatomía de un temaEstructura básica del bucle <?php if(have_posts()) : while (have_posts()) : the_post(); … endwhile; else: … endif; ?> I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  34. 34. WordPress: Principios básicosy anatomía de un temaI Meetup WordPress MálagaMálaga, 21 de febrero de 2012
  35. 35. WordPress: Principios básicos y anatomía de un temaEtiquetas de plantilla dentro del bucle • the_title() • the_author() • the_content() • the_time() • the_permalink() • the_tags() • the_ID() • the_category() I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  36. 36. WordPress: Principios básicos y anatomía de un temaOtras plantillas • 404.php • searchform.php • search.php • comments.php I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  37. 37. WordPress: Principios básicos y anatomía de un temaJerarquía de archivos404 404.php index.phpBúsqueda search.php index.phpInicio home.php index.php single-Single single.php index.php {post-type}.phpPá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 phpTag tag-{slug}.php tag-{id}.php tag.php archive.php index.phpArchive archive.php index.php I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  38. 38. WordPress: Principios básicosy anatomía de un temaFunctions.phpI Meetup WordPress MálagaMálaga, 21 de febrero de 2012
  39. 39. WordPress: Principios básicos y anatomía de un temaFunctions.php • El cerebro del tema • Tipos de posts personalizados • Campos personalizados • Funciones I Meetup WordPress Málaga Málaga, 21 de febrero de 2012
  40. 40. WordPress: Principios básicosy anatomía de un tema¡Gracias!hola@ernestojimenez.nettwitter.com/ernest_jimenezI Meetup WordPress MálagaMálaga, 21 de febrero de 2012

×