[Web Master ve Wordpress Bilgi Paylaşım Blogu | Etkisizeleman.com]
Wordpress Yukarı Çık butonu eklemek | Web Master - Wordpress ve Seo Blogu |
Anasayfa / WORDPRESS / WordPress Yukarı Çık butonu eklemek

WordPress Yukarı Çık butonu eklemek

Wordpress Yukarı Çık butonu eklemek
WordPress Yukarı Çık butonu eklemek

WordPress Yukarı Çık butonu eklemek adlı makalemizde ziyaretçilerinize web sitenizde daha rahat gezinme imkanı sağlamak istiyorsanız kesinlikle Yukarı Çık butonu kullandırmalısınız. Sitenizin yükseklik değeri oldukça yüksek ise kesinlikle bu eklentiyi kullanmalısınız. Ziyaretçilerinizin tek bir tuş ile sayfanın en başına gitmesini sağlarsınız.

Nasıl yapılır?

Yukarı çık butonunu manuel ve eklenti yardımı ile kurabiliriz. Neden iki yol ? Çünkü WordPress sistemine ne kadar eklenti kurarsanız web sitenizin hızı o kadar düşer.

Manuel eklenti kurulumu

Ftp‘den temanızın bulunduğu ana dizine gidip footer.php dosyasını açalım. Dosyanın içerisindeki </body> kodundan önce aşağıdaki kodu yapıştırın.

Dosyayı kaydedip bu sefer function.php’yi açıyoruz dosyanın en altına aşağıdaki kodu ekliyoruz.

Şimdi yeni bir .js dosyası yaratıyoruz ve adını smoothscroll.js olarak tanımlıyoruz ve içine alttakileri yazıyoruz.

Oluşturduğumuz smoothscrool.js adlı dosyayı tema ana dizinine atıyoruz.

Tema dosyalarınızın içindeki Style.css dosyasını düzenlemek için açıyoruz.

Daha sonra yapacağımız işlem şu şekildedir. yukari.png adında bir buton resmini dizine yüklüyoruz. Örnek olarak ben size hazır bir tane vereyim. Bilgisayarınıza kaydedip sunucunuza atarak işlemi tamamlayabilirsiniz.

Eklenti ile basit kurulum:

Smoot Page Scrool To Top adlı eklentiyi İNDİR butonuna basarak indiriyoruz.

Eklenti tamamiyle ücretsiz olduğu için gönül rahatlığıyla kullanabilirsiniz.

  1. Dosyayı indirin ve zip içerisinden masa üstüne çıkarın.
  2. Eklenti klasörünü FTP programıyla ‘/wp-content/plugins/’ dizinine yükleyin.
  3. WordPress Admin panelinden Eklentiler alanına gidip eklentiyi etkinleştirin.

Verdiğim bilgiler doğrultusunda herhangi bir hata ile karşılaşırsanız yorumdan bana ulaşabilirsiniz. Yeni makalelerimiz yayınlandığında size bildirim gelmesini isterseniz lütfen abone olunuz.

Bir Önceki Makale  WordPress Resimlere Filigran (Watermark) Ekleme

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir