Temayı özelleştirme

Apigee Edge belgelerini görüntülüyorsunuz.
. Git: Apigee X belgeleri. bilgi

Tema, bir sitenin görünümünü ve tarzını tanımlayan bir dosya koleksiyonudur. İlgili içeriği oluşturmak için kullanılan Geliştirici Hizmetleri portalı başlangıçta özelleştirebileceğiniz varsayılan bir temayla tanımlanır. Bu, portalınızın görünümü ve tarzıyla ilgili tercihlerinizi belirlemenize olanak tanır. Daha fazla özellikle bağlantıların, arka planların, metnin ve diğer tema öğelerinin rengini değiştirebilirsiniz. Siz geliştirici portalınızın ön sayfasında görünen karşılama mesajını da değiştirebilirsiniz.

Temayı, geliştirici portalı kullanıcı arayüzünü kullanarak veya özel bir tema dosyasını geçersiz kılın.

Geliştirici portalı sürümünüze bağlı olarak, seçebileceğiniz birkaç tema vardır gönderen:

Tema	Açıklama
Apigee duyarlı teması	Bu uygulama için varsayılan tema olan Bootstrap 3'e göre sürümlerinden faydalanabilirsiniz. Bu tema, genişlikleri 768 pikselden ile 768 piksel arasında olan cihazları destekler 1400 piksel. Bu temada tüm Bootstrap 3 özellikleri kullanılabilir. Not: Apigee Uyumlu temasını kullanmak için Bootstrap'in 7.x-3.0 teması etkin.
Apigee DevConnect teması	Apigee Duyarlı temasından önceki varsayılan portal teması. Mevcut portallar yeni Apigee Uyumlu temasına yükseltilebilir ancak öncesinde bunun yapılması gerekir. Tüm engellemelerin, şablonların ve diğer içeriğin Bootstrap 3 ile uyumlu olduğundan emin olmak ve Bootstrap 7.x-3.0 temasının etkinleştirildiğinden emin olun.
Apigee Base teması	Apigee DevConnect temasının ana temasıdır ve sahip olmalıdır.

Varsayılan temayı ayarlama

Portalınız hâlâ eski Apigee DevConnect temasını kullanıyorsa bir uyarı görebilirsiniz şu biçimde olmalıdır:

"Apigee DevConnect theme" is out of date 

Portal için varsayılan temayı ayarlamak üzere aşağıdaki prosedürü kullanabilirsiniz. Şunları yapmalısınız: yeni bir temayı her zaman ilk olarak üretim dışı bir sistemde test ederek, çok önemlidir.

Varsayılan temayı ayarlamak için:

1. Portalınıza, yönetici veya içerik oluşturma ayrıcalıklarına sahip bir kullanıcı olarak giriş yapın.
2. Drupal yönetim menüsünden Görünüm'ü seçin. Etkinleştirilmiş görüntülenir.
3. Varsayılan olarak kullanmak istediğiniz tema için Varsayılan olarak ayarla'yı seçin.
   . Apigee Uyumlu temasını kullanmak için Bootstrap 7.x-3.0 temasının etkinleştirilmiş olmalıdır.
4. Yapılandırmayı kaydedin.

Apigee Uyumlu temasını özelleştirme

Bu bölümde, aşağıdakiler de dahil olmak üzere Apigee Uyumlu temasının nasıl yapılandırılacağı açıklanmaktadır:

• Kalıcı formları özelleştirme
• Genel ayarları özelleştirme

Kalıcı form desteğini özelleştirmek için:

Portal, 2022'den itibaren Drupal Bootstrap'i Kalıcı formlar, Drupal formlarını kalıcı olarak görüntülemek için korumalı alan modülü. Giriş ve kayıt formları. varsayılan işlev olarak kullanır. Formların şu şekilde görünmesini sağlamak için bu işlevi devre dışı bırakabilirsiniz: tek tek sayfalar oluşturabilirsiniz.

1. Geliştirici portalına, yönetici ayrıcalıklarına sahip bir kullanıcı olarak giriş yapın.
2. Yapılandırma > Kullanıcı arayüzü > Bootstrap Modal'ı Drupal yönetim menüsü.
3. Formlar için kalıcı desteği etkinleştirin veya devre dışı bırakın.
4. Yapılandırmayı kaydet'i seçin.

Apigee Uyumlu temasının genel ayarlarını özelleştirmek için:

1. Portalınıza, yönetici veya içerik oluşturma ayrıcalıklarına sahip bir kullanıcı olarak giriş yapın.
2. Drupal yönetim menüsünden Görünüm'ü seçin. Etkin temaların listesi görünür.
3. Sayfanın Apigee Uyumlu (varsayılan tema) alanında Ayarlar (sayfanın üst kısmındaki Ayarlar düğmesini seçmeyin).
4. Apigee Duyarlı temasının ayarlar sayfası görünür.
5. Aşağıdaki tabloda tıklayın. Bu ayarlardan herhangi birini değiştirirseniz Yapılandırmayı kaydet'i seçin.
   
   

   Bölge	Bölüm	Açıklama
   Önyükleme ayarları
   	Bileşenler	İçerik haritalarının görüntülenmesini, ana menünün konumunu ( (ayarlarda gezinme çubuğu) yer alır ve bölge kuyularının görüntüsü: İçerik haritaları: İçerik haritasını gizleme/gösterme, Ana Sayfa bağlantısını etkinleştirme/devre dışı bırakma içerik haritası içinde. Navbar: Gezinme çubuğunun (ana menü) konumunu sabit/statik/normal konumları kullanarak düzeni daha dinamik hale getirir. Region Wells: Bölgedeki herhangi bir bölgeye iyi bir sınıf ekleyerek bölgeye daha koyu bir arka plan ekleyin.
   	JavaScript	Sabit reklamların, pop-up'ların ve ipuçlarının görünümünü kontrol edin: Sabitler: Sabitleme konumlarını düzeltin ve yumuşatmayı etkinleştirin kaydırır. Pop-over'lar: Pop-up'lar, herhangi bir konuma öğesine dokunun. Pop-up'ları etkinleştirin/devre dışı bırakın ve pop-up'ların nasıl kullanılacağını yapılandırın. İpuçları: İpuçlarının nasıl kullanılacağını yapılandırın. Her bir her form öğesinin sağında, solunda, üstünde veya altında görüntülenecek ipucunu ve diğer görüntüleme seçeneklerini de kullanabilirsiniz.
   	Gelişmiş	Portalın BootstrapCDN'yi nasıl kullandığını kontrol eder . Portal'ın bağımlılığını devre dışı bırakabilirsiniz. BootstrapCDN, ancak daha sonra kendi Bootstrap uygulamanızı sağlamanız gerekir bahsedeceğim.
   	DevConnect Ayarları	Karşılama mesajını, varsayılan renkleri ve görünen logonun boyutunu belirleme tıklayın.
   Genel Ayarları Geçersiz Kıl
   	Ekranı aç/kapat	Portalın farklı alanlarının görüntülenmesini etkinleştirin ve devre dışı bırakın.
   	Logo resmi ayarları	Ana menüde görüntülenen resmi belirtir.
   	Kısayol simgesi ayarları	Bir tarayıcının adres çubuğunda görüntülenen resmi veya portala giriş yapıyoruz.

Apigee DevConnect temasını özelleştirme

Apigee DevConnect teması, portalın eski sürümleri için varsayılan portal temasıdır. yeni Apigee Uyumlu temasına geçirilebilir. Ancak, öncelikle tüm formların işlemini gerçekleştirmeden önce bloklar, şablonlar ve diğer içeriklerin Bootstrap 3 ile uyumlu olup olmadığını yükseltmeye yardımcı olur.

Apigee DevConnect'in genel ayarlarını özelleştirmek için tema:

1. Portalınıza, yönetici veya içerik oluşturma ayrıcalıklarına sahip bir kullanıcı olarak giriş yapın.
2. Görünüm > Apigee DevConnect teması > Drupal'daki Ayarlar yönetim menüsü. Temaya ilişkin ilk ayarlar görüntülenir. Renk ayarları onaltılık değerler olarak belirtilir.

   

3. Ayarları tercihinize göre değiştirin.
   . Örneğin, karşılama mesajı ekleyin veya mevcut mesajı değiştirin ya da üstbilginin arka plan rengini değiştirin. İlgili içeriği oluşturmak için kullanılan başlık arka plan rengi başlangıçta turuncuya yakın bir değere (#FF4300) ayarlanır. Şunları değiştirebilirsiniz: mavi (#0000FF) gibi başka bir renge ayarlayabilirsiniz.
4. Ayarları değiştirmeyi tamamladığınızda Kaydet'i tıklayın.

Alt tema oluşturarak temayı özelleştirme

Portalla gönderilen varsayılan temaları tanımlayan tüm dosya ve öğeler profiller/Apigee/Temalar dizini kurulum dizininden bulabilirsiniz. Aşağıdaki koşullarla çalışırsanız bu dizin /var/www/html/profiles/apigee/themes adresinde bulunur. portalı varsayılan konuma yükledi.

Sitenin görünümünü ve tarzını değiştirmek amacıyla bir temayı düzenlemek için aşağıdaki tema dosyalarını değiştirmeyin: Profiller/Apigee/Temalar sayfasına göz atın. Bunu yaparsanız portalı bir sonraki yükseltmenizde değişikliklerinizin üzerine yazılır.

Bunun yerine, varsayılan temayı kopyalayarak değiştirmek istediğiniz temanın alt temasını oluşturun dosyaları /sites/all/themes dizin. Alt temalarla ilgili talimatlar için Drupal https://www.drupal.org/node/225125 adresindeki belgemizi inceleyebilirsiniz.

1. profiles/apigee/themes/apigee_responsive/apigee_responsive_starterkit klasörünü kopyalayın. /sites/all/themes tıklayın.
2. apigee_responsive_starterkit klasörünü yeniden adlandırma alıcı: YOUR_THEME_NAME.
3. apigee_responsive_starterkit.info dosyasını YOUR_THEME_NAME.info olarak yeniden adlandırın.
4. css/apigee_responsive_starterkit.css dosyasını şu şekilde yeniden adlandırın: css/TEMA_ADI.css
5. js/apigee_responsive_starterkit.js dosyasını YOUR_THEME_NAME.js.
6. YOUR_THEME_NAME.info dosyanızı düzenleyin ve aşağıdaki satırları değiştirin:
   
   . stilsayfalar[tümü][] = css/apigee_responsive_starterkit.css
   komut dosyaları[] = js/Apigee_duyarlı_starterkit.js
   
   . şununla:
   
   . stilsayfalar[tümü][] = css/TEMA_ADI.css
   komut dosyaları[] = js/THEME_ADINIZ.js
7. YOUR_THEME_NAME.info dosyasındaki temanın adını Apigee Uyumlu Başlangıç Seti yerine TEMENİZ olarak değiştirin NAME.
8. Temanız için yeni bir ekran görüntüsü eklemek istiyorsanız mevcut screenshot.png dosyasını değiştirin.
9. Temanıza yeni bir logo eklemek istiyorsanız mevcut logo.png dosyasını değiştirin.
10. Temanıza yeni bir site simgesi eklemek istiyorsanız mevcut favicon.ico dosyasını değiştirin.