SlideShare una empresa de Scribd logo
Buenas prácticas para nuestros desarrollos
WordPress por JuanKa Díaz
Programador Front-End (Programador de
lo que se ve) en jdevelopia.com

Especializado en WordPress y Joomla!

JoomlaES, WPTarragona & WPBarcelona
JuanKa Díaz
• https://www.dariobf.com/podcast/

• Podcast sobre diseño y desarrollo web en
WordPress

• Zona Crítica

• 1×12 – Malas prácticas en el desarrollo
web con WordPress – Con @davilera y
@avillegasn
Post Type Podcast
Disclaimer
El contenido de esta presentación representa única y
exclusivamente la opinión del presentador, no se pretende sentar
cátedra ni redactar un nuevo testamento con mandamientos
escritos sobre piedra, simplemente difundir opinión, experiencia y
recomendaciones que puedan servir tanto a principiantes, clientes
como a desarrolladores. Todas estas opiniones están totalmente
abiertas a discusión y debate.
Soy responsable de lo que digo, no de lo que cada uno interpreta.
No me puedo responsabilizar de códigos o recomendaciones que te
fallen en tu web.
En caso de duda, consulte con su PROGRAMADOR.
ÑAAS - Ñapas As A Service
“Buenas prácticas”…
Por buenas o mejores prácticas se entiende un conjunto
coherente de acciones que han rendido bien o incluso de
forma excelente en un determinado contexto y qué se
espera que, en contextos similares, rindan con similares
resultados.
Wikipedia dixit
Donde fueres, haz lo que vieres
¿Porqué?
· Respetar la arquitectura del Framework (WordPress)


· Desarrollo mas estable y duradero en el tiempo
· Capacidad de terceros a colaborar

· Trabajo más profesional
· Análisis de proyecto
· Fiscalidad
· Legalidad
· Comunicación
· Gestión de servicios

· El desarrollo

· Formación

· Contraseñas

· SEO, SEM, etc…..
Casos de uso (en WordPress)
· Desarrollo de temas
· Desarrollo de plugins
· Trabajo en equipo
· Resultado/visión a largo plazo
Hola “desarrollador” que tal?!! Ya nos hemos podido revisar toda la web y te hemos
preparado un listado de cosas a cambiar… [se entregó la web hace 3/6/9 meses]
Hola “querido cliente”, pues lamentándolo mucho no te voy a poder ayudar, he
descubierto mi verdadera pasión, me he hecho panadero!!!! Y estoy muy feliz!!!!
Esto es inadmisible!! Qué imagen vamos a dar sin poder hacer estos cambios en la
web… NOSOTROS NO PODEMOS CAMBIARLO! NOS HAS DEJADO TIRADOS!!!
#1
Cultura del 

Software Libre
· Extiende su filosofía (cualquier ámbito)
· Todos los entregables junto al proyecto
· Repositorio/Control de versiones
Functions
VS Plugins
· Functions = funciones relativas
al theme | functions.php = theme

· Plugins = funcionalidad relativa
al website


· Código en BBDD = 💩
#2
#3
codex.wordpress.org
· https://developer.wordpress.org/reference/
· Revisar siempre antes el Codex
· Evitar usar funciones propias
· Backward compatibility
· D.R.Y - Don´t Repeat Yourself
WordPress plugin 

boilerplate
· Análisis de proyecto
· Fiscalidad
· Legalidad
· Comunicación
· Gestión de servicios

· El desarrollo

· Formación

· Contraseñas

· SEO, SEM, etc….. #3#4
· https://wppb.me/
· Buenas prácticas
· Estructura de ficheros
· Orientado a objetos
· WordPress coding standards
Underscores -
Twenty Twenty
· Análisis de proyecto
· Fiscalidad
· Legalidad
· Comunicación
· Gestión de servicios

· El desarrollo

· Formación

· Contraseñas

· SEO, SEM, etc….. #3#4
· https://wordpress.org/themes/twentytwenty/
· https://underscores.me/
· Estructura de ficheros
· Template parts, text domain
· WordPress coding standards
#5
Versiones WordPress
de desarrollo
· WordPress Beta Tester

· Trabaja con la última Beta o Release candidate
· https://wordpress.org/plugins/woocommerce-beta-tester/
Nuestro “Framework”
· Agiliza el proceso de desarrollo
· Avanza conforme nuestro conocimiento
· Garantiza una mínima estandarización
· Tema-Framework - WordPress.tv

· Análisis de proyecto
· Fiscalidad
· Legalidad
· Comunicación
· Gestión de servicios

· El desarrollo

· Formación

· Contraseñas

· SEO, SEM, etc….. #3#6
#7 Documentación
· Encabezados, funciones, hooks, CSS, etc…

· Nuestro yo del futuro nos lo agradecerá

· Permite heredar o trabajar con terceros

· Garantía de calidad para el cliente

· readme.txt / changelog.txt
#7
Cadenas de traducción
· https://codex.wordpress.org/I18n_for_WordPress_Developers
· Internacionalizar tu plugin o theme
· Terceros pueden contribuir
· Análisis de proyecto
· Fiscalidad
· Legalidad
· Comunicación
· Gestión de servicios

· El desarrollo

· Formación

· Contraseñas

· SEO, SEM, etc….. #3#8
#9
Estructuras de
datos y layouts

· Custom Post Types
· Cada CPT se trata como una entidad
· Cada CPT tiene su estructura de datos
· Cada CPT tiene sus propios layouts
Dependencias
· Librerías de terceros
· Plugins de terceros
· Documentarlas
· http://tgmpluginactivation.com/download/
· Análisis de proyecto
· Fiscalidad
· Legalidad
· Comunicación
· Gestión de servicios

· El desarrollo

· Formación

· Contraseñas

· SEO, SEM, etc….. #3#10
Pongamos un poco de mimo a nuestro código para que no lo vea otro y nos diga:
“…y después queremos ganar todos lo mismo…”
¡Muchas gracias!
https://jdevelopia.com/wcgranada19

Más contenido relacionado

La actualidad más candente

Lock in, como alma que lleva el diablo-semanawp2018
Lock in, como alma que lleva el diablo-semanawp2018Lock in, como alma que lleva el diablo-semanawp2018
Lock in, como alma que lleva el diablo-semanawp2018
JuanKa Díaz - jdevelopia
 
Lock in, como alma que lleva el diablo-word camp-las-palmas-2018-16-9
Lock in, como alma que lleva el diablo-word camp-las-palmas-2018-16-9Lock in, como alma que lleva el diablo-word camp-las-palmas-2018-16-9
Lock in, como alma que lleva el diablo-word camp-las-palmas-2018-16-9
JuanKa Díaz - jdevelopia
 
La analítica nos hace mejores
La analítica nos hace mejoresLa analítica nos hace mejores
La analítica nos hace mejores
Fernando Puente
 
WordPress Granollers: Multiidioma en WordPress
WordPress Granollers: Multiidioma en WordPressWordPress Granollers: Multiidioma en WordPress
WordPress Granollers: Multiidioma en WordPress
Raúl Martínez
 
El editor clásico como ejemplo de deuda tecnológica - WordCamp Granada 2019
El editor clásico como ejemplo de deuda tecnológica - WordCamp Granada 2019El editor clásico como ejemplo de deuda tecnológica - WordCamp Granada 2019
El editor clásico como ejemplo de deuda tecnológica - WordCamp Granada 2019
Fernando Puente
 
Tecno
TecnoTecno
Tecno
yhibher
 
Fases del desarrollo de un WordPress a medida
Fases del desarrollo de un WordPress a medidaFases del desarrollo de un WordPress a medida
Fases del desarrollo de un WordPress a medida
noradriana.com
 
Yola
YolaYola
Tu posicionamiento mejora con la velocidad de tu web ¡WPO para todos!
Tu posicionamiento mejora con la velocidad de tu web ¡WPO para todos!Tu posicionamiento mejora con la velocidad de tu web ¡WPO para todos!
Tu posicionamiento mejora con la velocidad de tu web ¡WPO para todos!
Fernando Puente
 
Javascript para principiantes -Introducción
Javascript para principiantes -IntroducciónJavascript para principiantes -Introducción
Javascript para principiantes -Introducción
Oscar Josué Uh Pérez
 
Wix
WixWix
Tus mejores disenos web
Tus mejores disenos webTus mejores disenos web
Tus mejores disenos web
Mejores Disenos
 
Presentación del la Segunda Semana del Curso de Wordpress para Negocios.
Presentación del la Segunda Semana del Curso de Wordpress para Negocios.Presentación del la Segunda Semana del Curso de Wordpress para Negocios.
Presentación del la Segunda Semana del Curso de Wordpress para Negocios.
formacioninterlat2011
 
Web Gratis
Web GratisWeb Gratis
Web Gratis
yorlyncito
 
Jimbo
JimboJimbo
WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...
WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...
WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...
wpargentina
 
WPO en WordPress, muuuuuuuuuuuuuuuy rápido por JuanKa Díaz - PechaKucha
WPO en WordPress, muuuuuuuuuuuuuuuy rápido por JuanKa Díaz - PechaKuchaWPO en WordPress, muuuuuuuuuuuuuuuy rápido por JuanKa Díaz - PechaKucha
WPO en WordPress, muuuuuuuuuuuuuuuy rápido por JuanKa Díaz - PechaKucha
JuanKa Díaz - jdevelopia
 
Lenguaje JavaScript parte 1
Lenguaje JavaScript parte 1Lenguaje JavaScript parte 1
Lenguaje JavaScript parte 1
Facultad de Ciencias y Sistemas
 
Retos de WordPress para llegar al 50% de Internet
Retos de WordPress para llegar al 50% de Internet Retos de WordPress para llegar al 50% de Internet
Retos de WordPress para llegar al 50% de Internet
Fernando Puente
 
Como configurar tu página en construcción en WordPress
Como configurar tu página en construcción en WordPressComo configurar tu página en construcción en WordPress
Como configurar tu página en construcción en WordPress
Jesus Parrado Alameda
 

La actualidad más candente (20)

Lock in, como alma que lleva el diablo-semanawp2018
Lock in, como alma que lleva el diablo-semanawp2018Lock in, como alma que lleva el diablo-semanawp2018
Lock in, como alma que lleva el diablo-semanawp2018
 
Lock in, como alma que lleva el diablo-word camp-las-palmas-2018-16-9
Lock in, como alma que lleva el diablo-word camp-las-palmas-2018-16-9Lock in, como alma que lleva el diablo-word camp-las-palmas-2018-16-9
Lock in, como alma que lleva el diablo-word camp-las-palmas-2018-16-9
 
La analítica nos hace mejores
La analítica nos hace mejoresLa analítica nos hace mejores
La analítica nos hace mejores
 
WordPress Granollers: Multiidioma en WordPress
WordPress Granollers: Multiidioma en WordPressWordPress Granollers: Multiidioma en WordPress
WordPress Granollers: Multiidioma en WordPress
 
El editor clásico como ejemplo de deuda tecnológica - WordCamp Granada 2019
El editor clásico como ejemplo de deuda tecnológica - WordCamp Granada 2019El editor clásico como ejemplo de deuda tecnológica - WordCamp Granada 2019
El editor clásico como ejemplo de deuda tecnológica - WordCamp Granada 2019
 
Tecno
TecnoTecno
Tecno
 
Fases del desarrollo de un WordPress a medida
Fases del desarrollo de un WordPress a medidaFases del desarrollo de un WordPress a medida
Fases del desarrollo de un WordPress a medida
 
Yola
YolaYola
Yola
 
Tu posicionamiento mejora con la velocidad de tu web ¡WPO para todos!
Tu posicionamiento mejora con la velocidad de tu web ¡WPO para todos!Tu posicionamiento mejora con la velocidad de tu web ¡WPO para todos!
Tu posicionamiento mejora con la velocidad de tu web ¡WPO para todos!
 
Javascript para principiantes -Introducción
Javascript para principiantes -IntroducciónJavascript para principiantes -Introducción
Javascript para principiantes -Introducción
 
Wix
WixWix
Wix
 
Tus mejores disenos web
Tus mejores disenos webTus mejores disenos web
Tus mejores disenos web
 
Presentación del la Segunda Semana del Curso de Wordpress para Negocios.
Presentación del la Segunda Semana del Curso de Wordpress para Negocios.Presentación del la Segunda Semana del Curso de Wordpress para Negocios.
Presentación del la Segunda Semana del Curso de Wordpress para Negocios.
 
Web Gratis
Web GratisWeb Gratis
Web Gratis
 
Jimbo
JimboJimbo
Jimbo
 
WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...
WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...
WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Oct...
 
WPO en WordPress, muuuuuuuuuuuuuuuy rápido por JuanKa Díaz - PechaKucha
WPO en WordPress, muuuuuuuuuuuuuuuy rápido por JuanKa Díaz - PechaKuchaWPO en WordPress, muuuuuuuuuuuuuuuy rápido por JuanKa Díaz - PechaKucha
WPO en WordPress, muuuuuuuuuuuuuuuy rápido por JuanKa Díaz - PechaKucha
 
Lenguaje JavaScript parte 1
Lenguaje JavaScript parte 1Lenguaje JavaScript parte 1
Lenguaje JavaScript parte 1
 
Retos de WordPress para llegar al 50% de Internet
Retos de WordPress para llegar al 50% de Internet Retos de WordPress para llegar al 50% de Internet
Retos de WordPress para llegar al 50% de Internet
 
Como configurar tu página en construcción en WordPress
Como configurar tu página en construcción en WordPressComo configurar tu página en construcción en WordPress
Como configurar tu página en construcción en WordPress
 

Similar a Buenas practicas para nuestros desarrollos word press por JuanKa Díaz - WC Granada 2019

Desarrolla proyectos web con exito en base al software libre - Joomla Day Mad...
Desarrolla proyectos web con exito en base al software libre - Joomla Day Mad...Desarrolla proyectos web con exito en base al software libre - Joomla Day Mad...
Desarrolla proyectos web con exito en base al software libre - Joomla Day Mad...
JuanKa Díaz - jdevelopia
 
Prestashop v1.6.1.4
Prestashop v1.6.1.4Prestashop v1.6.1.4
Prestashop v1.6.1.4
rafa ruiz
 
Wordpress
WordpressWordpress
Wordpress
Nicol Arteaga
 
Word press
Word pressWord press
Word press
Estefania Florez
 
Iniciación a WordPress, aspectos teóricos
Iniciación a WordPress, aspectos teóricosIniciación a WordPress, aspectos teóricos
Iniciación a WordPress, aspectos teóricos
Pablo Moratinos Almandoz
 
Consulta wordpress
Consulta  wordpressConsulta  wordpress
Consulta wordpress
Karoll Jaramillo
 
Wordpress y SEO en Valencia
Wordpress y SEO en ValenciaWordpress y SEO en Valencia
Wordpress y SEO en Valencia
Javier Cebrián
 
Posicionamiento en buscadores y Wordpress
Posicionamiento en buscadores y WordpressPosicionamiento en buscadores y Wordpress
Posicionamiento en buscadores y Wordpress
Javier Cebrián
 
De Cero a Wordpress
De Cero a WordpressDe Cero a Wordpress
De Cero a Wordpress
Alberto Luengo Cabanillas
 
Wordpress curso virtual. Técnicas y prácticas de negocios electrónicos de 2012
Wordpress curso virtual. Técnicas y prácticas de negocios electrónicos de 2012Wordpress curso virtual. Técnicas y prácticas de negocios electrónicos de 2012
Wordpress curso virtual. Técnicas y prácticas de negocios electrónicos de 2012
Interlat
 
Hazte un experto de diseño web en wordpress
Hazte un experto de diseño web en wordpressHazte un experto de diseño web en wordpress
Hazte un experto de diseño web en wordpress
Zerozeroestudio
 
Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?
Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?
Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?
Rob Montero
 
Presentación wordpress.pdf
Presentación wordpress.pdfPresentación wordpress.pdf
Presentación wordpress.pdf
GonzaloGV
 
Software
SoftwareSoftware
Software
luisangelito94
 
Guía técnica para lanzar tu propio sitio web
Guía técnica para lanzar tu propio sitio webGuía técnica para lanzar tu propio sitio web
Guía técnica para lanzar tu propio sitio web
Centro de Periodismo Digital en Guadalajara
 
Desarrollo web el mejor aliado del Marketing Digital
Desarrollo web el mejor aliado del Marketing DigitalDesarrollo web el mejor aliado del Marketing Digital
Desarrollo web el mejor aliado del Marketing Digital
Marta Soler
 
Administración de Sitios Web
Administración de Sitios WebAdministración de Sitios Web
Administración de Sitios Web
Pedro Bermudez Talavera
 
Bedomax - Campus Party 2013
Bedomax - Campus Party 2013Bedomax - Campus Party 2013
Bedomax - Campus Party 2013
bedomax
 
Manualwordpress3
Manualwordpress3Manualwordpress3
Manualwordpress3
Anthony Leon
 
Manual de wordpress para novatos
Manual de wordpress para novatosManual de wordpress para novatos
Manual de wordpress para novatos
Brox Technology
 

Similar a Buenas practicas para nuestros desarrollos word press por JuanKa Díaz - WC Granada 2019 (20)

Desarrolla proyectos web con exito en base al software libre - Joomla Day Mad...
Desarrolla proyectos web con exito en base al software libre - Joomla Day Mad...Desarrolla proyectos web con exito en base al software libre - Joomla Day Mad...
Desarrolla proyectos web con exito en base al software libre - Joomla Day Mad...
 
Prestashop v1.6.1.4
Prestashop v1.6.1.4Prestashop v1.6.1.4
Prestashop v1.6.1.4
 
Wordpress
WordpressWordpress
Wordpress
 
Word press
Word pressWord press
Word press
 
Iniciación a WordPress, aspectos teóricos
Iniciación a WordPress, aspectos teóricosIniciación a WordPress, aspectos teóricos
Iniciación a WordPress, aspectos teóricos
 
Consulta wordpress
Consulta  wordpressConsulta  wordpress
Consulta wordpress
 
Wordpress y SEO en Valencia
Wordpress y SEO en ValenciaWordpress y SEO en Valencia
Wordpress y SEO en Valencia
 
Posicionamiento en buscadores y Wordpress
Posicionamiento en buscadores y WordpressPosicionamiento en buscadores y Wordpress
Posicionamiento en buscadores y Wordpress
 
De Cero a Wordpress
De Cero a WordpressDe Cero a Wordpress
De Cero a Wordpress
 
Wordpress curso virtual. Técnicas y prácticas de negocios electrónicos de 2012
Wordpress curso virtual. Técnicas y prácticas de negocios electrónicos de 2012Wordpress curso virtual. Técnicas y prácticas de negocios electrónicos de 2012
Wordpress curso virtual. Técnicas y prácticas de negocios electrónicos de 2012
 
Hazte un experto de diseño web en wordpress
Hazte un experto de diseño web en wordpressHazte un experto de diseño web en wordpress
Hazte un experto de diseño web en wordpress
 
Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?
Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?
Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?
 
Presentación wordpress.pdf
Presentación wordpress.pdfPresentación wordpress.pdf
Presentación wordpress.pdf
 
Software
SoftwareSoftware
Software
 
Guía técnica para lanzar tu propio sitio web
Guía técnica para lanzar tu propio sitio webGuía técnica para lanzar tu propio sitio web
Guía técnica para lanzar tu propio sitio web
 
Desarrollo web el mejor aliado del Marketing Digital
Desarrollo web el mejor aliado del Marketing DigitalDesarrollo web el mejor aliado del Marketing Digital
Desarrollo web el mejor aliado del Marketing Digital
 
Administración de Sitios Web
Administración de Sitios WebAdministración de Sitios Web
Administración de Sitios Web
 
Bedomax - Campus Party 2013
Bedomax - Campus Party 2013Bedomax - Campus Party 2013
Bedomax - Campus Party 2013
 
Manualwordpress3
Manualwordpress3Manualwordpress3
Manualwordpress3
 
Manual de wordpress para novatos
Manual de wordpress para novatosManual de wordpress para novatos
Manual de wordpress para novatos
 

Más de JuanKa Díaz - jdevelopia

Introducción a los campos personalizados en WordPress con ACF
Introducción a los campos personalizados en WordPress con ACFIntroducción a los campos personalizados en WordPress con ACF
Introducción a los campos personalizados en WordPress con ACF
JuanKa Díaz - jdevelopia
 
Soporte en WordPress: cómo dar/obtener ayuda por Violeta Bru
Soporte en WordPress: cómo dar/obtener ayuda por Violeta BruSoporte en WordPress: cómo dar/obtener ayuda por Violeta Bru
Soporte en WordPress: cómo dar/obtener ayuda por Violeta Bru
JuanKa Díaz - jdevelopia
 
Introducción a WooComerce y cómo vender todo tipo de productos desde tu WordP...
Introducción a WooComerce y cómo vender todo tipo de productos desde tu WordP...Introducción a WooComerce y cómo vender todo tipo de productos desde tu WordP...
Introducción a WooComerce y cómo vender todo tipo de productos desde tu WordP...
JuanKa Díaz - jdevelopia
 
Introduccion a WooCommerce - eConference live
Introduccion a WooCommerce - eConference liveIntroduccion a WooCommerce - eConference live
Introduccion a WooCommerce - eConference live
JuanKa Díaz - jdevelopia
 
Como elegir un buen hosting para WordPress
Como elegir un buen hosting para WordPressComo elegir un buen hosting para WordPress
Como elegir un buen hosting para WordPress
JuanKa Díaz - jdevelopia
 
Optimiza tu word press para que vuele! primeros pasos en wpo (web performance...
Optimiza tu word press para que vuele! primeros pasos en wpo (web performance...Optimiza tu word press para que vuele! primeros pasos en wpo (web performance...
Optimiza tu word press para que vuele! primeros pasos en wpo (web performance...
JuanKa Díaz - jdevelopia
 
WPO para que tu web en WordPress vuele! - FlashTalk - TECHNE 2018
WPO para que tu web en WordPress vuele! - FlashTalk - TECHNE 2018WPO para que tu web en WordPress vuele! - FlashTalk - TECHNE 2018
WPO para que tu web en WordPress vuele! - FlashTalk - TECHNE 2018
JuanKa Díaz - jdevelopia
 
¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Optimización We...
¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Optimización We...¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Optimización We...
¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Optimización We...
JuanKa Díaz - jdevelopia
 
Word press, el software libre como punto de unión - Institut mare molas 2018
Word press, el software libre como punto de unión - Institut mare molas 2018Word press, el software libre como punto de unión - Institut mare molas 2018
Word press, el software libre como punto de unión - Institut mare molas 2018
JuanKa Díaz - jdevelopia
 
¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Web Performance...
¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Web Performance...¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Web Performance...
¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Web Performance...
JuanKa Díaz - jdevelopia
 
La importancia del contenido en tu web - WordPress Tarragona Meetup 2017
La importancia del contenido en tu web - WordPress Tarragona Meetup 2017La importancia del contenido en tu web - WordPress Tarragona Meetup 2017
La importancia del contenido en tu web - WordPress Tarragona Meetup 2017
JuanKa Díaz - jdevelopia
 
Introducción a WooCommerce - WordPress Tarragona Meetup 2018
Introducción a WooCommerce - WordPress Tarragona Meetup 2018Introducción a WooCommerce - WordPress Tarragona Meetup 2018
Introducción a WooCommerce - WordPress Tarragona Meetup 2018
JuanKa Díaz - jdevelopia
 
WordPress, el software libre como punto de unión - GDG Fest Tarragona-19-9-2018
WordPress, el software libre como punto de unión - GDG Fest Tarragona-19-9-2018WordPress, el software libre como punto de unión - GDG Fest Tarragona-19-9-2018
WordPress, el software libre como punto de unión - GDG Fest Tarragona-19-9-2018
JuanKa Díaz - jdevelopia
 
Páginas, entradas, cpt’s y otras cosas de wordpress wordcamp-zaragoza-2018
Páginas, entradas, cpt’s y otras cosas de wordpress wordcamp-zaragoza-2018Páginas, entradas, cpt’s y otras cosas de wordpress wordcamp-zaragoza-2018
Páginas, entradas, cpt’s y otras cosas de wordpress wordcamp-zaragoza-2018
JuanKa Díaz - jdevelopia
 
Hombres, mujeres, desarrolladores, clientes y viceversa word pressbarcelona...
Hombres, mujeres, desarrolladores, clientes y viceversa   word pressbarcelona...Hombres, mujeres, desarrolladores, clientes y viceversa   word pressbarcelona...
Hombres, mujeres, desarrolladores, clientes y viceversa word pressbarcelona...
JuanKa Díaz - jdevelopia
 

Más de JuanKa Díaz - jdevelopia (15)

Introducción a los campos personalizados en WordPress con ACF
Introducción a los campos personalizados en WordPress con ACFIntroducción a los campos personalizados en WordPress con ACF
Introducción a los campos personalizados en WordPress con ACF
 
Soporte en WordPress: cómo dar/obtener ayuda por Violeta Bru
Soporte en WordPress: cómo dar/obtener ayuda por Violeta BruSoporte en WordPress: cómo dar/obtener ayuda por Violeta Bru
Soporte en WordPress: cómo dar/obtener ayuda por Violeta Bru
 
Introducción a WooComerce y cómo vender todo tipo de productos desde tu WordP...
Introducción a WooComerce y cómo vender todo tipo de productos desde tu WordP...Introducción a WooComerce y cómo vender todo tipo de productos desde tu WordP...
Introducción a WooComerce y cómo vender todo tipo de productos desde tu WordP...
 
Introduccion a WooCommerce - eConference live
Introduccion a WooCommerce - eConference liveIntroduccion a WooCommerce - eConference live
Introduccion a WooCommerce - eConference live
 
Como elegir un buen hosting para WordPress
Como elegir un buen hosting para WordPressComo elegir un buen hosting para WordPress
Como elegir un buen hosting para WordPress
 
Optimiza tu word press para que vuele! primeros pasos en wpo (web performance...
Optimiza tu word press para que vuele! primeros pasos en wpo (web performance...Optimiza tu word press para que vuele! primeros pasos en wpo (web performance...
Optimiza tu word press para que vuele! primeros pasos en wpo (web performance...
 
WPO para que tu web en WordPress vuele! - FlashTalk - TECHNE 2018
WPO para que tu web en WordPress vuele! - FlashTalk - TECHNE 2018WPO para que tu web en WordPress vuele! - FlashTalk - TECHNE 2018
WPO para que tu web en WordPress vuele! - FlashTalk - TECHNE 2018
 
¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Optimización We...
¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Optimización We...¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Optimización We...
¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Optimización We...
 
Word press, el software libre como punto de unión - Institut mare molas 2018
Word press, el software libre como punto de unión - Institut mare molas 2018Word press, el software libre como punto de unión - Institut mare molas 2018
Word press, el software libre como punto de unión - Institut mare molas 2018
 
¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Web Performance...
¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Web Performance...¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Web Performance...
¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Web Performance...
 
La importancia del contenido en tu web - WordPress Tarragona Meetup 2017
La importancia del contenido en tu web - WordPress Tarragona Meetup 2017La importancia del contenido en tu web - WordPress Tarragona Meetup 2017
La importancia del contenido en tu web - WordPress Tarragona Meetup 2017
 
Introducción a WooCommerce - WordPress Tarragona Meetup 2018
Introducción a WooCommerce - WordPress Tarragona Meetup 2018Introducción a WooCommerce - WordPress Tarragona Meetup 2018
Introducción a WooCommerce - WordPress Tarragona Meetup 2018
 
WordPress, el software libre como punto de unión - GDG Fest Tarragona-19-9-2018
WordPress, el software libre como punto de unión - GDG Fest Tarragona-19-9-2018WordPress, el software libre como punto de unión - GDG Fest Tarragona-19-9-2018
WordPress, el software libre como punto de unión - GDG Fest Tarragona-19-9-2018
 
Páginas, entradas, cpt’s y otras cosas de wordpress wordcamp-zaragoza-2018
Páginas, entradas, cpt’s y otras cosas de wordpress wordcamp-zaragoza-2018Páginas, entradas, cpt’s y otras cosas de wordpress wordcamp-zaragoza-2018
Páginas, entradas, cpt’s y otras cosas de wordpress wordcamp-zaragoza-2018
 
Hombres, mujeres, desarrolladores, clientes y viceversa word pressbarcelona...
Hombres, mujeres, desarrolladores, clientes y viceversa   word pressbarcelona...Hombres, mujeres, desarrolladores, clientes y viceversa   word pressbarcelona...
Hombres, mujeres, desarrolladores, clientes y viceversa word pressbarcelona...
 

Último

Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
micarnavaltupatrimon
 
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
Maria Celeste Trujillo Cruz
 
TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptxTARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
dayronfabricioruizmo
 
primer manual de nuestra compañía de soporte
primer manual de nuestra compañía de soporteprimer manual de nuestra compañía de soporte
primer manual de nuestra compañía de soporte
eliersin13
 
Buscador de Eventos y Fiestas en España - Buscafiesta
Buscador de Eventos y Fiestas en España - BuscafiestaBuscador de Eventos y Fiestas en España - Buscafiesta
Buscador de Eventos y Fiestas en España - Buscafiesta
holabuscafiesta
 
Introduccion al Lenguaje de Programación C++
Introduccion al Lenguaje de Programación  C++Introduccion al Lenguaje de Programación  C++
Introduccion al Lenguaje de Programación C++
PaulDelgadoSoto
 
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
micarnavaltupatrimon
 
herramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcel
herramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcelherramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcel
herramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcel
Eduardo455921
 

Último (8)

Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
 
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
 
TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptxTARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
 
primer manual de nuestra compañía de soporte
primer manual de nuestra compañía de soporteprimer manual de nuestra compañía de soporte
primer manual de nuestra compañía de soporte
 
Buscador de Eventos y Fiestas en España - Buscafiesta
Buscador de Eventos y Fiestas en España - BuscafiestaBuscador de Eventos y Fiestas en España - Buscafiesta
Buscador de Eventos y Fiestas en España - Buscafiesta
 
Introduccion al Lenguaje de Programación C++
Introduccion al Lenguaje de Programación  C++Introduccion al Lenguaje de Programación  C++
Introduccion al Lenguaje de Programación C++
 
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
 
herramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcel
herramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcelherramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcel
herramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcel
 

Buenas practicas para nuestros desarrollos word press por JuanKa Díaz - WC Granada 2019

  • 1. Buenas prácticas para nuestros desarrollos WordPress por JuanKa Díaz
  • 2. Programador Front-End (Programador de lo que se ve) en jdevelopia.com
 Especializado en WordPress y Joomla!
 JoomlaES, WPTarragona & WPBarcelona JuanKa Díaz
  • 3. • https://www.dariobf.com/podcast/
 • Podcast sobre diseño y desarrollo web en WordPress
 • Zona Crítica
 • 1×12 – Malas prácticas en el desarrollo web con WordPress – Con @davilera y @avillegasn Post Type Podcast
  • 4. Disclaimer El contenido de esta presentación representa única y exclusivamente la opinión del presentador, no se pretende sentar cátedra ni redactar un nuevo testamento con mandamientos escritos sobre piedra, simplemente difundir opinión, experiencia y recomendaciones que puedan servir tanto a principiantes, clientes como a desarrolladores. Todas estas opiniones están totalmente abiertas a discusión y debate. Soy responsable de lo que digo, no de lo que cada uno interpreta. No me puedo responsabilizar de códigos o recomendaciones que te fallen en tu web. En caso de duda, consulte con su PROGRAMADOR.
  • 5. ÑAAS - Ñapas As A Service
  • 6. “Buenas prácticas”… Por buenas o mejores prácticas se entiende un conjunto coherente de acciones que han rendido bien o incluso de forma excelente en un determinado contexto y qué se espera que, en contextos similares, rindan con similares resultados. Wikipedia dixit
  • 7. Donde fueres, haz lo que vieres
  • 8. ¿Porqué? · Respetar la arquitectura del Framework (WordPress) 
 · Desarrollo mas estable y duradero en el tiempo · Capacidad de terceros a colaborar
 · Trabajo más profesional · Análisis de proyecto · Fiscalidad · Legalidad · Comunicación · Gestión de servicios
 · El desarrollo
 · Formación
 · Contraseñas
 · SEO, SEM, etc….. Casos de uso (en WordPress) · Desarrollo de temas · Desarrollo de plugins · Trabajo en equipo · Resultado/visión a largo plazo
  • 9. Hola “desarrollador” que tal?!! Ya nos hemos podido revisar toda la web y te hemos preparado un listado de cosas a cambiar… [se entregó la web hace 3/6/9 meses]
  • 10. Hola “querido cliente”, pues lamentándolo mucho no te voy a poder ayudar, he descubierto mi verdadera pasión, me he hecho panadero!!!! Y estoy muy feliz!!!!
  • 11. Esto es inadmisible!! Qué imagen vamos a dar sin poder hacer estos cambios en la web… NOSOTROS NO PODEMOS CAMBIARLO! NOS HAS DEJADO TIRADOS!!!
  • 12.
  • 13.
  • 14. #1 Cultura del 
 Software Libre · Extiende su filosofía (cualquier ámbito) · Todos los entregables junto al proyecto · Repositorio/Control de versiones
  • 15. Functions VS Plugins · Functions = funciones relativas al theme | functions.php = theme
 · Plugins = funcionalidad relativa al website 
 · Código en BBDD = 💩 #2
  • 16. #3 codex.wordpress.org · https://developer.wordpress.org/reference/ · Revisar siempre antes el Codex · Evitar usar funciones propias · Backward compatibility · D.R.Y - Don´t Repeat Yourself
  • 17. WordPress plugin 
 boilerplate · Análisis de proyecto · Fiscalidad · Legalidad · Comunicación · Gestión de servicios
 · El desarrollo
 · Formación
 · Contraseñas
 · SEO, SEM, etc….. #3#4 · https://wppb.me/ · Buenas prácticas · Estructura de ficheros · Orientado a objetos · WordPress coding standards
  • 18. Underscores - Twenty Twenty · Análisis de proyecto · Fiscalidad · Legalidad · Comunicación · Gestión de servicios
 · El desarrollo
 · Formación
 · Contraseñas
 · SEO, SEM, etc….. #3#4 · https://wordpress.org/themes/twentytwenty/ · https://underscores.me/ · Estructura de ficheros · Template parts, text domain · WordPress coding standards
  • 19. #5 Versiones WordPress de desarrollo · WordPress Beta Tester
 · Trabaja con la última Beta o Release candidate · https://wordpress.org/plugins/woocommerce-beta-tester/
  • 20. Nuestro “Framework” · Agiliza el proceso de desarrollo · Avanza conforme nuestro conocimiento · Garantiza una mínima estandarización · Tema-Framework - WordPress.tv
 · Análisis de proyecto · Fiscalidad · Legalidad · Comunicación · Gestión de servicios
 · El desarrollo
 · Formación
 · Contraseñas
 · SEO, SEM, etc….. #3#6
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26. #7 Documentación · Encabezados, funciones, hooks, CSS, etc…
 · Nuestro yo del futuro nos lo agradecerá
 · Permite heredar o trabajar con terceros
 · Garantía de calidad para el cliente
 · readme.txt / changelog.txt
  • 27. #7
  • 28.
  • 29. Cadenas de traducción · https://codex.wordpress.org/I18n_for_WordPress_Developers · Internacionalizar tu plugin o theme · Terceros pueden contribuir · Análisis de proyecto · Fiscalidad · Legalidad · Comunicación · Gestión de servicios
 · El desarrollo
 · Formación
 · Contraseñas
 · SEO, SEM, etc….. #3#8
  • 30. #9 Estructuras de datos y layouts
 · Custom Post Types · Cada CPT se trata como una entidad · Cada CPT tiene su estructura de datos · Cada CPT tiene sus propios layouts
  • 31. Dependencias · Librerías de terceros · Plugins de terceros · Documentarlas · http://tgmpluginactivation.com/download/ · Análisis de proyecto · Fiscalidad · Legalidad · Comunicación · Gestión de servicios
 · El desarrollo
 · Formación
 · Contraseñas
 · SEO, SEM, etc….. #3#10
  • 32. Pongamos un poco de mimo a nuestro código para que no lo vea otro y nos diga: “…y después queremos ganar todos lo mismo…”