Cara Membuat Sticky Widget di GeneratePress

Membuat Sticky Widget di GeneratePress

oleh

Pada tutorial ini akan menjelaskan Cara Membuat Sticky Widget Pada Tema GeneratePress dengan menggunakan plugin dan tanpa menggunakan plugin.

Sidebar adalah salah satu bagian penting dari blog. Menggunakan berbagai widget di sidebar dapat membuat situs web lebih menarik. Sidebar membantu meningkatkan Click Through Rate (CTR) website.

Disini akan menjelaskan dan belajar membuat sticky widget pada tema GeneratePress. Anda bisa cek pada blog ini pada bagian widget yang terus mengikuti arah scroll.

Di WordPress, bisa menggunakan widget floating atau Sticky dengan berbagai cara. Biasanya ini digunakan untuk:

  • Menampilkan Posting Populer.
  • Menampilkan Posting Unggulan.
  • Chat Box.
  • Sematkan Widget Pelanggan.
  • Menampilkan Banner Afiliasi.
  • Menampilkan Posting Terbaru.
  • Icon Sosial Media.
  • Ads.
  • Kode Kupon.
  • DLL

Membuat Sticky Widget di GeneratePress tanpa Plugin

Membuat Last Widget Sticky di GeneratePress dengan menggunakan kode CSS, tambahkan code di bawah pada bagian Theme disesuaikan jika menggunakan sidebar kiri.

@media (min-width: 769px) {
.site-content {
  display: flex;
	}
	
.inside-right-sidebar {
  height: 100%;
	}
	
.inside-right-sidebar aside:last-child {
	position: -webkit-sticky;
	position: sticky;
	top: 70px; /*Adjust position */
  }
}

Tinggalkan komentar