Sdílet prostřednictvím

Vlastní rozložení stránky v Power Pages

  • Článek

Když vytváříte novou webovou stránku pomocí designového studia, musíte vybrat rozvržení stránky. Pracovní plocha Stránky poskytuje sadu předem nakonfigurovaných rozvržení stránek.

Výběr rozvržení stránky.

Můžete si také vytvořit vlastní rozvržení stránky pomocí HTML, Liquid, JavaScript a CSS.

Zpropitné

Vytvořili jsme pro vás sérii návodů a videí, které vás naučí používat Power Pages a vytvořit vlastní rozvržení stránky. Další informace najdete v článku Kurz: Přidání vlastního rozvržení stránky.

Vytvoření vlastního rozložení stránky

Vlastní stránku vytvoříte následovně:

  • Vytvořte webovou šablonu obsahující váš vlastní kód.
  • Vytvořte a nakonfigurujte odpovídající šablonu stránky, která se zobrazí jako vlastní rozložení stránky při vytváření nových webových stránek v pracovním prostoru Stránky.

Vytvoření šablony webu

Webová šablona bude obsahovat váš kód pro vaše rozvržení. Kód webové šablony může být kombinací Liquid, HTML, CSS a JavaScript.

Webové šablony lze zahrnout do jiného obsahu nebo je kombinovat s jinými šablonami, a vytvořit tak modulární systém šablon při vytváření webových aplikací.

  1. Umožňuje přejít na Power Pages.

  2. V návrhovém studiu vyberte ... a poté vyberte možnost Správa portálu. K vytvoření záznamu šablony webu a zadání vlastního kódu budete muset použít aplikaci Správa portálu.

    Výběrem třech teček se dostanete do nabídky, kde si můžete vybrat aplikaci pro správu portálu.

  3. V aplikaci Správa portálu vyhledejte sekci Obsah a vyberte Šablony webu.

  4. Na obrazovce Aktivní šablony webu vyberte Nový.

    Položka nabídky + Nový na stránce Aktivní webové šablony v aplikaci Správa portálu.

  5. Vyplňte pole.

    Pole Hodnota
    Name Zapište název.
    Web Vyberte web, na který bude motiv použit. Umístěte kurzor do pole a stisknutím Enter na klávesnici zobrazte seznam dostupných možností.
    Source Obsah zdrojového kódu vaší webové šablony, kód je obvykle kombinací Liquid, HTML, CSS a JavaScript. Vytvoříte kód podle svých požadavků.
    Typ MIME (Toto pole zobrazíte posunutím dolů) Pole volitelně poskytuje typ MIME pro obsah šablony. Není-li poskytnut žádný typ, předpokládá se typ text/html. Tato hodnota bude použita pouze v případech, kdy je šablona přidružena k šabloně stránky a řídí zobrazování veškerého obsahu pro danou šablonu.

    Vyplnitelná pole pro Nové webové soubory.

  6. Vyberte Uložit.

Vytvoření šablony stránky

Webové šablony lze použít se šablonami stránek k vytvoření vlastních rozvržení stránek, které se použijí při vytváření nových webových stránek v designovém studiu.

  1. V aplikaci Správa portálu přejděte na část Web a vyberte Šablony stránky.

  2. Na obrazovce Aktivní šablony stránky vyberte Nový.

    Položka nabídky + Nový na stránce Aktivní šablony stránek v aplikaci Správa portálu.

  3. Vyplňte pole.

    Pole Hodnota
    Name Zapište název.
    Web Vyberte web, na který bude motiv použit. Umístěte kurzor do pole a stisknutím Enter na klávesnici zobrazte seznam dostupných možností.
    Type Vyberte Webová šablona
    Šablona webu Vyberte webovou šablonu, kde se nachází váš vlastní kód. Umístěte kurzor do pole a stisknutím Enter na klávesnici zobrazte seznam dostupných možností.
    Použít záhlaví a zápatí webu Je-li toto nastavení zaškrtnuté, bude webová šablona řídit zobrazování veškerého obsahu stránky mezi globálním záhlavím a zápatím webu. Pokud tato volba není zaškrtnuta, bude webová šablona odpovědná za zobrazení celé odpovědi v případě, že zobrazujete jazyk HTML – to znamená vše od doctype až po kořenové značky <html>.
    Výchozí Nezaškrtnuto.
    Název tabulky Nebylo vybráno nic.
    Description Popis šablony stránky.

    Šablona stránky založená na webové šabloně.

  4. Vyberte Uložit.

Ačkoliv mezi nejběžnější případy použití webových šablon patří zobrazování HTML obsahu, zobrazení celé odpovědi (zrušením zaškrtnutí možnosti Použít záhlaví a zápatí webu) vám dává možnost zobrazit jakýkoli textový formát, který si vyberete. A právě tehdy je atribut Typ MIME webové šablony relevantní. Když je vykreslena šablona stránky, která nepoužívá záhlaví a zápatí webu, záhlaví Content-Type odpovědi HTTP bude nastaveno na typ MIME přidružené webové šablony (pokud není poskytnut žádný typ MIME, použije se text/html), poskytující širokou škálu možností pro vykreslování obsahu jiného než HTML pomocí Liquid. Běžným případem použití je zobrazení informačního kanálu RSS nastavením typu MIME na application/rss+xml.

Vytvoření webové stránky pomocí vlastní šablony

  1. V designovém studiu v pracovním prostoru Stránky vyberte + Stránka.

  2. V dialogovém okně Přidat stránku:

    1. Zadejte název stránky
    2. V části Vlastní rozložení vyberte vlastní rozvržení stránky.
    3. Vyberte Přidat.

    Při vytváření nové webové stránky vyberte vlastní rozvržení.

  3. Výběrem položky Náhled zobrazíte vlastní stránku na webu.

Viz také