Dostosowywanie stylu stron portalu dla deweloperów

Istnieją trzy najczęstsze sposoby dostosowywania portalu dla deweloperów w usłudze Azure API Management:

• Edycja zawartości stron statycznych i elementów układu strony
• Aktualizacja stylów używanych dla elementów strony w portalu deweloperów (opisana w tym przewodniku)
• Modyfikowanie szablonów używanych dla stron wygenerowanych przez portal (na przykład dokumentacji interfejsu API, produktów czy uwierzytelniania użytkowników)

Z tego artykułu dowiesz się, jak dostosować styl elementów na stronach starszego portalu deweloperów i wyświetlić zmiany.

Uwaga

Poniższa zawartość dokumentacji dotyczy przestarzałego portalu deweloperów. Można z niego korzystać na dotychczasowych zasadach aż do jego wycofania w październiku 2023 r., kiedy zostanie usunięty ze wszystkich usług API Management. Przestarzały portal będzie otrzymywać tylko krytyczne aktualizacje zabezpieczeń. Aby uzyskać więcej szczegółowych informacji, zapoznaj się z następującymi artykułami:

• Dowiedz się, jak przeprowadzić migrację do nowego portalu dla deweloperów
• Omówienie nowego portalu dla deweloperów w usłudze Azure API Management
• Uzyskiwanie dostępu do nowego portalu deweloperów i dostosowywanie go

Dostępność

Ważne

Ta funkcja jest dostępna w warstwach Premium, Standardowa, Podstawowa i Deweloper usługi API Management.

Aby uzyskać informacje o dostępności funkcji w warstwach 2 (wersja zapoznawcza), zobacz Omówienie warstw w wersji 2.

Wymagania wstępne

• Poznaj terminologię dotyczącą usługi Azure API Management.
• Wykonaj czynności opisane w następującym przewodniku Szybki start: tworzenie wystąpienia usługi Azure API Management.
• Ponadto wykonaj zadania z następującego samouczka: Importowanie i publikowanie pierwszego interfejsu API.

Dostosowywanie portalu dla deweloperów

1. Wybierz pozycję Omówienie.

2. Kliknij przycisk Portal dla deweloperów (starsza wersja) w górnej części okna Przegląd .

3. W lewej górnej części ekranu będzie widoczna ikona składająca się z dwóch pędzli. Zatrzymaj wskaźnik myszy nad tą ikoną, aby otworzyć menu dostosowywania portalu.

   

4. Wybierz pozycję Style z menu, aby otworzyć okienko dostosowywania stylu.

   Na stronie zostaną wyświetlone wszystkie elementy, które można dostosować za pomocą stylów

5. Wprowadź wartość „headings-color” w polu Change variable values to customize developer portal appearance: (Zmień wartości zmiennych w celu dostosowania wyglądu portalu dla deweloperów:).

   Na stronie zostanie wyświetlony element @headings-color . Ta zmienna steruje kolorem tekstu.

   

6. Kliknij pole dla zmiennej @headings-color .

   Zostanie otwarta lista rozwijana selektora kolorów.

7. Wybierz nowy kolor z listy rozwijanej selektora kolorów.

   Porada

   Dla wszystkich zmian wyświetlany jest podgląd w czasie rzeczywistym. W górnej części okienka dostosowywania widoczny jest wskaźnik postępu. Po kilku sekundach tekst nagłówka zmieni kolor na nowo wybrany.

8. Wybierz pozycję Publikuj w lewym dolnym rogu menu okienka dostosowywania.

9. Wybierz pozycję Publikuj dostosowania, aby udostępnić zmiany publicznie.

Wyświetlanie zmiany

1. Przejdź do portalu dla deweloperów.
2. Wprowadzone zmiany będą widoczne.

Następne kroki

Może Cię również zainteresować poznanie sposobu dostosowywania portalu dla deweloperów usługi Azure API Management przy użyciu szablonów.