SlideShare una empresa de Scribd logo
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

PDF
Principios básicos de WordPress y la anatomía de un theme
PDF
Herramientas TIC en el entorno profesional - FPC
PDF
Sesion moodle - "más allá de lo básico"...
PPT
Introducción a HTML5 y CSS3 - ArtMedia 2011
PPT
HTML5 y CSS3
PDF
Integrar Wordpress en sitios web ya existentes
PDF
Plugins imprescindibles para administradores y desarrolladores de WordPress
PPT
Desarrollo WordPress Servicios-Especial necesidades de contenido sofisticado
Principios básicos de WordPress y la anatomía de un theme
Herramientas TIC en el entorno profesional - FPC
Sesion moodle - "más allá de lo básico"...
Introducción a HTML5 y CSS3 - ArtMedia 2011
HTML5 y CSS3
Integrar Wordpress en sitios web ya existentes
Plugins imprescindibles para administradores y desarrolladores de WordPress
Desarrollo WordPress Servicios-Especial necesidades de contenido sofisticado

Similar a Inicio al desarrollo en wordpress (20)

PDF
Wordpress
PPTX
Wordpress
PPTX
Power point wordpress
PPT
Jonathan Estrella. Ender. Wordpress: Ventajas, inconvenientes y trucos.
PPT
Word press - ventajas, inconvenientes y trucos - Ender
PDF
Instalación, configuración y conceptos básicos del WordPress
PPTX
Compu juan
PPTX
PDF
Principios básicos y anatomía de un tema de WordPress
PDF
Sesionmoodle 101223143117-phpapp02
PDF
Sesionmoodle 101223143117-phpapp02
PDF
Recursos web gratis
PPTX
WordPress
PPTX
Blogs
PPTX
Wordpress
PPTX
Jefferson - Diseño Web II - Presentación Curso
PDF
Wordpress
PDF
Wordpress
PDF
Wordpress - Dennis Muñoz
Wordpress
Wordpress
Power point wordpress
Jonathan Estrella. Ender. Wordpress: Ventajas, inconvenientes y trucos.
Word press - ventajas, inconvenientes y trucos - Ender
Instalación, configuración y conceptos básicos del WordPress
Compu juan
Principios básicos y anatomía de un tema de WordPress
Sesionmoodle 101223143117-phpapp02
Sesionmoodle 101223143117-phpapp02
Recursos web gratis
WordPress
Blogs
Wordpress
Jefferson - Diseño Web II - Presentación Curso
Wordpress
Wordpress
Wordpress - Dennis Muñoz
Publicidad

Más de betabeers (20)

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

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