Buradasın
Web Sitenize Animasyonlu Aşağı Kaydırma Butonu Ekleme Rehberi
youtube.com/watch?v=Wi5XPLQLFYkYapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, izleyicilere web sitelerine animasyonlu aşağı kaydırma butonu eklemenin adım adım nasıl yapılacağını göstermektedir.
- Videoda, Elementor sayfa oluşturucu kullanılarak web sitesine animasyonlu aşağı kaydırma butonu ekleme süreci detaylı olarak anlatılmaktadır. Önce sabit buton kaldırılıyor, ardından Image Visiti eklentisi kullanılarak görsel ekleniyor ve butonun stil ayarları yapılıyor. Son olarak, butona link verilerek sayfanın "Hakkımızda" bölümüne kaydırma özelliği ekleniyor. Tüm bu işlemler için herhangi bir eklenti veya kod kullanılmadan, sadece Elementor sayfası üzerinden gerçekleştiriliyor.
- 00:17Animasyonlu Aşağı Kaydırma Butonu Tanıtımı
- Bu videoda web sitenize hareketli bir aşağı kaydırma butonunun nasıl ekleneceği gösterilecektir.
- Animasyonlu buton, tıklanıldığında sayfanın scroll yaparak "Hakkımızda" bölümüne gitmesini sağlayacaktır.
- Bu işlem için herhangi bir eklenti veya kod kullanılmayacaktır.
- 01:21Elementor Sayfa Oluşturucuda İşlem Başlangıcı
- Ana sayfa Elementor sayfa oluşturucuda açılacaktır.
- Header bölümündeki sabit buton sayfadan sağ tıklayarak kaldırılacaktır.
- Sol panelde image visitini sürükleyerek buton altına bırakılacaktır.
- 02:26Butonun Görsel ve Stil Ayarları
- Sol panelde image sec kutusundan ortam kütüphanesine giderek "scroll down home" görseli seçilip eklenecektir.
- Image genişliği 160 piksel olarak ayarlanacaktır.
- Advanced sekmesinden padding bağlantısı çözülerek üstten 200 piksel, alttan 50 piksel boşluk eklenecektir.
- 03:23Butona Link Verme
- Sayfayı aşağı kaydırarak "Hakkımızda" bölümünde edit section butonu seçilip sol panelde advance sekmesinden CSS ID kutusundaki CSS kimliği kopyalanacaktır.
- Sağ panelde animasyonlu buton kalemini seçerek content sekmesinden link kutusundan custom URL seçilecektir.
- Açılan bağlantı kutusuna "yes" den sonra kopyalanan CSS ID yapıştırılarak butona link verilecektir.
- 04:29Sonuç ve Kapanış
- Sayfa alttan kaydedilip önizleme simgesine tıklayarak açıldığında animasyonlu buton üzerine tıklandığında sayfanın scroll yaparak "Hakkımızda" bölümüne kaydığı görülecektir.
- İzleyiciler bu videoyu izledikten sonra web sitelerine bu güzel animasyonlu aşağı kaydırma butonunu hiçbir kod ve eklenti olmadan ekleyebilirler.
- Bir sonraki videolardan haberdar olmak için videoyu beğenip paylaşmak ve kanala abone olmak önerilmektedir.