tagDiv Besteci Nasıl Kullanılır


tagDiv Composer, tagDiv tarafından geliştirilen bir WordPress sayfa oluşturucu eklentisidir. Yalnızca tagDiv: Newspaper ve Newsmag tarafından geliştirilen temalarda mevcuttur. Bu nedenle, bu sayfa oluşturucuyu kullanmak için Newspaper veya Newsmag kullanmanız gerekir. tagDiv Composer'ı en iyi sayfa oluşturucular listesine ekledik ve web sitelerimizden birinde kullandık. tagDiv Composer, haber portalı, çevrimiçi dergi, blog ve düzenli makale güncellemesi gerektiren diğer web sitesi türleri gibi dinamik bir web sitesi oluşturmak için özellikle harika bir sayfa oluşturucudur. Yine de, daha statik bir web sitesi oluşturmak için tagDiv Composer'ı da kullanabilirsiniz. iFlow (aynı zamanda tagDiv tarafından geliştirilmiştir), tagDiv Composer ile oluşturulmuş web sitelerinden biridir.

tagDiv Besteci Nasıl Kullanılır

Hem WordPress sayfalarında hem de gönderilerde çalışan Elementor ve Divi Builder gibi popüler sayfa oluşturucuların aksine, tagDiv Composer yalnızca sayfalarda çalışır. Ancak, harika bir tasarıma sahip olmak için özel bir tek şablon oluşturmak için tagDiv Bulut Kitaplığı'nı kullanabilir ve ardından bunu herhangi bir makaleye atayabilirsiniz.

tagDiv Composer kullanarak bir sayfa oluşturmaya başlamak için, sadece yeni bir sayfa ( Sayfalar -> Yeni Ekle ) oluşturabilir ve TAGDIV COMPOSER düğmesini tıklayabilirsiniz. tagDiv Composer ön uç düzenleyicisine yönlendirileceksiniz.

tagDiv Composer düzenleyicisinde, istediğiniz öğeleri sol panelden tuval alanına sürükleyerek ekleyebilirsiniz. Öğe listesini görmek için sağ üst köşedeki artı düğmesini veya Öğe Ekle düğmesini tıklayabilirsiniz.

Sayfayı önizlemek için üst çubuktaki göz simgesine tıklayabilir veya sol alt köşedeki ok simgesine tıklayarak sağ paneli gizleyebilirsiniz.

Sayfayı düzenlemeyi bitirdikten sonra, değişiklikleri kaydetmek için disket simgesine tıklayın ve tagDiv Composer düzenleyicisinden çıkmak için X simgesine tıklayın. WordPress düzenleyicisine (Gutenberg) geri götürüleceksiniz.

WordPress düzenleyicide rastgele bir metin göreceksiniz. Bunu görmezden gelin ve sayfanızı bir kez daha önizlemek için Önizleme düğmesini tıklayın ve yayınlamak için Yayınla düğmesini tıklayın.

tagDiv Besteci Öğeleri

tagDiv Composer, kodlama yapmadan güzel bir web sayfası oluşturmak için kullanabileceğiniz bir dizi tasarım öğesiyle birlikte gelir. Genel olarak, tagDiv Composer düzenleyicisindeki öğeler iki türe ayrılır: satır ve kısa kod.

# Sıra

Bir satır, kısa kodları barındıran en büyük kapsayıcıdır. Satır eklerken sütun yapısını (düzenini) ayarlayabilirsiniz. tagDiv Composer tarafından sunulan 11 satır düzeni vardır.

# Kısa kodlar

Kısa kodlar, sayfanızı oluşturmak için kullanabileceğiniz gerçek tasarım öğesidir. tagDiv Composer'da kısa kodlar 6 türe ayrılır:

## Başlık Kısa Kodları

Başlık kısa kodları, web sitesi başlığına ayrılmış kısa kodlardır. tagDiv Composer ile özel bir başlık oluştururken başlık kısa kodlarını kullanabilirsiniz. İşte kısa kod listesi.

Başlık ana menüsü başlık tarihi
Başlık kategorileri listesi başlık hava durumu
Başlık logosu Mobil menü
Başlık canlı arama Mobil yatay menü
Başlık girişi Mobil canlı arama

## Kısa Kodları Engelle

Seçtiğiniz blok kısa koduna göre makaleleri stilize sütunlarda veya listelerde görüntülemek için bir blok kısa kod kullanabilirsiniz. Blok kısa kod, dinamik web sitenizin ana sayfasına, bu bölümün belirli bir kategoriden makaleleri gösterdiği bir bölüm eklemek için idealdir. Bir blok kısa koddaki makaleler kategorilere, etiketlere ve yazarlara göre filtrelenebilir. Blok kısa kodları listesi:

Esnek Blok 1 Blok 6 Blok 16
Esnek Blok 2 Blok 7 Blok 17
Esnek Blok 3 Blok 8 18. blok
Esnek Blok 4 Blok 9 Blok 19
Esnek Blok 5 Blok 10 Blok 20
Blok 1 Blok 11 Blok 21
2. blok Blok 12 Blok 22
Blok 3 Blok 13 23. Blok
Blok 4 Blok 14 Blok 24
Blok 5 15. blok Blok 25

## Büyük Izgara Kısa Kodları

Big Grid kısa kodlarının kullanımı, blok kısa kodlara oldukça benzer. Makaleleri kategorilere, etiketlere ve yazarlara göre filtreleyebileceğiniz stilize sütunlarda görüntülemek için kullanılabilirler. Fark, makaleleriniz daha büyük sütunlara sahip bir ızgarada görüntülenecektir. Bir Big Grid kısa kodu, ana sayfanın üst bölümünde başlıkları veya öne çıkan makaleleri görüntülemek için idealdir.

Büyük Izgara Esnek 1 Büyük Izgara 2 Büyük Izgara Tam 1
Büyük Izgara Esnek 2 Büyük Izgara 3 Büyük Izgara Tam 2
Büyük Izgara Esnek 3 Büyük Izgara 4 Büyük Izgara Tam 3
Büyük Izgara Esnek 4 Büyük Izgara 5 Büyük Izgara Tam 4
Büyük Izgara Esnek 5 Büyük Izgara 6 Büyük Izgara Tam 5
Büyük Izgara Esnek 6 Büyük Izgara 7 Büyük Izgara Tam 6
Büyük Izgara Esnek 7 Büyük Izgara 8 Büyük Izgara Tam 7
Büyük Izgara Esnek 8 Büyük Izgara 9 Büyük Izgara Tam 8
Büyük Izgara Esnek 9 Büyük Izgara 10 Büyük Izgara Tam 9
Büyük Izgara Esnek 10 Büyük Izgara 11 Büyük Izgara Tam 10
Büyük Izgara 1 Büyük Izgara 12 Büyük Izgara Slayt

## Genişletilmiş Kısa Kodlar

Bir sayfaya belirli öğeler eklemek için genişletilmiş kısa kodları kullanabilirsiniz. Örneğin, Instagram özet akışınızı görüntülemek için Instagram kısa kodunu, bir YouTube oynatma listesini gömmek için Video Oynatma Listesi kısa kodunu, bir reklam birimini görüntülemek için Reklam Kutusu kısa kodunu vb. kullanabilirsiniz.


reklam kutusu Instagram Tek resim
Arşiv listesi Liste menüsü Kaymak
Yazar kutusu Haber kaydı Başlıklı metin
Yazarlar kutusu Pinterest Başlık
Kategoriler/etiketler listesi Popüler kategori Video Oynatma Listesi (Vimeo)
sütun metni ham html Video Oynatma Listesi (YouTube)
Değiş tokuş Son Yorumlar Hava Durumu
Ana sayfa gönderisi Arama Formu Widget kenar çubuğu
görüntü kutusu Ayırıcı

## Harici Kısa Kodlar

Harici kısa kodlar, bir eklentiyi tagDiv Composer destekli bir sayfayla entegre etmek için kullanılabilir. tagDiv Composer tarafından desteklenen eklentiler, Slider Revolution, WooCommerce, tagDiv Social Counter ve tagDiv Newsletter'dır.

Bülten
Devrim Kaydırıcısı
Sosyal Sayaç
Kısa Kodlar
Mesaj Döngüsü
Mesaj Döngüsü 2

Küçük bir not. Woo Kısa Kodları, yalnızca WooCommerce eklentisi kuruluysa ve etkinleştirilirse kullanılabilir.

## Çok Amaçlı Kısa Kodlar

Bir açılış sayfasına, iletişim sayfasına, statik ana sayfaya, hakkında sayfasına vb. yaratıcı öğeler eklemek için çok amaçlı kısa kodları kullanabilirsiniz. Kullanabileceğiniz kısa kodlar şunlardır:

Buton Simge kutusu Fiyatlandırma tablosu
Eylem çağrısı Resim bilgi kutusu İlerleme çubuğu
Müşteri Satır içi tek görüntü Sosyal simgeler
sütun içeriği satır içi metin Takım üyesi
Sütun başlığı Liste referans
Resimli süslü metin Menü ürünü Resimli metin
Kahraman Numaralı sayaç Resmin üzerine başlık
Simge

Satırlar ve Kısa Kodlarla Çalışmak

# Satır

Kısa kod eklemeden önce en az bir satır eklemeniz gerekir. Daha önce de belirtildiği gibi, bir satır eklerken sütun yapısını (düzenini) ayarlayabilirsiniz. Bir satır eklemek için, onu sol panelden tuval alanına sürüklemeniz yeterlidir.

Satır düzenini ayarlamak için, farenizi düzenini ayarlamak istediğiniz satırın üzerine getirin ve Satır öğesine tıklayın. Ardından sol panele gidin ve tercih ettiğiniz düzeni seçin.

Düzen seçeneklerinin hemen altında, sütun aralığı, dikey hizalama, paralaks, tam yükseklik vb. gibi seçebileceğiniz birkaç ayar seçeneği vardır.

Arka plan rengini ayarlamak için Css sekmesine gidebilirsiniz. Bir görüntüyü arka plan olarak da kullanabilirsiniz. Bu sekmeden, dolguların yanı sıra kenar boşluklarını da ayarlayabilirsiniz.

Bir satırdaki sütunları özelleştirmek için farenizi özelleştirmek istediğiniz sütunun üzerine getirin ve Sütun 'u tıklayın. Ardından sütunu özelleştirmek için sol panele gidebilirsiniz.

Bir satırı silmek istiyorsanız, farenizi silmek istediğiniz satırın üzerine getirin ve Satır'ı tıklayın ve klavyenizdeki sil tuşuna basın. Lütfen bir satırı silmenin, kısa kodlar da dahil olmak üzere içindeki tüm öğeleri de sileceğini unutmayın.

# Kısa kodlar

Satırları hazırladıktan sonra kısa kodları eklemeye başlayabilirsiniz. Kısa kod eklemek için eklemek istediğiniz kısa kodu sol panelden tuval alanına sürüklemeniz yeterlidir.

Bir kısa kodu özelleştirmek için farenizi özelleştirmek istediğiniz kısa kodun üzerine getirin ve Öğe öğesine tıklayın. Ardından kısa kodu özelleştirmek için sol panele gidebilirsiniz.

Bazı kısa kodların farklı ayar seçenekleri vardır. Örneğin, Büyük Izgara kısa kodları ve Blok kısa kodları için makaleleri kategorilere, etiketlere ve yazarlara göre filtreleme seçenekleri vardır.

Harekete Geçirici Mesaj ve Satır İçi Metin gibi kısa kodlar için içeriği düzenlemek için bir panel göreceksiniz.

Tüm kısa kodların ortak bir özelliği vardır. Onlara stil verebileceğiniz bir Css sekmesi var. Css sekmesinde kenar boşluklarını, dolguları, renkleri, arka planı vb. ayarlayabilirsiniz. Bir kısa kodu güzelleştirmek için Css sekmesinde oynayabilirsiniz.

Bir kısa kodu silmek istiyorsanız, silmek istediğiniz kısa kodu sağ tıklayın ve Sil öğesini seçin.

Şablonlarla Çalışmak

Sıfırdan bir sayfa oluşturmaya ek olarak, önceden hazırlanmış bir şablondan da bir sayfa oluşturabilirsiniz. tagDiv Composer, bulutta depolanan çok sayıda hazır şablon sunar. Bir bulut şablonuna erişmeden önce tagDiv Cloud Library eklentisini etkinleştirmeniz gerekir. Eklentiyi etkinleştirmek için Gazete -> Eklentiler'e gidebilirsiniz.

Bir bulut şablonundan bir sayfa oluşturmak için üst çubuktaki bulut simgesini veya Şablonu Yükle düğmesini tıklamanız yeterlidir. Kullanmak istediğiniz şablonu seçin ve onu tagDiv Composer düzenleyicisine yüklemek için ŞABLONU İÇERİ AL düğmesini tıklayın.

Alt çizgi

tagDiv Composer, Gazete teması ve Newsmag temasının varsayılan sayfa oluşturucu eklentisidir. Bu sayfa oluşturucu, haber portalları, çevrimiçi dergiler ve bloglar gibi dinamik web siteleri için özel olarak tasarlanmıştır, ancak bunu portföy, şirket profili vb. gibi daha dinamik bir web sitesi oluşturmak için de kullanabilirsiniz. tagDiv Composer yalnızca WordPress sayfalarında çalışır. Bu gönderide tagDiv Composer incelememizi okuyabilirsiniz.

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

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