{"id":2880,"date":"2022-09-04T13:48:41","date_gmt":"2022-09-04T13:48:41","guid":{"rendered":"https:\/\/fourallportal.wpengine.com\/?post_type=integrations&#038;p=2880"},"modified":"2025-01-31T12:00:27","modified_gmt":"2025-01-31T12:00:27","slug":"drupal","status":"publish","type":"integrations","link":"https:\/\/4allportal.com\/de\/integrationen\/drupal","title":{"rendered":"Drupal"},"content":{"rendered":"\n<section id=\"content-wrapper-block_5bc969398657bc1887cd223483832e4e\" 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_5bc969398657bc1887cd223483832e4e {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_5bc969398657bc1887cd223483832e4e {\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>Sie nutzen das beliebte Content Management System Drupal zur Verwaltung Ihrer Webseiten oder Online-Shops? Daf\u00fcr gibt es gute Gr\u00fcnde. So h\u00e4lt das Open-Source-CMS ein reichhaltiges Angebot an Funktionen bereit. Zudem existiert eine gro\u00dfe, aktive Community, die f\u00fcr eine st\u00e4ndige Weiterentwicklung sorgt. Nicht zu vernachl\u00e4ssigen sind zudem die Flexibilit\u00e4t und die hohen Sicherheitsstandards. Sein volles Potenzial entfaltet das CMS jedoch erst dann, wenn es ohne Umwege mit Mediendaten versorgt werden kann. Exakt an dieser Stelle setzt unser Drupal Connector f\u00fcr Digital Asset Management an.&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\">Drupal-Integration f\u00fcr Digital Asset Management (DAM): Assets ohne Zeitverlust finden und hinzuf\u00fcgen&nbsp;<\/h4>\n\n\n\n<p>Mit unserem Digital Asset Management Drupal Plugin erhalten Sie direkt aus dem CMS heraus Zugriff auf s\u00e4mtliche Assets in Ihrem Unternehmen. Das Platzieren von Elementen auf Ihren Webseiten gestaltet sich hierdurch wesentlich zeitsparender. Aufwendige Schritte wie das manuelle Suchen und Aufbereiten (z. B. Skalieren von Bildern) entfallen komplett. Gleiches gilt f\u00fcr das Hochladen unter Herunterladen von Dateien. Ein weiterer Vorteil: Wird eine Mediendatei im DAM-System aktualisiert, greift diese aufgrund des Drupal-Konnektors auch direkt auf Ihren Websites. Somit stellen Sie ohne h\u00e4ndischen Eingriff sicher, dass stets die aktuelle Version Ihrer Bilder, Videos und Dokumente dargestellt wird.&nbsp;<\/p>\n\n\n\n<p>Sie sehen: Eine Drupal Connector f\u00fcr Digital Asset Management verschafft Webdesignern erhebliche zeitliche Freir\u00e4ume und sorgt gleichzeitig f\u00fcr eine einheitliche, qualitativ hochwertige Au\u00dfenkommunikation.&nbsp;<\/p>\n\n\n\n<p>Nicht zuletzt hat die Drupal-DAM-Integration den Vorteil, dass Informationen wie Bildtitel, Alt-Attribute und Bildbeschreibungen ebenfalls an das CMS \u00fcbergeben werden k\u00f6nnen. Dies ist ein klarer Pluspunkt im Hinblick auf die Suchmaschinenoptimierung (SEO).&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_2986bf050b55e5cd745c155d63577004\" 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_2986bf050b55e5cd745c155d63577004 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #list-block-block_2986bf050b55e5cd745c155d63577004 {\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_2986bf050b55e5cd745c155d63577004 .list-block__list li {\n    color: #4B4B4B;\n  }\n\n  #list-block-block_2986bf050b55e5cd745c155d63577004 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_2986bf050b55e5cd745c155d63577004, .content-wrapper .wp-block-columns #list-block-block_2986bf050b55e5cd745c155d63577004{\n          padding-right:0;\n      }\n  }\n  <\/style>\n  \n\n<ul class=\"list-block__list wp-block-list\">\n<li>Gew\u00e4hrleisten Sie, dass sich ausschlie\u00dflich freigegebene und aktuelle Mediendateien auf Ihrer Website befinden&nbsp;<\/li>\n\n\n\n<li>Nutzen Sie eine automatische Konvertierung und Skalierung f\u00fcr Ihre Bilder&nbsp;<\/li>\n\n\n\n<li>Importieren Sie Assets ohne Zeitverzug in die Drupal-Medienverwaltung<\/li>\n\n\n\n<li>Nutzen Sie suchmaschinenoptimierte Bilder ohne h\u00e4ndische Bearbeitung von Attributen&nbsp;<\/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_29ba0a8f66064e558bdb06be591f689d {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #demo-footer-cta-block_29ba0a8f66064e558bdb06be591f689d {\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_29ba0a8f66064e558bdb06be591f689d\" 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":3706,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"integration_categories":[34,263],"customer_stage":[450],"class_list":["post-2880","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\/2880","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\/2880\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/media\/3706"}],"wp:attachment":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/media?parent=2880"}],"wp:term":[{"taxonomy":"integration_categories","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/integration_categories?post=2880"},{"taxonomy":"customer_stage","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/customer_stage?post=2880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}