Anpassa stilen på utvecklarportalsidorna

Det finns tre vanligaste sätt att anpassa utvecklarportalen i Azure API Management:

• Redigera innehållet i statiska sidor och sidlayoutelement
• Uppdatera formatmallarna som används för sidelement i utvecklarportalen (förklaras i den här guiden)
• Ändra de mallar som används för sidor som genereras av portalen (till exempel API-dokument, produkter, användarautentisering)

I den här artikeln får du lära dig hur du anpassar stilen för element på sidor i den äldre utvecklaren portalen och visar dina ändringar.

Anmärkning

Följande dokumentationsinnehåll handlar om den inaktuella utvecklarportalen. Du kan fortsätta att använda den som vanligt tills den dras tillbaka i oktober 2023, då den tas bort från alla API Management-tjänster. Den inaktuella portalen får endast kritiska säkerhetsuppdateringar. Mer information finns i följande artiklar:

• Lär dig hur du migrerar till den nya utvecklarportalen
• Översikt över den nya utvecklarportalen i Azure API Management
• Åtkomst och anpassa den nya utvecklarportalen

Tillgänglighet

Viktigt!

Den här funktionen är tillgänglig på nivåerna Premium, Standard, Basic och Developer för API Management.

Information om funktionstillgänglighet på v2-nivåerna (förhandsversion) finns i översikten över v2-nivåer.

Förutsättningar

• Lär dig Azure API Management-terminologin.
• Slutför följande snabbstart: Skapa en Azure API Management-instans.
• Slutför även följande självstudie: Importera och publicera ditt första API.

Anpassa utvecklarportalen

1. Välj Översikt.

2. Klicka på knappen Utvecklarportal (äldre) överst i fönstret Översikt.

3. Längst upp till vänster på skärmen visas en ikon som består av två penslar. Hovra över den här ikonen för att öppna portalens anpassningsmeny.

   

4. Välj Formatmallar från menyn för att öppna utformningsfönster för formatmallar.

   Alla element som du kan anpassa med formatmallar visas på sidan

5. Ange "headings-color" i Ändra variabelvärden för att anpassa utvecklarportalens utseende: fält.

   Elementet @headings färg visas på sidan. Den här variabeln styr textens färg.

   

6. Klicka på fältet för variabeln @headings-color.

   Färgväljarrutan öppnas.

7. Välj en ny färg i listrutan färgväljare.

   Tips

   Realtidsförhandsvisning är tillgänglig för alla ändringar. En förloppsindikator visas överst i anpassningsfönstret. Efter några sekunder ändras rubriktexten i färg till den nyligen valda texten.

8. Välj Publicera längst ned till vänster på menyn i anpassningsfönstret.

9. Välj Publicera anpassningar för att göra ändringarna offentligt tillgängliga.

Visa din ändring

1. Gå till utvecklarportalen.
2. Du kan se den ändring som du har gjort.

Nästa steg

Du kanske också är intresserad av att lära dig hur du anpassar Utvecklarportalen för Azure API Management med hjälp av mallar.