meta_data.kontainer_thumbnail_url, kontainer_extension, kontainer_type<\/code><\/li>\n<\/ul>\nDa der Alt-Text und der Fokuspunkt mit der Referenz \u00fcbertragen werden, m\u00fcssen Redakteure Metadaten nicht erneut in Storyblok eingeben. Wird eine Datei in Kontainer ersetzt, aktualisiert sie sich \u00fcberall dort, wo sie verwendet wird.<\/p>\n
Erste Schritte<\/h2>\n1. Integration in Kontainer aktivieren<\/h3>\n
Bitten Sie Ihren Account Manager, die Storyblok-Integration f\u00fcr Ihr Kontainer-Konto zu aktivieren. Dadurch darf Storyblok den Kontainer File Picker einbetten; ohne diesen Schritt \u00f6ffnet sich der Picker nicht.<\/p>\n
2. Extension in Storyblok installieren<\/h3>\n
\u00d6ffnen Sie den Installationslink, w\u00e4hlen Sie den gew\u00fcnschten Space aus und best\u00e4tigen Sie:<\/p>\n
https:\/\/app.storyblok.com\/#\/install\/kontainer@asset-picker<\/code><\/pre>\nDaf\u00fcr ben\u00f6tigen Sie Administratorrechte f\u00fcr den Ziel-Space. Die Installation erfolgt einmal pro Space.<\/p>\n
3. Kontainer-Feld zu einem Block hinzuf\u00fcgen<\/h3>\n
Gehen Sie in Ihrem Space zur Block Library<\/strong>, \u00f6ffnen Sie den Block, in dem Sie den Picker verwenden m\u00f6chten, und f\u00fcgen Sie ein neues Feld hinzu. Setzen Sie dessen Typ auf Plugin<\/strong> und w\u00e4hlen Sie kontainer<\/code> aus der Liste.<\/p>\n4. Feld auf Ihr Kontainer ausrichten<\/h3>\n
F\u00fcgen Sie dem ausgew\u00e4hlten Feld die Option kontainerHost<\/code> hinzu und tragen Sie Ihre Kontainer-Domain ein, zum Beispiel ihrunternehmen.kontainer.com<\/code> (mit oder ohne https:\/\/<\/code>).<\/p>\nStoryblok speichert Plugin-Optionen pro Feld \u2013 wiederholen Sie diesen Schritt daher f\u00fcr jedes Feld, das den Picker verwendet. Optionswerte werden von Storyblok nicht zwischen Spaces \u00fcbernommen, jeder Space wird also separat konfiguriert.<\/p>\n
5. Assets ausw\u00e4hlen<\/h3>\n
\u00d6ffnen Sie eine Story, die den Block verwendet, und klicken Sie im Feld auf Select from Kontainer<\/strong>. Melden Sie sich beim ersten Mal mit Ihrem gewohnten Kontainer-Benutzernamen und Passwort an. Durchsuchen und filtern Sie Ihre Bibliothek wie gewohnt, wenden Sie optional eine Download-Vorlage an (Zuschnitt, Gr\u00f6\u00dfen\u00e4nderung, Format) und w\u00e4hlen Sie die Datei aus.<\/p>\nDas Feld zeigt anschlie\u00dfend eine Vorschau und den Dateinamen. Mit Replace asset<\/strong> w\u00e4hlen Sie eine andere Datei, mit Remove asset<\/strong> leeren Sie das Feld. F\u00fcr Dateien, die keine Bilder sind \u2013 etwa PDFs und Videos \u2013 wird anstelle einer Bildvorschau eine Dateikarte mit dem Dateityp angezeigt.<\/p>\nFeldoptionen<\/h2>\n
\n\n| Option<\/th>\n | Erforderlich<\/th>\n | Wert<\/th>\n<\/tr>\n |
\nkontainerHost<\/code><\/td>\n| Ja<\/td>\n | Ihre Kontainer-Domain, z. B. ihrunternehmen.kontainer.com<\/code><\/td>\n<\/tr>\n\nmode<\/code><\/td>\n| Nein<\/td>\n | external<\/code> (Standard) verlinkt die Datei in Kontainer. import<\/code> kopiert sie in die Asset-Bibliothek von Storyblok.<\/td>\n<\/tr>\n\nstoryblokRegion<\/code><\/td>\n| Nur bei Import<\/td>\n | eu<\/code> (Standard), us<\/code>, ca<\/code>, ap<\/code> oder cn<\/code><\/td>\n<\/tr>\n\nstoryblokManagementToken<\/code><\/td>\n| Nur bei Import<\/td>\n | Ein pers\u00f6nlicher Storyblok-Zugriffstoken mit Schreibrechten f\u00fcr Assets<\/td>\n<\/tr>\n | \nmaxImportMb<\/code><\/td>\n| Nein<\/td>\n | Maximale Dateigr\u00f6\u00dfe f\u00fcr den Import, Standard 50<\/code><\/td>\n<\/tr>\n<\/table>\nOptional: Dateien nach Storyblok importieren<\/h2>\nManche Teams verlangen, dass s\u00e4mtliche Assets von Storyblok selbst gehostet werden. Wenn Sie mode<\/code> auf import<\/code> setzen, wird die Datei in die Asset-Bibliothek des Space kopiert statt verlinkt. Sie ist dann ein gew\u00f6hnliches Storyblok-Asset und kann vom Image Service von Storyblok transformiert werden.<\/p>\nZwei Punkte sollten Sie beachten, bevor Sie ein Feld auf den Import-Modus umstellen:<\/p>\n \n- Die Kopie wird nicht mehr aktualisiert, wenn sich die Datei in Kontainer \u00e4ndert.<\/li>\n
- Der Management-Token ist eine Feldoption und wird damit an den Browser jedes Redakteurs ausgeliefert, der dieses Feld verwendet. Erstellen Sie daf\u00fcr ein eingeschr\u00e4nktes<\/strong> Token: Vergeben Sie in Storyblok ausschlie\u00dflich den Scope \u201eAssets\u201c und beschr\u00e4nken Sie das Token auf den einen Space, der es ben\u00f6tigt. Verwenden Sie kein Token, das Zugriff auf Ihr gesamtes Konto hat.<\/li>\n<\/ul>\n
Das Asset in Ihrem Frontend verwenden<\/h2>\nDas Feld gibt ein gew\u00f6hnliches Storyblok-Asset-Objekt zur\u00fcck und verh\u00e4lt sich damit wie jedes andere Asset-Feld:<\/p>\n const { filename, alt, focus } = story.content.hero;<\/code><\/pre>\nRufen Sie die Datei \u00fcber filename<\/code> ab \u2013 sie wird von Kontainers CDN ausgeliefert.<\/p>\nDer Image Service von Storyblok kann externe URLs weder skalieren noch zuschneiden. Verwenden Sie daher die Transformationsparameter von Kontainer oder eine bei der Auswahl gew\u00e4hlte Download-Vorlage, um Gr\u00f6\u00dfe und Format der ausgelieferten Datei zu steuern. Der Fokuspunkt steht sowohl als focus<\/code>-Wert von Storyblok als auch als Pixelkoordinaten in meta_data<\/code> zur Verf\u00fcgung.<\/p>\nSupport<\/h2>\nWenn Sie Hilfe bei der Einrichtung oder Konfiguration des Storyblok-Plugins ben\u00f6tigen, hilft Ihnen unser Support-Team gerne weiter.<\/p>\n Bitte kontaktieren Sie uns unter: support@kontainer.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"Mit der Storyblok-Integration von Kontainer k\u00f6nnen Ihre Redakteure Bilder, Videos und Dateien direkt aus Ihrem DAM in den Visual Editor von Storyblok einf\u00fcgen \u2013 ohne manuelles Herunter- und Hochladen.<\/p>\n","protected":false},"author":17,"featured_media":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","article-category":[109,112],"article-tag":[118,117,118,123],"class_list":["post-7755","article","type-article","status-publish","hentry","article-category-admin-einstellungen","article-category-integrationen-plugins","article-tag-add-on-funktion","article-tag-dam","article-tag-premium-pakete"],"translations":{"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\/"}},"_links":{"self":[{"href":"https:\/\/helpdesk.kontainer.com\/de\/wp-json\/wp\/v2\/article\/7755","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helpdesk.kontainer.com\/de\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/helpdesk.kontainer.com\/de\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/de\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/de\/wp-json\/wp\/v2\/comments?post=7755"}],"version-history":[{"count":1,"href":"https:\/\/helpdesk.kontainer.com\/de\/wp-json\/wp\/v2\/article\/7755\/revisions"}],"predecessor-version":[{"id":7758,"href":"https:\/\/helpdesk.kontainer.com\/de\/wp-json\/wp\/v2\/article\/7755\/revisions\/7758"}],"wp:attachment":[{"href":"https:\/\/helpdesk.kontainer.com\/de\/wp-json\/wp\/v2\/media?parent=7755"}],"wp:term":[{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/de\/wp-json\/wp\/v2\/article-category?post=7755"},{"taxonomy":"article-tag","embeddable":true,"href":"https:\/\/helpdesk.kontainer.com\/de\/wp-json\/wp\/v2\/article-tag?post=7755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
| | | | | | | | |