Samouczek: styl Twojej witryny

Witryny Power Pages można dostosować w celu uwzględnienia stylów marki firmowej. Obszar roboczy Style umożliwia skonfigurowanie kolorów, czcionek i domyślnych ustawień projektowych dla całej witryny lub określonych stron.

Z tego samouczka dowiesz się, jak wykonywać następujące czynności:

  • Ustaw logo firmy.
  • Zdefiniuj kolor.
  • Skonfiguruj czcionki.

Wymagania wstępne

Dodawanie logo firmowego do Power Pages

Ten film wideo zawiera omówienie czynności, które należy wykonać, aby dodać logo firmy i kolory marki do Power Pages.

  1. Przejdź do Power Pages.

  2. W studio projektowym nad istniejącym logo kliknij przycisk Obraz, po którym pojawi się najechań.

    Przycisk obrazu.

  3. Wybierz istniejący obraz z biblioteki multimediów lub przekaż nowy obraz.

    Przekaż obraz.

  4. Wybierz obraz, którego chcesz użyć (w tym przypadku użyj przesłanego logo firmy).

Ustawianie kolorowania marki

Możesz zaktualizować paletę kolorów, aby zawierała dwa lub trzy podstawowe kolory marki oraz neutralne kolory uzupełniające. Te kolory mogą być używane w sposób spójny w całej witrynie Power Pages.

  1. W studio projektowym przejdź do obszaru roboczego stylu i wybierz kolory, które mają być używane w tle i czcionek.

    Kolor w obszarze roboczym stylu.

  2. Wybierz Zapisz zmiany.

Skonfiguruj czcionki marki korporacyjnej

  1. W studio projektowym przejdź do obszaru roboczego stylu i przewiń w dół, aby zdefiniować typy czcionek nagłówków, nagłówków, akapitów i przycisków.

    Opcje czcionek dostępne w obszarze roboczym stylu.

  2. Możesz także dostosować rozmiary i kolory dla każdego z nich w zależności od kolorów. Wszelkie aktualizacje, które użytkownik wprowadzić, zostaną natychmiast odzwierciedlone w witrynie.

  3. Wybierz pozycję Zapisz zmiany, aby zaktualizować stylizację.

    • Zaktualizowany motyw będzie miał zmodyfikowaną etykietę.

      Zmodyfikowana etykieta motywu.

    • Jeśli w dowolnym momencie zechcesz zacząć od nowa, wybierz wielokropek i wybierz Przywróć domyślne.

      Resetuj do ustawień domyślnych.

Następne kroki

Z wyprzedzeniem można przejść do następnego artykułu, aby dowiedzieć się, jak wyświetlić listę danych biznesowych na stronie.