WordPress 2024'te Görüntü Vurgulu Efektleri Nasıl Eklenir? [İzlenecek En İyi 4 Adım]

WordPress'te fareyle üzerine gelme efektleri nelerdir? Web siteniz benzersiz olacak şekilde oluşturulmalıdır. Herkesin aynı şeyi düşünmesi zor. İyi haber şu ki çağdaş teknoloji site tasarımını basitleştiriyor.

Statik fotoğraflara vurgulu efektler eklemek bir örnektir. WordPress'te bir resme fareyle üzerine gelme efektleri uygulamanın yararları hakkında. Daha sonra bunları web sitenize nasıl dahil edeceğinizi göstereceğiz. Hadi başlayalım!

WordPress'te Görüntü Vurgulu Efektleri Nasıl Eklenir? 4 En İyi Adım

Vurgu efektlerini ve avantajlarını öğrendikten sonra bunların nasıl uygulanacağını soruyor olabilirsiniz. Neyse ki, bunu yapmaya yönelik kapsamlı bir rehber hazırladık:

Vurgulu efektler özel kodla eklenebilir. Ancak deneyimli bir kodlayıcı değilseniz, bu zaman alıcı ve bazen tehlikeli bir çaba olabilir.

Ancak bir eklenti kullanıldığında işler fark edilir derecede daha az karmaşık hale gelir.

The ücretsiz Beaver Builder WordPress eklentisi Tamamen işlevsel ve estetik açıdan hoş WordPress siteleri oluşturma sürecini basitleştirir.

Modüler CSS'den sezgisel olana sürükle ve bırak sayfa düzenleyicisi, her şey geliştirici düşünülerek tasarlanmıştır.

Ek bir avantaj olarak, bu uygulama herkesin görsellerine fareyle üzerine gelme efektleri uygulamasını kolaylaştırır. Ek bir etkileşimli öğe gerektiren herhangi bir resim için Beaver Builder'da yanlış yapmış olamazsınız.

Ayrıca Beaver Builder Temamızı kullanmanız da önerilir. Sayfalar da dahil olmak üzere çeşitli gönderi türlerini hızlı bir şekilde oluşturmak için WordPress gönderi şablonlarını kullanın.

Bu şekilde, düzen geliştirme konusunda endişelenmek yerine, fareyle üzerine gelme efektleri gibi ilgi çekici özellikler oluşturmaya odaklanabilirsiniz. Öte yandan Beaver Builder'ı seçtiğiniz WordPress temasıyla kullanabilirsiniz.

Adım 1: Fotoğraf Modülü Ekleme

Başlamadan önce Beaver Builder eklentisini etkinleştirin. Ardından WordPress yöneticisindeki Sayfalara gidin. Yeni bir sayfa oluşturarak veya mevcut bir sayfayı seçerek düzenleyiciyi etkinleştirin.

Daha sonra sağ üstteki Artı işaretini tıklayın. Bir Fotoğraf modülü ekleyeceksiniz. Sürükle ve bırak, bu modülü hızlı bir şekilde konumlandırmanıza olanak tanır.

Adım 2: Fotoğraf Modülünü Etkinleştirin

Bu modül sitenize fotoğraf göndermenizi sağlar. Kitaplığınızdan bir fotoğraf seçin veya bir URL girin. Medya Kitaplığı'nda görüntüyü kırpın.

Ayrıca bir fotoğrafa şekil verebilirsiniz. Manzara, panoramik, portre veya dairesel görüntülerin tümü fareyle üzerine gelme efektini kullanabilir. Artık bir resim bağlantısı ekleyebilirsiniz. Vurgu efektleri, trafiği belirli URL'lere yönlendirmek için kullanılabilir.

3. Adım: Özel Bir Sınıf Ekleyin

Resim modülü kurulumunun ardından Gelişmiş seçeneğini seçin. Bu HTML Öğesi.

Sınıf'a doğru aşağı kaydırın. Efektin özel sınıf bilgilerini buraya girin. Bu yüzden sınıfa fareyle üzerine gelme-bulanıklaştırmayı ekledik. Vurgu efektleri, görüntünün rengini ve hareketini değiştirmenize olanak tanır. Beaver Builder'da kabarma efektleri. Etkiye bağlı olarak özel bir sınıf gereklidir.

Adım 4: CSS Efektini Entegre Edin

Son olarak sitenize vurgulu CSS ekleyin. Bilgi tabanımız vurgulu CSS'ye sahiptir. Fareyle üzerine gelme efektleri arasındaki süre 0.3 saniyedir. Veya CSS'yi gönderdiğinizde. Geçişi hızlandırabilir veya yavaşlatabilirsiniz.

Sol başlık çubuğundan Genel Ayarlar'ı seçin. Şimdi CSS kodunu CSS etiketine ekleyin.

Her Beaver Builder sayfasında Araçlar > Genel Ayarlar'a gidin ve kaydedin. Ayrıca Beaver Builder dışındaki içerikler CSS kurallarınıza tabidir.

LayoutCSS ve Jscript'te tek bir sayfa. CSS değişikliklerinizi kaydedin. İLK VURGU ETKİSİNİ GÖRÜN Test etmek için fareyi resmin üzerine getirin.

Efekti bir fotoğraf satırına veya sütununa uygulayın.

Hızlı Linkler:

• WordPress Siteniz için Renk Paleti Nasıl Oluşturulur?
• WordPress'te Bakım Modu Sayfası Nasıl Oluşturulur?
• WordPress'te Özel 404 Hata Sayfası Nasıl Oluşturulur?
• Müşteri İletişimini Etkin Bir Şekilde Nasıl Yönetebiliriz?

Sonuç: WordPress'te Görüntü Vurgulu Efektleri Nasıl Eklenir?

Bir web sitesini kişiselleştirmenin pek çok yöntemi vardır, ancak en basitlerinden biri resimler üzerinde fareyle üzerine gelme efekti kullanmaktır. Vurgu efektleri, web sitenizin ziyaretçilerinin ilgisini çekmenin ve onları daha uzun süre orada tutmanın eğlenceli bir yoludur.

Kullanmayı sevdiğiniz, tercih ettiğiniz bir vurgulu efektiniz var mı? Aşağıdaki yorum alanına koyun!