Divi Eklentisi Vurgusu - Divi Anahtarı

Divi Switch, Divi'ye bir anahtar hareketiyle açıp kapatabileceğiniz birçok yeni özellik ekleyen Divi için üçüncü taraf bir eklentidir. Divi topluluğundaki pek çok kişi, Divi Switch'i birkaç yıldır olduğu için biliyor, ancak 3.0 güncellemeleri, bakmaya değer birçok yeni özellik ve iyileştirme getirdi. Bu yeni özelliklerden bazıları şunlardır: yeni bir gösterge panosu, içe ve dışa aktarma için bir mini eklenti, ön yükleyiciler, yeni tema özelleştirici ayarları, logo özelleştirmeleri, yerleşik düzenleri olan özel 404 ve bakım sayfaları, SVG görüntüleri için destek ve daha fazlası.

Bu yazıda, yeni Divi Switch'e bir göz atacağız ve güncellenmiş özellik setine çok dikkat edeceğiz.

Divi Switch'i Yükleme

Herhangi bir eklenti gibi Divi Switch'i yükleyin ve etkinleştirin. Ardından panodaki Divi Anahtarı adlı Divi Tema Seçenekleri menüsüne yeni bir sekme eklenir. Lisans anahtarınızı girin ve eklentiyi etkinleştirin. Sekme daha sonra yeni bir sezgisel kontrol paneli ortaya çıkaracaktır.

Divi Anahtarı Panosu

Divi Switch yeniden tasarlandı ve tüm ayarlar yönetici menüsündeki ayrı yerinden Divi Tema Seçenekleri Sayfasına taşındı. Anahtarların kendileri, Divi Teması seçeneklerindeki yeni "Divi Anahtarı" sekmesinin altındaki alt sekmelerde dağıtılır.

Her geçişin bir başlığı, kısa açıklaması ve varsayılan olarak "Devre Dışı" olarak ayarlanmış gölgeli bir anahtarı vardır. Efekti etkinleştirmek istiyorsanız, anahtarı tıklamanız yeterlidir ve "etkin" konumuna geçecektir. Etkinleştirildiğini belirtmek için maviye döner.

Özelliklerin açıklamasını görmek için efektin üzerine geldiğinizde sağda çıkan soru işaretini seçin.

Birkaç sekmeye bakalım ve neler yapabileceğini görelim.

başlık

Başlık sekmesi 8 anahtar ve özelleştirme ekler. Başlık alt çizgisini kaldırabilir, telefon numarasını tıklanabilir hale getirebilir, sosyal bağlantıları yeni bir sekmede açabilir, üst başlık öğelerini ortalayabilir, kaydırmada farklı bir logo kullanabilir, hamburger menü metnini değiştirebilir, sayfaya özel bir logo kullanabilir ve Divi düzenine sahip tam ekran menü.

Logo Özelleştirmeleri

Divi Teması, her sayfada veya gönderide görüntülenebilen özel bir logo ayarlama özelliğine sahiptir. Peki ya sitenizde farklı logolar kullanmanız gerekirse? Divi Switch, görüntülenecek daha fazla logonuz olması için çeşitli logo seçenekleri ekler ve bunların nasıl ve nerede görüntüleneceğini kontrol etmenizi sağlar. Ayarlar, kaydırma sırasında farklı bir logo seçmenize olanak tanır ve belirli sayfalar için farklı bir logo ayarlayabilirsiniz.

Kaydırmada Farklı Logo

Kaydırmada yeni bir logo görüntülemek için logoyu ayarlar ekranına yüklemeniz yeterlidir. Alternatif logo, ziyaretçi ekranı kaydırdığında görüntülenecektir.

Sayfaya Özel Logo

Sayfaya Özel Logo ile web sitenizdeki tek bir logo ile sınırlı değilsiniz. İstediğiniz kadar logonuz olabilir ve bu size hangi sayfada hangi logonun görüntüleneceğini tam olarak kontrol etmenizi sağlar.

Ayarlarda Sayfaya Özel Logo'yu etkinleştirdiyseniz, sayfaların ve gönderilerin içerik alanının altına yeni bir özellik eklenir. Artık ana sayfa için farklı logo ve diğer sayfalar ve gönderiler için başka bir logo ayarlayabilirsiniz. Burada, o sayfanın veya gönderinin görüntülenmesini istediğiniz logoyu yüklemeniz yeterlidir.

Bu örnek, her sayfada sitenin logosunda bir varyasyon gösteren farklı sayfaları göstermektedir.

Tam Ekran Menüsü

Başlık ayrıca birkaç menü özelleştirmesine sahiptir. Bu örnek için, hamburger menü metnini değiştirdim ve tam ekran menü için bir düzen seçtim.

İşte yeni metniyle hamburger menüsü.

Hamburger menüsüne tıklamak tam ekran menüyü açar ve seçtiğim Divi düzenini gösterir. Web sitesini arka planda görebilmeniz için yarı saydamdır. Ayrıca bir kapat düğmesi içerir.

altbilgi

Altbilgi sekmesi, madde işaretlerini kaldırmanıza, alt altbilgiyi gizlemenize, altbilginin kaymasını durdurmanıza ve altbilgiyi Divi düzeniyle değiştirmenize olanak tanır.

Bu düzen, yalnızca Altbilgi sekmesinde seçilerek her sayfanın altbilgisine eklendi.

Ana içerik

Ana İçerik sekmesi 11 anahtar ve özelleştirme ekler. Bölücü kenar çubuğu çizgisini kaldırabilir, bir ana sayfa ön yükleyicisi ekleyebilir ve türü ve renkleri ayarlayabilir, portföy görüntü oranını değiştirebilir, görüntülerin bir ışık kutusunda açılmasını engelleyebilir, kaydırıcı animasyonlarını ayarlayabilir, Projeler gönderi türünü kaldırabilir, özel bir bakım sayfası ekleyebilir ve özel bir 404 sayfası ekleyin.

ön yükleyici

Ön yükleyicinin etkinleştirilmesi, ana sayfa yüklenirken animasyonlu bir simge görüntüler. Bu, sayfanın asıl içeriği hala arka planda yüklenirken bir şeyler olduğunu ziyaretçiye göstermek için harikadır. 15 geçiş tipi ve iki renk seçeneği vardır.

İşte sayfa yüklenirken ön yükleyicinin web sitesinde nasıl göründüğüne dair bir örnek.

Düzenlerle Özel 404 ve Bakım Sayfaları

Bu özellikler, sayfa listenizden herhangi bir bakım sayfası ve bir 404 sayfası seçmenize olanak tanır. Bu, oluşturduğunuz veya Divi kitaplığına aktardığınız düzenleri kullanarak sayfaları oluşturabileceğiniz anlamına gelir.

Bu konuda size yardımcı olmak için Divi Switch, kolayca özelleştirilebilen ve varsayılan olarak ayarlanabilen önceden tasarlanmış 10 düzen içeren birinci sınıf 404 sayfa ve bakım sayfası düzeni paketleri içerir. JSON formatındadırlar. Yukarıdaki resim 404 sayfadan biridir.

Düzenler profesyonelce tasarlanmıştır, bu nedenle 404 sayfanız ve bakım sayfalarınız yalnızca bilgilendirici değil, aynı zamanda çekici olacaktır. Bu örnek bakım sayfalarından biridir. Bir geri sayım sayacı içerir.

Mobil

Mobil sekmesi, her görüntü boyutu için kesme noktaları belirlemenizi sağlar. Kesme noktasını değiştirmesini istediğiniz değerin bir sayısını girin. Ayrıca, menüyü mobil cihazlarda daraltabilir ve belirli bir metni gösterebilirsiniz.

Gönderiler

Gönderilerin harika bir yorum özelliği vardır. Bu, yorumları bir geçişe taşır, böylece varsayılan olarak gizlenirler.

Bu kapalı geçiş. Yorumların normalde göründüğü gönderinin altına yerleştirilir.

Yorumları açmak ve görmek için tıklayın. Bu standart WordPress yorum formudur.

Divi yorum modülünü düzeninize eklerseniz, modül ayarlarıyla biçimlendirebilirsiniz. Hala geçişin içindedir ve varsayılan olarak kapalıdır.

Arşivler

Arşivler sekmesi size arşiv sayfaları (etiketler, kategoriler, yazar, arama vb. için sayfalar) üzerinde kontrol sağlar. Kategori başlığını ekleyin, kenar çubuğunu kaldırın, daha fazla oku bağlantısı ekleyin ve gönderilerin altına bir ayırıcı satır ekleyin.

İşte tüm arşiv anahtarlarının etkinleştirildiği örnek bir Yazar sayfası.

Entegrasyon

Entegrasyon sekmesi, ana içerikten önce, ana içerikten sonra ve gönderi içeriğinden önce dahil olmak üzere belirli konumlara Divi düzenleri eklemenizi sağlar. Açılır listelerden düzeni seçin.

Sadece bir metin modülü kullanarak tam genişlikte bir banner yaptım ve içeriğin önüne yerleştirdim. Tabii ki, istediğiniz herhangi bir düzeni oluşturabilirsiniz. Bu, CTA'lar ve özel menüler oluşturmanın harika bir yoludur.

ileri

Gelişmiş sekmesi, daha keskin logolar, simgeler ve diğer görüntüler için Ölçeklenebilir Vektör Grafikleri (SVG) yüklemenize olanak tanır. WordPress varsayılan olarak SVG'leri engellediğinden, bu görüntü biçimini Divi ile kullanmanın harika bir yoludur.

İthalat ihracat

İçe Aktar/Dışa Aktar sekmesi, Divi Switch tarafından oluşturulan kodu, müşterilerinizin sitelerine yüklemek için hafif ve özel markalı bir eklentiye dışa aktarmanıza olanak tanır. Bu, Divi Switch eklentisini kurmak ve kurmak zorunda kalmadan favori Divi Switch kodunuzu kullanmanızı kolaylaştırır. Eklenti için bir ad girin, bir açıklama sağlayın, yazar bilgilerini ekleyin, eklenti sürümünü verin ve Eklentiyi Dışa Aktar'ı seçin.

Artık markalı eklentinizi herhangi bir eklenti gibi müşterinizin sitelerine yükleyebilirsiniz. Markanıza sahip olacak.

Tema Özelleştirici

Divi Space Settings adlı tema özelleştiriciye yeni bir sekme eklendi. Burada Divi Switch adlı başka bir sekme bulacaksınız. Tema özelleştirici, mobil menü için özel bir simge oluşturmak, başlık arka plan görüntüsünü değiştirmek, en başa dön düğmesini özelleştirmek ve arşiv sayfalarını özelleştirmek için ek ayarlar içerir - tümü canlı önizleme ile.

Bu örnekte, başlığa bir arka plan resmi ekledim. Tekrarlamak, görüntü konumunu değiştirmek ve görüntü boyutunu değiştirmek için ayarlayabilirsiniz. Bu ayarın üzerinde, mobil menü için bir simge seçebileceğiniz bir seçim alanı bulunur.

Bu örnekte, düzene uyması için başa dön düğmesini ayarlıyorum. Simge boyutunu, yarıçapı, konumu, arka plan rengini, simge rengini ve vurgulu renkleri ayarlayabilirsiniz.

Bu örnekte, arşiv sayfalarının ayırıcı rengini, yüksekliğini ve genişliğini ayarlıyorum. Bu örneklerde, aşağı kaydırdığımda logonun değiştiğini de fark edeceksiniz. Hala logo takas ayarını etkinleştirdim (peki, sanırım aslında 'değiştirilmiş'.)

Lisans

Divi Switch'in seçebileceğiniz üç lisansı vardır:

• Tek site – 24 $
• 3 site – 50$
• Sınırsız site – 96 $

Divi Switch, Divi Space Üyelik planında da mevcuttur.

Biten Düşünceler

Divi Switch'teki yeni özelliklerden etkilendim. CSS sınıflarını yapıştırmak zorunda kalmamak ve yeni kontrol paneli hoş karşılanan özelliklerdir. Logo seçenekleri, ön yükleyici, mini eklenti ve özel 404 sayfası ve bakım sayfası Divi'ye tek başına çok şey katıyor. Divi düzenleri ekleme ve özel bir altbilgi seçme yeteneğini seviyorum. Ayrıca başlığa bir resim eklemek ve onu özelleştirmek ve başa dön düğmesinin rengini, şeklini ve konumunu değiştirmek için tema özelleştirme özelliklerini seviyorum.

Divi Switch, Divi'ye birçok özellik ekler. Her birinin kullanımını kolay buldum. Mümkün olan en kolay şekilde ekleyebileceğiniz çok sayıda özelleştirme arıyorsanız, aradığınız şey Divi Switch olabilir.

Senden duymak istiyoruz. Divi Switch'i denediniz mi? Aşağıdaki yorumlarda bize deneyiminizden bahsedin!

Oleh Donets / Shutterstock.com aracılığıyla Öne Çıkan Görsel