Geliştirici portalı sayfalarının stilini özelleştirme

Azure API Management'da geliştirici portalını özelleştirmenin en yaygın üç yolu vardır:

• Statik sayfaların ve sayfa düzeni öğelerinin içeriğini düzenleme
• Geliştirici portalının tamamında sayfa öğeleri için kullanılan stilleri güncelleştirme (bu kılavuzda açıklanmıştır)
• Portal tarafından oluşturulan sayfalar için kullanılan şablonları değiştirme (örneğin, API belgeleri, ürünler, kullanıcı kimlik doğrulaması)

Bu makalede, eski geliştirici portalının sayfalarındaki öğelerin stilini özelleştirmeyi ve değişikliklerinizi görüntülemeyi öğreneceksiniz.

Not

Aşağıdaki belge içeriği kullanım dışı bırakılmış geliştirici portalı hakkındadır. Kullanımdan kaldırılacağı ve tüm API Management hizmetlerinden kaldırılacağı Ekim 2023'e kadar her zamanki gibi kullanmaya devam edebilirsiniz. Kullanım dışı bırakılan portal yalnızca kritik güvenlik güncelleştirmelerini alır. Diğer ayrıntılar için aşağıdaki makalelere bakın:

• Yeni geliştirici portalına nasıl geçiş yapılacağını öğrenin
• Azure API Management yeni geliştirici portalına genel bakış
• Yeni geliştirici portalına erişme ve bu portalı özelleştirme

Kullanılabilirlik

Önemli

Bu özellik, API Management'ın Premium,Standart, Temel ve Geliştirici katmanlarında mevcuttur.

v2 katmanlarında (önizleme) özellik kullanılabilirliği için bkz. v2 katmanlarına genel bakış.

Önkoşullar

• Azure API Management terminolojisini öğrenin.
• Şu hızlı başlangıcı tamamlayın: Azure API Management örneği oluşturma.
• Ayrıca, şu öğreticiyi tamamlayın: İlk API'nizi içeri aktarma ve yayımlama.

Geliştirici portalını özelleştirme

1. Genel bakış'ı seçin.

2. Genel Bakış penceresinin üst kısmındaki Geliştirici portalı (eski) düğmesine tıklayın.

3. Ekranın sol üst tarafında, iki boya fırçasından oluşan bir simge görürsünüz. Portal özelleştirme menüsünü açmak için bu simgenin üzerine gelin.

   

4. Stil özelleştirme bölmesini açmak için menüden Stiller’i seçin.

   Stilleri’i kullanarak özelleştirebileceğiniz tüm öğeler sayfada görüntülenir

5. Geliştirici portalı görünümünü özelleştirmek için değişken değerleri değiştirin: alanında "headings-color" değerini girin.

   sayfada @headings-color öğesi görüntülenir. Bu değişken metnin rengini denetler.

   

6. @headings renk değişkeni alanına tıklayın.

   Renk seçici açılır menüsü açılır.

7. Renk seçici açılır menüsünden yeni bir renk seçin.

   İpucu

   Tüm değişiklikler için gerçek zamanlı önizleme kullanılabilir. Özelleştirme bölmesinin yukarısında bir ilerleme göstergesi görünür. Birkaç saniye sonra üst bilgi metni rengi yeni seçilen renge değişir.

8. Özelleştirme bölmesi menüsünde sol alt tarafta Yayımla’yı seçin.

9. Değişiklikleri genel olarak kullanılabilir yapmak için Özelleştirmeleri yayımla’yı seçin.

Değişikliğinizi görüntüleme

1. Geliştirici portalına gidin.
2. Yaptığınız değişikliği görebilirsiniz.

Sonraki adımlar

Şablonları kullanarak Azure API Management geliştiricisi portalı nasıl özelleştirebileceğinizi de öğrenmek isteyebilirsiniz.