Paginasjablonen page-templates

In dit hoofdstuk onderzoeken we de relatie tussen een paginasjabloon en een pagina. Wij zullen een niet-gestileerde sjabloon van het Artikel van het Tijdschrift opstellen die 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 meerdelige zelfstudie en er wordt aangenomen dat de stappen die in het dialoogvenster Inhoud ontwerpen en wijzigingen publiceren hoofdstuk is voltooid.

Doelstelling

  1. Begrijp de details van de Malplaatjes van de Pagina en hoe het beleid kan worden gebruikt om korrelige controle van paginainhoud af te dwingen.
  2. Leer hoe sjablonen en pagina's zijn gekoppeld.
  3. 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 drie hoofdgebieden Paginasjablonen:

  1. Structuur - definieert componenten die deel uitmaken van de sjabloon. Deze kunnen niet worden bewerkt door de auteurs van de inhoud.
  2. Oorspronkelijke inhoud - definieert componenten waarmee de sjabloon begint. Deze kunnen door makers van inhoud worden bewerkt en/of verwijderd.
  3. Beleid - definieert configuraties op basis van het gedrag van componenten en de opties waarover auteurs beschikken.

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!)

Miniatuur van artikelpaginasjabloon

Oplossingspakket

Een voltooide bewerking oplossing van het Tijdschriftsjabloon kan worden gedownload en geïnstalleerd via Package Manager.

Koptekst en voettekst bijwerken met ervaringsfragmenten experience-fragments

Bij het maken van algemene inhoud, zoals een kop- of voettekst, is het gebruikelijk om een Ervaar fragment. 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 te steunen en lokalisatie.

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:

  1. Download het pakket met voorbeeldinhoud WKND-Starter-Assets-Skate-Article-1.2.zip.
  2. Upload en installeer het inhoudspakket met gebruik van Package Manager.
  3. 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 opgegeven tekst om de artikeltekst te vullen.

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 de Thema zelfstudie voor het leren van de beste werkwijzen voor het bijwerken van CSS en JavaScript-frontendcode die wordt gebruikt om algemene stijlen op de site toe te passen.

Oplossingspakket

U kunt een oplossingspakket voor dit hoofdstuk downloaden: WKND-Magazine-Template-SOLUTION-1.0.zip.

recommendation-more-help
b2a561c1-47c0-4182-b8c1-757a197484f9