Del via

Brugerdefinerede sidelayouts i Power Pages

  • Artikel

Når du opretter en ny webside i designstudiet, skal du vælge et sidelayout. Arbejdsområdet Sider indeholder et sæt foruddefinerede sidelayout.

Valg af sidelayout.

Du kan også oprette dine egne brugerdefinerede sidelayouts ved hjælp af HTML, Liquid, JavaScript og CSS.

Tip

Vi har oprettet en række selvstudier og videoer, hvor du kan lære at bruge Power Pages, og se, hvordan du opretter et brugerdefineret sidelayout. Du kan finde flere oplysninger i Selvstudium: Tilføje et brugerdefineret sidelayout.

Oprette et brugerdefineret sidelayout

For at oprette en brugerdefineret side skal du følge disse trin:

  • Opret en webskabelon, der indeholder den brugerdefinerede kode.
  • Opret og konfigurer en tilsvarende sideskabelon, der vises som et brugerdefineret sidelayout, når du opretter nye websider i arbejdsområdet Sider.

Oprette en webskabelon

Webskabelonen indeholder din kode til dit layout. Webskabelonkoden kan være en kombination af Liquid, HTML, CSS og JavaScript.

Webskabeloner kan inkluderes i andet indhold eller kombineres med andre skabeloner for at opbygge et system med skabeloner, der bygger webprogrammer.

  1. Gå til Power Pages.

  2. Vælg i designstudiet ..., og vælg derefter Portalstyring. Du skal bruge appen Portaladministration til at oprette en post i en webskabelon og angive din brugerdefinerede kode.

    Hvis du vælger ellipsen, bliver du dirigeret til en menu, hvor du kan vælge portalstyringsappen.

  3. I Portalstyring-appen skal du rulle til Indhold og vælge Web-skabeloner.

  4. Vælg Ny i skærmbilledet Aktive webskabeloner.

    Menuindstillingen + Ny fra siden Aktive webskabeloner i appen Portaladministration.

  5. Udfyld felterne.

    Felt Værdi
    Navn Navn på en type.
    Websted Vælg det websted, som temaet skal anvendes på. Sæt markøren i feltet, og tryk på Enter på tastaturet for at få vist en liste over tilgængelige indstillinger.
    Source Kildekodeindholdet i webskabelonen. Koden er typisk en kombination af Liquid, HTML, CSS og JavaScript. Du kan oprette koden baseret på dine behov.
    MIME-type (Rul ned for at få vist dette felt) Feltet indeholder også en MIME-type til indholdet af skabelonen. En tekst-/html-type antages, hvis der ikke er angivet nogen. Denne værdi bruges kun i tilfælde, hvor skabelonen er tilknyttet en sideskabelon og styrer gengivelsen af alt indhold i denne skabelon.

    Felter, der kan udfyldes, for nye webfiler.

  6. Vælg Gem.

Oprette en ny sideskabelon

Webskabeloner kan bruges sammen med sideskabeloner til at oprette brugerdefinerede sidelayout, der skal bruges, når du opretter nye websider i designstudio.

  1. I Portalstyring-appen skal du rulle til Websted og vælge Sideskabeloner.

  2. Vælg Ny i skærmbilledet Aktive sideskabeloner.

    Menuindstillingen + Ny fra siden Aktive sideskabeloner i appen Portaladministration.

  3. Udfyld felterne.

    Felt Værdi
    Navn Navn på en type.
    Websted Vælg det websted, som temaet skal anvendes på. Sæt markøren i feltet, og tryk på Enter på tastaturet for at få vist en liste over tilgængelige indstillinger.
    Type Vælg Webstedsskabelon
    Webskabelon Vælg den websideskabelon, hvor den brugerdefinerede kode er placeret. Sæt markøren i feltet, og tryk på Enter på tastaturet for at få vist en liste over tilgængelige indstillinger.
    Brug webstedets sidehoved og sidefod Hvis indstillingen er markeret, styrer websideskabelonen gengivelse af alt sideindhold mellem det globale websteds sidehoved og sidefod. Hvis denne indstilling ikke er markeret, er din websideskabelon ansvarlig for gengivelse af hele svaret i tilfælde af, at du gengiver i HTML, betyder det alt fra dokumenttype til <html>-rodmærker og alt i mellem.
    Er standard Ikke markeret.
    Tabelnavn Ingen er valgt.
    Beskrivelse En beskrivelse af din sideskabelon.

    Sideskabelonen er baseret på en webskabelon.

  4. Vælg Gem.

I de fleste tilfælde bruges webskabeloner til at gengive HTML, men ved at gengive hele svaret (ved at fravælge Brug webstedets sidehoved og sidefod) får du mulighed for at gengive et tekstbaseret format, du vælger. Her bliver MIME-Type-attributten for webskabelonen relevant. Hvis en sideskabelon, der ikke bruger webstedsheaderen og sidefoden, gengives, angives HTTP-responsindholdstypeheaderen til MIME-typen for den tilknyttede webskabelon (tekst/html bruges, hvis der ikke angives MIME-type), hvilket giver en lang række indstillinger for visning af ikke-HTML-indhold ved hjælp af Liquid. En almindelig brug er at gengive et RSS-feed ved at indstille MIME-typen application/rss+xml.

Oprette en webside ved hjælp af en brugerdefineret skabelon

  1. Vælg + Side i arbejdsområdet Sider i design studio.

  2. i dialogboksen Tilføj en side.

    1. Indtast et Sidenavn
    2. Vælg det brugerdefinerede sidelayout i Brugerdefineret layout.
    3. Vælg Tilføj.

    Vælg brugerdefineret layout, når du opretter en ny webside.

  3. Vælg Forhåndsversion for at få vist din brugerdefinerede side på webstedet.

Se også