Anatomía de un Wordpress Theme James Lynn Wordcamp Caguas 2011
Anatomía de un Wordpress Theme
James Lynn Wordcamp Caguas 2011
Un poco sobre lo que hago • Profesor de diseño gráfico y web en la Escuela Internacional de
Diseño de la Universidad del Turabo • Presidente de piedra papel y tijera, Inc. • Tecnetico.com • Interactive Advertising Bureau de Puerto Rico • Internet Society Puerto Rico Chapter • Social Media Club de Puerto Rico • Intelica profesor de web • AdiestraTech • Grammy • Red de Educadores Puertoriqueños • Puerto Rico Broadband Taskforce
RAZONES PARA CREAR UN THEME
DISEÑO De la gráfica al código
Partimos de un diseño
Partimos de un diseño
header encabezado
Partimos de un diseño
header encabezado
navegación
Partimos de un diseño
header encabezado
navegación
sidebar barras laterales
Partimos de un diseño
header encabezado
navegación
sidebar barras laterales
content contenido principal
Partimos de un diseño
header encabezado
navegación
sidebar barras laterales
footer el pie
content contenido principal
LAS PARTES
Los files
Los files
• header.php • sidebar.php • content loop
• index.php • page.php • 404.php
• footer.php • style.css (el diseño)
From bitmaps to code
html
css
php
php
header.php
header.php
PARA CREAR UN THEME Referencias
Wordpress codex
• http://codex.wordpress.org/Theme_Development
• http://codex.wordpress.org/Blog_Design_and_Layout
• http://codex.wordpress.org/Using_Themes
• http://codex.wordpress.org/Theme_Frameworks
wp-content/themes
Theme info en style.css
Theme thumbnail
index.php
header.php
header.php
index.php
sidebar.php
sidebar.php
footer.php
footer.php
style.css
theme files
• header.php • sidebar.php • index.php • page.php • single.php • comments.php • 404.php • archive.php
• category.php • tags.php • footer.php • functions.php • style.css (el
diseño)
theme files
FRAMEWORKS
Wordpress frameworks
Son themes diseñados para ser una base flexible para desarrollar sobre ella.
Nos permite desarrollar un website en
Wordpress con mayor rapidez
Frameworks
• Thematic • Carrington • ThemeHybrid • Canvas • Elemental • WP Framework
Thematic
Carrington
WP Framework
¿PREGUNTAS? y qué me cuentan…
Sígueme
Blog: www.jameslynn.com Twitter: @jameslynn Facebook.com/JamesJLynn