#F5F5F5

Sneller aansprekende ervaringen bouwen met Experience Manager Sites-componenten.

Gebruikersinterface met een vervolgkeuzemenu getiteld 'Componenten' met opties zoals accordeon, knop, carrousel, contentfragment, ervaringsfragment en afbeelding. Een cursor selecteert 'contentfragment'. Op de achtergrond zie je een websitevoorbeeld van 'Sentry' waarop een stralend, veelkleurig jachtluipaard en marketingtekst te zien is die netwerkoplossingen voor bedrijven promoot met een knop 'Meer informatie'.
#F5F5F5

Web- en paginaontwikkeling versnellen met een modulair systeem.

Met Adobe Experience Manager Sites kunnen teams sneller responsieve digitale ervaringen bouwen dankzij een krachtig systeem van modulaire webcomponenten. Maak gebruik van een rijke bibliotheek met kant-en-klare en kerncomponenten, waaronder versleepbare UI-elementen, om sneller pagina's aan te maken, merkconsistentie te waarborgen en minder afhankelijk te zijn van aangepast programmeerwerk. De componentgestuurde aanpak van Experience Manager Sites verbetert de ontwikkelingsefficiëntie, ondersteunt schaalbare contentbewerkingen en verlaagt de totale eigendomskosten.

Het obstakel: uitdagingen rond contentsnelheid overwinnen.

Frisse, boeiende content leveren in verschillende markten vraagt om snelheid en consistentie. Traditionele webontwikkelingsmodellen die vertrouwen op handmatig programmeren en niet-herbruikbare elementen vertragen de aanmaak van pagina's, belasten ontwikkelaarsresources en brengen mogelijk inconsistente branding op verschillende apparaten met zich mee.

Zonder een modulair framework ondervinden marketingteams vertragingen bij het omzetten van hun visie naar live ervaringen, terwijl ontwikkelaars kostbare tijd besteden aan het opnieuw maken van standaardcomponenten zoals formulieren, fotogalerijen of navigatiemenu's. In het huidige digitale landschap hebben bedrijven een schaalbaar, herbruikbaar systeem nodig om aan de vraag naar contentsnelheid te voldoen zonder in te boeten aan kwaliteit of wendbaarheid.

Sneller digitale ervaringen bouwen met Experience Manager Sites-webcomponenten.

Experience Manager Sites pakt deze uitdagingen aan met een geavanceerd systeem van pre-built en aanpasbare componenten.

  • Auteurs kunnen snel responsieve, merkspecifieke pagina's samenstellen via een visuele drag-and-drop-interface, zonder dat ze hiervoor diepgaande technische expertise nodig hebben.
  • Ontwikkelaars worden productiever door herbruikbare en uitbreidbare gestandaardiseerde, achterwaarts compatibele componenten te gebruiken, waardoor er minder tijd naar maatwerk gaat en het onderhoud eenvoudiger wordt.

Deze modulaire aanpak zorgt voor consistente digitale ervaringen op elk kanaal, waardoor de time-to-market versnelt maar tegelijkertijd de integriteit van het ontwerp en de prestaties behouden blijven.

Webontwikkeling versnellen met Experience Manager-componenten.

Experience Manager Sites-kerncomponenten bieden een gestandaardiseerde set productieklare UI-bouwblokken die snellere paginacreatie en consistente gebruikerservaringen mogelijk maken op alle digitale contactpunten. Auteurs kunnen eenvoudig intuïtieve componenten zoals broodkruimelnavigatie, zoekbalken, carrousels, formulieren en fotogalerijen gebruiken om visueel pagina's samen te stellen. Tegelijkertijd profiteren ontwikkelaars van uitbreidbaarheid, versiebeheer en achterwaartse compatibiliteit van kerncomponenten, wat een toekomstbestendige basis vormt voor schaalbare siteontwikkeling. Deze aanpak vermindert de behoefte aan aangepaste ontwikkeling en vereenvoudigt upgrades, waardoor de totale kosten op lange termijn lager zijn.

Alle voordelen van Experience Manager Sites-componenten.

Functionele, flexibele webcomponenten.

Elke Experience Manager-component is een op zichzelf staande, configureerbare resource die scripts, stijlen en functionaliteit omvat. Auteurs kunnen eenvoudig componenten aanpassen, van simpele tekstblokken tot complexe UI-elementen zoals accordeons en tabbladen, zonder tussenkomst van een ontwikkelaar voor standaard gebruiksscenario's.

Lagere kosten met upgradebare CMS-componenten.

De kerncomponenten van Experience Manager zijn ontworpen voor een lange levensduur en upgrademogelijkheden, waardoor onderhoudsrisico's op de lange termijn worden beperkt. Regelmatig versiebeheer en achterwaartse compatibiliteit beschermen investeringen in ontwikkeling en maken platformupgrades eenvoudiger in vergelijking met sterk aangepaste, verouderde oplossingen.

Consistente merkervaringen met overgeërfde UI-componenten.

Experience Manager-sjablonen en componentovererving zorgen ervoor dat gedeelde elementen zoals headers, footers en navigatiebalken visuele en functionele consistentie behouden over verschillende sites. Het Experience Manager-stijlsysteem maakt gedefinieerde stijlvariaties mogelijk, waardoor auteurs meer controle krijgen met behoud van de merkstandaarden.

Dynamische media-integratie voor geoptimaliseerde visuals.

Afbeeldingscomponenten integreren naadloos met Experience Manager Dynamic Media, waardoor functies zoals slim bijsnijden, voorinstellingen van afbeeldingen en prestatieoptimalisatie direct binnen componentconfiguraties mogelijk zijn, zodat je hoogwaardige visuals krijgt op alle apparaten.

https://video.tv.adobe.com/v/18926?quality=12&learn=on&captions=eng&autoplay=true

Vergelijking van componenttermen.

Termijn
Context en relevantie voor Experience Manager
Webcomponenten
Experience Manager-componenten bieden vergelijkbare voordelen (herbruikbaarheid, inkapseling, snellere ontwikkeling) en fungeren als bouwblokken voor webpagina's.
UI-componenten
Veel Experience Manager-componenten renderen direct gebruikersinterface-elementen (formulieren, knoppen, navigatie, carrousels) die beheerders kunnen configureren en waarmee gebruikers kunnen interacteren.
CMS-componenten
Experience Manager-componenten worden beheerd binnen het CMS, waarbij ze de structuur en het uiterlijk van content op pagina's definiëren en vaak gekoppeld zijn aan sjablonen en workflows.
Componenten verslepen
Beschrijft de voornaamste auteursmethode in Experience Manager Sites om componenten toe te voegen en te rangschikken op een pagina met behulp van de visuele editor.
Contentcomponenten
Experience Manager-componenten beheren specifieke stukken content (tekst, afbeeldingen, video, fragmenten) die samen de pagina-ervaring vormen.
Kerncomponenten
De specifieke set van moderne, gestandaardiseerde, best-practice kant-en-klare componenten van Experience Manager, ontworpen voor flexibiliteit, onderhoudbaarheid en prestaties.
Kant-en-klare componenten
Algemene term voor pre-built Experience Manager-componenten die klaar zijn voor gebruik. Kerncomponenten zijn het voornaamste voorbeeld in moderne Experience Manager-implementaties.

Veelgestelde vragen

Hoe definieert Experience Manager webcomponenten?
Hoewel Experience Manager-componenten zijn gebouwd met Adobe-technologieën zoals HTML-sjabloontaal (HTL) en Sling, in plaats van standaard browsertechnologieën zoals aangepaste elementen of shadow DOM, bieden ze dezelfde belangrijke voordelen: modulariteit, herbruikbaarheid en inkapseling. Experience Manager-componenten fungeren als op zichzelf staande bouwblokken om webpaginaontwikkeling te versnellen.
Wat zijn UI-componenten in Experience Manager Sites?
UI-componenten zijn pre-built elementen die delen van de gebruikersinterface weergeven en visueel kunnen worden geconfigureerd door auteurs. Voorbeelden zijn formulieren, navigatiemenu's, zoekbalken, carrousels, tabbladen en accordeons. Dit zijn allemaal belangrijke onderdelen om interactieve en responsieve pagina's te maken, zonder dat je hoeft te programmeren.
Wat zijn Experience Manager-kerncomponenten?
Kerncomponenten zijn de gestandaardiseerde, productieklare set contentmanagementcomponenten van Adobe. Ze zijn ontwikkeld volgens best practices en bieden flexibele mogelijkheden voor authoring, uitgebreide configuratieopties, versiebeheer en achterwaartse compatibiliteit. Hierdoor vormen ze de aanbevolen basis voor moderne Experience Manager-sites.
Hoe verschillen kerncomponenten van basiscomponenten?
Kerncomponenten zijn modern, flexibel en worden onderhouden volgens huidige best practices. Basiscomponenten zijn oudere, verouderde componenten die afhankelijk zijn van achterhaalde technologieën en grotendeels afgeschreven zijn. Nieuwe projecten moeten kerncomponenten gebruiken voor betere prestaties en onderhoudbaarheid.
Hoe wordt de Experience Manager GraphQL-API gebruikt met componenten?
Met de Experience Manager GraphQL-API kunnen ontwikkelaars gestructureerde content van Experience Manager-componenten met een headless configuratie opvragen en ophalen. Dit maakt efficiënte levering van specifieke velden, zoals tekst- of afbeeldings-URL's, naar frontend-toepassingen zoals SPA's, mobiele apps of andere digitale ervaringen mogelijk, wat de prestaties en flexibiliteit verbetert.
Wat betekent 'drag-and-drop-componenten' in Experience Manager Sites?
Drag-and-drop-componenten verwijzen naar de visuele paginabouwervaring in Experience Manager Sites. Auteurs kunnen componenten selecteren uit een zijpaneel en deze naar een gewenste plek op een pagina slepen. Zo kunnen ze intuïtief lay-outs maken en content publiceren zonder code te hoeven schrijven.