SlideShare a Scribd company logo
1 of 17
Download to read offline
WordPress como framework, mucho más que un CMS

Darío Balbontín Fernández
Diseñador y desarrollador Front-End

@BalfeR
dariobf.com
Introducción

• Usuarios, desarrolladores, diseñadores o consultores.
• ¿Nos limitamos a crear blogs con WordPress?
• Tenemos el framework de desarrollo de aplicaciones web
perfecto.
¿Qué es un framework?

La palabra inglesa "framework" (marco de trabajo) define, en
términos generales, un conjunto estandarizado de
conceptos, prácticas y criterios para enfocar un tipo de
problemática particular que sirve como referencia, para
enfrentar y resolver nuevos problemas de índole similar.
Wikipedia
¿Qué nos ofrece un framework de desarrollo?

• Gestión de usuarios: alta, edición, registro...
• Sistema de plantillas.
• Completa personalización. Podemos modificar lo que
queramos. El framework es la base.
• Desarrollo rápido (¿o no?)
• Implementación de mejoras.
• Documentación y comunidad.
http://bit.ly/1fj49pS
¿Por qué utilizar WordPress?

¿
¿Qué nos ofrece WordPress?

•
•
•
•
•
•
•
•

Gestión de administración sencilla.
Gestión y permisos de usuarios.
Motor de creación de temas.
Plugins.
Caché.
Registro de errores.
SEO-friendly.
Gestión de multimedia.
Gestión de administración sencilla.
Gestión de administración sencilla.
Gestión y permisos de usuarios.

• Crear un equipo que gestione nuestro sitio.
– Administradores.
– Editores.
– Colaboradores.

• ¿Y si se nos queda pequeño?
– Roles and capabilities en Codex.
•
•
•
•
•

add_role()
remove_role()
get_role()
add_cap()
remove_cap()

– Plugin: Role Scoper Press Permit Core.
Motor de creación de temas

• WordPress nos facilita:
– Campos personalizados (Custom field, Meta box) y
custom post types. Ejemplo: Fichas de productos.
– Condicionales para saber qué estamos visualizando.
• is_page(), is_category(), is_front_page(), is_home()…

– Formato de fechas.
– Loop.
• WP_Query()
• query_posts()
Motor de creación de temas

• Plantillas.
–
–
–
–
–
–

General.
Autor.
Categoría.
Post (entrada) o página.
Comentarios.
Personalizadas (página de contacto, mix de
categorías…)
Plugins

•
•
•
•
•

28.000+ plugins.
Añadir funcionalidades de forma rápida.
Actualizaciones periódicas.
Alternativas. Si algo no funciona lo cambias.
Ahorro de tiempo. ¿A qué coste?
Cache

• define(„WP_CACHE‟, true); + función para
gestionarlo.
• Plugins: WP Super cache ó W3 Total Cache
Registro de errores

• Dispone de registro de errores.
• Para activarlo, en wp-config.php:
//Activamos el registro de errores.
@ini_set(„log_errors‟, „On‟);
@ini_set(„display_errors‟, „Off‟);
//Dónde queremos que guarde el registro.
@ini_set(„error_log‟, „/directorio/destino/errores_wordpress.log‟);
SEO-Friendly

• Enlaces permanentes “amigables”.
• Código limpio.
• Arquitectura de la información sólida: Páginas,
taxonomías (etiquetas y categorías), Custom Post
type…
• Optimización de imágenes: Título, descripción, texto
alternativo.
• Plugins.
– Wordpress SEO by Yoast.
– All in One SEO Pack.
– Google XML Sitemaps.
Gestión de multimedia

• Ficheros para descarga (.doc, .pdf, .zip…)
• Inserción de imágenes (selección de tamaño,
miniatura, alineación)
• Embebidos de vídeos sólo pegando el enlace (en
texto plano); soporta: YouTube, Vimeo, Hulu, Flickr,
DailyMotion, Viddler, Blip.tv, TED Talks, Educreations,
Instagram, Vine, and Videolog. Más información.
¡MUCHAS GRACIAS!

¿PREGUNTA
S? Darío Balbontín Fernández
Diseñador y desarrollador Front-End

@BalfeR
contacto@dariobf.com
dariobf.com

More Related Content

Recently uploaded

TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docxobandopaula444
 
CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersIván López Martín
 
Tecnología Educativa- presentación maestría
Tecnología Educativa- presentación maestríaTecnología Educativa- presentación maestría
Tecnología Educativa- presentación maestríaElizabethLpezSoto
 
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024u20211198540
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfedepmariaperez
 
TENDENCIAS DE IA Inteligencia artificial generativa.pdf
TENDENCIAS DE IA Inteligencia artificial generativa.pdfTENDENCIAS DE IA Inteligencia artificial generativa.pdf
TENDENCIAS DE IA Inteligencia artificial generativa.pdfJoseAlejandroPerezBa
 
Trabajo de Tecnología .pdfywhwhejsjsjsjsjsk
Trabajo de Tecnología .pdfywhwhejsjsjsjsjskTrabajo de Tecnología .pdfywhwhejsjsjsjsjsk
Trabajo de Tecnología .pdfywhwhejsjsjsjsjskbydaniela5
 
TinkerCAD y figuras en 3D. Uso del programa TinkerCAD para crear fuguras.
TinkerCAD y figuras en 3D. Uso del programa TinkerCAD para crear fuguras.TinkerCAD y figuras en 3D. Uso del programa TinkerCAD para crear fuguras.
TinkerCAD y figuras en 3D. Uso del programa TinkerCAD para crear fuguras.radatoro1
 
Nomisam: Base de Datos para Gestión de Nómina
Nomisam: Base de Datos para Gestión de NóminaNomisam: Base de Datos para Gestión de Nómina
Nomisam: Base de Datos para Gestión de Nóminacuellosameidy
 
Trabajo de tecnología liceo departamental
Trabajo de tecnología liceo departamentalTrabajo de tecnología liceo departamental
Trabajo de tecnología liceo departamentalEmanuelCastro64
 
Actividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolarActividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolar24roberto21
 
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdfBetianaJuarez1
 
Trabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power PointTrabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power PointValerioIvanDePazLoja
 
Herramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfHerramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfKarinaCambero3
 
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guiaORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guiaYeimys Ch
 
TECNOLOGIA 11-4.8888888888888888888888888
TECNOLOGIA 11-4.8888888888888888888888888TECNOLOGIA 11-4.8888888888888888888888888
TECNOLOGIA 11-4.8888888888888888888888888ElianaValencia28
 
La electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdfLa electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdfcristianrb0324
 
Clasificación de Conjuntos de Datos Desequilibrados.pptx
Clasificación de Conjuntos de Datos Desequilibrados.pptxClasificación de Conjuntos de Datos Desequilibrados.pptx
Clasificación de Conjuntos de Datos Desequilibrados.pptxCarolina Bujaico
 
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptxHugoGutierrez99
 
Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1ivanapaterninar
 

Recently uploaded (20)

TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
 
CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 Testcontainers
 
Tecnología Educativa- presentación maestría
Tecnología Educativa- presentación maestríaTecnología Educativa- presentación maestría
Tecnología Educativa- presentación maestría
 
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdf
 
TENDENCIAS DE IA Inteligencia artificial generativa.pdf
TENDENCIAS DE IA Inteligencia artificial generativa.pdfTENDENCIAS DE IA Inteligencia artificial generativa.pdf
TENDENCIAS DE IA Inteligencia artificial generativa.pdf
 
Trabajo de Tecnología .pdfywhwhejsjsjsjsjsk
Trabajo de Tecnología .pdfywhwhejsjsjsjsjskTrabajo de Tecnología .pdfywhwhejsjsjsjsjsk
Trabajo de Tecnología .pdfywhwhejsjsjsjsjsk
 
TinkerCAD y figuras en 3D. Uso del programa TinkerCAD para crear fuguras.
TinkerCAD y figuras en 3D. Uso del programa TinkerCAD para crear fuguras.TinkerCAD y figuras en 3D. Uso del programa TinkerCAD para crear fuguras.
TinkerCAD y figuras en 3D. Uso del programa TinkerCAD para crear fuguras.
 
Nomisam: Base de Datos para Gestión de Nómina
Nomisam: Base de Datos para Gestión de NóminaNomisam: Base de Datos para Gestión de Nómina
Nomisam: Base de Datos para Gestión de Nómina
 
Trabajo de tecnología liceo departamental
Trabajo de tecnología liceo departamentalTrabajo de tecnología liceo departamental
Trabajo de tecnología liceo departamental
 
Actividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolarActividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolar
 
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
 
Trabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power PointTrabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power Point
 
Herramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfHerramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdf
 
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guiaORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
 
TECNOLOGIA 11-4.8888888888888888888888888
TECNOLOGIA 11-4.8888888888888888888888888TECNOLOGIA 11-4.8888888888888888888888888
TECNOLOGIA 11-4.8888888888888888888888888
 
La electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdfLa electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdf
 
Clasificación de Conjuntos de Datos Desequilibrados.pptx
Clasificación de Conjuntos de Datos Desequilibrados.pptxClasificación de Conjuntos de Datos Desequilibrados.pptx
Clasificación de Conjuntos de Datos Desequilibrados.pptx
 
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
 
Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1
 

WordCamp Sevilla 2013: WordPress como framework, mucho más que un CMS

  • 1. WordPress como framework, mucho más que un CMS Darío Balbontín Fernández Diseñador y desarrollador Front-End @BalfeR dariobf.com
  • 2. Introducción • Usuarios, desarrolladores, diseñadores o consultores. • ¿Nos limitamos a crear blogs con WordPress? • Tenemos el framework de desarrollo de aplicaciones web perfecto.
  • 3. ¿Qué es un framework? La palabra inglesa "framework" (marco de trabajo) define, en términos generales, un conjunto estandarizado de conceptos, prácticas y criterios para enfocar un tipo de problemática particular que sirve como referencia, para enfrentar y resolver nuevos problemas de índole similar. Wikipedia
  • 4. ¿Qué nos ofrece un framework de desarrollo? • Gestión de usuarios: alta, edición, registro... • Sistema de plantillas. • Completa personalización. Podemos modificar lo que queramos. El framework es la base. • Desarrollo rápido (¿o no?) • Implementación de mejoras. • Documentación y comunidad. http://bit.ly/1fj49pS
  • 5. ¿Por qué utilizar WordPress? ¿
  • 6. ¿Qué nos ofrece WordPress? • • • • • • • • Gestión de administración sencilla. Gestión y permisos de usuarios. Motor de creación de temas. Plugins. Caché. Registro de errores. SEO-friendly. Gestión de multimedia.
  • 9. Gestión y permisos de usuarios. • Crear un equipo que gestione nuestro sitio. – Administradores. – Editores. – Colaboradores. • ¿Y si se nos queda pequeño? – Roles and capabilities en Codex. • • • • • add_role() remove_role() get_role() add_cap() remove_cap() – Plugin: Role Scoper Press Permit Core.
  • 10. Motor de creación de temas • WordPress nos facilita: – Campos personalizados (Custom field, Meta box) y custom post types. Ejemplo: Fichas de productos. – Condicionales para saber qué estamos visualizando. • is_page(), is_category(), is_front_page(), is_home()… – Formato de fechas. – Loop. • WP_Query() • query_posts()
  • 11. Motor de creación de temas • Plantillas. – – – – – – General. Autor. Categoría. Post (entrada) o página. Comentarios. Personalizadas (página de contacto, mix de categorías…)
  • 12. Plugins • • • • • 28.000+ plugins. Añadir funcionalidades de forma rápida. Actualizaciones periódicas. Alternativas. Si algo no funciona lo cambias. Ahorro de tiempo. ¿A qué coste?
  • 13. Cache • define(„WP_CACHE‟, true); + función para gestionarlo. • Plugins: WP Super cache ó W3 Total Cache
  • 14. Registro de errores • Dispone de registro de errores. • Para activarlo, en wp-config.php: //Activamos el registro de errores. @ini_set(„log_errors‟, „On‟); @ini_set(„display_errors‟, „Off‟); //Dónde queremos que guarde el registro. @ini_set(„error_log‟, „/directorio/destino/errores_wordpress.log‟);
  • 15. SEO-Friendly • Enlaces permanentes “amigables”. • Código limpio. • Arquitectura de la información sólida: Páginas, taxonomías (etiquetas y categorías), Custom Post type… • Optimización de imágenes: Título, descripción, texto alternativo. • Plugins. – Wordpress SEO by Yoast. – All in One SEO Pack. – Google XML Sitemaps.
  • 16. Gestión de multimedia • Ficheros para descarga (.doc, .pdf, .zip…) • Inserción de imágenes (selección de tamaño, miniatura, alineación) • Embebidos de vídeos sólo pegando el enlace (en texto plano); soporta: YouTube, Vimeo, Hulu, Flickr, DailyMotion, Viddler, Blip.tv, TED Talks, Educreations, Instagram, Vine, and Videolog. Más información.
  • 17. ¡MUCHAS GRACIAS! ¿PREGUNTA S? Darío Balbontín Fernández Diseñador y desarrollador Front-End @BalfeR contacto@dariobf.com dariobf.com