Sudahkah Anda mencoba memperbaiki sidebar error di WordPress?
Masalah ini terjadi dengan template WordPress yang menggunakan tata letak dua kolom untuk konten dan sidebar. Karena perubahan kode kecil, sidebar sekarang muncul di bawah konten, bukan di sebelahnya.
Pada artikel ini, kami akan menunjukkan kepada Anda cara memperbaiki kesalahan konten WordPress dengan mudah.
Apa Penyebab Sidebar Di Bawah Konten di WordPress?
Alasan paling umum mengapa sidebar muncul di bawah konten adalah karena kesalahan HTML atau CSS yang merusak tata letak.
Semua HTML harus tertutup dengan benar. Jika template yang bertanggung jawab untuk merender halaman memiliki tag terbuka, itu akan merusak tata letak.
Demikian pula, tag penutup yang tidak diinginkan dapat memengaruhi tata letak dan menyebabkan sidebar bergeser ke bawah.
Selain HTML, CSS juga memengaruhi keseluruhan desain setiap elemen di website Anda. Ini digunakan untuk menentukan lebar, perataan, dan float elemen tata letak.
Sederhananya, jika area konten Anda lebih luas dari ruang kosong, itu akan memaksa sidebar untuk bergeser ke bawah.
Mari kita lihat cara mudah mengatasi dan memperbaiki kesalahan konten WordPress di bawah ini.
Memperbaiki Sidebar Error di WordPress
Pertama, Anda perlu mencari tahu kode spesifik apa yang menyebabkan sidebar di bawah konten pada wesite WordPress.
- Undo perubahan terbaru pada tema WordPress Anda
Biasanya, masalah ini disebabkan oleh perubahan pada file tema WordPress Anda.
Jika Anda baru saja membuat perubahan pada tema WordPress atau childtheme Anda, memeriksa perubahan tersebut akan menjadi cara cepat untuk memperbaiki masalah tersebut.
Jika Anda tidak dapat mengetahui perubahan mana yang harus dikembalikan, lanjutkan membaca dan kami akan menunjukkan cara lain untuk memecahkan masalah.
- Nonaktifkan plugin WordPress
Tampilan dan gaya website WordPress Anda dikendalikan oleh tema yang Anda gunakan. Namun, terkadang plugin WordPress juga dapat menambahkan HTML dan CSS mereka sendiri ke situs web Anda.
Misalnya, menambahkan formulir kontak pada halaman atau popup lightbox akan memuat CSS dan HTML tambahan.
Untuk memastikan bahwa masalah tersebut tidak disebabkan oleh plugin WordPress, Anda dapat menonaktifkan sementara semua plugin WordPress di website Anda.
Jika masalah hilang, ini berarti plugin yang menyebabkan masalah. Cukup aktifkan semua plugin WordPress Anda satu per satu, periksa website Anda setelah setiap plugin diaktifkan untuk mengetahui mana yang menyebabkan masalah.
Setelah itu, Anda dapat menghubungi dukungan plugin untuk menemukan solusi dan melaporkan masalah tersebut.
- Temukan HTML yang merusak tata letak
Seperti yang kami sebutkan sebelumnya, tag
yang rusak adalah salah satu penyebab umum bilah sisi bergerak di bawah konten.
Sekarang jika masalah disebabkan di area tertentu, maka Anda dapat memeriksa template yang bertanggung jawab untuk menampilkan kode itu.
Misalnya, jika masalah ini hanya terjadi pada satu posting, maka Anda mungkin ingin memeriksa template single.php. Untuk mengetahui template mana yang harus dilihat.
Cara termudah untuk menemukan elemen div yang tidak tertutup dengan cepat adalah dengan menggunakan alat W3C Validator.
Anda juga dapat menggunakan alat Inspeksi atau aplikasi editor kode yang membantu Anda men-debug kode dengan menyorot tag awal dan akhir elemen.
Saat melihat kode, Anda perlu memastikan bahwa setiap tag <div> yang dibuka juga memiliki tag </div> penutup.
Demikian pula, Anda juga ingin mencari tag </div> penutup yang tidak memiliki tag <div> terbuka yang sesuai.
Jika Anda telah menemukan HTML yang rusak, maka memperbaikinya akan memperbaiki sidebar error yang muncul di bawah konten.
- Temukan CSS yang memindahkan sidebar di bawah konten
CSS mengontrol aspek terpenting dari desain website. Tema WordPress menggunakan CSS untuk menentukan lebar konten dan area sidebar di dalam tata letak kotak.
Nilai ini dalam persentase area tampilan yang tersedia. Pada perangkat seluler, tema Anda akan secara otomatis menekan sidebar di bawah konten.
Untuk mengetahui CSS mana yang menyebabkan masalah, Anda dapat menggunakan alat Inspect. Cukup memindahkan konten Anda ke wrapper, bagian konten, dan area sidebar akan menunjukkan lebar dan tingginya.
Misalnya, jika area konten Anda memiliki lebar 70% dan area bilah sisi 33%, maka secara otomatis akan turun. Saat Anda perlu menghitung nilai-nilai ini, Anda mungkin juga ingin mempertimbangkan ruang yang digunakan oleh padding dan nilai margin yang digunakan oleh setiap bagian.
- Hapus cache WordPress
Jika Anda masih melihat sidebar error di bawah area konten, maka Anda mungkin harus menghapus cache WordPress Anda.
Saat Anda membuat perubahan yang tidak langsung muncul, hal itu sering kali disebabkan oleh masalah cache.
Plugin caching biasanya menampilkan versi lama dari halaman yang sama. Menghapus cache WordPress dan cache browser akan membantu Anda melihat perubahan yang diterapkan ke website Anda.
Kami harap artikel ini membantu Anda mempelajari cara memperbaiki sidebar error di bawah konten di WordPress.
