Udostępnij za pośrednictwem

Niestandardowe układy strony w Power Pages

  • Artykuł

Podczas tworzenia nowej strony sieci Web w studio projektowym należy wybrać układ strony. Obszar roboczy Strony zawiera zestaw wstępnie skonfigurowanych układów stron.

Wybieranie układu strony.

Użytkownik może także tworzyć własne układy niestandardowe stron za pomocą skryptów HTML, Liquid, JavaScript i CSS.

Napiwek

Stworzyliśmy serię samouczków i klipów wideo, aby dowiedzieć się, jak korzystać z Power Pages oraz jak tworzyć niestandardowy układ strony. Aby uzyskać więcej informacji, przejdź do Samouczka: dodawanie niestandardowego układu strony.

Utwórz niestandardowy układ strony

Aby utworzyć niestandardową stronę, wykonaj następujące kroki:

  • Utwórz szablon sieci Web zawierający niestandardowy kod.
  • Utwórz i skonfiguruj odpowiedni szablon strony, który będzie wyświetlany jako niestandardowy układ strony podczas tworzenia nowych stron sieci Web w obszarze roboczym Strony.

Tworzenie szablonu internetowego

Szablon sieci Web będzie zawierać kod dla układu. Na kod szablonu sieci Web może być kombinacją Liquid, HTML, CSS i JavaScript.

Szablony sieci Web mogą być zawarte w innej zawartości lub połączone z innymi szablonami w celu zbudowania systemu szablonów podczas tworzenia aplikacji sieci Web.

  1. Przejdź do Power Pages.

  2. W studio projektowym wybierz opcję ... a następnie wybierz opcję Zarządzanie portalami. Musisz użyć aplikacji Zarządzanie portalami, aby utworzyć rekord szablonu i wprowadzić kod niestandardowy.

    Wybranie elipsy umożliwia menu, w którym można wybrać aplikację zarządzania portalami.

  3. W aplikacji do zarządzania portalami przewiń do sekcji Zawartość i wybierz Szablony internetowe.

  4. Na ekranie Aktywne szablony internetowe wybierz pozycję Nowy.

    Opcja menu + Nowe na stronie Aktywne szablony sieci Web w aplikacji Zarządzanie portalem.

  5. Wypełnij pola.

    Pole Wartość
    Imię i nazwisko/nazwa Wpisz nazwę.
    Witryna sieci web Wybierz witrynę sieci Web, do której zostanie zastosowany motyw. Umieść kursor w polu i naciśnij klawisz Enter na klawiaturze, aby wyświetlić listę dostępnych opcji.
    Lokalizacja źródłowa Zazwyczaj kod źródłowy zawiera zawartość szablonu sieci Web. Na kod składa się zazwyczaj kombinacja kodów Liquid, HTML, CSS i JavaScript. Utworzysz kod zgodnie z swoimi wymaganiami.
    Typ MIME (Przewiń w dół, aby wyświetlić to pole) W polu można opcjonalnie uzyskać typ MIME dla zawartości szablonu. Typ text/html jest przyjmowany, jeśli nie został podany. Ta wartość będzie używana tylko wtedy, gdy szablon jest skojarzony z szablonem strony i kontroluje renderowanie całości zawartości dla tego szablonu.

    Pola z możliwością wypełnienia dla nowych plików sieci Web.

  6. Wybierz pozycję Zapisz.

Tworzenie nowego szablonu strony

Szablony sieci Web mogą być używane z szablonami stron do tworzenia niestandardowych układów stron używanych podczas tworzenia nowych stron sieci Web w studio projektowym.

  1. W aplikacji do zarządzania portalami przewiń do sekcji Witryna internetowa i wybierz Szablony strony.

  2. Na ekranie Aktywne strony internetowe wybierz pozycję Nowy.

    Opcja menu + Nowe na stronie Aktywne szablony strony w aplikacji Zarządzanie portalem.

  3. Wypełnij pola.

    Pole Wartość
    Imię i nazwisko/nazwa Wpisz nazwę.
    Witryna sieci web Wybierz witrynę sieci Web, do której zostanie zastosowany motyw. Umieść kursor w polu i naciśnij klawisz Enter na klawiaturze, aby wyświetlić listę dostępnych opcji.
    Type Wybierz Szablon internetowy
    Szablon sieci Web Wybierz szablon sieci Web, w którym znajduje się kod niestandardowy. Umieść kursor w polu i naciśnij klawisz Enter na klawiaturze, aby wyświetlić listę dostępnych opcji.
    Użyj nagłówka i stopki witryny internetowej Jeśli ustawienie jest zaznaczona, to szablon sieci Web będzie kontrolował renderowanie zawartości strony pomiędzy globalnym nagłówkiem i stopką witryny internetowej. Jeśli ta opcja nie jest zaznaczona, szablon sieci Web będzie odpowiedzialny za renderowanie pełnej odpowiedzi w przypadku, gdy renderujesz HTML, oznacza to wszystko od typu dokumentu po tagi katalogu głównego <html>, oraz wszystko pomiędzy.
    Domyślne Usunięto zaznaczenie.
    Nazwa tabeli Nie wybrano niczego.
    opis Opis szablonu strony.

    Szablon strony na podstawie szablonu sieci Web.

  4. Wybierz pozycję Zapisz.

Podczas gdy najczęstszymi przypadkami użycia szablonów sieci Web będzie renderowanie HTML, renderowanie pełnej odpowiedzi (z usunięciem zaznaczenia Użyj nagłówka i stopki witryny sieci Web) daje opcję renderowania dowolnego formatu tekstowego. To tu zaczyna być istotny atrybut Typ MIME szablonu sieci Web. Jeśli szablon strony, który nie używa nagłówka i stopki strony, jest renderowany, nagłówek Content-Type odpowiedzi HTTP zostanie ustawiony na typ MIME powiązanego szablonu strony (text/html zostanie użyty, jeśli nie podano typu MIME), co daje wiele możliwości renderowania treści nie-HTML za pomocą Liquid. Powszechnym przypadkiem użycia byłoby renderowanie kanału RSS przez ustawienie typu MIME application/rss+xml.

Tworzenie strony sieci Web przy użyciu szablonu niestandardowego

  1. W studio projektowym w obszarze roboczym Strony wybierz opcję + Strona.

  2. W oknie dialogowym Dodaj stronę;

    1. Wprowadź w Nazwa strony
    2. Z Układów niestandardowych wybierz niestandardowy układ strony.
    3. Wybierz Dodaj.

    Podczas tworzenia nowej strony sieci Web można wybrać niestandardowy układ.

  3. Wybierz opcję Podgląd, aby wyświetlić stronę niestandardową w witrynie.

Zobacz też