 Bueno, y ahora pues paso a presentar a David Navia. Él comenzó con WordPress en el año 2010. Es parte muy activa de la comunidad WordPress. Ofrece soporte, ayuda con las traducciones. Aparte, desarrolla plugin, temas y optimización para motores de búsqueda entre otras cosas. Él se define como apasionado de la informática y la tecnología. Lleva más de 10 años desarrollando aplicaciones web. Nos va a hablar un poquito de cómo se gestiona y optimiza correctamente una herramienta tan esencial en WordPress como es la librería Multimedia. Así que os dejo con su charla dándole cariño a la librería Multimedia. Gracias, Carlos. ¿Qué tal la comida? ¿Bien? ¿Me han dejado un pollo? Despertante, por si alguno se queda dormido o sepa que le va un pollazo. Bueno, no se ve la presentación. No sé si la podemos ver en la... ¿Aquí? Ahora, vale, vale, perdón. Vale, perdón, sí, sí. Bienvenidos todos a la Work on Granada, segunda tanda de charlas. Turno de la tarde. Bienvenidos a dándole cariño a la librería Multimedia. Como ya han dicho, soy David Navia, soy desarrollador WordPress desde hace 10 años. No soy experto en WordPress ni Guru ni nada de eso, soy desarrollador. Hay gente que piensa que lo hace bien, incluso me pagan por ello. Y nada más, me podéis seguir en redes sociales, en Twitter, en Instagram y también tengo una web donde publico cosas en mi blog. Y nada más, vamos a empezar hablando de librerías. Normalmente cuando pensamos en una librería, muchos nos imaginamos esto, ¿no? Bueno, pues hay un montón de documentos, de volúmenes ahí colocados. Hay gente que le gustaría que su librería fuera algo así. O sea, todo homogéneo, todo perfecto. Hay muchísimas personas que trabajan con un volumen gordo de documentación y, bueno, pues su librería podría parecerse un poco a esto, no es un vórtice de documentación un poco sin sentido. A la mayoría, lo que nos gustaría sería tener esto. Una biblioteca perfectamente organizada con un montón de gente documentando y, bueno, conocer es la referencia. Y lo que pasa es que todos los días vamos como locos. O sea, vamos que no nos da la vida. Y al final nuestra librería multimedia suele acabar así. Vale, hecha un basurero. Al final, como la mayoría de nosotros vemos la librería multimedia, es de esta manera. Y es como la conocemos, ¿no?, la pantalla de Wordpress con sus fotitos y tal y poco más. Tampoco hay mucho más que rascar en la librería multimedia. Bien, ya hemos hablado de librerías y estoy empezando a hablar de multimedia, pero ¿qué es multimedia? Al final, multimedia hace referencia al concepto de los diferentes tipos de archivos o de medios digitales, en este caso que pueden ser audio, vídeo, fotos y más lo que sea, para transmitir información, ¿vale? Cuando pensamos en multimedia, normalmente, siempre pensamos en fotos, en vídeos y tal. Pero Wordpress nos permite gestionar un montón azo más de archivos. O sea, muchísimos tipos de archivos que de forma nativa ya se pueden gestionar con Wordpress, a lo mejor ni siquiera lo sabíais. Ahí hay uno que no se gestiona de forma nativa, pero ahora os cuento por qué. Entonces, hablando de tipos de archivos y de diversidad, Wordpress, por un lado, nos da soporte a los archivos que se llaman de tipo Building, que son todos estos de imágenes, pues JPG, PNG, GIF, iconos, etc. También tenemos de vídeo, todos estos formatos de vídeos están soportados por Wordpress directamente. Tenemos un montón de tipos de documentos distintos también, incluso fijaros que tenemos... ¿Tú tienes láser? Wordpress nos permite subir archivos PSD a nuestra librería y también tenemos archivos de audio. Estos formatos de audio son los admitidos. ¿Cómo podemos personalizar los tipos de archivos que nuestra librería de Wordpress admite o no? En primer lugar, podemos hacer a través de plugins. ¿Cómo lo hacemos a través de plugins? Bueno, si hacemos una búsqueda en el tag MIME, MIME, inciso, significa... multipropósito, internet, mail, extension, es decir, extensiones de email. Bueno, al final son nombres de archivos, son unas cadenas de texto que identifican un tipo de archivo en concreto, ¿vale? Entonces, buscamos ahí en ese tag que me estoy liando. Encontramos este SVG Support, este plugin se puso muy de moda cuando salió porque la gente necesitaba utilizar SVG en Wordpress y no lo incluía de forma nativa, por eso tiene 200.000 instalaciones activas. Un plugin que solo añade un tipo de archivo o un support de un tipo de archivo. Y luego también tenemos este, que tiene un poquito menos de instalaciones, que sirve para gestionar todos los MIME tips, los tipos de archivos, tanto para añadir como para quitar. Como yo siempre digo, para que vas a usar un plugin, si lo puedes hacer por código, ¿no? Entonces, la primera opción que tendríamos para hacerlo por código en el WP Config, podemos meter esto. Ojo, cuidado. Antes de que nadie diga nada y se echa la mano a la cabeza. Esto es esto. O sea, es una puerta que no sirve para nada. O sea, le estamos dando el poder a cualquier persona, que suba cualquier tipo de archivo a nuestra instalación de Wordpress. Puede ser un PHP, puede ser cualquier cosa, que al final nos rompa todo. Yo no lo recomiendo, nunca. Espero que sepáis qué está ahí. Y luego, también lo podemos hacer a través de nuestros Functions, a través de nuestros Functions, directamente añadiendo al filtro unloadmimes, pues una función que recoge este array. Si queremos añadir uno nuevo, pues en un nuevo elemento de la array, metemos el MIME tip, y si queremos eliminar la extensión, la deseteamos de la array y luego lo retornamos. O sea, lo que hace el plugin, con una base de datos que tú lo vas poniendo, vas quitando, metes uno, metes otro, con cinco líneas de código, se puede hacer igual. Es mucho más sencillo. Sobre todo más ligero. Ahora hablamos del tamaño de archivos. Como todos sabéis, Wordpress, bueno, Wordpress en general, todos los sistemas web tienen una limitación de tamaño de archivo. El primero es a nivel de hosting. Si no podemos subir archivos de cierto tamaño que nos interesa, primero deberíamos hablar con el hosting. Bueno, al revés, quizás el hosting será última capa, pero es la primera barrera. Luego también la limitación de PHP, que esto lo podemos cambiar un poco con nosotros a nuestro gusto, y luego a través de Wordpress. Al final, es tocar el mismo parámetro, pero desde diferentes lugares. ¿Cómo lo podemos hacer esto? Bueno, si necesitamos cambiarlo y tenemos que recurrir al hosting, pues no nos queda más remedio que pillar teléfono e-mail y decirle, oye, mira, necesito que me subáis el tamaño de su vida archivo, y si no, con plugins a través de esta búsqueda encontramos estos dos que lo que hacen es un poco eso. Pues es lo mismo, siendo un plugin, meten ciertos códigos que afectan a la configuración de PHP. También lo podemos hacer a través del Functions, metiendo este filtro, un love size limit, donde 100 sería el número de megas, que queremos tener. Estos códigos luego los publicaré en mi blog, o sea, toda la presentación y tal. Y también lo podemos hacer a través de HTACES con estos dos valores, a lo mismo, 100 serían las limitaciones máximas que Wordpress tiene para subir archivos. Vale. Voy a ver un poco de agua porque voy súper rápido y todavía me queda un poquito. Seguimos. Carpeta de un Loaz. Vamos a maquearlos. Venga, vamos a ponerlos bonitos. ¿Qué se ocurre que podemos hacer con los sus Loaz? Los sus Loaz al final no son más que otro tipo de post. Entonces, qué cosas adolescen, o sea, qué características adolescen las sus Loaz, por ejemplo. No tienen taxonomías, pero sería guay que se pudiera categorizar o que se pudieran etiquetar tus archivos. Tocar mi metípes, esto ya lo hemos hablado, pero bueno, sería otra cuestión que es interesante. La edición en bloque. Si alguna vez habéis intentado utilizar la edición en bloque en la librería multimedia de Wordpress, es un poco muy infernal. Y luego el uso de sordcodes. Al final Wordpress te provee una serie de sordcodes, pero quizás sería interesante contar con otros sordcodes que nos permitan enriquecer y visualiza nuestro contenido. Entonces, para eso, hay muchos plugins, de hecho, hay algunos muy buenos de pago de los que no voy a hablar aquí. Y luego os voy a hablar de un par de ellos que están aquí en este tag también. Los podéis encontrar ahí. Sería Enhanthed Media Library y Media Library Assistant. Los Doaz tienen las mismas características proveen sordcodes para mostrar los archivos por ejemplo, para mostrar directamente el contenido de un PDF en nuestro post, mostrar galerías. Nos permite hacer edición en bloque. Cada uno tiene su semejanza y su diferencia, pero yo no os voy a recomendar ninguno. Los instaláis, lo probáis y el que más os guste os quedáis con ese. Respecto a organizar archivos en carpetas. Esto lo acabamos de estar hablando hace... Hace nada. Wordpress, la única manera que te permite de organizar archivos en carpetas es dándome las imágenes o los archivos en carpetas de mes y año. ¿Vale? Si eso es útil para alguien, no sé. Sería mucho más interesante poder a lo mejor generar diferentes directorios y poder mover los archivos a donde queramos. Entonces para ello también tenemos plugins. En este tag en media encontramos dos. Wordpress Media Library Folders y Media File Manager. Este es específico de la librería. Es un plugin menos específico, pero los dos sirven para lo mismo. No son bonitos. La interfaz no es agradable y es un poco tosco, pero es lo que hay gratuito. Si queréis, de pago hay plugins espectaculares, pero no voy a hablar de ellos. Nunca los abandones. Vamos a hablar de cómo tratar bien a los sublovas. Al final, ellos nunca lo harían. Y para ello, pues qué mejor en este caso vamos a hablar de imágenes, porque es lo que más solemos utilizar. Pero cuando queremos subir una imagen, pues lo cogemos, la pillamos, la arrastramos, la subimos, todo el proceso, no sé qué, tal y cual, no sale esta pantalla. En esta pantalla lo primero que vemos es toda información, nombre de archivo, tipo de archivo, tal y un poco de información extra sobre las dimensiones, ¿vale? Perdón. Sin embargo, si probamos un archivo, por ejemplo, aquí he subido metálica con la Orquesta Sinfónica de Londres, nos da otros datos adicionales, la longitud del archivo de audio y el vitrate en este caso. En función del tipo de archivo, se nos va dando una información o otra, a lo mejor nunca os había fijado en esto. ¿Vale? ¿Como vemos aquí? Se ve un poquito más grande. Volviendo a nuestro amigo, ¿qué tenemos que hacer? Esto lo tenemos que hacer siempre, siempre, siempre. Tenemos que prestarle especial cariño a esta parte. Siempre. El título, hay que poner un título descriptivo, ¿por qué? Porque nos ayuda a gestionar las búsquedas, ¿vale? Si queremos buscar una imagen o incluso en el propio buscador de Wordpress, siempre va a hacer referencia al título, ¿vale? Siempre se va a buscar por ese título. Luego, la leyenda, mal leyenda, tendría que hablar con Nilo a lo mejor para que cambien esta traducción. No sería leyenda, sería pie de foto. No es la leyenda per se, ¿no? Cambia. Algunos temas lo usan y otros no. Pero siempre es interesante, porque un pie de foto en ciertos ámbitos, por ejemplo, periodísticos o lo que sea, pues siempre es interesante contar con eso, ¿no? Algunos temas lo usan y otros no. Si cambiamos de tema, pues también puede ser que nos haga falta tener ese elemento relleno. El texto alternativo, esto es obligatorio. O sea, obligatorio. Si no relleneis esto, cada vez que no relleneis esto, se muere un gatito o lo que queráis, ¿vale? Esto es obligatorio. ¿Por qué? Porque ayudan a indexar, perdón, ayudan a indexar en Google. ¿Por qué sirven para ayudar a los lectores de pantalla, o sea, a temas de accesibilidad para saber qué es lo que están viendo, a qué corresponde esa imagen, ¿vale? Y luego, también, tendríamos que añadir la descripción, que es el texto que se muestra cuando visitamos una página de adjunto. Así sería como el content, pero de ese archivo concreto. Aquí incluso se puede meter HTML y todo, no sé si lo sabíais también. Te permite meter enlaces, negritas, lo que quieras, aquí se los traga todo. Vale, como decía, es importante todo esto por SEO, por accesibilidad, porque ayuda a las búsquedas y porque nos da retracompatibilidad o compatibilidad con otros temas, ¿no? Unos consejillos rápidos, que creo que me quedo a poco tiempo. Pero primero, ahorra espacio, siempre. ¿Cómo? ¿Alguien ha visto esto alguna vez en un tema? Que levanten la mano, por favor. ¿Vale? ¿Qué opinión tenéis? Mi opinión es ésta, ¿eh? O sea, kill it with fire, por favor. Los que los que se han quedado así un poco pillados, esto lo hacen algunos temas que es para tener exactamente la proporción y el tamaño de la imagen que necesito en cada sitio donde yo muestro una imagen en mi tema, me creé un nombrecito para la imagen con un tamañito y con una variable que dice que si la tengo que recortar o no la tengo que recortar. Bueno, pues cada vez que subimos una imagen, se crean. Esto es verídico, esto lo saca de un tema, lo que pasa es que ha cambiado el nombre para no hacer publicidad negativa de nadie. Pero esto es verídico, lo saca de un proyecto en el que trabaja hace poco. Te crearía una, dos, tres, cuatro, cuatro, ocho, doce. Sí, sí, sí, ahora voy, ahora voy a eso. Entonces, esto intentemos huir siempre de ello. Cuando compremos un tema, compremos un plugin, una de las cosas que debemos hacer es buscar si esta función está en el código y si está tantas veces como aparece aquí, huye. Voy terminando rápido. Como decía Nilo, aparte de esas doce WordPress te genera por defecto el tamaño miniatura, el tamaño medio y el tamaño grande. Si no queremos que esto ocurra, los ponemos a cero. cada vez que subamos una imagen tendremos solo esa imagen, no se nos van a generar los diferentes tamaños que nos hacen perder mucho espacio. Para comprimir imágenes, rápidamente, que se me acaba el tiempo, tenemos dos plugins de los que voy a hablar, los voy a mencionar de pasada, tenemos el Smash, WP Smash y luego tenemos el Iir, como se diga, que los dos siguen para lo mismo, te comprimen la imagen, bueno, lo mismo digo, no os voy a recomendar ninguno ni uno ni otro, los probáis, los instaláis y decidís. Vale, ¿qué más? Regenerar tus miniaturas, cuando decimos regenerar tus miniaturas, regeneración, toma ya, zasca. No, regenerar tus miniaturas significa que si cambio de un tema a otro, esos tamaños de imágenes que hemos visto antes, como que se reciclen, se borren las imágenes antiguas que ya no sirven y se generan los nuevos tamaños, ¿no? Eso es importante, para regenerar miniaturas, con esta búsqueda, tenemos regenerate un nail que tiene, pues mira, un millón de... Y luego regenerate un nail advance. No tengo ninguna preferencia, yo voy pillando los plugins de repositorio tal, los voy colocando aquí, yo no me caso con nadie. Y por último, dos plugins rápidos, bonus track, gracias a Jose Conti que no me está viendo, pero me dio permiso para publicar dos plugins que él tiene en su repositorio de InHab, que no están en el repo de WordPress oficial. Automatic Alt obliga, o sea, obliga no, en base al título de la imagen, te rellena Alt y media files tools, añada algún tipo de herramientas. Y luego, el último plugin de la gente de HumanMade, que es S3Slot, que nos permite utilizar nuestro servicio de Amazon como carpeta de gestión. Muchas gracias, de nuevo. ¿Estás, por favor? Cuéntame, vale. Si es la imagen destacada, todo cojonudo, o sea, si cambia de tamaño de imagen destacada teropilla, si cambia de tema teropilla, hay alguna forma de meter imágenes dentro de una entrada que sea dinámica, un sort code, un algo para meter, para que si, que lo que estén metiendo no sea el HTML que incrusta la imagen, sin una referencia a esa imagen. No he entendido la pregunta. Cuando tú metes una imagen dentro del contenido de entrada, en el momento que tú le das añadir a la biblioteca y lo añades en el contenido, lo que te creas es el HTML de una imagen. Correcto. Ese HTML ya lleva fuego metido, la URL de la imagen, del tamaño que sea y los atributos de imagen. Problema que tiene, que si tú la cambias de tema y tiene un tamaño distinto, es una es dinámico, tiene que ponerte a buscar todo eso. Creo que no te puedo responder con total seguridad, pero creo que uno de los plugins de los que ha hablado del Enhancer Media Library, te inserta el sort code con el ID, entonces no va HTML, simplemente va el sort code con la imagen, con el ID de la imagen. Entiendo lo que me estás preguntando. En la referencia al tamaño pequeño del ID 25. Claro, claro, efectivamente. Los plugins de Enhancer no sé qué, que están en la depositiva 35, creo. Mi pregunta iba por ahí también, está guay la presentación, gracias. Sobretodo por el atributo AL de la imagen, cuando lo metes en un contenido, como bien dice Nilo, ya va el HTML con el atributo AL, si no lo has metido nunca, cuando ves una charla de SEO, otra es que tienes que meterlo sí o sí, venga, lo voy a meter y lo metes, no te van a servir para nada, ahora las que están metidas en el contenido, porque ese AL ya no está metido. Sería interesante, incluso tratarlo esto a nivel de core, de que no se inyecte el HTML, sino que se inyecte un sort code que nos quite todos estos problemas, ¿no? Claro, pues a eso vamos al final. Buenas. ¿Qué tal? Mira, una pregunta. Dime. A lo mejor cuando empiezas con Warp, haces una cagada, quítale a lo mejor, cuando empiezas con Warp haces muchas cagadas, haces una cagada como metas la imagen en las carpetas por fecha. ¿Hay alguna forma de cambiar esa imagen a la carpeta global sin que se pierda? Sin dolor, no. Modificando la URL. Sin dolor, no. Vale, pues que me duela, pero... Habría que mover las imágenes y hacer un script que te recorra toda la base de datos y te cambia todas las URLs y tal, pero en principio, siempre que la referencia a esa imagen se actualice de alguna forma, por eso digo sin dolor, no, pero con un poquito de maña si se puede. Sí, con SQL se hace ya, ¿sí? Sí, sí, sí. ¿Y plugin que lo haga ya? No, no, te iba a decir rellenarito un NEL, pero no me voy a pillar los dedos. Vale, gracias. Vale, gracias a ti. Jaime... Pues mira, la pregunta te va a ayudar en base un poco a eso. No sé si... Hola, David, gracias. ¿Qué tal? ¿Sabes que te hay lobby? Encantado. No sé si lo has tocado y te pido disculpa, va un poco también en base a lo que aquí decía el compañero. ¿Qué opinas de antes de empezar a meter chicha o a meter peso a la web, para ser más amigable la carpeta raíz donde se guardan las imágenes? Vale, yo creo que cada proyecto tiene sus necesidades y cuando tú empiezas un proyecto ya sea un blog, sea un periódico digital o sea una galería de arte, sabes más o menos para que vas a utilizar tus elementos multimedias. Entonces en función de eso, igual que analizas cómo vas a estructurar tu URL o cómo vas a dimensionar el hardware que necesitas, creo que sí es interesante hacer un análisis de qué necesidades vas a tener en lo que es cuestión de medios y de alojamiento igual, porque muchas gente tenemos nuestro hosting y como lo tenemos un blog, tampoco nos preocupamos mucho de esto. Pero hay gente que sube imágenes y imágenes, a lo mejor les interesa utilizar el servicio de Amazon, por ejemplo, piénsalo antes. Pero recomienda hacer más amigable la carpeta raíz donde se guardan las imágenes o directamente tirar con el uo... Es que depende del uso que le vayas a dar. O sea, si le vas a dar un uso intensivo, yo creo que sí que es recomendable dejarlo bien preparadito desde el principio, ¿no?, a llenar primero el terreno para... Sí, sobre todo, también para que ayude al SEO, al posicionamiento, a la hora de indexas. Claro. Gracias. Vale, a ti. Bueno, pues hasta aquí las preguntas. Un aplauso para David, por favor. Gracias.