 Estamos a bienvenida a Sara Rijo, titulada en el Grado de Ingeniería Informática y en el Master en Información del Profesorado por la Universidad de la Laguna. Actualmente trabaja en la Fundación General de la Universidad de la Laguna y ha trabajado como docente y patiente clases de informática. En su tiempo libre seguiré que a seguir formándose realizando cursos diferentes temáticas. Además siempre que pueda intenta colaborar en diversos proyectos buenos. Pues nada, damos un aplauso a Sara y... Pues nada, ahora estoy Sara y como ya dijo Juan, pues trabajó en la Fundación General de la Universidad de la Laguna desarrollando proyectos web. Y el taller que les traigo hoy trata sobre los custom postage y la verdad que la información referente a este tema es bastante extensa. Entonces hoy me voy a centrar en hacer una breve introducción y ver cómo lo podemos agregar a nuestro work. Bien, poniéndonos un poco en contexto, en work, como ya saben, podemos organizar el contenido de una web con las páginas. Organizamos el contenido más estático con las entradas, que organizamos el contenido más dinámico, ¿no? Con el paso del tiempo los desarrolladores se dio un cuenta de que además de los tipos predeterminados de work, las páginas y las entradas pues eran necesarias una organización mucho más personalizada y adaptada a las necesidades de cualquier proyecto. Este problema se consiguió solucionar en 2010 a partir de la versión 3.0 de work, que es la que nos ofrece la posibilidad de crear nuestros propios tipos de post personalizado. Entonces podríamos decir que los custom postage no es más que un tipo de entrada personalizado, que podemos adaptar a la necesidad de nuestro proyecto y que por tanto cubren las carencias de los postage nativos de work. Como ejemplo, algunos ejemplos de custom postage pues existen los productos en comercio electrónico, los eventos de una agenda, los componentes de un equipo y otro ejemplo que solemos ver mucho por ahí es el del portafolio, ¿no? Es decir, si yo quisiera mostrar en mi web los proyectos que he realizado, tal vez en mi carrera profesional podría crearme un postage de un portafolio en la que cada item del portafolio sea un proyecto. Y además cada proyecto puede estar compuesto de varios campos, pues un título y una descripción, o incluso podría organizarlos en diferentes categorías. Entonces con lo visto anteriormente decimos que es aconsejable usar los custom postage cuando el contenido tiene una cantidad suficiente para poder organizarlo de una manera independiente, o es necesario añadir campos personalizados o necesitamos agregar taxonomías o categorías adicionales a ese contenido. Bien, ¿cómo podemos agregar los custom postage al work? Bueno, existen varias maneras y hoy vamos a centrarnos en cómo hacerlo a través de un plugin o haciendo nosotros mismos el desarrollo. La manera más sencilla es agregar un custom postage a través de un plugin y existe una gran variedad. En el que me voy a centrar yo va a ser el primero que es el custom postage UI y bueno para verlo mejor vamos a hacer un ejemplo. Para ello voy a hacer el ejemplo del portafolio, ¿vale? Entonces una vez instalado ya el plugin nos aparece en la parte inferior del panel de administración y una de las primeras opciones que vemos ya es la de añadir o editar un postage. Esta primera opción se compone de tres secciones, la configuración básica, una configuración de etiquetas y una configuración más avanzada. Para agregar el postage per work es simplemente con añadir, completar la información básica, la configuración básica ya lo tendríamos. El siguiente paso sería adaptarme un poco las etiquetas que nos muestra ese postage. Y bueno yo ya me he adelantado un poco y ya he creado aquí mi portafolio, me aparece aquí y pueden comprobar que también tengo las etiquetas adaptadas. Me aparece por aquí, me puede aparecer también por aquí. Y esta sería la interfaz del portafolio. Además ya he creado varios proyectos, entonces vamos a ver cómo se vería uno y vemos que se parece bastante al diseño de una entrada o una página. Tenemos un título o una descripción y después tenemos una serie de campos personalizados que yo he añadido en las opciones del postage. Por otro lado también tenemos las categorías de este postage y por un lado tenemos las taxonomías, tenemos las categorías y las etiquetas que son las propias de corre y después por otro lado tengo una categoría que me he creado yo ¿Y cómo me he creado esta categoría? Bien pues esto ya se muestra en la segunda opción del plugin y la interfaz es muy parecida a la primera opción, solo así que no voy a profundizar mucho en esta parte, entonces es decir que rellenando la opción básica ya tendríamos esta taxonomía y lo más importante es asociarlo a nuestro postage, en este caso sería portafolio. Si me gustaría destacar de aquí una opción que me parece de la más interesante que es la de la jerarquía, que dependiendo del valor que tome puede parecerse más a las etiquetas o a las categorías de Wordpress. Si el valor está falso se parecerá más etiquetas y si está a True pues se parecerá a las categorías. Visualizando aquí uno de los proyectos vemos que nuestra taxonomía se parece bastante a la de la categoría de Wordpress. Vamos a visualizar cómo se vería uno de los proyectos y bien, este sería el diseño que tiene, con el tema básico de Wordpress. Bueno pues como vemos es un plugin bastante intuitivo, muy sencillo de usar y la verdad que nos facilita bastante la tarea. Otra forma de agregar custom postage a nuestro Wordpress es haciendo nosotros mismos el desarrollo. Esta es una opción algo más avanzada ya que hay que tener estos conocimientos de programación pero por suerte existe multitud de información en internet y se explica paso a paso los detalles de cómo crear un postage. Esta sería la estructura básica para crear el postage para el que hace uso de la función de la función registro y el register postage que toma el propio postage y recibe una serie de argumentos. Esta función se puede extender muchísimo más añadiendo los argumentos que sean necesarios. Y bueno como esta tarea puede ser un poco engorrosa o puede ser compleja para personas que no tienen conocimientos de avanzados de programación pues existen unas herramientas que nos ayudan a simplificar este desarrollo. Hay varias que me voy a centrar en la primera, la generate WP y bueno no tengo conexión en internet así que vamos a ver mejor aquí que tengo una captura. Es un generador de código básicamente tiene el generador del código se compone de varias secciones y cada sección tiene una serie de campos. Si nos fijamos se parece bastante a los campos que vimos en el plugin con la diferencia de que al rellenar los campos lo que vamos a recibir es un código que debemos insertar en nuestra instalación de WP. Quiero destacar que una de las ventajas de usar esta herramienta por ejemplo es que si nos registramos, yo que por ejemplo estoy registrada, si tuviera conexión se lo podría mostrar directa, es que al estar registrado podemos guardar nuestros propios códigos y además compartirlos con la comunidad entonces es muy interesante porque tendríamos un registro de todos los códigos que estamos creando, de todo nuestro postal. Y bien como decía tenemos que generar un código, esta herramienta y donde pongo ese código lo puedo insertar en el archivo en el plugin para insertar snippets o puedo crear mi propio plugin con el desarrollo del postal. Lo recomendable es que para evitar que a cambiar de tema se pierda los custom postal que hayamos creado hagamos el desarrollo en un plugin apart. De esta manera no estamos condicionados a usar un solo tema. Y bueno, vamos a ver ahora un ejemplo de cómo sería esto. Yo ya me he adelantado y ya he obtenido el código y bueno para hacerlo más sencillo yo lo voy a añadir en el archivo Function PHP del tema. Es el tema básico de Warner, me he creado un tema ego y bueno este sería el código que nos genera con una serie de argumentos que recibe y lo inicializa. Además me he adelantado también para crear la taxonomía, aquella categoría que vimos de los proyectos, los tipo de proyectos, pues también puedo generar un código con esta herramienta y añadirlo a mi Function y que se vincula a nuestro postal. Entonces como se vería esto en el panel de control pues tendría esta pinta, esta sería una instalación de golpes ya no tenemos el plugin y como vemos ya nos aparece aquí es completamente igual al del plugin o sea no tiene diferencia vemos que el formato es el mismo y si nos metemos a ver uno de los proyectos es completamente igual bien aquí tendríamos la la categoría y a la hora de visualizarlo vamos a ver cómo se visualiza este proyecto vemos que es un poquito diferente que mostraba antes aquí tendría el título, aquí tendría mi descripción y además he añadido a la derecha los campos personalizados o las categorías que he tomado aquí entonces este sería mi campo personalizado y mi categoría propia y yo he decidido mostrarlo aquí esto quiere decir que además puedo adaptar el diseño porque no tenemos que usar un diseño fijo y esto usaría lo podemos desarrollar en el single PHP del post-type simplemente añadiendo el nombre de nuestro post-type y creando el diseño más apropiado para nosotros bueno después de visualizar cada uno de los proyectos y comprobar que se ve correctamente el siguiente paso natural es activar todos los proyectos entonces ¿cómo haríamos esto? la manera más sencilla de resolver este problema es activando la página de archivo entonces para ello debemos ir a las opciones avanzadas y activar la opción hazaalcai vamos a ver cómo se vería en esta parte si yo quiero listar los proyectos de mis proyectos simplemente yendo a la raíz del post-type pues ya podría visualizar muy listado y como veis este diseño también es adaptable otra manera también de hacer este diseño es crear una plantilla de página que podemos optar de la cualquiera de las dos maneras y bueno ya para finalizar no sé si me ha adelantado mucho ¿no se lo lo dice? si para finalizar como conclusiones vamos a ver las ventajas y de ventajas de los dos métodos que hemos usado y y nada eso pues entonces como principal ventaja del plugin destacar que gracias a sus interfaz es muy sencillo esto no lo significa el proceso muchísimo ¿no? tan solo rellenando los campos además nos da la posibilidad de importar y exportar nuestros custom post-type ¿cuál es la principal desventaja? que nos podría afectar al rendimiento de nuestra web porque tendríamos un plugin siempre instalado además otra desventaja es que al desinstalar que tengamos creado y por otro lado haciendo un desarrollo propio pues lo cierto es que hay que tener ciertos conocimientos de programación entonces nos llevaría tiempo comprender lo que estamos haciendo en cada paso pero sin embargo la principal desventaja sería que existe una gran una gran información, una amplitud de información y herramientas que nos ayudan a simplificar este proceso además podemos adaptar el diseño o el post-type a la necesidad de nuestro proyecto tal y como oímos y nada, hasta aquí el mini taller recuado por el tiempo y y más bravo bueno pues aprovechamos que tenemos tiempo veis aquí el rojo de la 11.07 hasta la 11.08 tenemos tiempo si tenéis preguntas por favor gracias Sara por la ponencia lo que pasa es que algo de tiempo que estuve intentando instalar este tipo de plugin lo que pasa es que el principal problema que estuve fue a la hora de la visualización en la plantilla correspondiente no sé si el plugin ha evolucionado o para que todo esto sea mucho más fácil me refiero para no andar toqueteando en el tema de codeon esa era básicamente la pregunta la facilidad de algo para poderlo trasladar y ya la típica, divio o cualquier otro el plugin que vimos realmente no tratas las plantillas o el diseño del post-type simplemente es lo que hace generarnos el post-type o las dosonomías y ya está nos genera el código autonomáticamente que nos lo inserta en nuestra instalación para hacer el diseño yo me imagino que sí que habrán herramientas y plugins que nos ayuden a hacer esto pero y yo para este caso por ejemplo sí que he desarrollado personalmente es un poco según tu experiencia haciéndolo cuando diseñas un post-type por ejemplo que es para podcasts o para poner cualquier cosa pues tú tienes por un lado tu caja o tu campo de texto y por otro lado tienes tu caja para meterlo en la URL o en la dirección del imagina que en un momento dices oye mira yo me diseño algo final lo que quiero sacar fuera es un texto, un vídeo y otro texto ¿habría forma de duplicar eso de la caja de texto dos veces? si claro claro en cuanto vamos a verlo aquí en el propio ejemplo el diseño que vemos aquí era diferente al que vimos con el del plugin vamos a verlo directamente este es el del plugin y es el que trae por defecto en las entradas de Wordpress en el tema de Wordpress tenemos el título, la descripción y aquí el CD bar que no suele poner pero ¿dónde está mi campo personalizado? ¿dónde está el enlace que yo puse o mi taxonomía es personalizada? no están entonces por eso yo hice un diseño apropiado para este proyecto por ejemplo entonces yo lo que decidí aquí fue poner el título, una descripción pues puse los campos que yo había introducido en mi postal el diseño es bastante penoso la verdad pero era simplemente para que viera visualizar en cómo era adaptar el diseño que se podía hacer ¿en un caso como ese? si, en un caso como el que te comentaba en general de texto, vídeo texto ¿tú qué recomendarías o cuál crees que sería mejor poner un campo para texto para meter la bordera del vídeo o directamente meter un campo de texto y soltar la bordera del vídeo que está en youtube y los textos son diferentes ¿el primer perro fue diferente al trabajo? básicamente mejor no, no tiene diferencia en cuanto al formato o sea simplemente es una forma hombre, es que si optamos por esa opción, quizás lo más sencillo sea que cuando yo voy a crear el contenido del post en este caso puedo meter aquí un texto aquí meto el objeto y en este caso meto la URL o la lista de reproducción de audio en este caso lo que sea, me saldría aquí la URL y en el otro caso texto a lo mejor es una manera más sencilla simplificar ese proceso que hace un diseño nuevo solamente para eso este plugin del que hablo sabes si tiene algún tipo de extensión para que también se pueda llevar al fonte o sea imaginemos que queremos que un usuario registrado pueda aportar datos a través de esto, pues yo que sé una inmobiliaria por ejemplo para su propiedad del propio usuario haya una extensión así, te suena para esto algo más visual este plugin concretamente si tiene bastantes extensiones y pero de manera visual la verdad es que no se quiere decirte pero la verdad es que este es muy modulable y tenía bastantes addons que se le podían añadir y completar todo como tu quisieras hacer el diseño nada de comentarle y lo vi antes en las primeras diapos yo he utilizado Tubset que es una suave avanzada y te permite la parte front realizarla de una forma sencilla creas lo que es el código html ahí está la segunda herramienta es su avanzada la misma empresa de desarrollo del WDTML y puedes crear la parte front de una forma sencilla de hecho cada plantilla soporte para Divi también da soporte certifica que funciona con esas plantillas para que lo que son las páginas de la plantilla tú puedes ver los datos de una forma que se complementa bien con la plantilla puedes utilizar una plantilla de cero y puedes crear tu propio diseño pero por ejemplo Tubset es súper avanzado lo que pasa es que si he visto que el rendimiento es espenoso están avanzando pero si es complicado o sea si te vas a a utilización más preguntas yo te gustaría preguntar si puedo reciclar o reutilizar ese código de manera de los custom post-tip por ejemplo si yo tengo una foto de mi portfolio que usaré en el home si puedo coger ese trocito de la foto y usarlo en mi maqueteación y adaptarlo si si gracias a la API de WordPress podemos acceder a esa información y coger el contenido de nuestro post-tip que nos interese y añadirlo a un diseño personalizado accediendo a la API y vamos a ver aquí y hablar al provecho y en las opciones se los enseño las opciones avanzadas del plugin aquí están muy bien explicados tanto aquí como en la otra herramienta que te genera el código los campos están muy bien explicados y si no una busca de internet rápida está todo súper bien explicado entonces activando esta opción pues podríamos acceder a los datos de este post-tip y mostrar lo que nos interese si es la imagen pues podríamos al código la imagen y ya está alguna pregunta más bueno un fuerte abrazo de las árabas