Dostosowywanie stylu stron portalu dla deweloperów

Istnieją trzy najbardziej typowe sposoby dostosowywania portalu dla deweloperów w usłudze Azure API Management:

• Edytowanie zawartości statycznych stron i elementów układu strony
• Aktualizowanie stylów używanych dla elementów strony w portalu dla deweloperów (wyjaśniono w tym przewodniku)
• Zmodyfikuj szablony używane dla stron generowanych przez portal (na przykład dokumenty interfejsu API, produkty, uwierzytelnianie użytkowników)

Z tego artykułu dowiesz się, jak dostosować styl elementów na stronach starszego portalu dla 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 informacji, zapoznaj się z następującymi artykułami:

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

DOTYCZY: Developer | Podstawowa | Standardowa | Premia

Wymagania wstępne

• Poznaj terminologię usługi Azure API Management.
• Wykonaj następujący Szybki Start: Utwórz instancję usługi Azure API Management.
• Ukończ również następujący samouczek: Importowanie i publikowanie pierwszego interfejsu API.

Dostosowywanie portalu deweloperów

1. Wybierz pozycję Przegląd.

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

3. W lewej górnej części ekranu zobaczysz ikonę składającą się z dwóch pędzli do malowania. Umieść kursor na tej ikonie, aby otworzyć menu dostosowywania portalu.

   

4. Wybierz pozycję Style z menu, aby otworzyć okienko dostosowywania stylów.

   Wszystkie elementy, które można dostosować przy użyciu stylów , są wyświetlane na stronie

5. Wprowadź ciąg "headings-color" w polu Zmień wartości zmiennych, aby dostosować wygląd portalu dla deweloperów:

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

   

6. Kliknij pole dla zmiennej @headings-color .

   Otwiera się lista rozwijana wyboru kolorów.

7. Z listy rozwijanej selektora kolorów wybierz nowy kolor.

   Wskazówka

   Wersja zapoznawcza w czasie rzeczywistym jest dostępna dla wszystkich zmian. Wskaźnik postępu jest wyświetlany w górnej części okienka dostosowywania. 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 wprowadzić zmiany publicznie dostępne.

Wyświetlanie zmiany

1. Przejdź do portalu deweloperów.
2. Możesz zobaczyć wprowadzone zmiany.

Następne kroki

Warto również dowiedzieć się , jak dostosować portal deweloperów usługi Azure API Management przy użyciu szablonów.