WordPress’te Flipbox Yer Paylaşımları ve Gezinmeler Nasıl Oluşturulur

WordPress sitenize flipbox bindirmeleri ve görüntü üzerine gelme efektleri eklemek ister misiniz?

Yüksek kaliteli bir WordPress teması kullanıyor olsanız bile, özelleştirme seçenekleriyle sınırlı hissedebilirsiniz. Flipbox’lar ve görüntü vurguları, sitenize göz alıcı animasyonlu efektler ekler.

Bu makalede, WordPress sitenize nasıl flip box bindirmeleri ve görüntü vurgusu ekleyeceğinizi göstereceğiz.

WordPress'te flipbox bindirmeleri ve gezinmeleri nasıl oluşturulur

Flipbox nedir?

Flip box, farenizi üzerine getirdiğinizde ters dönen bir kutudur. Bu vurgulu animasyon efektini, metin kutuları ve resimler dahil olmak üzere web sitenizin belirli bölümlerine ekleyebilirsiniz.

Flipbox Demo Animasyonu

Terim, fare görüntünün üzerine geldiğinde gerçekleşen benzersiz “çevirme” özelliğinden gelir. Görüntünün her iki tarafının bilgileri ve tasarımı ile birlikte görüntünün nasıl döndüğünü kontrol edebilirsiniz.

Web siteniz nispeten statik ise, daha etkileşimli hissettirmek için bir flipbox efekti kullanabilirsiniz.

Örneğin, bir ürün fiyatlandırma sayfasına bir görsel vurgulu flipbox ekleyebilirsiniz. Bu şekilde, kullanıcılar fiyatlandırma katmanlarınızın üzerine geldiğinde fiyat görünecektir.

Veya freelancer iseniz, o kapakla çalıştığınız şirketlerin logolarını ekleyebilir ve her projeye bağlantı verebilirsiniz.

Bu animasyonlu efektler web sitenizin kullanıcı deneyimini iyileştirebilse de, aşırıya kaçmamak önemlidir.

Bir yemeğe baharat eklemek gibi flipbox etkisini düşünün. Mevcut lezzetleri ve malzemeleri geliştirmek için var, ama çok fazla ve yemeği mahvedecek.

Bununla birlikte, WordPress blogunuza veya web sitenize nasıl flipbox bindirmeleri ve görüntü üzerine gelme efektleri ekleyebileceğinize bir göz atalım.

WordPress’te Flipbox Kaplamaları ve Hover Efektleri Nasıl Oluşturulur

Elementor sayfa oluşturucu veya özel CSS ekleme gibi birçok yöntemi kullanarak WordPress sitenize flipbox’lar ve fareyle üzerine gelme efektleri ekleyebilirsiniz.

Ancak, önerdiğimiz yaklaşım, Flipbox – Awesomes Flip Boxes Görüntü Bindirme Eklenti. Bu eklenti esnek ve kullanımı kolaydır. En iyi flipbox ve resim vurgulu WordPress eklentisidir.

Eklentinin ücretsiz sürümü size hız ve basitlik sunuyor. Eklenti yüklendikten sonra, sitenize hızlı bir şekilde güzel görünümlü çevirme kutuları ekleyebilirsiniz.

Bu da ilginizi çekebilir  Her Eyaletteki Amerikalıların Bir Ömür Boyu Vergi Olarak Ne Ödeyecekleri

Daha fazla özelleştirme seçeneğine ihtiyacınız varsa eklentinin premium sürümüne geçmek isteyebilirsiniz. Bu, flipbox’larınızın renklerini kontrol etmenizi ve özel CSS eklemenizi sağlar.

Mevcut şablonların sitenize eklendiğinde zaten harika göründüğünü görebilirsiniz, bu durumda yükseltmeye gerek yoktur.

Yapmanız gereken ilk şey, yüklemek ve etkinleştirmektir. Flipbox – Awesomes Flip Boxes Görüntü Bindirme Eklenti. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Eklenti yüklenip etkinleştirildiğinde, ilk flipbox’ınızı şuraya giderek oluşturabilirsiniz: Flip Box » Yeni Oluştur.

Yeni bir flipbox oluşturun

Bu, tüm şablon seçimini getirir.

Bunlar yeterli değilse, kullanabileceğiniz daha fazla şablon için ‘Şablonları İçe Aktar’ menü seçeneğini tıklayabilirsiniz.

Bir flipbox şablonunu içe aktarın

Eklentinin ücretsiz sürümünde, aralarından seçim yapabileceğiniz 5 farklı şablon ve ayrıca içe aktarabileceğiniz 10 şablon daha vardır.

Yeni bir özelleştirilebilir şablonu içe aktarmak için Stil numarasının yanındaki ‘İçe Aktar’ düğmesini tıklayın.

Flipbox içe aktar düğmesini tıklayın

Şimdi şablonunuzu seçip özelleştirmeye başlama zamanı.

İlk flipbox tasarımınızı yüklemek için ‘Stil Oluştur’a tıklamanız gerekiyor.

Bu, flipbox’ınızı adlandırabileceğiniz ve hangi düzeni özelleştirmek istediğinizi seçebileceğiniz bir açılır menü getirecektir.

Hangi flipbox'ın özelleştirileceğini seçin

1., 2., 3. ‘Yerleşimler’ seçenekleri, düzendeki tek tek flipbox’larla eşleşir. Seçimlerinizi yaptıktan sonra ‘Kaydet’i tıklayın.

Son tasarımınızın flipbox şablonuyla yakından eşleşeceğini belirtmek önemlidir, bu nedenle web sitenizde nasıl görünmesini istediğinize benzeyen bir şablon seçmek en iyisidir.

Flipbox’ınızın görünümünü değiştirmek için kullanacağınız üç ana sekme vardır: ‘Genel’, ‘Ön’ ve ‘Arka Uç’.

Flipbox genel ayarlar menüsü

Bu sekmelerin her birinde yazı tiplerini, dolguyu ve kenar boşluklarını değiştirebilirsiniz. Ancak, varsayılan seçeneklerin zaten harika göründüğünü düşünüyoruz.

Ardından, flipbox’ın her iki tarafındaki metni değiştireceğiz.

Fareyle ekranın altındaki flipbox’ın üzerine gelin ve ‘Düzenle’yi tıklayın.

Flipbox önizleme metni düzenleme

Bu, ön metni, arka metni ve arka plan resmini değiştirmenize izin veren bir açılır pencere açacaktır.

Bu da ilginizi çekebilir  Bir Erkek Elbise Gömleği Nasıl Sığmalıdır?

Başlığı değiştirmek için, farklı bir simgenin görüntülenmesini istiyorsanız, ‘Ön Başlık’ metin kutusunu ve ‘Yazı Tipi Simgesi:’ kutusunu düzenleyin.

Flipbox ön başlığını ve simgesini değiştir

Bir arka plan resmi eklemek istiyorsanız, ‘Ön Resim’ seçeneğinin sağındaki ‘Görüntü Yükle’yi tıklayın.

Ardından, yeni bir resim yükleyin veya mevcut Medya kitaplığınızdan bir resim seçin.

Flipbox için ön arka plan resmini yükleyin

Bundan sonra, ‘Arka Uç Ayarları’ altındaki flipbox’ın arkası için aynı adımları izleyeceksiniz.

Burada, kart döndüğünde görüntülenen başlığı ve metni değiştirebilirsiniz.

Arka uç flipbox metnini değiştir

‘Arka Uç Düğmesi metni’ ve ‘Bağlantı’ alanlarını da değiştirebilirsiniz.

Bunlar, düğme metnini ve tıklandığında kullanıcılarınızın nereye gideceğini değiştirir.

Arka uç flipbox düğmesi ve bağlantısı ekle

Son olarak, flipbox’ın arkasındaki arka plan resmini değiştirmek için ‘Şimdi Yükle’yi tıklayın.

Yukarıdakiyle aynı şekilde, bir resim yükleyebilir veya Medya kitaplığınızdan birini seçebilirsiniz.

Arka uç arka plan resmini yükleyin

Düzenlemeyi bitirdikten sonra, değişikliklerinizi kaydetmek için ‘Gönder’ düğmesini tıkladığınızdan emin olun.

Yeni değişikliklerinizin hemen ‘Önizleme’ penceresinde görüneceğini fark edeceksiniz.

Tüm bir flipbox satırı oluşturmak istiyorsanız, ‘Add New Flip Boxes’ meta kutusundaki ‘+’ simgesini tıklayın.

Bir sıra flipbox ekleyin

Bu, ikinci flipbox’ınızı özelleştirmenize izin veren yukarıdakine benzer bir açılır kutu açacaktır.

Şimdiye kadar flipbox’larınızı oluşturup özelleştirdiniz, bu yüzden onları WordPress sitenize eklemenin zamanı geldi.

Bunu yapmanın en kolay yolu, birlikte verilen kısa kodu kullanmaktır. Ekranınızın sağ tarafında ‘Kısa Kod’ etiketli bir meta kutu var, aşağıdaki resme benzeyen kısa kodu kopyalayın.

Flipbox kısa kodunu kopyala

Ardından, flipbox’ı eklemek istediğiniz bir sayfaya veya gönderiye gidin ve kısa kodunuzu yapıştırın.

Ardından, yayınınız zaten yayındaysa ‘Yayınla’ veya ‘Güncelle’yi tıklayın.

Flipbox kısa kodunu yapıştırın

Yeni flipbox’larınız artık sitenizde yayında olacak.

Tarayıcı pencerenizi yeniden boyutlandırdığınızda, flipbox’ların %100 duyarlı oldukları için ayarlanacağını unutmayın.

Flipbox canlı WordPress ekranı

Bu eklenti ayrıca temanız tarafından desteklenen herhangi bir widget alanına ekleyebileceğiniz bir flipbox widget’ı içerir.

Bunu yapmak için şuraya gidin: Görünüm » Widget’lar ve ‘Flipbox – Awesomes Flip Boxes Image Overlay’ başlıklı widget’ı bulun.

Bu da ilginizi çekebilir  Bu 15 Şehir En Büyük Öğretmen Maaş Açıklarına Sahip

Flipbox widget'ı ekle

Ardından, widget’ı tercih ettiğiniz konuma sürükleyip bırakabilirsiniz.

Son olarak, ana Flipbox eklenti menüsünde bulunan stil kimliğini girin ve ‘Kaydet’i tıklayın.

Flipbox widget kimliği

Bu makalenin, WordPress sitenize flipbox bindirmeleri ve fareyle üzerine gelmeleri nasıl ekleyeceğinizi öğrenmenize yardımcı olacağını umduk. Ayrıca SEO için görüntüleri optimize etme kılavuzumuza ve yaygın WordPress görüntü sorunlarını düzeltmeye yönelik sorun giderme kılavuzumuza da göz atmak isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen abone olun Youtube kanalı WordPress video eğitimleri için. Bizi de bulabilirsiniz heyecan ve Facebook.





Kaynak

Teşekkürler Bunu zaten beğendin
Yorum yok