Ponencia sobre la estructura de información de WordPress y sobre cómo extenderla sin necesidad de saber programación.

1. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander

2. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Gestión de información con WordPress
para no programadores
WordCamp Santander 2016

3. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Disclaimer
Esta ponencia es de software
Léa el Codex y haga backups frecuentes
En caso de duda consulte con un programador

4. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
WordPress desWordPressizado
¿Por qué esta ponencia?

5. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander

6. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander

7. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander

8. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
La Burbuja de
los Page Builders
Guardan todo en the_content
Gestores de shortcodes
Mezclan info y presentación
Lentos en front y en back
Limitaciones
Dar estilos: complicado
Cambiar de tema: un infierno
Organizar o filtrar posts,
usando es info: imposible.
No, esto no es un blog.

9. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
WordPress es para blogs
Organizar y mostrar información:
El extracto
Los comentarios
Archivos por fechas
Autores
Categorías / Etiquetas
Post Meta
Las webs basadas en page
builders no usan nada de esto.
Y lo digo como un cumplido

10. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Simplifica: Exportar a HTML estático
WPO Y seguridad inmejorables
Limitaciones: forms, comentarios, urls.
Pure Static

11. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Organizando información
WordPress como gestor de contenidos

12. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Hello World
Posts, custom post types
Terms & taxonomies
Post & term hierarchy
Post & term meta
wp_posts

13. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Post & term meta
(‘Custom fields’)
Información auxiliar

14. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Vainilla Custom Fields
El metabox olvidado

15. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander

16. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander

17. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Mostrando un Custom Field
$mipostmeta = get_post_meta( get_the_ID(), 'nombre', true );
if ( ! empty( $mipostmeta ) ) {
echo $mipostmeta;
}

18. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Organízalo con un plugin
Crea tus CPTs, taxonomías y post/term meta

19. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Organízalo con un Plugin
Ventajas
Fácil de usar
Ves todas las opciones
Desventajas
Está en la base de datos
Control de versiones
Más difícil de re-usar
Plugins para crear CPTs,
taxonomías y custom fields

20. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Plugins
CPT UI
CPTs y taxonomías
Útil para aprender
Permite exportar
Advanced Custom Fields
Postmeta
Repeaters & Grupos
Maquetar el backend
Visibilidad (CTP, term,
template…)
PODS (todo junto: framework)
Plugins para crear CPTs,
taxonomías y custom fields

21. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Sácalo al front (I)
PHP copia-pega

22. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Sácalo al front (I)
Temas hijos (plugin)
Jerarquía de plantillas
Conditional Tags
Generate WP
Plugin: What The File
WP Editor
Cómo crear o extender un tema

23. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander

24. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Sácalo al front (II)
El planeta de los [shortcodes]

25. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Sácalo al front (II)
Custom Content Shortcodes
Hacer loops
Combinable con Page Builders
Meta shortcodes (shortcoder)
WP Tiles
Plantillas de maquetación
Terms, autor y postmeta
El planeta de los [shortcodes]

26. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander

27. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander

28. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Sácalo al front (II)
Lo bueno:
Fácil de usar y flexible
Ayuda a entender el Loop
Lo Malo:
No se están usando las
plantillas single ni archivo
Cada término nuevo supone
hacer un shortcode nuevo
No funciona con los singles
No permite queries complejas
El planeta de los [shortcodes]

29. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Sácalo al front (III): hooks & filters
Append/Preppend VS Pods

30. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander

31. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Pods (I): Autotemplates
Añadir/Sustituir en singles & archives
Magic tags
Permite especificar el filtro
Widget contextual

32. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander

33. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander

34. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Pods (II): loops con [shortcodes]
Bucle general: [pods]
Para maquetar: [col_1_2]{@post_title}[/col_1_2]
¿Un Visual Composer para plantillas de Tema?

35. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Pods (III): TermMeta & Theme options
Y por si no fuera bastante, relational posts.

36. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Love the User: Mejorando el Admin
Un poco de amor para el usuario.
(Admin Columns, Tabify,
Frontend editing, Crop Thumbnails)

37. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
CPTs en WordPress.com
Porfolio y Testimonios
Con taxonomías y shortcodes

38. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Widgets
¡También son información!

39. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Widgets
Declarar nuevas zonas e
insertar en la plantilla
Habilitar shortcodes
Visibilidad
Mostrarlos via [shortcode]
Contenido dinámico según el
post
¡También son información!

40. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Code Snippets & SCCS
Bonus track heterodoxo
cc:@giga4es

41. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
CSS al vuelo*
Funcionan como los conditional
tags (.single, .single-cpt,
.term-nombre, .taxonomy-
nombre)
Se puede añadir una clase para
marcar el idioma (.es)
El id del post es una clase
(.postid-43)
Te dice qué la plantilla es
(.page-template-full-width)
Menús: clases para activos y
jerarquía
Clases CSS en <body> y menus
*puede requerir un snippet php

42. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
PHP al vuelo
Se guardan como un CPT que se
activa y desactiva
Se puede ejecutar en el back o
en el front (o en ambos)
Se puede exportar a php (para
meter en mu-plugins)
Valida la sintáxios
Se puede deshabilitar en el
wp-config:
define('CODE_SNIPPETS_SAFE_MODE',
true);
En comparación, lo de los CSS
no sonaba tan mal

43. Álvaro Gómez Velasco @mrfoxtalbotwww.mrfoxtalbot.com/wcsantander
Gracias.
¿Preguntas?