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ü

Bu, Divi web sitemizin masaüstü sürümündeki etkinliğin takvimidir. Hücresel olay takvimi

Bu, bir cep telefonundaki etkinliğin takvimidir. Masaüstü Yem Sosyal Fotoğraf Smash Balon

Bu, masaüstünde bir sosyal fotoğraf yem balonu. Balon Sosyal Fotoğraf Beslemesi Mobile

Bu, mobil cihazlarda Balon Smocial Fotoğraf Yemi. Masaüstü kurabiye

Bu, Cookieyes ile yeni altbilgimizin masaüstü bir versiyonudur. Kurabiye hücresel

Çerezlerle hücresel versiyon budur. Bu öğretici için dipnotlar, bir altbilgi şablonuna ihtiyacınız var. Başından beri yapabilir veya zarif temalar blogunda ücretsiz altbilgi şablonlarından birini kullanabilirsiniz. Sadece “ücretsiz altbilgi” arayın. Örneğin, Divi esansiyel yağ düzeni paketi için ücretsiz bir başlık ve altbilgi şablonu kullanıyorum.
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.

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir