Dostosuj wygląd witryny stron

Power Pages zawiera niezawodny zestaw motywów i narzędzi używanych do stylu witryny. Wybierz spośród kilku wstępnie ustawionych motywów, które można zastosować do portalu. Użyj tych motywów jako punktu wyjścia i zastosuj dalsze dostosowywanie za pomocą menu stylów.

Obszar roboczy Styling umożliwia stosowanie globalnych stylów witryny. Możesz zastosować aktualizacje znakowania firmowego i przejrzeć zmiany w wersji zapoznawczej po prawej stronie okna aplikacji. Styli oferuje 13 predefiniowanych motywów. Dla każdego motywu można dostosować paletę kolorów, kolor tła, style czcionek, style przycisków i marginesy sekcji.

1. Otwórz studio projektowe.

2. W okienku po lewej stronie wybierz pozycję Styl.

   

   Zwróć uwagę na listę motywów w obszarze roboczym stylu. Możesz dodatkowo dostosować określone elementy, takie jak kolory i czcionki witryny, z menu Styl. Power Pages oferuje podstawowe czcionki i ponad 30 czcionek Google do wyboru.

3. Wybierz jeden z wstępnie ustawionych motywów, aby zobaczyć, jak styl jest odzwierciedlany w obszarze roboczym kanwy po prawej stronie.

   • Każdy motyw ma własną paletę kolorów.

   • Możesz dostosować menu stylów, aby dostosować ustawienia do każdego motywu. Opcje tekstowe obejmują czcionkę, wagę, rozmiar i kolor.

4. Po wprowadzeniu zmian wybierz opcję Zapisz zmiany lub Odrzuć zmiany .

   Zmodyfikowany motyw jest zanotowany obok nazwy motywu, chyba że motyw zostanie zresetowany do zachowania zmian.

Resetowanie motywu

Aby zresetować motyw do oryginalnego stanu, wybierz wielokropek (...), a następnie wybierz opcję Przywróć domyślne .

Wyświetlanie strony

Aby wyświetlić pełną stronę w studio projektowym, wybierz ikonę pełnej strony.

Aby wyświetlić witrynę w środowisku produkcyjnym, wybierz ikonę podglądu.

Możesz również użyć selektora widoków do wyboru spośród widoków internetowych, tabletów i mobilnych obszaru roboczego.

Mapowanie motywu

Każdy kolor na palecie odpowiada określonemu elementowi na stronie. Motyw wstępnie ustawiony składa się z dziewięciu kolorów i trzech miejsc dla wybranych przez użytkownika kolorów. Jeśli dostosujesz elementy, mapowanie nie będzie poprawne, dopóki motyw nie zostanie zresetowany.

Aby dodać nowy kolor lub zmienić istniejący kolor, wybierz znak plus (+) w palecie kolorów i wybierz kolor przy użyciu selektora kolorów, wartości szesnastkowej lub wartości RGB.

Po dodaniu nowego koloru do palety kolorów można go użyć do kolorowania składników w menu kontekstowym.

Cofnij / Wykonaj ponownie

Możesz wybrać ikony Cofnij i Ponów w obszarze roboczym Style, aby przywrócić aktualizacje motywu dla wszystkich scenariuszy związanych ze zmianą bieżącego wybranego motywu.

1. Opcje cofania/ponownego wykonywania można stosować w dowolnych ustawieniach stylu dla wybranego motywu, w tym opcję resetowania do motywu domyślnego z menu Więcej (...).

2. Podczas przełączania do nowego motywu zostanie wyświetlony monit o zapisanie lub odrzucenie wszystkich niezapisanych zmian. Stos cofania/ponownego wykonywania jest czyszczony po wybraniu jednej z akcji.

Jakie jest oczekiwane działanie funkcji cofania/ponawiania?

Opcje Cofnij i Wykonaj ponownie obsługują tylko zmiany wprowadzone w obszarze roboczym Style. Historia akcji jest natychmiast czyszczona podczas przechodzenia do innego obszaru roboczego lub przełączania na inny motyw.

Zgodnie z projektem niektóre ogólne akcje studia projektowego nie są obsługiwane, takie jak:

• Synchronizowanie, zapisywanie, wyświetlanie podglądu, powiększanie, zmienianie rozmiaru kanwy, nawigowanie między obszarami roboczymi i stronami internetowymi oraz przekazywanie multimediów i plików CSS.

• Przełączenie do innego motywu, zapisanie nowo wybranego motywu bez żadnych zmian stylu.

• Niestandardowe akcje panelu CSS, takie jak przekazywanie, włączanie/wyłączanie, przenoszenie pliku w górę/w dół w kolejności priorytetów.

Zobacz także

• Użyj studia projektowego
• Tworzenie i projektowanie stron
• Dostosowywanie stron
• Zarządzanie plikami CSS