Paginasjablonen page-templates
In dit hoofdstuk onderzoeken we de relatie tussen een paginasjabloon en een pagina. Wij zullen een niet-gestileerde malplaatje van het Artikel van het Tijdschrift bouwen dat op sommige modellen van wordt gebaseerd AdobeXD. In het proces om het malplaatje uit te bouwen, zijn de Componenten van de Kern en de geavanceerde beleidsconfiguraties behandeld.
Vereisten prerequisites
Dit is een meerdelig leerprogramma en men veronderstelt dat de stappen in de inhoud van de Auteur worden geschetst en veranderingenhoofdstuk publiceren zijn voltooid.
Doelstelling
- Begrijp de details van de Malplaatjes van de Pagina en hoe het beleid kan worden gebruikt om korrelige controle van paginainhoud af te dwingen.
- Leer hoe sjablonen en pagina's zijn gekoppeld.
- Een nieuwe sjabloon maken en een pagina ontwerpen.
Wat u gaat maken what-you-will-build
In dit gedeelte van de zelfstudie maakt u een nieuwe sjabloon voor de artikelpagina van tijdschriften waarmee u nieuwe artikelen voor tijdschriften kunt maken en uitlijnt op een algemene structuur. De sjabloon is gebaseerd op ontwerpen en een UI-kit die in AdobeXD is gemaakt. Dit hoofdstuk is alleen gericht op het opbouwen van de structuur of het skelet van de sjabloon. Er worden geen stijlen geïmplementeerd, maar de sjabloon en pagina's zijn functioneel.
De sjabloon voor artikelpagina in het tijdschrift maken
Wanneer u een pagina maakt, moet u een sjabloon selecteren die wordt gebruikt als basis voor het maken van de nieuwe pagina. De sjabloon definieert de structuur van de resulterende pagina, de initiële inhoud en de toegestane componenten.
Er zijn 3 belangrijke gebieden van Malplaatjes van de Pagina:
- Structuur - bepaalt componenten die een deel van het malplaatje zijn. Deze kunnen niet worden bewerkt door de auteurs van de inhoud.
- Aanvankelijke Inhoud - bepaalt componenten die het malplaatje met begint, kunnen deze worden uitgegeven en/of door inhoudauteurs worden geschrapt
- Beleid - bepaalt configuraties op hoe de componenten zich gedragen en welke optiesauteurs beschikbaar zullen hebben.
Maak vervolgens een nieuwe sjabloon in AEM die overeenkomt met de structuur van de modellen. Dit zal in een lokale instantie van AEM voorkomen. Voer de stappen in de onderstaande video uit:
Met de volgende miniatuur kunt u uw sjabloon identificeren (of uw eigen sjabloon uploaden!)
Oplossingspakket
Een gebeëindigde oplossing van het Malplaatje van het Tijdschriftkan via de Manager van het Pakket worden gedownload en worden geïnstalleerd.
Koptekst en voettekst bijwerken met ervaringsfragmenten experience-fragments
Een gemeenschappelijke praktijk wanneer het creëren van globale inhoud, zoals een kopbal of footer, moet een Fragment van de Ervaring gebruiken. Met de functie Fragmenten van ervaring kunnen gebruikers meerdere componenten combineren om één component te maken die geschikt is voor referentie. De Fragmenten van de ervaring hebben het voordeel om multi-site beheer en localisatiete steunen.
De Sitesjabloon genereerde een kop- en voettekst. Werk vervolgens de Experience Fragments bij zodat deze overeenkomen met de modellen. Voer de stappen in de onderstaande video uit:
Stappen op hoog niveau voor de onderstaande video:
- Download het pakket van de steekproefinhoud WKND-Starter-Assets-Skate-Article-1.2.zip.
- Upload en installeer het inhoudspakket met gebruik van Package Manager.
- Werk de fragmenten voor kop- en voettekstervaring bij om het WKND-logo te gebruiken
Een artikelpagina voor tijdschriften maken
Maak vervolgens een nieuwe pagina met de sjabloon Artikelpagina tijdschrift. Maak de inhoud van de pagina zodat deze overeenkomt met de sitemakken. Voer de stappen in de onderstaande video uit:
Gebruik de verstrekte tekstom het artikellichaam te bevolken.
Gefeliciteerd! congratulations
Je hebt zojuist een nieuwe sjabloon en pagina met Adobe Experience Manager Sites gemaakt.
Volgende stappen next-steps
Op dit moment komen de pagina met artikelen in het tijdschrift en de site niet overeen met de merkstijlen voor WKND. Volg het Themaleerprogramma om de beste praktijken voor het bijwerken van CSS en JavaScript frontend code te leren die wordt gebruikt om globale stijlen op de plaats toe te passen.
Oplossingspakket
Een oplossingspakket voor dit hoofdstuk is beschikbaar om te downloaden: WKND-Tijdschrift-malplaatje-OPLOSSING-1.0.zip.