Web sitenizdeki kullanıcı deneyimini iyileştirmenin basit bir yolu, bir “başa dön” düğmesi eklemektir. Bazı kullanıcılar, fare kaydırması yapmadan okudukları sayfanın en üstüne dönmek için düğmeye basabildikleri için bu düğmeyi seviyorlar. Divi ve Gazete gibi bazı WordPress temaları varsayılan olarak “başa dön” düğmesi ekleme özelliğine sahiptir.
Elementor kullanıyorsanız ve kullandığınız WordPress temasında böyle bir özellik yoksa kendiniz ekleyebilirsiniz. Elementor’da “başa dön” düğmesi eklemek oldukça kolaydır.
Öncelikle, “başa dön” düğmesini eklemek istediğiniz sayfayı Elementor ile düzenleyin. Düzenleme moduna çevirmek için üst bölümün bölüm tutamacını tıklayın.
Sol paneldeki Gelişmiş sekmesine gidin ve CSS Kimliği alanına yazarak bir CSS Kimliği ekleyin. Örnek: “top”
Sayfanıza bir Düğme widget’ı (veya Metin, Simge ve hatta Resim gibi bir bağlantı ekleme seçeneğine sahip herhangi bir widget) ekleyin. Herhangi bir yere yerleştirebilirsiniz. Yukarıda belirttiğiniz üst bölümün CSS ID’sini Link alanına yazın. Önek olarak “#” sembolünü ekleyin. (Orada #top şeklinde bir link olmalıdır.)
Butonun Konumunu Ayarlama
Elbette, sayfanızı güncellemeden önce düğmenizin konumunu ayarlamanız gerekir. Normalde düğmeyi sağ alt köşeye yerleştirirsiniz. Düğme widget’ı seçiliyken sol paneldeki Gelişmiş sekmesine gidin ve Konumlandırma seçeneğini açın. Genişliği Özel olarak ve Konumu Sabit olarak ayarlayın . Bu şekilde, düğmenizin konumunu istediğiniz yere sürükleyerek serbestçe ayarlayabilirsiniz.
Düğmeyi yerleştirmek istediğiniz alana sürükleyin (örneğin sağ alt köşe). Veya daha kesin bir konum elde etmek için yatay ofseti ve dikey ofseti de ayarlayabilirsiniz.
Düğmenize stil vermek için Stil sekmesine gidebilirsiniz . İşiniz bittiğinde sayfayı güncellemeyi unutmayın.
