SlideShare una empresa de Scribd logo
1 de 33
Descargar para leer sin conexión
Inicio al desarrollo en
                              WordPress


lunes 6 de febrero de 2012
Indice
                     • Introducción
                     • Themes
                     • Shortcodes
                     • Plugins
                     • Custom Post Types y Metaboxes
                     • Referencias
lunes 6 de febrero de 2012
Introducción



lunes 6 de febrero de 2012
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
Tienda online
lunes 6 de febrero de 2012
Bug Tracking
lunes 6 de febrero de 2012
Job Board
lunes 6 de febrero de 2012
Directorio de diseños
lunes 6 de febrero de 2012
Portfolio
lunes 6 de febrero de 2012
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
Introducción




lunes 6 de febrero de 2012
Themes



lunes 6 de febrero de 2012
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
Themes

                     •       Ficheros estandar de una
                             plantilla en WordPress

                     •       Directorios para
                             organizarse mejor




lunes 6 de febrero de 2012
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
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
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
Shortcodes



lunes 6 de febrero de 2012
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
Shortcodes
                     • Ejemplo:   [button type=”red”]Hola[/button]




lunes 6 de febrero de 2012
Plugins



lunes 6 de febrero de 2012
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
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
Widgets



lunes 6 de febrero de 2012
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
Widgets
   • Constructor.
   • Formulario en el
           panel
   • Procesamos las
           opciones
   • Se muestra el
           contenido


lunes 6 de febrero de 2012
Custom Post Types y
                                 Metaboxes


lunes 6 de febrero de 2012
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
Custom Post Types




lunes 6 de febrero de 2012
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
lunes 6 de febrero de 2012
Referencias



lunes 6 de febrero de 2012
Referencias

                                                     Documentación de WordPress por excelencia, mantenida y
         http://codex.wordpress.org/
                                                                 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

Más contenido relacionado

Similar a Inicio al desarrollo en wordpress

Similar a Inicio al desarrollo en wordpress (20)

Wordpress
WordpressWordpress
Wordpress
 
Wordpress
WordpressWordpress
Wordpress
 
Power point wordpress
Power point wordpressPower point wordpress
Power point wordpress
 
Jonathan Estrella. Ender. Wordpress: Ventajas, inconvenientes y trucos.
Jonathan Estrella. Ender. Wordpress: Ventajas, inconvenientes y trucos.Jonathan Estrella. Ender. Wordpress: Ventajas, inconvenientes y trucos.
Jonathan Estrella. Ender. Wordpress: Ventajas, inconvenientes y trucos.
 
Word press - ventajas, inconvenientes y trucos - Ender
Word press - ventajas, inconvenientes y trucos - EnderWord press - ventajas, inconvenientes y trucos - Ender
Word press - ventajas, inconvenientes y trucos - Ender
 
Instalación, configuración y conceptos básicos del WordPress
Instalación, configuración y conceptos básicos del WordPressInstalación, configuración y conceptos básicos del WordPress
Instalación, configuración y conceptos básicos del WordPress
 
Compu juan
Compu juanCompu juan
Compu juan
 
Clase wordpres
Clase wordpresClase wordpres
Clase wordpres
 
WordPress
WordPressWordPress
WordPress
 
Principios básicos y anatomía de un tema de WordPress
Principios básicos y anatomía de un tema de WordPressPrincipios básicos y anatomía de un tema de WordPress
Principios básicos y anatomía de un tema de WordPress
 
Sesionmoodle 101223143117-phpapp02
Sesionmoodle 101223143117-phpapp02Sesionmoodle 101223143117-phpapp02
Sesionmoodle 101223143117-phpapp02
 
Sesionmoodle 101223143117-phpapp02
Sesionmoodle 101223143117-phpapp02Sesionmoodle 101223143117-phpapp02
Sesionmoodle 101223143117-phpapp02
 
Recursos web gratis
Recursos web gratisRecursos web gratis
Recursos web gratis
 
WordPress
WordPressWordPress
WordPress
 
Blogs
BlogsBlogs
Blogs
 
Wordpress
Wordpress   Wordpress
Wordpress
 
Jefferson - Diseño Web II - Presentación Curso
Jefferson - Diseño Web II - Presentación CursoJefferson - Diseño Web II - Presentación Curso
Jefferson - Diseño Web II - Presentación Curso
 
Wordpress
WordpressWordpress
Wordpress
 
Wordpress
WordpressWordpress
Wordpress
 
Wordpress - Dennis Muñoz
Wordpress - Dennis MuñozWordpress - Dennis Muñoz
Wordpress - Dennis Muñoz
 

Más de betabeers

IONIC, el framework para crear aplicaciones híbridas multiplataforma
IONIC, el framework para crear aplicaciones híbridas multiplataformaIONIC, el framework para crear aplicaciones híbridas multiplataforma
IONIC, el framework para crear aplicaciones híbridas multiplataformabetabeers
 
Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)
Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)
Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)betabeers
 
Blockchain: la revolución industrial de internet - Oscar Lage
Blockchain: la revolución industrial de internet - Oscar LageBlockchain: la revolución industrial de internet - Oscar Lage
Blockchain: la revolución industrial de internet - Oscar Lagebetabeers
 
Cloud Learning: la formación del siglo XXI - Mónica Mediavilla
Cloud Learning: la formación del siglo XXI - Mónica MediavillaCloud Learning: la formación del siglo XXI - Mónica Mediavilla
Cloud Learning: la formación del siglo XXI - Mónica Mediavillabetabeers
 
Desarrollo web en Nodejs con Pillars por Chelo Quilón
Desarrollo web en Nodejs con Pillars por Chelo QuilónDesarrollo web en Nodejs con Pillars por Chelo Quilón
Desarrollo web en Nodejs con Pillars por Chelo Quilónbetabeers
 
La línea recta hacia el éxito - Jon Torrado - Betabeers Bilbao
La línea recta hacia el éxito -  Jon Torrado - Betabeers BilbaoLa línea recta hacia el éxito -  Jon Torrado - Betabeers Bilbao
La línea recta hacia el éxito - Jon Torrado - Betabeers Bilbaobetabeers
 
6 errores a evitar si eres una startup móvil y quieres evolucionar tu app
6 errores a evitar si eres una startup móvil y quieres evolucionar tu app6 errores a evitar si eres una startup móvil y quieres evolucionar tu app
6 errores a evitar si eres una startup móvil y quieres evolucionar tu appbetabeers
 
Dev ops.continuous delivery - Ibon Landa (Plain Concepts)
Dev ops.continuous delivery - Ibon Landa (Plain Concepts)Dev ops.continuous delivery - Ibon Landa (Plain Concepts)
Dev ops.continuous delivery - Ibon Landa (Plain Concepts)betabeers
 
Introducción a scrum - Rodrigo Corral (Plain Concepts)
Introducción a scrum - Rodrigo Corral (Plain Concepts)Introducción a scrum - Rodrigo Corral (Plain Concepts)
Introducción a scrum - Rodrigo Corral (Plain Concepts)betabeers
 
Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)
Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)
Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)betabeers
 
Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)
Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)
Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)betabeers
 
Elemental, querido Watson - Caso de Uso
Elemental, querido Watson - Caso de UsoElemental, querido Watson - Caso de Uso
Elemental, querido Watson - Caso de Usobetabeers
 
Seguridad en tu startup
Seguridad en tu startupSeguridad en tu startup
Seguridad en tu startupbetabeers
 
Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.
Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.
Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.betabeers
 
Buenas prácticas para la optimización web
Buenas prácticas para la optimización webBuenas prácticas para la optimización web
Buenas prácticas para la optimización webbetabeers
 
La magia de Scrum
La magia de ScrumLa magia de Scrum
La magia de Scrumbetabeers
 
Programador++ por @wottam
Programador++ por @wottamProgramador++ por @wottam
Programador++ por @wottambetabeers
 
RaspberryPi: Tu dispositivo para IoT
RaspberryPi: Tu dispositivo para IoTRaspberryPi: Tu dispositivo para IoT
RaspberryPi: Tu dispositivo para IoTbetabeers
 
Introducción al Big Data - Xabier Tranche - VIII Betabeers Bilbao 27/02/2015
 Introducción al Big Data - Xabier Tranche  - VIII Betabeers Bilbao 27/02/2015 Introducción al Big Data - Xabier Tranche  - VIII Betabeers Bilbao 27/02/2015
Introducción al Big Data - Xabier Tranche - VIII Betabeers Bilbao 27/02/2015betabeers
 
PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015
PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015
PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015betabeers
 

Más de betabeers (20)

IONIC, el framework para crear aplicaciones híbridas multiplataforma
IONIC, el framework para crear aplicaciones híbridas multiplataformaIONIC, el framework para crear aplicaciones híbridas multiplataforma
IONIC, el framework para crear aplicaciones híbridas multiplataforma
 
Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)
Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)
Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)
 
Blockchain: la revolución industrial de internet - Oscar Lage
Blockchain: la revolución industrial de internet - Oscar LageBlockchain: la revolución industrial de internet - Oscar Lage
Blockchain: la revolución industrial de internet - Oscar Lage
 
Cloud Learning: la formación del siglo XXI - Mónica Mediavilla
Cloud Learning: la formación del siglo XXI - Mónica MediavillaCloud Learning: la formación del siglo XXI - Mónica Mediavilla
Cloud Learning: la formación del siglo XXI - Mónica Mediavilla
 
Desarrollo web en Nodejs con Pillars por Chelo Quilón
Desarrollo web en Nodejs con Pillars por Chelo QuilónDesarrollo web en Nodejs con Pillars por Chelo Quilón
Desarrollo web en Nodejs con Pillars por Chelo Quilón
 
La línea recta hacia el éxito - Jon Torrado - Betabeers Bilbao
La línea recta hacia el éxito -  Jon Torrado - Betabeers BilbaoLa línea recta hacia el éxito -  Jon Torrado - Betabeers Bilbao
La línea recta hacia el éxito - Jon Torrado - Betabeers Bilbao
 
6 errores a evitar si eres una startup móvil y quieres evolucionar tu app
6 errores a evitar si eres una startup móvil y quieres evolucionar tu app6 errores a evitar si eres una startup móvil y quieres evolucionar tu app
6 errores a evitar si eres una startup móvil y quieres evolucionar tu app
 
Dev ops.continuous delivery - Ibon Landa (Plain Concepts)
Dev ops.continuous delivery - Ibon Landa (Plain Concepts)Dev ops.continuous delivery - Ibon Landa (Plain Concepts)
Dev ops.continuous delivery - Ibon Landa (Plain Concepts)
 
Introducción a scrum - Rodrigo Corral (Plain Concepts)
Introducción a scrum - Rodrigo Corral (Plain Concepts)Introducción a scrum - Rodrigo Corral (Plain Concepts)
Introducción a scrum - Rodrigo Corral (Plain Concepts)
 
Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)
Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)
Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)
 
Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)
Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)
Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)
 
Elemental, querido Watson - Caso de Uso
Elemental, querido Watson - Caso de UsoElemental, querido Watson - Caso de Uso
Elemental, querido Watson - Caso de Uso
 
Seguridad en tu startup
Seguridad en tu startupSeguridad en tu startup
Seguridad en tu startup
 
Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.
Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.
Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.
 
Buenas prácticas para la optimización web
Buenas prácticas para la optimización webBuenas prácticas para la optimización web
Buenas prácticas para la optimización web
 
La magia de Scrum
La magia de ScrumLa magia de Scrum
La magia de Scrum
 
Programador++ por @wottam
Programador++ por @wottamProgramador++ por @wottam
Programador++ por @wottam
 
RaspberryPi: Tu dispositivo para IoT
RaspberryPi: Tu dispositivo para IoTRaspberryPi: Tu dispositivo para IoT
RaspberryPi: Tu dispositivo para IoT
 
Introducción al Big Data - Xabier Tranche - VIII Betabeers Bilbao 27/02/2015
 Introducción al Big Data - Xabier Tranche  - VIII Betabeers Bilbao 27/02/2015 Introducción al Big Data - Xabier Tranche  - VIII Betabeers Bilbao 27/02/2015
Introducción al Big Data - Xabier Tranche - VIII Betabeers Bilbao 27/02/2015
 
PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015
PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015
PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015
 

Inicio al desarrollo en wordpress

  • 1. Inicio al desarrollo en WordPress lunes 6 de febrero de 2012
  • 2. Indice • Introducción • Themes • Shortcodes • Plugins • Custom Post Types y Metaboxes • Referencias lunes 6 de febrero de 2012
  • 3. Introducción lunes 6 de febrero de 2012
  • 4. 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
  • 5. Tienda online lunes 6 de febrero de 2012
  • 6. Bug Tracking lunes 6 de febrero de 2012
  • 7. Job Board lunes 6 de febrero de 2012
  • 8. Directorio de diseños lunes 6 de febrero de 2012
  • 9. Portfolio lunes 6 de febrero de 2012
  • 10. 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
  • 11. Introducción lunes 6 de febrero de 2012
  • 12. Themes lunes 6 de febrero de 2012
  • 13. 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
  • 14. Themes • Ficheros estandar de una plantilla en WordPress • Directorios para organizarse mejor lunes 6 de febrero de 2012
  • 15. 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
  • 16. 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
  • 17. 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
  • 18. Shortcodes lunes 6 de febrero de 2012
  • 19. 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
  • 20. Shortcodes • Ejemplo: [button type=”red”]Hola[/button] lunes 6 de febrero de 2012
  • 21. Plugins lunes 6 de febrero de 2012
  • 22. 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
  • 23. 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
  • 24. Widgets lunes 6 de febrero de 2012
  • 25. 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
  • 26. Widgets • Constructor. • Formulario en el panel • Procesamos las opciones • Se muestra el contenido lunes 6 de febrero de 2012
  • 27. Custom Post Types y Metaboxes lunes 6 de febrero de 2012
  • 28. 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
  • 29. Custom Post Types lunes 6 de febrero de 2012
  • 30. 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
  • 31. lunes 6 de febrero de 2012
  • 32. Referencias lunes 6 de febrero de 2012
  • 33. Referencias Documentación de WordPress por excelencia, mantenida y http://codex.wordpress.org/ 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