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