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

Azure API Management'ta 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ında sayfa öğeleri için kullanılan stilleri güncelleştirin (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.

Uyarı

Aşağıdaki belge içeriği, kullanım dışı bırakılan geliştirici portalıyla ilgilidir. 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. Daha fazla ayrıntı için aşağıdaki makalelere bakın:

• Yeni geliştirici portalına geçiş yapmayı öğrenin
• Azure API Management yeni geliştirici portalına genel bakış
• Yeni geliştirici portalına erişim ve özelleştirme

ŞUNLAR IÇIN GEÇERLIDIR: Geliştirici | Temel | Standart | Premium

Ö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 kılavuzu tamamlayın: İlk API'nizi içe 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.

   Stiller'i kullanarak özelleştirebileceğiniz tüm öğeler sayfada görünür

5. Geliştirici portalı görünümünü özelleştirmek için değişken değerlerini değiştir: alanına "headings-color" yazın.

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

   

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

   Renk seçici açılır listesi açılıyor.

7. Açılır renk seçici listesinden yeni bir renk seçin.

   Tavsiye

   Tüm değişiklikler için gerçek zamanlı önizleme kullanılabilir. Özelleştirme bölmesinin en üstünde bir ilerleme göstergesi görüntülenir. Birkaç saniye sonra üst bilgi metni rengi yeni seçilene dönüşür.

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

9. Değişiklikleri genel kullanıma açmak 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ştirici portalını özelleştirmeyi öğrenmek de ilginizi çekebilir.