Avada WordPress temasında Fusion Builder kullanarak düzenleyin

GÜNCELLEME Kasım 2016 : ThemeFusion, Avada'yı Sürüm 5.0'a güncelledi. Bu güncelleme, Fusion Core eklentisine dahil edilmek yerine Fusion oluşturucuyu ayrı bir eklentiye ayırır. Fusion Builder tamamen yeniden tasarlandı ve önceki sürümlerden çok farklı.

Sizden ilk Fusion Core eklentisi de dahil olmak üzere sitenizin tamamını Avada BACKUP'a yükseltmeniz istendiğinde ve sorunsuz bir şekilde hareket etmedikleri için sayfalarınızı yeniden düzenlemek için biraz zaman harcamaya hazır olun.

Avada 5.0 yükseltmesini zaten yaptıysanız ve sayfalarınız bozuksa, Avada'nın daha önceki bir sürümünü edinin. FTP kullanarak wp-content/themes klasörüne gidin ve yeni sürümü yedekleyin. Ardından yeniden adlandırın ve önceki sürümü FTP'ye alın. Sayfalarınızın daha temiz sürümünü geri almalısınız.

Bu gönderi Sürüm 2.0.3 veya önceki sürümler içindir.

Avada temasını kullanma

WordPress kurulumunuzda Avada teması varsa, standart bir sayfa güncellemesinden oldukça farklı olan yazılarınızı ve sayfalarınızı oluşturmak için Fusion Builder'ı kullanmak mümkündür.

Fusion Builder, Avada'nın geliştiricileri ThemeFusion tarafından geliştirilen ve tema içinde duyarlı bir düzen sağlayan bir eklentidir.

İlk defa kullanacaklar için biraz kafa karıştırıcı olabilir.

Avada WordPress teması içinde Fusion Builder'ı kullanarak sayfaları veya gönderileri düzenlemenize yardımcı olacak bazı talimatlar yazdım.

Değişiklik yapmadan önce daima yedekleyin

Eklentilerin, temaların, yüklemelerin ve veritabanının tam yedeklemesini yapmadan WordPress çekirdeğini, temalarını veya eklentilerini asla güncellemeyin.

Güncellemeler başka bir şeyin bozulmasına neden olabilir ve kolayca geri dönebilmeniz veya hata ayıklayabilmeniz gerekir. Önce test edebilmeniz için bir geliştirme sitesinde büyük güncellemeler yapmanızı tavsiye ederim.

Avada'nın Fusion Builder'ını etkinleştirin

İlk olarak, içerik düzenleme alanının üzerindeki mavi düğmeyi kullanarak sayfada veya gönderide Fusion Builder'ı etkinleştirin.

Web tasarımcınız sayfaları zaten ayarladıysa, düğmeyi zaten tıklamış olabilir. Aşağıdaki gibi içerik düzenleyicinizin görünümünü değiştirecektir.

Avada'nın Fusion Builder'ını kullanarak duyarlı web sayfaları oluşturabilirsiniz.

Fusion Builder kullanarak sayfalar nasıl düzenlenir

WordPress arka ucunuza giriş yapın.

Sol taraftaki sekmeleri kullanarak sayfalara veya gönderiye gidin ve ardından düzenleyin.

Fusion Builder kutusu, sayfa düzenleme ekranınızın en üstünde olmalıdır. En üstteki düğmeler 'Sütun Seçenekleri', 'Oluşturucu Öğeleri', 'Özel Şablonlar' ve 'Önceden Oluşturulmuş Şablonlar' olarak etiketlenmiştir.

Bu gönderi için Özel Şablonları ve Oluşturma Öncesi Şablonları görmezden geleceğiz.

Başlamak

Fusion Builder Sütunu seçenekleri

Sayfanızı sütunlara bölmek istediğinizde bir Sütun Seçeneği belirleyin. Bu, sayfanıza Oluşturucu Öğeleri yerleştireceğiniz bir sütun yapısı ekler. Sütun boyutları ve sayıları daha sonra değiştirilebilir.

Bir Sütun Seçeneği seçtiğinizde, bu seçenek aşağıdaki beyaz alanda görünür. Sayfanızı oluşturmak için bir bulmacayı bir araya getiriyormuşsunuz gibi düşünün.

Sola 5 x 6'lık bir sütun eklediyseniz, sağa sığacak tek seçenek 1 x 6.'dır.

Bir sütunu sayfanın solundan sayfanın sağına sürükleyebilirsiniz.

Herhangi bir sütun seçeneğindeki eksi düğmesini tıklamak, öğenin alacağı sütun sayısını azaltır. Artı düğmesi tam tersidir.

Füzyon Oluşturucu Öğeleri

Oluşturucu Öğeleri, önce bir Sütun Seçeneği seçilmeden eklenebilir. Öğeler, sayfanızın tamamına yayılan tek bir satıra eklenecektir. Bunlar daha sonra gerekirse bir sütunun içine sürüklenebilir.

Avada'da bir dizi Oluşturucu Öğe seçeneği vardır. Metinle başlayalım. Sütunlarınızı yukarıdaki gibi ekledikten sonra, bir sütuna bir metin bloğu eklemek isteyebilirsiniz.

Oluşturucu Öğesi düğmesini tıklayın, METİN'i bulun ve ardından tıklayıp sütununuza sürükleyin.

Öğenin üzerine gelin, ardından metin eklemek veya düzenlemek için sağ üstte görünen boya fırçası simgesini tıklayın.

Tüm öğeler aynı düzenleme simgesi kullanılarak düzenlenebilir.

Metni veya öğe içindeki ortamı değiştirin, ardından KAYDET'i tıklayın, kutu kapanacaktır.

Bu pencere kapandığında, değişikliklerinizi kaydetmek için mavi GÜNCELLE düğmesini tıklayın.

Avada'da İçerik Kutularını Düzenleme

İçerik Kutuları, Oluşturucu Öğeleri altında bulunur. Bunlar gerçekten esnek oldukları için kullanışlıdır.

'İçerik Kutuları' öğesinin içinde, İçerik Kutusu ekranının en altına kaydırılarak eklenebilen birkaç 'alt kutu' veya 'Öğeler' olabilir.

Ana İçerik Kutusu ekranı, 'alt' öğesinin kendi stili olmadığı sürece tüm alt kutular için seçenekleri değiştirir.

Boya fırçası simgesini kullanarak İçerik Kutunuzun düzenleme ekranına gidin.

İçerik Kutusu içindeki seçenekler aşağıdaki gibidir:

Ebeveyn / Çocuk Ayarları
“Ebeveyn Düzeyi” ayarları, tüm kutu stillerini birlikte kontrol edecektir. “Alt Seviye” ayarları her kutu stilini ayrı ayrı kontrol edecektir.

İçerik Kutusu Düzeni
İçerik kutusu için düzeni seçin

Sütun sayısı
Satır başına sütun sayısını ayarlayın.

İçerik Hizalama
“Başlıklı Klasik Simge” ve “Yanda Klasik Simge” düzen seçenekleriyle çalışır.

Başlık Boyutu
Başlığın boyutunu kontrol eder. Tema seçeneği seçimi için boş bırakın. Piksel olarak örneğin: 18 piksel.

Başlık Yazı Tipi Rengi
Başlık yazı tipinin rengini kontrol eder. Tema seçeneği seçimi için boş bırakın. ör: #000

Gövde Yazı Tipi Rengi
Gövde yazı tipinin rengini kontrol eder. Tema seçeneği seçimi için boş bırakın. ör: #000

İçerik Kutusu Arka Plan Rengi
Tema seçeneği seçimi için boş bırakın.

Simge Arka Plan
Simgenin arkasında bir arka plan göstermeyi seçin. Tema seçeneği seçimi için varsayılanı seçin.

Simge Arka Plan Yarıçapı
Simge arka planının kenarlık yarıçapını seçin. Tema seçeneği seçimi için boş bırakın. Piksel (px) olarak, ör: 1px veya "yuvarlak".

Simge Rengi
Tema seçeneği seçimi için boş bırakın.

Simge Arka Plan Rengi
Tema seçeneği seçimi için boş bırakın.

Simge Arka Plan İç Kenarlık Rengi
Tema seçeneği seçimi için boş bırakın.

Simge Arka Plan İç Kenarlık Boyutu
Tema seçeneği seçimi için boş bırakın.

Simge Arka Plan Dış Kenarlık Rengi
Tema seçeneği seçimi için boş bırakın.

Simge Arka Plan Dış Kenarlık Boyutu
Tema seçeneği seçimi için boş bırakın.

İkon boyutu
Simgenin boyutunu kontrol eder. Tema seçeneği seçimi için boş bırakın. Piksel olarak örneğin: 18 piksel.

Simge Vurgulu Animasyon Türü
Fareyle üzerine gelindiğinde simge için animasyon türünü seçin. Tema seçeneği seçimi için varsayılanı seçin.

Vurgulu Animasyon Rengi
Fareyle üzerine gelme animasyonu için bir vurgu rengi seçin. Tema seçeneği seçimi için boş bırakın.

Bağlantı Türü
İçerik kutusunda gösterilmesi gereken bağlantı türünü seçin. Tema seçeneği seçimi için varsayılanı seçin.

Bağlantı Alanı
Bağlantının hangi alana atanacağını seçin. Tema seçeneği seçimi için varsayılanı seçin.

Bağlantı hedefi
_self = aynı pencerede aç
_blank = yeni bir pencerede aç. Tema seçeneği seçimi için varsayılanı seçin.

Animasyon Gecikmesi
Bir kümedeki her öğe arasındaki animasyon gecikmesini kontrol eder. Milisaniye cinsinden 1000 = 1 saniye.

Animasyon Ofseti
Animasyonun ne zaman başlayacağını seçin.

Animasyon Türü
Kısa kodda kullanılacak animasyon türünü seçin

Animasyon Yönü
Animasyon için gelen yönü seçin

Animasyon Hızı
Animasyonun hızını saniye cinsinden girin (0,1 – 1)

Üst Kenar Boşluğu
Piksel (px) cinsinden, ör: 1px.

Alt Kenar Boşluğu
Piksel (px) cinsinden, ör: 1px.

CSS Sınıfı
Sarma HTML öğesine bir sınıf ekleyin.

CSS kimliği
Sarma HTML öğesine bir kimlik ekleyin.

İçerik Kutusu 'alt'ını düzenleme

İçerik Kutusunu düzenlemek için boya fırçası simgesini tıklayın.

'Yeni İçerik Kutusu Ekle'yi veya İçerik Kutusunda zaten bir Öğe varsa muhtemelen 'İçerik Kutusu Öğesi 1+' öğesini bulmak için aşağıya kaydırın.

Metinleri, resimleri düzenleyin, simgeler ekleyin ve İçerik Kutusu 'alt' kısmındaki çok sayıda seçeneği değiştirin. Bu ayarlar ebeveyn ayarlarının üzerine yazacaktır.

Şimdi mavi KAYDET düğmesine tıklayın. Düzenleme kutusu kapanacaktır.

Sayfayı kaydetmek için sağ taraftaki GÜNCELLE düğmesine tıklamayı unutmayın.

Kullanışlı bağlantılar

Avada Güncelleme Bilgileri