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.

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.

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 Image Overlay eklentisini kullanmaktır. 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.

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, Flipbox – Awesomes Flip Boxes Image Overlay eklentisini kurmak ve etkinleştirmektir. 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ştirildikten sonra, Flip Box » Create New seçeneğine giderek ilk flipbox'ınızı oluşturabilirsiniz.

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.

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.

Ş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.

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.

Nihai 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ç'.

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.

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

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

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.

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ç 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.

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.

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.

Bu, ikinci flipbox'ınızı kişiselleş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.

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.

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ından ayarlanacağına dikkat edin.

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 Görünüm » Widget'lar'a gidin ve 'Flipbox – Awesomes Flip Boxes Image Overlay' başlıklı widget'ı bulun.

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.

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 WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi Twitter ve Facebook'ta da bulabilirsiniz.