{"id":2910,"date":"2022-09-04T15:47:54","date_gmt":"2022-09-04T15:47:54","guid":{"rendered":"https:\/\/fourallportal.wpengine.com\/?post_type=integrations&#038;p=2910"},"modified":"2025-01-31T11:01:25","modified_gmt":"2025-01-31T11:01:25","slug":"typo3","status":"publish","type":"integrations","link":"https:\/\/4allportal.com\/de\/integrationen\/typo3","title":{"rendered":"Typo3"},"content":{"rendered":"\n<section id=\"content-wrapper-block_023dddcfb4616f0d55085f09e022f9b8\" class=\"content-wrapper position-relative\"\n  style=\" padding-inline: ; overflow-x: visible;\">\n  \n<style>\n@media screen and (min-width: 391px) {\n  #content-wrapper-block_023dddcfb4616f0d55085f09e022f9b8 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_023dddcfb4616f0d55085f09e022f9b8 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container px-0\">\n    \n        \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<div id=\"beschreibung\" class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>TYPO3 ist ein weit verbreitetes <a href=\"https:\/\/4allportal.com\/de\/loesungen\/dam\/content-management\">Content Management<\/a> System (CMS) zur Erstellung und Verwaltung von Webseiten. Auch Sie nutzen die Software, um Ihr Web-Projekt zu managen? Dann kennen Sie die zahlreichen M\u00f6glichkeiten, Inhalte wie Bilder, Videos und Dokumente mit dem CMS ansprechend in Szene zu setzen. Sie wissen jedoch auch, wie zeitintensiv und unkomfortabel es ist, die TYPO3-interne Medienbibliothek mit weboptimiertem Content zu bef\u00fcllen und aktuell zu halten. Ebenso schwierig gestaltet es sich, ben\u00f6tigte Assets \u00fcberhaupt zu finden &#8211; gerade bei gr\u00f6\u00dferen Datenbest\u00e4nden.&nbsp;<\/p>\n\n\n\n<p>Der 4ALLPORTAL Digital Asset Management TYPO3 Connector l\u00f6st diese Probleme, indem er eine nahtlose Anbindung zum 4ALLPORTAL schafft. Ebenso sorgt er durch Automatisierung daf\u00fcr, dass Ihr Team von zeitraubenden, unproduktiven Aufgaben befreit wird. Somit kann es sich ganz auf seine kreativen Kernaufgaben konzentrieren.&nbsp;<\/p>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">So vereinfacht die DAM TYPO3 Integration Ihr Datenhandling&nbsp;<\/h4>\n\n\n\n<p>Inhalte f\u00fcr Webseiten m\u00fcssen spezifischen Anforderungen gen\u00fcgen. Beispielsweise sollten sie hinsichtlich der Aufl\u00f6sung weboptimiert sein, sodass die Ladezeiten nicht beeintr\u00e4chtigt werden. Ebenso ben\u00f6tigen sie SEO-optimierte Metadaten wie Alt-Attribute, Bildbeschreibungen und Bildtitel. All diese Anforderungen ber\u00fccksichtigt die <a href=\"https:\/\/4allportal.com\/de\/produkte\/digital-asset-management-software\">Digital Asset Management<\/a> TYPO3 Integration von 4ALLPORTAL.&nbsp;<\/p>\n\n\n\n<p>Die leistungsstarke Suchfunktion im 4ALLPORTAL erm\u00f6glicht Ihnen, genau die Assets zu finden, die Sie f\u00fcr Ihre TYPO3-Website ben\u00f6tigen. Mit einem einfachen Klick werden die Dateien mit dem CMS in passendem Format geteilt. Dazu legen Sie einfach ein Konvertierungsprofil fest, dann erstellt der Connector automatisch weboptimierte Versionen Ihrer Inhalte.&nbsp;<\/p>\n\n\n\n<p>Das manuelle Konvertieren und Hochladen von digitalen Assets in die TYPO3-Medienbibliothek geh\u00f6rt mit dem DAM TYPO3 Connector somit der Vergangenheit an. Au\u00dferdem \u00fcbernimmt er beliebige Metadaten aus dem 4ALLPORTAL nach TYPO3, wo sie als SEO-Elemente genutzt werden k\u00f6nnen. \u00c4ndert sich einmal ein Asset in der DAM-Software, sorgt die DAM TYPO3 Integration automatisch daf\u00fcr, dass der TYPO3-Datenbestand ebenfalls aktualisiert wird.&nbsp;<\/p>\n\n\n\n<p>Dieser zentrale Ansatz hat im \u00dcbrigen noch einen weiteren Vorteil: Er schafft vollst\u00e4ndige Transparenz und Kontrolle \u00fcber geteilte Mediendaten. Sie k\u00f6nnen sich im 4ALLPORTAL einfach alle in TYPO3 genutzten Assets anzeigen lassen und sie jederzeit auch wieder aus der Medienbibliothek entfernen.&nbsp;<\/p>\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div id=\"vorteile\" class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Vorteile<\/h3>\n\n\n\n<div id=\"list-block-block_a0f814551f2e26a2b46964135b63fc83\" class=\"list-block | w-100 d-grid\" style=\"grid-template-columns: repeat(1, 1fr); column-gap: 4rem;\">\n  \n<style>\n@media screen and (min-width: 391px) {\n  #list-block-block_a0f814551f2e26a2b46964135b63fc83 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #list-block-block_a0f814551f2e26a2b46964135b63fc83 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n<style>\n  .list-block {\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n  }\n  .list-block__list.has-background {\n    padding: 3.5rem !important;\n  }\n  p+.list-block {\n    margin-top: 1.5rem;\n  }\n  .list-block__list.is-selected {\n    display: block;\n  }\n  .list-block__list li {\n    list-style: none;\n    position: relative;\n    padding-top: 1rem;\n    padding-bottom: 1rem;\n    padding-left: 4rem;\n  }\n  ul.list-block__list li::before {\n    content: \"\";\n    width: 2rem;\n    height: 2rem;\n    position: absolute;\n    left: 0;\n    top: 1.25rem;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n  }\n\n  #list-block-block_a0f814551f2e26a2b46964135b63fc83 .list-block__list li {\n    color: #4B4B4B;\n  }\n\n  #list-block-block_a0f814551f2e26a2b46964135b63fc83 ul.list-block__list li::before {\n    background-image: url(\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/checkbox.svg\") !important;\n  }\n\n  @media screen (max-width:992px) {\n      .content-wrapper .wp-container-3,.content-wrapper .wp-block-columns {\n          gap:0 !important\n      }\n      .content-wrapper #list-block-block_a0f814551f2e26a2b46964135b63fc83, .content-wrapper .wp-block-columns #list-block-block_a0f814551f2e26a2b46964135b63fc83{\n          padding-right:0;\n      }\n  }\n  <\/style>\n  \n\n<ul class=\"list-block__list wp-block-list\">\n<li>Manuelle Handgriffe wie das umst\u00e4ndliche Suchen und Hochladen von Dateien in TYPO3 entfallen<\/li>\n\n\n\n<li>Weboptimierten Content automatisch generieren<\/li>\n\n\n\n<li>Neue Versionen werden automatisch an TYPO3 \u00fcbergeben<\/li>\n\n\n\n<li>Content \u00fcber Systemgrenzen hinweg reibungslos bereitstellen, volle Kontrolle \u00fcber die Asset-Nutzung erhalten<\/li>\n\n\n\n<li>Vorhandene <a href=\"\/de\/blog\/dam\/metadaten\">Metadaten<\/a> k\u00f6nnen f\u00fcr die Suchmaschinenoptimierung genutzt werden<\/li>\n<\/ul>\n\n\n<\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><\/div>\n<\/div>\n\n\n  <\/div>\n<\/section>\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #demo-footer-cta-block_9c9162a87a6791d7073b030386661e25 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #demo-footer-cta-block_9c9162a87a6791d7073b030386661e25 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n<style>\n    .demo-footer-cta {\n        color: #FFF;\n        border-bottom: 1px solid #707070;\n        padding-top: 90px !important;\n        padding-bottom: 0 !important;\n        background: rgb(49,49,49);\n        background: -moz-linear-gradient(180deg, rgba(49,49,49,1) 0%, rgba(0,0,0,1) 100%);\n        background: -webkit-linear-gradient(180deg, rgba(49,49,49,1) 0%, rgba(0,0,0,1) 100%);\n        background: linear-gradient(180deg, rgba(49,49,49,1) 0%, rgba(0,0,0,1) 100%);\n        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#313131\",endColorstr=\"#000000\",GradientType=1);\n    }\n    .demo-footer-cta .preheadline {\n        color: #ff8200 !important;\n    }\n    .demo-footer-cta .wp-block-button.is-style-outline > a {\n        border: 1px solid #FFF !important;\n        color: #FFF !important;\n    }\n    .demo-footer-cta .wp-block-button.is-style-outline > a:hover {\n        border: 1px solid var(--orange) !important;\n        color: var(--orange) !important;\n    }\n\n    .demo-footer-cta.dark h2,\n    .demo-footer-cta.dark h3,\n    .demo-footer-cta.dark p,\n    body .body-container.light .demo-footer-cta.dark h2,\n    body .body-container.light .demo-footer-cta.dark h3,\n    body .body-container.light .demo-footer-cta.dark p {\n        color: var(--white) !important;\n    }\n    .body-container.dark .demo-footer-cta {\n        background: none;\n    }\n    .demo-footer-cta h2 {\n        color: #FFF;\n        font-weight: 500;\n    }\n    .demo-footer-cta-screenshot {\n        width: 100%;\n        position: relative;\n        display: flex;\n        align-items: end;\n    }\n    .demo-footer-cta-screenshot > img {\n        width: 100%;\n        height: auto;\n        display: block;\n        opacity: 0.85;\n        padding-right: 5rem;\n        padding-left: 5rem;\n    }\n    .demo-footer-cta .list-block ul {\n        margin: 2rem 0 0 0;\n        display: flex;\n        justify-content: space-around !important;\n    }\n    .demo-footer-cta .wp-block-buttons {\n        margin: 3rem 0 3rem 0;\n    }\n    @media screen and (min-width: 1434px) {\n        .container-parallax {\n            width: 1434px;\n            margin: auto;\n        }\n    }\n    @media screen and (max-width: 1433px) {\n        .container-parallax {\n            width: 100%;\n            padding: 0 5%;\n            margin: auto;\n        }\n    }\n    \n    @media screen and (min-width: 768px) {\n        .demo-footer-cta-screenshot {\n            min-height: 45vh;\n        }\n        .parallax-layer {\n            position: absolute;\n        }\n        .parallax-layer > img {\n            width: 100%; \n            height: auto; \n            opacity: 0;\n            visibility: hidden;\n            transform: translateY(60px);\n            transition: 0.6s ease-in;\n        }\n        .parallax-layer.active > img {\n            width: 100%; \n            height: auto; \n            opacity: 1;\n            visibility: visible;\n            transform: translateY(10px);\n            transition: 0.6s ease-in-out;\n        }\n        #layer1 {\n            width: 230px;\n            height: auto;\n            right: 0;\n            top: 20%;\n            border-radius: 8px;\n        }\n        #layer2 {\n            width: 200px;\n            left: 0;\n            top: 25%;\n            border-radius: 8px;\n        }\n        #layer3 {\n            width: 240px;\n            right: 40%;\n            top: 40%;\n            border-radius: 8px;\n        }\n    }\n    @media screen and (max-width: 768px) {\n        .parallax-layer {\n            display: none;\n        }\n        .demo-footer-cta .list-block ul {\n            flex-wrap: wrap;\n        }\n    }\n    @media screen and (max-width: 576px) {\n        .demo-footer-cta .list-block ul{\n            display: block;\n            text-align: center;\n        }\n        .demo-footer-cta ul.list-block__list li {\n            padding: 5rem 0 0 0;\n            display: block;\n            margin-bottom: 2.5rem;\n        }\n        .demo-footer-cta ul.list-block__list li::before {\n            left: 0;\n            top: 1.25rem;\n            right: 0;\n            margin: auto;\n        }\n        .demo-footer-cta-screenshot > img {\n            padding-right: 1.5rem;\n            padding-left: 1.5rem;\n        }\n    }\n<\/style>\n\n<section id=\"demo-footer-cta-block_9c9162a87a6791d7073b030386661e25\" class=\"demo-footer-cta | dark\">\n    <div class=\"container-parallax px-0\">\n           <div class=\"container\">\n           \n\n<h2 class=\"wp-block-heading has-text-align-center\">Navigiere durch die Produkttour oder <br>erfrage individuelle Preise<\/h2>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/4allportal.com\/tour\/dam-and-pim\">Produkttour starten<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/4allportal.com\/de\/preis-anfragen\">Preise anfragen<\/a><\/div>\n<\/div>\n\n\n           <\/div>\n        <div class=\"container-fluid\">\n            <div class=\"demo-footer-cta-screenshot parallax-container\">\n                <!-- <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-screenshot.png\" alt=\"\"> -->\n\n                                        <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-screenshot.png\" alt=\"\">\n                        <div class=\"parallax-layer b-sh d-none d-sm-none d-md-none d-lg-block\" id=\"layer1\"><img decoding=\"async\" class=\"rounded\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-parallax-element-1.png\" alt=\"\"><\/div>\n                        <div class=\"parallax-layer b-sh d-none d-sm-none d-md-none d-lg-block\" id=\"layer2\"><img decoding=\"async\" class=\"rounded\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-parallax-element-2.png\" alt=\"\"><\/div>\n                        <div class=\"parallax-layer b-sh d-none d-sm-none d-md-none d-lg-block\" id=\"layer3\"><img decoding=\"async\" class=\"rounded\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-parallax-element-3.png\" alt=\"\"><\/div>\n                                        \n            <\/div>\n        <\/div>\n    <\/div> \n<\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n    var buttonLink = document.querySelector('.demo-footer-cta .wp-block-button__link');\n    var parallaxLayers = document.querySelectorAll('.parallax-layer');\n\n    buttonLink.addEventListener('mouseover', function () {\n        parallaxLayers.forEach(function (layer) {\n            layer.classList.add('active');\n        });\n    });\n\n    buttonLink.addEventListener('mouseout', function () {\n        parallaxLayers.forEach(function (layer) {\n            layer.classList.remove('active');\n        });\n    });\n});\n<\/script>","protected":false},"excerpt":{"rendered":"<p>CMS<\/p>\n","protected":false},"author":3,"featured_media":18709,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"integration_categories":[34,263],"customer_stage":[450],"class_list":["post-2910","integrations","type-integrations","status-publish","has-post-thumbnail","hentry","integration_categories-cms","integration_categories-cms-de"],"acf":[],"_links":{"self":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/integrations\/2910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/integrations"}],"about":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/types\/integrations"}],"author":[{"embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":0,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/integrations\/2910\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/media\/18709"}],"wp:attachment":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/media?parent=2910"}],"wp:term":[{"taxonomy":"integration_categories","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/integration_categories?post=2910"},{"taxonomy":"customer_stage","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/customer_stage?post=2910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}