Przegląd uruchomienia
Ładowanie początkowe to platforma frontonu, który pomaga projektować interfejsy internetowe z gotowymi składnikami CSS i JavaScript dla typowych elementów, takich jak nawigacja, formularze i przyciski. Ma ona również dynamiczny system układu siatki, który dostosowuje Twoją witrynę do urządzeń o różnych rozmiarach ekranów, takich jak telefony i tablety. Za pomocą systemu układu ładowania początkowego możesz utworzyć jedną witrynę, która będzie wyglądać dobrze na dowolnym urządzeniu, które może być używane przez klientów.
Szablony Power Pages wykorzystują standardowe składniki ładowania początkowego z minimalną liczbą niestandardowych stylów. Korzystając z tych szablonów, możesz łatwo zmienić motyw (czcionki, kolory itd.), aby dopasować go do swojej marki i preferencji w całej witrynie.
Power Pages obsługuje ładowanie początkowe w wersji 3.3.6 oraz ładowanie początkowe w wersji 5. Wersja ładowania początkowego 5 oferuje ulepszone funkcje obsługi użytkownika (UX) i nowe składniki, takie jak obsługa modułu harmonijkowego, rozwiązań poza kanwą i RTL.
W przypadku nowych witryn Power Pages musisz skonfigurować ładowanie początkowe w wersji 5 w swoim środowisku. Można również przeprowadzić migrację istniejących witryn internetowych ładowania początkowego w wersji 3 do wersji 5.
Dostosowywanie ładowania początkowego
Aby dostosować ładowanie początkowe, zmień wartości zmiennych, a następnie pobierz wersję ładowania początkowego skompilowaną z Twoimi niestandardowymi wartościami.
Siła zmiennych ładowania początkowego polega na tym, że definiują one na platformie wszystkie style, a nie tylko jeden element. Na przykład zmienna @font-size-base
określa domyślny rozmiar tekstu w witrynie — tekstu głównego, nagłówków i wszystkich innych elementów tekstowych. Nagłówek H1 można zdefiniować jako 300 procent elementu @font-size-base
. Ustawiając tę jedną zmienną, można w spójny sposób kontrolować całą skalę typograficznych witryny sieci Web.
Możesz utworzyć niestandardową wersję ładowania początkowego za pośrednictwem oficjalnej strony ładowania początkowego lub skorzystać z witryny innej firmy, która może oferować łatwiejszy interfejs lub wstępnie zaprojektowane motywy. Oficjalny konfigurator ładowania początkowego zawiera więcej informacji na temat dostosowywania.
Pobrana niestandardowa wersja ładowania początkowego zawiera następującą strukturę katalogów:
css/
|-- bootstrap.min.css
img/
|-- glyphicons-halflings-white.png
|-- glyphicons-halflings.png
js/
|-- bootstrap.min.js
W zależności od używanej aplikacji konfiguratora struktura katalogów może zawierać tylko element bootstrap.min.css
. Jest to plik zawierający dostosowania. Inne pliki są takie same dla wszystkich niestandardowych wersji uruchomienia i są już dostępne w witrynie sieci Web.