Cara Memperbaiki Sidebar Turun ke Bawah Konten Pada WordPress

By | Februari 10, 2020

Baru-baru ini salah satu pengguna kami bertanya kepada kami: bagaimana Cara Memperbaiki Sidebar Turun ke Bawah Konten Pada WordPress. Ini bukan pertama kalinya, kami mendapatkan pertanyaan ini, jadi kami memutuskan untuk menulis postingan tentang itu.

Pada artikel ini, kami akan menunjukkan kepada Anda bagaimana cara memperbaiki sidebar di bawah ini kesalahan konten di WordPress.

Mengapa sidebar samping saya turun ke bawah konten?

Alasan mengapa sidebar sobat turun ke bawah konten sobat adalah karena ada kesalahan HTML atau CSS di tema sobat.

Bagaimana cara saya bisa mencegah sidebar saya jatuh ke bawah konten?

Kami telah memecahkan masalah ini untuk banyak pengguna. 9 dari 10, alasannya sama. Ada elemen div tertutup di halaman. Bisa juga ada elemen div tambahan yang ditutup pada halaman yang membuatnya tampak seperti sidebar sobat berada di luar elemen bungkus. Jadi apa artinya ini dalam bahasa Inggris? Mari kita selesaikan langkah demi langkah.

Apakah ini sesuatu yang mulai terjadi baru-baru ini? Apakah itu hanya terjadi pada postingan atau halaman tertentu? Jika jawabannya IYA, maka perbaikan berikut bisa sobat coba.

Lihatlah sesuatu yang sobat ubah baru-baru ini. Apakah sobat menambahkan plugin? Apakah ada perubahan terkait HTML? Apakah konten postingan atau halaman spesifik sobat memiliki blok <div> di dalamnya? Pastikan ditutup dengan benar.

Salah satu cara terbaik untuk menemukan kesalahannya adalah dengan menggunakan Validator W3.

Gunakan bagan ini untuk memahami apa yang sedang terjadi:

Struktur div

Jika sobat membuat tema khusus (custom theme), dan mengalami masalah serupa, maka mungkin ada beberapa masalah. Satu masalah yang telah kami ungkapkan kepada sobat di atas. Dan meberapa masalah lainnya mungkin:

Rasio lebar tidak benar. Jika lebar kontainer sobat hanya 960px, maka sobat harus menjaga segala sesuatunya tetap proporsional. Misalnya, lebar konten 600px, dan lebar sidebar 300px dengan margin 60px di antaranya.

Masalah lainnya adalah float properti. Sobat harus memastikan bahwa sobat menambahkan float: left; dan float: right; ke elemen yang sesuai. Jika sobat tidak melakukannya, maka itu tidak akan berhasil menyelesaikan masalah.

Kami berharap artikel ini telah menunjukkan kepada Anda cara memperbaiki sidebar di bawah ini kesalahan konten di WordPress. Sobat mungkin ingin melihat panduan kami tentang cara meningkatkan traffic blog yang dilakukan seperti pakar SEO dan marketer profesional.