WordPress’te Kaplama Nasıl Yapılır ve Flipbox

WordPress sitenize kaplama ve görüntü görüntüleri eklemek ister misiniz? Yüksek kaliteli bir WordPress teması kullansanız bile, ayar seçeneği ile sınırlı hissedebilirsiniz. Flipbox ve yüzen görüntüler sitenize ilginç animasyon efektleri ekler. Bu makalede, WordPress sitenize nasıl bir flip kutu kaplama ve yüzen görüntüler ekleyeceğinizi göstereceğiz.

Flipbox nedir? Flip Box, fareyi üzerine yönlendirdiğinizde baş aşağı olan bir kutudur. Metin kutuları ve resimler dahil olmak üzere web sitenizin belirli kısımlarına Hover Animasyon efekti ekleyebilirsiniz.

Bu terim, fare resmin üzerinde yüzdüğünde ortaya çıkan benzersiz “Flip” özelliğinden gelir. Görüntünün, görüntünün her iki tarafından bilgi ve tasarımla birlikte nasıl tersine çevrildiğini kontrol edebilirsiniz. Web siteniz nispeten statikse, daha etkileşimli hissettirmek için Flipbox efektini kullanabilirsiniz. Örneğin, Ürün Fiyatı sayfasına Flipbox Hover görüntüsü ekleyebilirsiniz. Bu şekilde kullanıcı imleci fiyat seviyenize yönlendirdiğinde fiyat görünecektir. Veya serbest çalışan iseniz, Flip ile çalıştığınız ve her projeye bağlantı ile şirket logosunu ekleyebilirsiniz.
Bu animasyonlu efekt web sitenizi kullanıcı deneyiminizi geliştirebilse de, aşırıya kaçmamak önemlidir. Flipbox’ın yemeğe baharat eklemek gibi etkisini düşünün. Mevcut tadı ve malzemeleri arttırmak için vardır, ancak çok fazla ve yemeğe zarar verecektir. Bu nedenle, WordPress blogunuza veya web sitenize Flipbox Kaplama ve Hover efekt efektleri nasıl ekleyebileceğinize bakalım. WordPress’te Flipbox ve Hover Efektleri Nasıl Yapılır WordPress Sitenize Flipbox ve Hover efekti ekleyebilir veya Elementor sayfası yapımcıları gibi birçok yöntem kullanarak veya özel CSS ekleyebilirsiniz. Ancak, önerdiğimiz yaklaşım Flipbox eklentisini kullanıyor – Awesomes Flip Boxes kullanıyor. Görüntü kaplama. Bu eklenti esnektir ve kullanımı kolaydır. Bu en iyi WordPress Flipbox eklentisi ve en iyi görüntü havada. Bu eklentinin ücretsiz sürümü hız ve sadelik sunar. Eklenti yüklendikten sonra, sitenize hızlı bir şekilde iyi bir flip kutusu ekleyebilirsiniz. Daha fazla ayar seçeneğine ihtiyacınız varsa, Premium eklenti sürümüne yükselmek isteyebilirsiniz. Bu, flipbox renginizi kontrol etmenizi ve özel CSS eklemenizi sağlar. Sitenize eklendiğinde mevcut şablonun iyi göründüğünü, bu durumda güncellemenize gerek olmadığını görebilirsiniz.
Yapmanız gereken ilk şey, Flipbox eklentisini yüklemek ve etkinleştirmek – Awesomes Flip Boxes görüntü kapsama. Daha fazla bilgi için, WordPress eklentilerinin nasıl yükleneceğine dair adım adım kılavuzumuza bakın. Eklenti yüklendikten ve etkinleştirildikten sonra, flip kutusunu açarak ilk flipbox’ınızı oluşturabilirsiniz »Yeni Oluştur.
Tüm şablon seçeneklerini gösterir. Yeterli değilse, kullanabileceğiniz daha fazla şablon için ‘Şablonlar İçe Aktar’ menü seçeneğini tıklayabilirsiniz. Eklentinin ücretsiz bir sürümü ile, aralarından seçim yapabileceğiniz 5 farklı şablon ve içe aktarabileceğiniz diğer 10 şablon vardır.

Ayarlanabilecek yeni bir şablonu içe aktarmak için, kuvvet numarasının yanındaki ‘İçe Aktar’ düğmesini tıklayın.

Şimdi, şablonunuzu seçip ayarlamaya başlama zamanı. İlk Flipbox tasarımınızı yüklemek için ‘Stil Oluştur’u tıklamanız gerekir. Bu, flipbox adınızı verebileceğiniz açılır menüyü getirecek ve ayarlamak istediğiniz düzeni seçecektir.
1., 2., 3. düzen ‘seçeneği, düzendeki her bir Flip Box ile eşleşir. Bir seçim yaptıktan sonra ‘Kaydet’i tıklayın. Son tasarımınızın Flipbox şablonu için çok uygun olacağını belirtmek önemlidir, bu nedenle web sitenizde istediğiniz ekrana benzeyen bir şablon seçmelisiniz.

Flipbox ekranınızı ‘General’, ‘Ön’ ve ‘arka uç’ değiştirmek için kullanacağınız üç ana sekme vardır.

Bu sekmelerin her birinde yazı tiplerini, dolguları ve marjı değiştirebilirsiniz. Ancak, varsayılan seçeneğin iyi göründüğünü düşünüyoruz.
Ardından, flipbox’ın her iki tarafındaki metni değiştireceğiz. İmleci ekranın altındaki Flipbox’a gidin ve ‘Düzenle’yi tıklayın.

Bu, ön metni, arka metni ve arka plan görüntüsünü değiştirmenizi sağlayan açılır pencereyi getirecektir. Başlığı değiştirmek için ‘İlk Başlık’ ve ‘Yazı Tipi simgesini düzenleyin:’ farklı bir simge görüntülemek istiyorsanız.

Bir arka plan görüntüsü eklemek istiyorsanız, ‘Ön Resim’ seçeneğinin sağındaki ‘Resim Yükle’yi tıklayın. Ardından, yeni bir resim yükleyin veya mevcut medya kitaplığından bir resim seçin. Bundan sonra, flipbox’ın arkası için ‘arka uç ayarları’ altında aynı dizi adımını izleyeceksiniz. Burada kart tersine çevrildiğinde görüntülenen başlığı ve metni değiştirebilirsiniz.

Ayrıca ‘arka uç’ ve ‘bağlantı’ metni alanını da değiştirebilirsiniz. Bu, düğme metnini ve tıklandığında kullanıcınızın nereye gideceğini değiştirir.

Son olarak, Flipbox’ın arkasındaki arka plan görüntüsünü değiştirmek için ‘Şimdi Yükle’ tıklayın.

Tıpkı yukarıdakiler gibi, resim yükleyebilir veya medya kitaplıkları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şikliğinizin yakında ‘Pratinuki’ penceresinde görüneceğini göreceksiniz. Flip kutusunun tüm satırını yapmak istiyorsanız, Meta ‘kutusundaki’+’simgesini tıklayın Yeni Flip Box ekleyin.

Bu, ikinci flipbox’ınızı ayarlamanızı sağlayan yukarıdakine benzer bir açılır kutu getirecektir. Şimdi flipbox’ınızı yaptınız ve ayarladınız, böylece WordPress sitenize ekleme zamanı.
Bunu yapmanın en kolay yolu, dahil kısa kodu kullanmaktır. Ekranınızın sağ tarafında, ‘Kısa Kod’ etiketli bir meta kutusu vardır, aşağıdaki resme benzeyen kısa kodu kopyalayın.

Ardından, flipbox eklemek ve kısa kodunuzu yapıştırmak istediğiniz sayfaya veya yayınlayın. Ardından, yayınınız yayınlandıysa ‘Yayın’ veya ‘Güncelleme’ yi tıklayın. Yeni Flipbox’ınız artık sitenizde yayınlanacaktır. Tarayıcı penceresinin boyutunu değiştirdiğinizde, Flipbox’ın% 100 duyarlı nedeniyle ayarlandığını unutmayın.

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üşe gidin »widget’larına gidin ve ‘Flipbox – Awesomes Flip Boxes görüntü kaplaması’ başlıklı bir widget bulun.

Ardından widget’ı seçtiğiniz yere çekebilir ve kaldırabilirsiniz. Son olarak, Flipbox eklentisinin ana menüsünde bulunan stil kimliğini girin ve ‘Kaydet’i tıklayın.

Bu makalenin, kaplama kutusunu nasıl ekleyeceğinizi ve imleci WordPress sitenize nasıl yönlendireceğinizi öğrenmenize yardımcı olduğunu umuyoruz. Ayrıca SEO için görüntüleri optimize etme konusundaki yönergelerimizi ve ortak WordPress görüntü sorunlarını düzeltmek için problem çözme kılavuzumuzu da görmek 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.