33
Inicio al desarrollo en WordPress lunes 6 de febrero de 2012

Inicio al desarrollo en wordpress

Embed Size (px)

Citation preview

Page 1: Inicio al desarrollo en wordpress

Inicio al desarrollo en WordPress

lunes 6 de febrero de 2012

Page 2: Inicio al desarrollo en wordpress

Indice

• Introducción

• Themes

• Shortcodes

• Plugins

• Custom Post Types y Metaboxes

• Referencias

lunes 6 de febrero de 2012

Page 3: Inicio al desarrollo en wordpress

Introducción

lunes 6 de febrero de 2012

Page 4: Inicio al desarrollo en wordpress

Introducción

• WordPress es un Gestor de Contenidos (CMS) creado por Automattic.

• Pensado inicialmente para crear Blogs.

• Actualmente va por la versión 3.3.1

• Pero no sólo se hacen blogs...

lunes 6 de febrero de 2012

Page 5: Inicio al desarrollo en wordpress

Tienda onlinelunes 6 de febrero de 2012

Page 6: Inicio al desarrollo en wordpress

Bug Trackinglunes 6 de febrero de 2012

Page 7: Inicio al desarrollo en wordpress

Job Boardlunes 6 de febrero de 2012

Page 8: Inicio al desarrollo en wordpress

Directorio de diseñoslunes 6 de febrero de 2012

Page 9: Inicio al desarrollo en wordpress

Portfoliolunes 6 de febrero de 2012

Page 10: Inicio al desarrollo en wordpress

Introducción

• Curva de aprendizaje sencilla

• Panel de administración muy pulido y sencillo de usar

• Gran comunidad de desarrolladores

• Muy buena documentación

lunes 6 de febrero de 2012

Page 11: Inicio al desarrollo en wordpress

Introducción

lunes 6 de febrero de 2012

Page 12: Inicio al desarrollo en wordpress

Themes

lunes 6 de febrero de 2012

Page 13: Inicio al desarrollo en wordpress

Themes

• Gran cantidad de Themes, free o premium.

• Premium entre $35 y $99

• Sitios de compra: Themeforest, Whoothemes, Elegantthemes...

lunes 6 de febrero de 2012

Page 14: Inicio al desarrollo en wordpress

Themes

• Ficheros estandar de una plantilla en WordPress

• Directorios para organizarse mejor

lunes 6 de febrero de 2012

Page 15: Inicio al desarrollo en wordpress

Themes

• Para las funciones de un theme: functions.php

• Se pueden modificar funciones estandar de WP usando los Filters.

• Se pueden definir funciones que se ejecutarán cuando suceda algo con las Actions.

lunes 6 de febrero de 2012

Page 16: Inicio al desarrollo en wordpress

Themes

• Ejemplo de filter para eliminar la linea en el header que informa sobre la versión de WordPress.

lunes 6 de febrero de 2012

Page 17: Inicio al desarrollo en wordpress

Themes

• Ejemplo de action, cuando ejecute la acción widgets_init, se llamará a esta función para que se ejecute.

lunes 6 de febrero de 2012

Page 18: Inicio al desarrollo en wordpress

Shortcodes

lunes 6 de febrero de 2012

Page 19: Inicio al desarrollo en wordpress

Shortcodes

• Nos permiten definir etiquetas del tipo [tag][/tag] para el editor de texto.

• Por defecto wordpress filtra algunas etiquetas html por seguridad.

• Puede que nos interese definir etiquetas simples para los usuarios.

lunes 6 de febrero de 2012

Page 20: Inicio al desarrollo en wordpress

Shortcodes

• Ejemplo: [button type=”red”]Hola[/button]

lunes 6 de febrero de 2012

Page 21: Inicio al desarrollo en wordpress

Plugins

lunes 6 de febrero de 2012

Page 22: Inicio al desarrollo en wordpress

Plugins

• Miles de plugins, de todo tipo. Para SEO, para Twitter, para crear sliders jquery...

• La mayoría gratuitos, algunos de pago, por ejemplo el WPML para multilenguaje.

lunes 6 de febrero de 2012

Page 23: Inicio al desarrollo en wordpress

Plugins

• Muchas de las funciones que se pueden añadir a un Theme en functions.php se pueden implementar en un plugin.

• Puede interesar separar funcionalidades de un theme en particular.

• Se usan actions y filters, como en los themes.

lunes 6 de febrero de 2012

Page 24: Inicio al desarrollo en wordpress

Widgets

lunes 6 de febrero de 2012

Page 25: Inicio al desarrollo en wordpress

Widgets

• Son pequeños códigos que suelen usarse en las sidebars de un blog (Mostrar últimos comentarios, últimos posts, categorías, nube de tags...).

• Pero podemos programar lo que queramos y usarlos en nuestros desarrollos.

• Definimos sidebars y usamos los widgets definidos.

lunes 6 de febrero de 2012

Page 26: Inicio al desarrollo en wordpress

Widgets

• Constructor.

• Formulario en el panel

• Procesamos las opciones

• Se muestra el contenido

lunes 6 de febrero de 2012

Page 27: Inicio al desarrollo en wordpress

Custom Post Types y Metaboxes

lunes 6 de febrero de 2012

Page 28: Inicio al desarrollo en wordpress

Custom Post Types

• En WordPress por defecto hay varios tipos de contenidos (posts, pages, attachments, revisions y nav_menus).

• Podemos definir nuestros tipos de contenidos específicos. Función register_post_type()

• También nuevas taxonomies!

lunes 6 de febrero de 2012

Page 29: Inicio al desarrollo en wordpress

Custom Post Types

lunes 6 de febrero de 2012

Page 30: Inicio al desarrollo en wordpress

MetaBoxes

• Podemos definir campos a parte del propio del contenido, para añadir información sobre el Custom Post.

• Descripción, precio, valor de alguna característica...

lunes 6 de febrero de 2012

Page 31: Inicio al desarrollo en wordpress

lunes 6 de febrero de 2012

Page 32: Inicio al desarrollo en wordpress

Referencias

lunes 6 de febrero de 2012

Page 33: Inicio al desarrollo en wordpress

Referencias

http://codex.wordpress.org/ Documentación de WordPress por excelencia, mantenida y completada por la comunidad.

http://themeforest.net/category/wordpress Marketplace de Themes para WordPress

http://wp.tutsplus.com/ Sitio con gran cantidad de tutoriales sobre WordPress

http://wp.smashingmagazine.com/ Artículos interesantes sobre el tema en Smashing Magazine

http://www.google.es ¬¬’

lunes 6 de febrero de 2012