Visual Composer Dersleri – 1

Visual Composer Dersleri

Visual Composer Dersleri

WordPress temelde tasarımsal olarak temalara bağlıdır. Temanın size sunduğu alanlarda özelleştirme en başlarda çok kısıtlıydı. Daha sonra Visual Composer’in üretilmesiyle temalardan bağımsız olarak içerik tasarımlarını yapmak mümkün oldu. Visual Composer Dersleri ile bu WordPress tasarım aracını diğer adıyla builder veya Türkçe olarak inşa ediciyi rahatlıkla kullanabileceksiniz.

Adım adım Visual Composer Dersleri’ni takip edebilirsiniz.

  1. Adım – Visual Composer Elemanları

Bu elemanların detayları 2. Visual Composer Dersleri’nde verilecektir.

a) Row: Row sizin için bir içerik alanı oluşturur.

b) Text Block: Yazı yazabileceğiniz yazı alanı oluşturur.

c) Separator: Türkçe olarak satır ayırıcı diye çevrilebilir. Fakat bundan biraz daha gelişmiştir. Renklerini, boyutunu, uzunluğunu ve boşluklarını, çizgi stilini istediğiniz gibi ayarlayabilirsiniz.

ç) Separator with text: Türkçe olarak yazılı satır ayırıcı diye çevrilebilir. Satırın sağında solunda sizin belirlediğiniz özellikte çizgiler ve ortada yazı olarak düşünebilirsiniz. Tabi bundan biraz daha gelişmiştir. Üstte yazı altta çizgi, altta yazı üstte çizgi veya sağ ve solda benzer varyasyonları düşünebilirsiniz.

d) Facebook Like: Bu buton Facebook beğen butonu oluşturur.

e) Tweetmeme Buton: Buton ile Twitter’da paylaşım yapmanız mümkün.

f) Google+ Buton: Google+ hesabınız üzerinde butonun mevcut bulunduğu sayfayı paylaşmanızı sağlar.

g) Pinterest: Bu buton diğer sosyal medya butonları gibi Pinterest üzerinde paylaşım yapmanızı sağlar.

ğ) Single Image: Tek bir görseli yükleyip Visual Composer’in izin verdiği ölçüde görseli özelleştirip gösterebilirsiniz.

h) Image Gallery: Bir görsel galerisi oluşturmanızı sağlar. Birbirinden farklı tarzlarda galeri görünümleri mevcuttur. Bunlardan istediğinizi kullanıp Visual Composer’in izin verdiği ölçüde özelleştirebilirsiniz.

ı) Pageable Container: İstediğiniz içerikleri sayfalandırmaya yarar. 5 farklı içeriğimiz olsun. Bunların her birini farklı sayfalarda göstermek için bu elemanı kullanabiliriz. Birinci sayfada 1. eleman, 2. sayfada 2. elaman gibi. Numaralardan birine tıklandığında tıklanan numaraya gidilir.

i) Widgetised Sidebar: Bu Visual Composer Elemanı sayfanın sağında veya solunda özel bileşen alanı oluşturmanızı sağlar. Temada tanımlanmış mevcut sidebar’dan (yan menü’den) bağımsız olarak eklenir. Fakat bu elemanın içine girdiğinizde Yan menüde içeriği olan bir menü seçimi yapılır. Detaylı anlatımı 2. Visual Composer Dersleri’nde anlatılacaktır.

j) Video Player: Video oynatıcı, YouTube, Vimeo gibi video sağlayıcılar üzerinden videolarımızı alıp sitemizde yayınlamamızı ve oynatıcı kontrollerini özelleştirmemizi sağlar.

Visual Composer Dersleri

k) Google Maps: Google haritalar üzerinde bulunan veya bulunmayan bir mekanı sitemizde göstermemizi sağlar. Detayları 2. Visual Composer Dersleri’nde verilecektir.

l) Raw HTML: Html kod girmek istiyorsak bu elemanı kullanmak sağlıklı olacaktır. Genelde text block’da kullanılır fakat text block üzerinde bazı kodlar çalışmaz veya otomatik olarak silinir. Bu yüzden Raw HTML kullanmak daha sağlıklı olacaktır.

m) Flickr Widget: Bu eleman Flickr üzerinde bulunan görsellerinizi özelleştirebileceğiniz bir düzende göstermenizi sağlar.

n) Empty Space: Yukarıdaki bu elemanları eklediğimizde tasarımsal olarak birbirine yapışık olmalarını engellemek veya boşluk bırakmak için kullanılır. Piksel cinsinden değer yazılır.

o) Old Tabs: Bu eleman yan yana veya alt alta sekmeler oluşturur. Her sekmenin içerisine yukarıdaki tüm elemanları eklemek mümkündür. Detayları 2. Visual Composer Dersleri‘nde verilecektir.

ö) Old Accordion: Bu eleman Old Tabs’a benzer fakat alt alta akordeon şeklinde içerik oluşturmanızı sağlar.

p) Revolution Slider: Eğer Revolution Slider eklentisi WordPress üzerinde kurulu ise bunun kısa yolunu burada görebilir ve kullanabilirsiniz.

Diğer elemanlar temanın Visual Composer üzerinde kullandığı ekleridir. Temelde Visual Composer üzerinde yukarıdaki elemanlar mevcuttur.

Bir çok eklenti Visual Composer ile uyumlu çalışmaktadır. Bu eklenti o kadar çok tutuldu ki artık Visual Composer için bile ek eklentiler üretilmektedir. Bunların araştırmasını Visual Composer Addons şeklinde yapabilirsiniz.

Buradan Visual Composer indirebilirsiniz. Sorularınız için bizimle iletişime geçebilirsiniz.

2. Visual Composer Dersleri‘nde buradaki elemanların detaylarını ve her birinin kullanımını anlatacağız.

Bir cevap yazın

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

Destek Merkezi