 Juanca es un desarrollador fronteer, amante del buen código, y como amante del buen código lo que va a venir a hacer aquí, sobre todo, va a venir a sentar las bases, ¿no? Que muchas veces nos ponemos a perdonar, sino a comprender bien todo lo que hay detrás de otra vez, ¿vale? Me han dicho que diga que viene del mundo jubla, así que ya le podéis... es broma. Bueno, simplemente un poco, Juanca, espero que... Muchas gracias. Muy buenos a todos. Antes de nada, agradecer a la organización, a todos los voluntarios y demás por el trabajo que hacen, porque sino no estaríamos aquí todos podiendo disfrutar de las charlas y demás. Así que un aplauso a la organización, por favor. Pues nada, vamos a comenzar. Vamos a hablar un poco de páginas, de entradas, de custom post types, y otros cosas de vueltas. Voy a ir un poco presentándome, aunque ya lo ha hecho un poco a Alejandro. Yo me llamo Juanca Díaz, siempre trabajo bajo la marca que es joddevelopia.com, básicamente es la marca en la que yo desarrollo mi carrera profesional desde hace ya, pues igual, 9 o 10 años. Soy desarrollador fronteer, y para que la gente entienda lo que hago, soy programador de lo que se ve, porque es la única manera de que todo el mundo pueda comprender un poco que es realmente lo que hago. Estoy especializado tanto en WordPress como en Joomla, y esto es el punto menos saltaré porque luego lo presento, y también estoy involucrado en desarrollo web y organización de eventos para Joomla. Los eventos aquí en WordPress tenemos la suerte de tener toda la infraestructura de la Workup, que es la Workup Center, que es la que ayuda para montar los eventos y demás, y en este caso no tenemos esta suerte, y hemos sido nosotros los mismos, la misma gente que hacemos eventos y demás, que hemos creado una asociación para poder dar un respaldo a estos eventos y demás. Los de WordPress tenéis mucha, mucha, mucha suerte, y os diga muy bien, y gracias a eso se hacen estos eventos tan chulos. Un poco de spam, WordPress Tarragona, es un grupo de usuarios de WordPress que nos fundamos en la zona de Tarragona, y este año hemos empezado a hacer dos meetups mensuales, que es el segundo jueves de cada mes. Quedamos para tomar unas cervezas o retrospectos o lo que sea, y tener conversaciones más distendidas relacionadas con WordPress o tecnología, y el último jueves de cada mes, que siempre hacemos una meetup, centrarán algún tema de desarrollo WordPress. Intentamos hacer 50% teoría y 50% práctica, porque nos hemos dado cuenta de que si sobra la teoría, no les pica el gusanillo a la gente que quiera aprender. Entonces, si mezclas un poco la teoría con la práctica, normalmente la gente le suele gustar más. Y lo hacemos en Tarragona Impulsa y en el Castel del Pavor. Y recientemente entró como colaborador en el podcast de este hombre, de Darío, que se llama Postate Podcast, que es un podcast mensual semanal, en el que se habla sobre temas de desarrollo y de diseño web, y entonces a llevar una sección, que es la zona crítica, en la que debatimos con invitados entre nosotros, temas un poco controvertidos, que a la gente no les suele gustar, metes en esos barros, y nosotros nos metemos un poco a analizar y a comentar. Y nada, vamos a empezar. Yo siempre me gusta empezar con un disclaimer, que es avisar de que no os creáis nada de lo que yo os voy a contar, porque está basado en mi experiencia y yo opino así, y el que esté de acuerdo conmigo bien, y el que no, por favor, que me lo regata y lo discutimos y lo hablamos sin ningún problema. El final de aquí, nadie tenemos verdades absolutas de nada. ¿Cuántos de aquí sois diseñadores, desarrolladores, y usuarios o editores utilizáis web para crear contenido y demás? La cosa está bastante repartida. Vamos a hablar un poco, como decía el título de la chat, un poco de páginas, de entradas, de medios, de comentarios, de custom post types, etcétera, etcétera, que al final no deja de ser la forma nativa que tiene WordPress para gestionar el contenido. Al final, hablamos de páginas entradas y demás, y son cosas más técnicas o parte de cómo funciona WordPress. Al final, a nosotros lo que nos importa es el contenido. Es realmente por la que nosotros vamos a utilizar un gestor de contenido o una herramienta que nos va a ayudar con esto. Nosotros vamos a ver, por ejemplo, la Wikipedia, que significa la palabra contenido, porque significa el concepto de contenido. La primera descripción que nos pone es el conjunto de cada una de las partes que constan en una unidad. Esto no nos dice absolutamente nada. Si seguimos leyendo y acompuntan el que ya nos dice que se conoce como contenido dinámico, textos, imágenes, vídeos, ficheros, descargables, etcétera, es la parte de las páginas web. Yo creo que esto ya se que nos empieza a sonar un poco más y al final es realmente lo que va a diferenciar una web de otra, porque al final la parte técnica haciendo ingeniería inversa o mirando cómo lo tiene hecho la otra persona, nosotros la podemos copiar y podemos tener una web relativamente parecida, pero el contenido es lo único que es genuino y que nos diferencia una vez de otra. Es realmente donde nosotros tenemos que poner todo nuestro esfuerzo y tenemos lo cariño porque es lo que realmente nos va a diferenciar. ¿Cuánto sabéis escuchar esta frase del contenido del Rey? Yo creo que pocos, o sea, veo poca gente, esta frase se lleva mucho, mucho tiempo circulando. Entonces, al final para que el contenido sea el Rey y se le trate como tal, el primer punto tiene que ser un contenido de calidad, es decir, que esté bien redactado, que nos cuente algo que interesa, que nos cuente algo que en otros sitios igual no se cuenta, nosotros aportamos un poco de valor más a eso, que ese contenido tenga un foco y tenga unos objetivos, es decir, que estoy contando con el mio objetivo cuando cuento esto, qué objetivos quiero conseguir con este contenido. Una vez tenemos esos puntos, nosotros podemos jerarquizar ese contenido, es decir, en base a la calidad del contenido que tenemos y en base al foco y a los objetivos, nosotros podemos decidir qué puntos tienen más importancia que otros, que esto significa jerarquizar, parece una palabra muy resto, pero no significa otra cosa más que darle más importancia al mismo contenido una encima de otro para que tenga más importancia uno u otro, ¿vale? Después podríamos destacar cuál es la unidad mínima de información de nuestro contenido. Esto quiere decir que, por ejemplo, si nosotros tenemos un texto y tenemos una tabla que compara características, el texto es una unidad mínima y la tabla va a ser otra y cada elemento de la misma tabla va a ser otra unidad mínima de información para que luego, en un futuro, nosotros podemos jugar con los datos que hay en esas tablas y en esos diferentes tipos de contenido para no mezclar, ¿vale? Si nosotros conseguimos todo esto, podemos tener que hacer los datos interoperables para poder jugar con ellos en un futuro, si tenemos todos y cumplimos todos estos requisitos, podemos hacer una correcta maquetación a la hora de que nosotros vayamos a maquetar y diseñar la vista de esa tabla o la vista de lo que sea, porque podemos acceder a todos los datos y están limpios, y cuando tenemos todo eso bien, podemos hacer SEO y podemos hacer Microsoft de forma correcta. Nos podemos saltar todos estos pasos y hacerlo directamente, ¿vale? Si tenemos acceso directo al contenido de forma limpia, a veces es difícil si queremos optimizar mucho, hacerlo bien es complicado. Vale, a mí siempre me gusta decir que una web se puede resumir en un Word y hay una pregunta que yo siempre hago que es, ¿a quién de aquí le han pasado los contenidos a tiempo para hacer una web? Por favor, quédate a la mano. Vale, me parece que nadie. Pues al final es tan fácil con que nosotros podamos redactar o ayudemos a nuestro cliente a que entienda que si él redacta todos los contenidos de su web en un Word les hace sus destacados, sus encabezados uno, encabezados dos, hace secciones, etcétera, etcétera, etcétera y eso tú te lo lees si tiene sentido, eso se puede trasladar en un Word. Si a ti te pasa en un Word y no se entiende nada, ¿cómo vas a poder trasladar eso a algo más complejo que es una plataforma web, ¿no? Pantamos a veces un poco de las pases más sencillas para luego poder ir creciendo. Entonces, creo que es bueno intentar concienciar al cliente o con quien trabajamos tener poder tener los textos en un formato de Word o sea cualquier procesador de texto que nos deje mínima mínimamente establecer una arquitectura como en encabezado, son las destacadas, etcétera, etcétera y si nosotros eso lo leemos y lo entendemos luego lo podemos trasladar a la web. Pero intentemos darle importancia a esto. Porque al final la web no deja de ser una representación de este texto y esta estructura que tenemos de forma más bonita pero al final sigue siendo lo mismo. Vale, pues vamos a ver un poco cómo nos ayuda Wordpress a accionar todo el tema de contenido, ¿vale? Y para eso nos vamos a plantar un poco de historia. En mayo de 2003 nace Wordpress y nació solamente con entradas. Es decir, cuando apareció Wordpress sólo podíamos hacer supuestamente entradas, es decir, sólo podíamos gestionar un blog. Pasaron los años y llegamos a febrero de 2005 y aparecían las páginas. Ya en la versión 1.5 es decir que desde 2003 a 2005 sólo se utilizaba para hacer blogs. Y a día de hoy todavía se arrastra la comidilla de Wordpress es para blogs. O sea que imaginar si ha llovido y todavía seguimos con la tontería de que Wordpress es para blogs. Cuando, además de páginas y entradas veremos que se puede hacer realmente lo que queramos. Pero a día de hoy, en 2018 se arrastra una tontería del 2003 que sólo se prepara para hacer blogs, ¿vale? En 2010 en julio aparece la versión 3 de Wordpress y con él aparece la funcionalidad de los custom post types que no deja de ser el tipo de contenido personalizado porque la palabra en inglés parece muy complicada pero es tipo de contenido personalizado. Es decir, nosotros podemos optar por una estructura muy parecida a la entrada de las páginas pero hacer lo que quedamos con ellas y luego lo veremos más adelante. Y no es hasta 2010, ¿vale? Entonces, a partir de aquí para mí ya se puede considerar Wordpress como un framework para hacer desarrollo web. Es decir, una herramienta muy completa que nos permite hacer lo que quedamos realmente en el ámbito de desarrollo web. Y durante este año 2018 todavía no se tiene una fecha concreta pero tendremos la versión 5 de Wordpress que vendrá incorporado con Gutenberg. ¿Quién lo conoce? Gutenberg. Bueno, muy bien, bastante gente. Aparte que tendremos una charla, no sé si es a las 11 de Matías, 12 y media. Vale, 12. Entonces, con Matías, uno de los líderes de los principales líderes del proyecto de Gutenberg, o sea que tenemos mucha suerte de tenerlo aquí que además habla castellano, o sea que de primera mano vamos a poder ver estas nuevas funcionalidades que nos esperan hasta 2018 y va a ser bastante interesante. Vale. Comenzamos con las páginas. Básicamente las páginas todos la conocemos, ¿vale? Nos permite gestionar contenido estático, es decir, están pensadas para gestionar contenido estático. Tienen una naturalidad que es atemporal, es decir, nosotros le podemos establecer una fecha de publicación, etcétera, etcétera, pero no tiene tanta importancia cuando se ha creado esa página. Es como un dato interno que nos va a ser útil en algún punto pero no está ligado 100% a algo, ¿vale? Cuando nosotros hacemos un listado de páginas no están ordenadas por fecha, ¿vale? Tienen una estructura jerárquica, es decir, cuando nosotros queramos una página normalmente para que podamos entender lo que tiene con la URL, ¿vale? La URL www.mydominio.com barra el nombre de la página, página padre. Nosotros podemos hacerle que esa página padre tenga una página hijo y le vamos a hacer www.mydominio.com barra página padre, barra página hijo y tenemos una estructura que se entiende perfectamente. Digo página padre, página hijo como podría decir, productos y un producto que cae de esa página, ¿vale? Y podemos hacer diferentes niveles de jerarquía. No tienen taxonomías de base, es decir, no tienen ni categorías ni etiquetas. Por eso son jerárquicas porque la manera de estructurar y de ordenarse es en base a jerarquía. Podemos añadirle que ambos personalizados y para poder toquitear la plantilla y que nos va a presentar esta página tenemos el archivo en nuestra plantilla que se llama page.php, ¿vale? Para los que les suene aquí tenemos la estructura de la página nos dejan añadir un título, un párrafo lo que hemos comentado de campos personalizados nos permite habilitar los comentarios, enviar los trackpacks y pingpacks el slug, etcétera nos deja decidir un autor tenemos la opción que comentábamos antes de las fechas de consola pública los atributos de la página que esto es muy interesante para poderle definir diferentes plantillas de página unas diferentes de otras, o sea, tener un diseño completamente diferente de una página y de otra solo cambiándolo por aquí tenemos que definirlo con la plantilla para darle forma, pero ahí tenemos la opción y una imagen destacada luego hay una cosa que mucha gente se olvida y es que si nosotros le publicamos en esta opción de aquí que es posiciones de pantalla se nos abren todos los campos que podemos atribuirle a esa página de esa entrada o lo que sea y a veces hay algunos que vienen deschequeados, desseleccionados y no se ven o sea que si vosotros entrais en páginas y entradas y os salen menos opciones que las que tenemos aquí es porque hay algún campo de esos que lo tenéis deshabilitado vale, entonces el uso de páginas básicamente como comentamos para poder desarrollar contenido estádico o contenido interno por ejemplo un Quienesomos un Formulario de Contracto un Producto, un Servicio Concreto para poder hacer landing pages podemos maquinar cada página de forma independiente porque al final como una va a ser todas van a ser diferentes entre sí la total en la maquitación de estas la recomendación es en cuanto a páginas tenemos libertad total en la maquitación podemos hacer uso de atributos de páginas como he comentado o sea podemos definirle diferentes diseños a una página o a otra porque tenemos ya la opción de forma activa de atributos de páginas y se recomienda por ejemplo si utilizamos page builders que se utilizan bastante a día de hoy en las páginas no habría problema aunque tengan lo, Quienes etc etc etc no habría problema porque ya cuando cambiemos de plantilla o cuando cambiemos de plantilla y diseño las páginas nos va a tocar re maquetarlos otra vez entonces tampoco es una cosa tan traumática vamos a las entradas es también para desarrollar contenido dinámico es decir noticias etc etc son bien un carácter temporal es decir normalmente van ligadas a tiempo cuando se publican o cuando es su fecha de publicación nos tiene una estructura jerárquica es decir tenemos midominio.com barra el título de mi entrada y midominio.com barra categoría barra el título de mi entrada esto lo vamos a decidir funciona un poco de la estrategia que queramos que queramos deseo pero si nos fijamos antes nosotros podríamos hacer una y otra en cambio las entradas todas están al mismo nivel y luego vamos a hacer diferentes listados de estas entradas en función de cómo utilizamos las categorías o las etiquetas sí que tiene taxonomías o sea tiene categorías y tiene etiquetas tenemos una vista por así decirlo de archive y una vista single que esto se traduce en que hay una vista que es el listado de todas las noticias y hay otra vista que es la noticia en sí es decir a la hora de maquetarlo tenemos que poner en cuenta que se tienen que maquetar las dos cosas la del listado y la independiente también podemos añadirle campos personalizados y en los ficheros para poder tocar los plantillas de cada uno es el archive.pchp.com aquí vemos un poco la estructura que tiene una página que como os comentaba pues tiene el título tiene la barra el campo para poner a añadir texto el extracto que por ejemplo las páginas no tienen extracto el extracto es como la descripción corta que nosotros tenemos cuando lo vemos en el listado o por ejemplo se utiliza mucho para poner en la meta descripción de deseo que es muy cómodo poderlo hacer así luego tenemos podemos enviar trackpacks podemos añadirle campos personalizados etcétera vale, el uso de entradas como comentaba es contenido dinámico es decir están pensadas para contenido que se baña añadiendo nuevo contenido a estas en noticias como pueden ser artículos un blog en general podemos utilizar categorías es un contenido que va ligado a la fecha y además podemos hacer filtrados de este contenido ya sea por las categorías y ya sea por las sitiqen la maquetación es moderada porque al final como la idea es que no tengan un diseño diferente cada una entrada de otra entonces lo más lógico es maquetar una bien y repetir esa maquetación en todas esto es una ventaja porque el día que nosotros tenemos que mejorar algo a nivel de deseo a nivel de semántica, a nivel de lo que queramos si nosotros tocamos una se nos va a actualizar la información de todas porque estamos tomando la plantilla de una y como comentaba establecer una estructura de maquetación para hacer cambios masivos yo por ejemplo no recomiendo para el uso de page builders en las entradas porque al final realmente en las entradas es donde está nuestro contenido de valor, es donde nosotros perdemos el tiempo entre comillas en crear un buen contenido, en alimentar nuestro blog, en alimentar nuestras noticias y si utilizamos una herramienta por ejemplo por un page builder o una galería de fotos o lo que sea que tiene locking el día de mañana nosotros ese contenido no lo vamos a poder llevar y vamos a lastrar 3 años de trabajo de contenido en un blog sólo por utilizar una herramienta para una necesidad miramente estética que dame prisa tenemos los medios hay mucha gente que nos sabe que los medios también son contenidos entonces los medios nos ayudan para gestionar el contenido multimedia, no son jerarquicos no tienen taxonomías de base, luego hay plugins que sí que nos permiten crear taxonomías y demás para poderlos automatizar, pero de base no lo tiene por defecto Wolver genera un archive de todos los medios entonces esto se tiene que contemplar si en temas de SEO nos interesa tenerlo o no y luego podemos en meta etiquetar los elementos es lo que quiere decir pues una cosa tan sencilla como ésta aparte del título que tiene la imagen ponerle un título a nosotros ponerle un texto alternativo y una descripción y esto no sólo nos va a ayudar al SEO sino que todas las personas que utilicen lectores de pantalla porque son niveles invidentes o tienen problemas de vision, etcétera y que ese reproductor de pantalla, ese asistente que utilizan le va a poder describir las imágenes que si no no lo podría hacer además que nos ayuda para el SEO, funciona para las dos cosas y esto es una cosa relativamente sencilla de hacer que es añadir información a tus fotos que tu competencia seguramente no lo va a hacer y si tú te tomas la molestia de hacerlo pues además de tener mejor contenido que tu competencia y tener mejor SEO, vas a poder ayudar que tiene una discapacidad para poderlo poderlo ver poderlo ver no, el lector se lo puede describir, etcétera pues vamos a los custom post types custom post types con una modecía deja de ser otra cosa que el tipo de publicación personalizada es decir nosotros tenemos la libertad de partir de una estructura tipo página o tipo entrada y adaptarla automóviles, adaptarla a portfolio, adaptarla a ponencias adaptarla a lo que queramos y tenemos todos los elementos nativos que hemos visto antes de páginas y de entradas tenemos un comportamiento una libertad de comportamiento total porque podemos partir de base de páginas y de entradas podemos customizar de las vistas tanto como queramos, a nivel de diseño tenemos libertad total y luego también tenemos libertad total entre astronomías incluso podemos hacer digamos crear un custom post type de coches y un custom post type de motos y luego crear una taxonomía transpensal entre las dos es decir que esa taxonomía funcione tanto coches y motos y que sea combustible por ejemplo básicamente como vemos aquí tenemos libertad total yo he creado aquí un custom post types en automóviles y lo único que me he quedado es con el título y la área de texto y el extracto y yo le he añadido unos campos personalizados que me preguntan combustible, el cambio de marchas una galería de fotos, etcétera podemos crear el tipo de contenido que queramos están pensadas como decía, tanto para contenido estático como dinámico porque no deja de ser partimos de la base de entradas o de páginas sirven por ejemplo para hacer portfolios banners, directorios charlas, ponentes, o sea lo que queramos, no hay límite tenemos las taxonomías propias que incluso las podemos relacionar con diferentes con varios custom post types incluso podemos heredar las categorías que viene de base con entradas tenemos libertad total en el orden de listados para mostrar información pues por ejemplo las entradas siempre se van a mostrar de forma por fecha, en cambio yo por ejemplo los coches quiero que se den de forma de forma alfabética y las motos quiero que se den de muestre por otro orden diferente, por precio porque yo lo considero así pues se puede hacer tenemos libertad total en maquesación podemos hacer uso de plantillas y podemos utilizar que en las otras también una estructura de datos que son mejores que otras que son mejor las páginas que son mejor las entradas que son mejor los custom post types que son mejor unas u otras al final realmente no hay ninguna que sea mejor que otras, al final lo que realmente tenemos que tener en cuenta es si nuestro contenido estático nuestro contenido dinámico pues se va a aparecer más a páginas o se va a aparecer más entradas si vamos a utilizar una jerarquía o no, es decir, necesitamos que un elemento sea padre y otro hijo pues utilizaremos más páginas que entradas si en cambio nosotros necesitamos categorías o utilizar etiquetas vamos a basarnos en entradas si esa temporal es vamos a hacer páginas si no está tan ligado con tiempo vamos a decir si si está más ligado con tiempo iremos por entradas, si por eso necesitamos hacer secciones como un contacto con quienes somos etcétera vamos a ir a utilizar las estructuras de páginas y si por ejemplo es un contenido más dinámico como sea noticias, por folio, eventos etcétera tenemos que utilizar las entradas aquí tenemos un poco un cuadro comparativo entre lo que son páginas y lo que son entradas y los custom post types básicamente son el cuadro comparativo de los elementos que viene de forma nativa es decir, atributos de páginas imagen destacada que han puesto personalizados, comentarios, slack y el autor lo comparten todas aquí he puesto una marca he puesto una marca en rojo una marca en rojo en entradas en atributos de páginas porque antes no lo soportaba de serie pero ahora hay así y luego por ejemplo formatos categorías etiquetas extracto y los trackpads en páginas no funcionan pero en el resto aquí he puesto una especie de web de ejemplo en el que por ejemplo yo quiero hacer una web que se llama expocheautomático.com pues tengo mi home de la web y tengo mis últimas noticias en un widget tengo cecillos un directorio con los coches tengo las entradas de los coches tengo una sección de consejos y una sección de contacto entonces aquí tengo un organigrama en el que decimos que el inicio que es la página de la font es una página los coches vamos a utilizar un custom post type porque necesitamos que el directorio tenga un filtro ordenado con los coches del fabricamente y cada coche va a colgar de ese directorio en el blog de entradas el listado va a ser por orden de fecha y ahí van a colgar las entradas en cambio consejos he preferido utilizar páginas para poner una página cabecera que sea consejo si de ella cae por ejemplo consejos para novatos y consejos para pros y utilizo páginas y en el contacto lo mismo una página estática y aquí va a poner una serie de recomendaciones para evitar ser un ya que es un ya pasado service pero no me va a dar tiempo así que tiro para adelante esta presentación la tendréis así que la podréis ver vale esto que la perra maña no sé si da tiempo para preguntas si hay algún atrevido pues si te quieres alguna pregunta con cáncala aquí fuera le podéis preguntar vale o lo he dejado muy claro o lo he hecho muy mal de una de dos