que nos abren a un mundo de posibilidades....Custom Post Type UI Advanced Custom Fields Admin...
Transcript of que nos abren a un mundo de posibilidades....Custom Post Type UI Advanced Custom Fields Admin...
-
Tres simples plugins que nos abren a un mundo de posibilidades.Mauricio Gelves - @maugelves
-
Mauricio Gelves @maugelves
Licenciado en Informática Desarrollador WordPress Freelance Brand Ambassador en
Web: maugelves.com YouTube: mauriciogelves Instagram: @maugelves Twitter: @maugelves
-
Causas de éxito de WordPress
Gratuito y Open Source
La Comunidad que está detrás
Su documentación y cobertura
Miles de plugins y temas
Miles de etcéteras más…
Facilidad de extender sus funcionalidades
-
¿Qué tiene WordPress por defecto?
CPT’s (Custom Post Types) Entradas y Páginas
Taxonomías Categorías y Etiquetas
Campos Título, cuerpo y Fecha de
publicación
UI’s Interfaces de gestión
-
¿Cómo podemos extender WordPress?
Plugin Personalizado
(PHP, HTML, CSS y JS)
¿Sabes programar?SI NO*
¿Qué hago? *(HTML, CSS y JS)
-
3 plugins imprescindibles
Custom Post Type UI Advanced Custom Fields
Admin Columns
-
Proyecto de Ejemplo
Sitio Web InstitucionalNuevo apartado con los empleadosFotografía, nombre, departamento, Twitter y una breve descripción personal.
-
¿Por dónde comenzamos?
-
🤔
-
Pasos a seguir
Dar de alta los campos personalizados
Dar de alta el CPT EmpleadoDar de alta la taxonomía
Mejorar el listado de empleadosBonus extra
Instalar los plugins
-
Instalar los plugins
-
Registrar CPT Empleado
-
Empleados
CPT’s (Custom Post Types)
Usuario de WP
o¿ ?
-
¿Van los usuarios a interactuar con otros elementos de WordPress?
-
Registrar Taxonomía Departamento
-
Campos Personalizados ACF
CPT Empleado
📸 Fotografía - (imagen)📝 Biografía - (Text Area)🐦 Twitter - (URL)🏠 Departamento - (Taxonomy)
-
Mejorar el listado de Empleados
-
Bonus Extra
-
Y con un poco de HTML y CSS
-
Otros Ejemplos
-
Concesionaria de coches con WordPress
Dar de alta los campos personalizados
Dar de alta el CPT CocheDar de alta la taxonomía «marca»
Mejorar el listado de coches
CPT Coche
📸 Fotografía - (imagen)
📝 Año Fabricación - (Number)🔥 Combustible - (Taxonomy)' Contacto - (CPT)
-
Banco con WordPress
Dar de alta los campos personalizados
Dar de alta el CPT «Cuenta Bancaria»Dar de alta la taxonomía «Tipo de cuenta»
Mejorar el listado de cuenta
CPT Cuenta
📝 IBAN - (Text)
📝 Saldo - (Number)💶 Movimientos - (Repeater)' Cliente - (CPT)
-
Resumiendo
Pensar la estructura de la informaciónInstalar los plugins
Crear CPT’s, taxonomías y camposMejorar los listadosImplementar el Frontend
-
Muchas gracias!