Divi altbilginize bir kısa kod nasıl eklenir (eklentilerin 3 örneği)
Çok yönlü footer divi. Ziyaretçilerin web sitenizde gezinmesine yardımcı olmak için içine çeşitli unsurlar yerleştirebilirsiniz. Divi, altbilginize yerleştirebileceğiniz modüllerle dolu olsa da, Divi altbilginize bir eklenti kısa kodu ekleyebilirsiniz. Bu makalede size nasıl olduğunu göstereceğiz! Üç farklı eklentiyi idare edeceğiz, bu yüzden başlayalım. Divi altbilgimize ne eklediğimize bir bakışta bakalım. Bu eklentiyi ekleyeceğiz:
Etkinlik Takvimi
Balon Sosyal Fotoğraf Yemi Smash
Cookiey | GDPR kurabiye onayı ve uyumluluk bildirimi
Etkinlik takvimi masaüstü
Divi altbilgi şablonunuzu ve unzip dosyanızı indirin. JSON dosyalarını yükleyeceksiniz. Divi altbilgisine kısa bir kod ekleyeceğiz. Divi tema üreticisine altbilgi şablonlarını yükleyin Divi altbilgi şablonunuz indirilip fermuarı açtıktan sonra, Divi tema oluşturucusuna yükleme zamanı. WordPress Gösterge Tablosunda Divi> Tema Makinesi’ni açın. Sağ üstteki taşınabilirlik simgesini seçin. Sermayede, İçe Aktarma sekmesini tıklayın, dosyayı seçin, JSON dosyanıza gidin ve seçin ve Divi Tema Makerının İçe Aktarma Şablonunu tıklayın. Yüklemeyi bekleyin. Şablon başlığını silmek istemiyorsanız ve ayarları kaydetmek istemiyorsanız. Şimdi, Divi altbilgisine kısa bir kod ekleyeceğinize bakalım, Divi Tema İnşaatçısında veya ön uçta çalışabilirsiniz. Divi altbilginize etkinlik takvimi kısa kodunu ekleyin
İlk kısa kodumuz için etkinlik takvimini kullanacağız. Bu, WordPress için en popüler etkinlik takvimi ve takvim altbilgide iyi görünüyor. Bu eklenti kısa bir kod içermez, ancak etkinlik takvimi için kısa kod adı verilen bir uzantı ile ekleyebiliriz. İki eklentiyi yükleyin. Etkinliğinizi her zamanki gibi oluşturun. Etkinlik takvimi size kısa bir kod vermez, ancak kısa bir kod eklentisiyle yapabilirsiniz. Bu eklenti ayrıca özel CSS için stil seçenekleri ve alanları da içerir. WordPress Gösterge Tablosu’ndaki Eklenti Ayarları’na bakın. Etkinlik Eklentileri> Kısa Kod ayarlarını açın. Eklenti için Kısa Kod sekmesi Jortcode özniteliği sekmesinde bulunabilir. Bu, özel bir kısa kod oluşturmak için kullanabileceğiniz özelliklerle birlikte kısa bir kod örneği verir. Talimatları izleyin ve etkinliğiniz için kısa bir kod oluşturun. Örneğim için ön uçtan çalışacağım. Görsel oluşturucuyu etkinleştirin ve altbilgiye gidin. İmleci altbilgiye gidin ve altbilgi şablonunu düzenleyin. İmleci altbilgi öğesinin altındaki alana gidin. Bu alan CIPTA altbilgisi bildiriminin hemen üzerindedir. Yeşil Plus simgesini tıklayın ve sütunun bir satırını ekleyin. Metin veya kod modülünü seçin. Seçtiğiniz sorun değil. Bu örnek için kod modülünü seçtim. Kısa kodunuzu kod alanına yapıştırın. Yeşil kontrolü tıklayın ve sayfanızı kaydedin. Divi altbilginize kısa kod stili olay takvimi Kod modülü için Tasarım sekmesini seçin. Sınır stillerine gidin ve 1 piksel sınırını ekleyin.
Sınır Kuvvetleri: 1 piksel Etkinliğin geri kalanını, altbilgiden tasarım öğelerini kullanarak kısa kod eklentisinde düzenleyeceğiz.
Genel Ayarlar sekmesi eklentisi kısa kodunda, rengi ve yazı tiplerini bu ayarla değiştirin:
Ana ten rengi: #000000 Renk Arka Plan Etkinliği: #E3E3E3
Metin yazı tipi: Cantarell
Yazı tipi boyutu: 14px
Etkinlik Başlık Stili: Spartan, Kalın, #000000, 18px
Olay Açıklama Stili: #000000
Etkinlik Stili: #fffffff
Etkinlik Tarihi Tarzı: Cantarell, 36px, #ffffff
Altbilgi artık diğer altbilgilerle eşleşen bir etkinlik takvimi içeriyor.
Sosyal Balon Sosyal Fotoğraf Yem Kısay Kodunu Divi altbilginize ekleyin Smash Balloon’un Sosyal Fotoğraf Yemi, Instagram hesabınıza ateşle bağlanır ve yeminizden fotoğraflar görüntüler. Sosyal takipçilerinizi geliştirmenin en iyi yolu budur. Instagram hesabınıza bağlanmak için, WordPress kontrol panelindeki Instagram Feed> Ayarları Açın. Yapılandırma sekmesinde Connect ve Instagram hesabını tıklayın.
Sizi hesabınızı bağlayabileceğiniz ekrana götürür. Girmek için tıklayın ve eklentinin hesaba erişmesine izin verin.
Sekme etiketini seçin yeminizi gösterin. Instagram yeminin kısa kodunu kopyalayın. Ayrıca kısa kodları birkaç yem, ayar seçeneği, düğmeler ekleme vb. Bazıları eklentinin pro sürümünü gerektirir. Standart yem kullanıyorum. Ana sayfanızı açın (veya Divi Tema Oluşturucu). Etkinleştirilmiş görsel yapımcılar ve altbilgiye kaydırın. İmleci altbilgiye gidin ve altbilgi şablonunu düzenleyin.
İmleci yem eklemek istediğiniz yere gidin. Yeni satır ekleyin ve bir sütun seçin. Instagram yeminiz otomatik olarak görüntülenir. Buna daha fazla yük düğmesi, Instagram takip düğmeleri ve yemin nasıl bulunduğunu gösteren etiketler içerir. Her öğe ayarlanabilir. Yapılandırma sekmesindeki eklenti ayarı ekranında arka plan rengini, düzeni, görüntülenecek fotoğraf sayısını vb. Değiştirebilirsiniz. Bu istediğim gibi görüntülendi, bu yüzden bunu düzenlememe gerek yok. Cookiey ekle | Divi altbilginize GDPR Çerez ve Uyum Bildirimi Kısa Onay Kodu Cookiey | GDPR Çerez Onayı ve Uyumluluk Bildirimi Altbilginize sabitlenebilecek çerez onayını görüntüler. Kısa kod, Yardım Kılavuzu sekmesinde mevcuttur. WordPress panosundaki GDPR çerez> ayarlarının onayını açın. Seçilecek birkaç tane var ve bunu ayarlayabilirsiniz. Visual Builder’ı ana sayfanızda etkinleştirin, altbilgiyi kaydırın ve Footer Şablonunu Düzenle’yi seçin.Telif hakkı bildirimine gidin ve satırı iki sütuna değiştirin. Sağdaki simgeyi artı koyu gri tıklayın ve kod veya metin modülünü seçin. Tüm kısa kodları modüle ekleyin. Modülü kapatın ve sayfayı kaydedin. Eklenti modüllerinde ve ayarlarında bazı ayarlamalar yapacağız. Cookiey tarzı | GDPR Çerez Onayı ve Açık Kod Modülünün Bildirimi ve Tasarım sekmesini seçin. Alanın altında, üst kenar boşluğunu -24 piksel olarak ayarlayın. Bunu görsel oluşturucuya sürükleyebilirsiniz. Üst kenar boşluğu: -24px Telif hakkı metin modülünü açın. Tasarım sekmesine 14px dolgu ekleyin. Dolgu: 14 piksel Ayarlarınızı kaydedin ve eklenti ayarlarına gidin.
Düğme Özelleştirme sekmesinde, her bir düğmeyi seçin ve düğme boyutu için büyük seçin. Düğme Boyutu: Büyük
Tam Okuma seçeneğini seçin ve metnin metnini #888888 olarak ayarlayın. Metin Rengi: #888888 Masaüstü ve hücreseldeki her bir altbilgide aşağıdaki sonuçlar görüntülenir. Etkinlik takvimi masaüstü
Bu, masaüstündeki etkinlik yazısıdır. Hücresel olay takvimi Hücresel versiyon, etkinlik yazısının öğelerini biriktirir. Masaüstü Yem Sosyal Fotoğraf Smash Balon
Bu, Instagram Feed’in masaüstü sürümümüz. Balon Sosyal Fotoğraf Beslemesi Mobile Aşağıdakiler hücresel versiyondur. Bu görüntüyü bir yığın içine yerleştirir. Masaüstü kurabiye Bu, çerezlerin onayıyla yeni altbilgimizin masaüstü sürümüdür. Kurabiye hücresel Aşağıdakiler hücresel versiyondur. Web sitenizi daha da genişletmek için Divi altbilgisine kısa kod ekleyeceğimize dair görüşümüz olan zihnin sonlandırılması. Kısa kodların metin veya kod modülüne eklenmesi kolaydır. Burada kullandığım üç eklenti, sadece buzdağının Kısa bir kodla Divi’ye eklenebileceklerinden sadece zirvesidir. Senden duymak istiyoruz. Divi altbilgisine kısa bir kod eklediniz mi? Bize yorumlardaki deneyiminizden bahsedin.