Uzantı özelliklerini kullanmaya çalışırken " Bu özellik yalnızca SP Page Builder'ın Pro sürümünde kullanılabilir. " mesajını fark ettiyseniz , öncelikle SP Page Builder Pro sürümünün yüklü olduğundan emin olun.

Page Builder'ı yalnızca bir lisans anahtarı ekleyerek Lite'tan Pro'ya yükseltemezsiniz. Öncelikle Pro sürümü kurulmalıdır.

1. Yüklü bir Lite sürümünüz varsa, lütfen Pro sürümünü * indirin ve yükleyin. İçerikten önce oluşturulan uzantı kodunu dokunmadan yükseltir, tamamen güvenli bir işlemdir.
2. JoomShaper Kontrol Panelinize gidin. Daha sonra lütfen lisans anahtarını, çevresinde boşluk olmayan yalnızca rakamlarla kopyalayın. Lisans anahtarı 32 haneli bir sayıdır.
3. Daha sonra Joomla Arka uçta şuraya gidin: SP Page Builder Pro > Seçenekler (sağ üst köşe) > Lisans ve Güncelleme (aşağıdaki ekran görüntüsüne bakın). Joomla
   4.x'te yönetici alanı: Bileşenler > SP Page Builder Pro > Sayfalar > Seçenekler > Lisans ve Güncelleme.
4. E-posta adresini ve lisans anahtarını ilgili alanlara girin. JoomShaper hesabına kaydolurken girdiğiniz e-postanın aynısını kullanın.
   Not: Herhangi bir ekstra alan hatayla sonuçlanacaktır.
5. Ayarları Kaydet ve Kapat.
6. Tarayıcı önbelleğini temizleyin.
   
   Artık tüm PRO özelliklerini kullanabilmelisiniz.

*SP Page Builder Pro'yu ve gelecek güncellemeleri indirmek için ücretli abonelik gereklidir. Kişisel ve Ticari Üyelik planlarının farklı sınırlamaları vardır. Hızlı başlangıç ​​paketinde bulunan SP Page Builder Pro, SP Page Builder'ı ayrıca güncellemenize ve indirmenize izin vermez.   

WebP, Google tarafından geliştirilen ve yüksek görüntü kalitesini korurken verimli görüntü sıkıştırma sağlamayı amaçlayan bir görüntü formatıdır. Hızlı yükleme sürelerinin ve azaltılmış bant genişliği tüketiminin önemli olduğu web'de kullanılmak üzere özel olarak tasarlanmıştır. WebP görüntüleri, JPEG ve PNG gibi yaygın olarak kullanılan diğer formatlarla karşılaştırıldığında görüntü dosyalarının boyutunu önemli ölçüde azaltabilir. Bu, web sayfalarının daha hızlı yüklenmesine neden olabilir.

Tarayıcı Uyumluluğu: WebP, Google Chrome, Mozilla Firefox, Microsoft Edge ve Opera gibi başlıca modern tarayıcılar tarafından desteklenir. Safari 14.0 – 15.6 tam WebP desteğine sahiptir ancak macOS 11 Big Sur veya üzerini gerektirir. Tarayıcıların eski sürümleri (örneğin IE11) bu formatı desteklemez.

Varsayılan olarak Joomla Media, .webp dosyalarını desteklemeyebilir ve dosya yükleme sırasında "Dosya yüklenemiyor" ifadesini görebilirsiniz. Umarım sayfalar (ve eklentiler, satırlar) ve makaleler için .webp desteğini kolayca ekleyebiliriz. Medya genel yapılandırmasına gidin ( İçerik > Medya > Seçenekler).

1. İzin Verilen Uzantılar'ı ekleyerek webp artık kullanılmayan bmp'yi değiştirebilirsiniz.
2. webp Yasal Resim Uzantılarını (Dosya Türleri) ekleyin.
3. image/webp Yasal MIME Türlerini ekleyin.

Bu noktadan sonra, WebP dosyalarını Medya Yöneticisi'nde görebileceksiniz, bu dosyalar için herhangi bir önizlemeye sahip olmayacaksınız ancak medya yöneticisinin resim eklemek için kullanıldığı her yerde dosyaları kolayca seçebilirsiniz.

JCE düzenleyicisinde, göremiyorsanız / seçemiyorsanız, izin verilen dosya uzantıları listesine 'webp'yi eklemeniz gerekir. Eklenti Parametreleri -> Image Manager İzin Verilen Dosya Uzantıları.

SVG, Ölçeklenebilir Vektör Grafikleri anlamına gelir. Vektör görselleri için XML tabanlı bir dosya formatıdır. Kaliteyi olumsuz etkilemeden herhangi bir boyuta ölçeklendirilebilirler, bu nedenle bu tür görüntü dosyalarının logolar ve simgeler için bu kadar popüler olmasının nedeni budur.

Tarayıcı Uyumluluğu: SVG, Google Chrome, Mozilla Firefox, Safari, Microsoft Edge ve Opera gibi başlıca modern tarayıcılar tarafından desteklenir. IE9-11 ve Edge, SVG dosyalarını düzgün şekilde ölçeklendirmez ve animasyonları desteklemez.

Varsayılan olarak Joomla Media, SVG dosyalarını desteklemez ve dosya yükleme sırasında "Dosya yüklenemiyor" ifadesini görebilirsiniz. Umarım makalelere, sayfalara ve şablonlara kolayca SVG desteği ekleyebiliriz. Medya genel yapılandırmasına gidin (İçerik > Medya > Seçenekler).

1. svg,SVG Global uzantılar (dosya türleri) listesine ekleyin,
2. svg Yasal resim uzantısı olarak ekleyin,
3. image/svg+xml,application/svg+xml Yasal MIME türleri olarak ekleyin.

Bu noktadan sonra, SVG dosyalarını Medya Yöneticisi'nde görebileceksiniz, bu dosyalar için herhangi bir önizlemeye sahip olmayacaksınız ancak medya yöneticisinin resim eklemek için kullanıldığı her yerde SVG dosyalarını kolayca seçebilirsiniz.

JCE düzenleyicisinde, göremiyorsanız / seçemiyorsanız, izin verilen dosya uzantıları listesine 'svg'yi eklemeniz gerekir. Eklenti Parametreleri -> Image Manager İzin Verilen Dosya Uzantıları.

SP Page Builder'da özel JavaScript kodunu kullanabilir miyim? Genel olarak cevap Hayır'dır. Henüz özel bir JS eklentisi yok. Ayrıca bu tür kodlar için RAW HTML eklentisi kullanmanızı önermiyoruz, JavaScript için geliştirilmemiştir(!).

İçine özel JavaScript yerleştirmenize olanak tanıyan ekstra bir modül (uzantı) yüklemeniz gerekir. İlk denemede, bu yöntemi arka uçtan eklemenizi ve veritabanı yedeklemesini yaparak test etmenizi öneririz.

1. Bir modül için şunu kullanmanızı öneririz: HD-AnyCode veya Flexi Özel Kod.
2. Daha sonra özel JS kodunuzu içine koyun.
3. Bu modül için "Yayınlandı" durumunu ayarlayın.
4. Konumu seçin: "sayfa oluşturucu".
5. Daha sonra bu modülü seçmek ve Sayfa düzeninin içine eklemek için "Modül" eklentisini (SP Page Builder'dan) kullanın.

Bu uzantıların her ikisinde de seçilen formu görüntüleyebilen bir modül bulunur; bu yöntemin kullanılması, kısa koddan daha erişilebilirdir.

1. Joomla Modül Yöneticisi'nde Ekle düğmesine tıklayın ve Form Oluşturucu bileşenlerinden birinden bir modül seçin.
2. Modülün içinde listeden gerekli form kimliğini / adını seçin.
3. Modülü yayınlayın (Durum: Yayınlandı) ve ardından "sayfa oluşturucu" konumunu (veya düzende kullanılmayan başka bir konumu) seçin.
4. SP Page Builder'dan İç Sayfada Modül eklentisi ekleyin, ardından RSForm / Form Dönüştürme modülünü bulun ve seçin.
5. Ayarları kaydet. Form Sayfanızda görüntülenmelidir. 

Bu yöntemi birçok kez kullandık ve her zaman işe yaradı. Form modülünün görüntülenmemesiyle ilgili tek sorun yanlış modülü seçmenizdir.

SPPB'de, Metin eklentisinin içindeki metin düzenleyiciyi kullanarak, metin alanı alanını varsayılandan tam ekrana artırabilirsiniz; bu, uzun metni düzenlerken çok kullanışlıdır.

• Bir JCE (Core/Pro) düzenleyiciniz varsa, eksik simgeyi Bileşenler > JCE > Düzenleyici Profilleri > Varsayılan > Özellikler ve Düzen (sekme) > Geçerli Düzenleyici Düzeni'ni kullanarak ekleyebilirsiniz - simgeyi Kullanılabilir Düğmeler ve Araç Çubukları'ndan alın. 
  Ayrıca JCE ayarlarından (Profili Düzenle), JCE düzenleyicisinin Düzenleyici yüksekliğini ayarlayabilirsiniz. Px veya % değerini kullanabilirsiniz. Düzenleyici penceresinin yüksekliğinin, tam genişlikte görünümde düzenleyicinin kendisinden de artırılabileceğini unutmayın (sağ alt köşe).

  Ekstra Tavsiye: JCE araç çubuğunda yalnızca tipik metin düzenleme sırasında gerçekten kullanmanız gereken simgeleri saklayın. Çoğu durumda simgelerin %50'sini azaltabilirsiniz. Bu, editör penceresinde size çok fazla yer kazandıracaktır.

  
  
• TinyMCE düzenleyiciniz varsa, tam ekran simgesini görmek için [...] simgesine tıklayın. Bu simge zaten araç çubuğundadır.

SP Page Builder 5'te (Joomla) kolayca 5 sütun oluşturabilir ve bu sütunları flexbox yardımcı programlarıyla ortalayabilirsiniz. Bunlar temel adımlardır:

1. Yeni Satır
2. Sütunlar > Özel: 2+2+2+2+2 > Oluştur
3. Satır Ayarları > Stil (sekme) > CSS Sınıfı: d-flex justify-content-center
4. Sayfa ayarları > Sayfa CSS'si (veya şablon özel.css):

.justify-content-center .sppb-row {
  justify-content: center; }

Kullandıktan sonra

Okumak yerine izlemeyi tercih ediyorsanız video rehberimiz de var YouTube Klibi