Inicio al desarrollo en wordpress
Transcript of Inicio al desarrollo en wordpress
![Page 1: Inicio al desarrollo en wordpress](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/1.jpg)
Inicio al desarrollo en WordPress
lunes 6 de febrero de 2012
![Page 2: Inicio al desarrollo en wordpress](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/2.jpg)
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](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/3.jpg)
Introducción
lunes 6 de febrero de 2012
![Page 4: Inicio al desarrollo en wordpress](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/4.jpg)
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](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/5.jpg)
Tienda onlinelunes 6 de febrero de 2012
![Page 6: Inicio al desarrollo en wordpress](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/6.jpg)
Bug Trackinglunes 6 de febrero de 2012
![Page 7: Inicio al desarrollo en wordpress](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/7.jpg)
Job Boardlunes 6 de febrero de 2012
![Page 8: Inicio al desarrollo en wordpress](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/8.jpg)
Directorio de diseñoslunes 6 de febrero de 2012
![Page 9: Inicio al desarrollo en wordpress](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/9.jpg)
Portfoliolunes 6 de febrero de 2012
![Page 10: Inicio al desarrollo en wordpress](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/10.jpg)
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](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/11.jpg)
Introducción
lunes 6 de febrero de 2012
![Page 12: Inicio al desarrollo en wordpress](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/12.jpg)
Themes
lunes 6 de febrero de 2012
![Page 13: Inicio al desarrollo en wordpress](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/13.jpg)
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](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/14.jpg)
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](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/15.jpg)
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](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/16.jpg)
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](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/17.jpg)
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](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/18.jpg)
Shortcodes
lunes 6 de febrero de 2012
![Page 19: Inicio al desarrollo en wordpress](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/19.jpg)
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](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/20.jpg)
Shortcodes
• Ejemplo: [button type=”red”]Hola[/button]
lunes 6 de febrero de 2012
![Page 21: Inicio al desarrollo en wordpress](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/21.jpg)
Plugins
lunes 6 de febrero de 2012
![Page 22: Inicio al desarrollo en wordpress](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/22.jpg)
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](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/23.jpg)
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](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/24.jpg)
Widgets
lunes 6 de febrero de 2012
![Page 25: Inicio al desarrollo en wordpress](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/25.jpg)
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](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/26.jpg)
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](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/27.jpg)
Custom Post Types y Metaboxes
lunes 6 de febrero de 2012
![Page 28: Inicio al desarrollo en wordpress](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/28.jpg)
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](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/29.jpg)
Custom Post Types
lunes 6 de febrero de 2012
![Page 30: Inicio al desarrollo en wordpress](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/30.jpg)
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](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/31.jpg)
lunes 6 de febrero de 2012
![Page 32: Inicio al desarrollo en wordpress](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/32.jpg)
Referencias
lunes 6 de febrero de 2012
![Page 33: Inicio al desarrollo en wordpress](https://reader033.fdocuments.mx/reader033/viewer/2022052600/557b6999d8b42a0d578b4cfd/html5/thumbnails/33.jpg)
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