meta_data.kontainer_thumbnail_url, kontainer_extension, kontainer_type<\/code><\/li>\n<\/ul>\nComo el texto alternativo y el punto focal viajan con la referencia, los editores no tienen que volver a escribir los metadatos en Storyblok, y al sustituir un archivo en Kontainer se actualiza en todos los lugares donde se usa.<\/p>\n
Primeros pasos<\/h2>\n1. Activa la integraci\u00f3n en Kontainer<\/h3>\n
Pide a tu responsable de cuenta que active la integraci\u00f3n con Storyblok en tu cuenta de Kontainer. Esto permite que Storyblok incruste el selector de archivos de Kontainer y es necesario para que el selector se abra.<\/p>\n
2. Instala la extensi\u00f3n en Storyblok<\/h3>\n
Abre el enlace de instalaci\u00f3n, elige el espacio en el que quieres instalarla y confirma:<\/p>\n
https:\/\/app.storyblok.com\/#\/install\/kontainer@asset-picker<\/code><\/pre>\nNecesitas derechos de administrador en el espacio de destino. Inst\u00e1lala una vez por espacio.<\/p>\n
3. A\u00f1ade el campo de Kontainer a un bloque<\/h3>\n
En tu espacio, ve a \u00abBlock Library\u00bb<\/strong> (biblioteca de bloques), abre el bloque en el que quieras el selector y a\u00f1ade un campo nuevo. Define su tipo como \u00abPlugin\u00bb<\/strong> y elige kontainer<\/code> en la lista.<\/p>\n4. Apunta el campo a tu Kontainer<\/h3>\n
Con el campo seleccionado, a\u00f1ade la opci\u00f3n kontainerHost<\/code> y define su valor como tu dominio de Kontainer, por ejemplo yourcompany.kontainer.com<\/code> (con o sin https:\/\/<\/code>).<\/p>\nStoryblok guarda las opciones de los plugins por campo, as\u00ed que repite este paso en todos los campos que usen el selector. Storyblok no traslada los valores de las opciones de un espacio a otro, as\u00ed que cada espacio se configura por separado.<\/p>\n
5. Elige archivos<\/h3>\n
Abre una historia (story) que use el bloque y haz clic en \u00abSelect from Kontainer\u00bb<\/strong> (elegir desde Kontainer) en el campo. La primera vez, inicia sesi\u00f3n con tu nombre de usuario y tu contrase\u00f1a habituales de Kontainer. Navega, busca y filtra tu biblioteca como siempre, aplica opcionalmente una plantilla de descarga (recorte, cambio de tama\u00f1o, formato) y elige el archivo.<\/p>\nEl campo muestra entonces una vista previa y el nombre del archivo. \u00abReplace asset\u00bb<\/strong> (reemplazar el archivo) elige otro archivo y \u00abRemove asset\u00bb<\/strong> (quitar el archivo) vac\u00eda el campo. Los archivos que no son im\u00e1genes, como PDF y v\u00eddeos, muestran una tarjeta con el tipo de archivo en lugar de una vista previa.<\/p>\nOpciones del campo<\/h2>\n
\n\n| Opci\u00f3n<\/th>\n | Obligatoria<\/th>\n | Valor<\/th>\n<\/tr>\n |
\nkontainerHost<\/code><\/td>\n| S\u00ed<\/td>\n | Tu dominio de Kontainer, por ejemplo yourcompany.kontainer.com<\/code><\/td>\n<\/tr>\n\nmode<\/code><\/td>\n| No<\/td>\n | external<\/code> (predeterminado) enlaza el archivo en Kontainer. import<\/code> lo copia a la biblioteca de archivos de Storyblok.<\/td>\n<\/tr>\n\nstoryblokRegion<\/code><\/td>\n| Solo con import<\/td>\n | eu<\/code> (predeterminado), us<\/code>, ca<\/code>, ap<\/code> o cn<\/code><\/td>\n<\/tr>\n\nstoryblokManagementToken<\/code><\/td>\n| Solo con import<\/td>\n | Un token de acceso personal de Storyblok con acceso de escritura a los archivos<\/td>\n<\/tr>\n | \nmaxImportMb<\/code><\/td>\n| No<\/td>\n | El archivo m\u00e1s grande que acepta la importaci\u00f3n; por defecto 50<\/code><\/td>\n<\/tr>\n<\/table>\nOpcional: importar archivos a Storyblok<\/h2>\nAlgunos equipos exigen que todos los archivos est\u00e9n alojados en el propio Storyblok. Si defines mode<\/code> como import<\/code>, el archivo se copia a la biblioteca de archivos del espacio en lugar de enlazarse. El archivo es entonces un archivo normal de Storyblok y el servicio de im\u00e1genes de Storyblok puede transformarlo.<\/p>\nDos cosas que debes tener en cuenta antes de pasar un campo al modo de importaci\u00f3n:<\/p>\n \n- La copia deja de actualizarse cuando el archivo cambia en Kontainer.<\/li>\n
- El token de gesti\u00f3n es una opci\u00f3n del campo, lo que significa que se entrega al navegador de todos los editores que usan ese campo. Crea para ello un token con alcance limitado<\/strong>: en Storyblok, dale solo el alcance de archivos (Assets) y restr\u00edngelo al \u00fanico espacio que lo necesita. No reutilices un token que tenga acceso a toda tu cuenta.<\/li>\n<\/ul>\n
Usar el archivo en tu frontend<\/h2>\nEl campo devuelve un objeto de archivo est\u00e1ndar de Storyblok, as\u00ed que se comporta como cualquier otro campo de archivo:<\/p>\n const { filename, alt, focus } = story.content.hero;<\/code><\/pre>\nSolicita el archivo desde filename<\/code>: se sirve desde la CDN de Kontainer.<\/p>\nEl servicio de im\u00e1genes de Storyblok no cambia el tama\u00f1o ni recorta una URL externa, as\u00ed que usa los par\u00e1metros de transformaci\u00f3n propios de Kontainer, o una plantilla de descarga elegida al seleccionar el archivo, para controlar el tama\u00f1o y el formato entregados. El punto focal est\u00e1 disponible tanto como valor focus<\/code> de Storyblok como en coordenadas de p\u00edxeles sin procesar en meta_data<\/code>.<\/p>\nSoporte<\/h2>\nSi necesitas ayuda para configurar el plugin de Storyblok, nuestro equipo de soporte te ayudar\u00e1 encantado.<\/p>\n Escribe a: support@kontainer.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"Con la integraci\u00f3n de Kontainer con Storyblok, tus editores pueden insertar im\u00e1genes, v\u00eddeos y archivos directamente desde tu DAM en el Visual Editor de Storyblok, sin descargarlos ni volver a subirlos.<\/p>\n","protected":false},"author":16,"featured_media":0,"menu_order":0,"comment_status":"","ping_status":"closed","template":"","article-category":[208,211],"article-tag":[215,220,222],"class_list":["post-8434","article","type-article","status-publish","hentry","article-category-ajustes-de-administracion","article-category-integraciones-y-plugins","article-tag-funcion-adicional","article-tag-planes-premium","article-tag-dam"],"translations":{"da":{"id":8010,"title":"Integrationsguide til Storyblok","url":"https:\/\/helpdesk.kontainer.com\/da\/article\/integrationsguide-til-storyblok\/"},"de":{"id":7755,"title":"Storyblok-Integrationsleitfaden","url":"https:\/\/helpdesk.kontainer.com\/de\/article\/storyblok-integrationsleitfaden\/"},"en":{"id":7754,"title":"Storyblok Integration Guide","url":"https:\/\/helpdesk.kontainer.com\/article\/storyblok-integration-guide\/"},"es":{"id":8434,"title":"Gu\u00eda de integraci\u00f3n con Storyblok","url":"https:\/\/helpdesk.kontainer.com\/es\/article\/guia-de-integracion-con-storyblok\/"},"fr":{"id":8312,"title":"Guide d\u2019int\u00e9gration de Storyblok","url":"https:\/\/helpdesk.kontainer.com\/fr\/article\/guide-dintegration-storyblok\/"},"nl":{"id":8135,"title":"Integratiegids voor Storyblok","url":"https:\/\/helpdesk.kontainer.com\/nl\/article\/integratiegids-voor-storyblok\/"},"sv":{"id":7857,"title":"Integrationsguide f\u00f6r Storyblok","url":"https:\/\/helpdesk.kontainer.com\/sv\/article\/integrationsguide-for-storyblok\/"}},"_links":{"self":[{"href":"https:\/\/helpdesk.kontainer.com\/es\/wp-json\/wp\/v2\/article\/8434","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helpdesk.kontainer.com\/es\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/helpdesk.kontainer.com\/es\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/es\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/es\/wp-json\/wp\/v2\/comments?post=8434"}],"version-history":[{"count":0,"href":"https:\/\/helpdesk.kontainer.com\/es\/wp-json\/wp\/v2\/article\/8434\/revisions"}],"wp:attachment":[{"href":"https:\/\/helpdesk.kontainer.com\/es\/wp-json\/wp\/v2\/media?parent=8434"}],"wp:term":[{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/es\/wp-json\/wp\/v2\/article-category?post=8434"},{"taxonomy":"article-tag","embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/es\/wp-json\/wp\/v2\/article-tag?post=8434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
| | | | | | | | |