Home » Tutorial » Wordpress » Cara Memperbaiki SideBar Bagian Kanan Yang Turun Kebawah di WordPress

Cara Memperbaiki SideBar Bagian Kanan Yang Turun Kebawah di WordPress

loading...

Cara Memperbaiki Sidebar WordPress Turun Kebawah – Setelah beberapa hari memindahkan semua isi postingan dari blogspot ke wordpress, ternyata terjadi insiden kecil dimana layout wordpress saya jadi berantakan. Ketika saya membuka di bagian home –nya atau langsung pada halaman utama website saya, ternyata layoutnya jadi agak aneh dimana sidebar bagian kanan turun ke bawah walaupun posisinya tetap di kanan, namun sudah mengurangi nilai estetika yang ada. Namun jika kita membuka langsung salah satu artikel yang ada, ternyata tampilannya masih bagus hanya halaman utamanya saja yang bermasalah. Saya pikir dengan mengganti theme-nya maka permasalahan menjadi selesai, ternyata hasilnya sama saja, hingga akhirnya saya kembalikan lagi ke theme yang semula.

Setelah mengutak-atik sana-sini , akhirnya ditemukan juga akar permasalahannya. Masalah yang terjadi berkaitan dengan jumper link atau readmore. Pada halaman utama ada salah satu artikel yang belum saya berikan jumper link-nya atau dibuat menjadi readmore agar artikel tidak terbaca semuanya saat dibuka halaman utamanya. Dan saat saya membuka salah satu artikel tersebut ternyata layout-nya memang agak berantakan dimana sidebar bagian kanan turun kebawah.

Cara Untuk Memperbaiki Sidebar Kanan yang Turun Kebawah Pada Worpress

  1. Jika anda membuka halaman utamanya, ternyata ada 4 atau 6 artikel yang ditampilkan maka coba anda buka satu-satu artikel tersebut, lalu perhatikan artikel yang mana yang membuat tampilan layoutnya menjadi kelihatan agak aneh atau sidebar-nya turun kebawah.
  2. Jika sudah ditemukan artikel tersebut, silahkan anda edit kembali artikel tersebut dengan memberikan readmore pada artikel tersebut, setelah selesai silahkan publish ulang lagi.
  3. Layout wordpress anda akan kembali normal.

Cara yang saya lakukan diatas berdasarkan pada pengalaman pribadi saya, semoga saja membantu rekan-rekan yang pernah mengalami kejadian seperti saya saat memindahkan blog dari blogspot ke wordpress. Lalu ada kejadian yang hampir mirip yang menimpa salah satu blog wordpress saya tetapi bukan saat memindahkan blog tetapi saat mempublish salah satu postingan artikel di wordpress. Jadi layout yang berantakan hanya pada salah satu artikelnya bukan pada bagian homenya ? Tahukah anda apa penyebab turunnya sidebar kanan wordpress ini ?

Selidik punya selidik ternyata diakibatkan karena kesalahan pada penggunaan kode html dalam artikel yaitu penggunaan tag div

Mau lihat contoh layout wordpress yang tampil berantakan, ini lihat contohnya dibawah ini yang saya terapkan penggunaan tag div yang tidak lengkap pada salah satu artikel di salah blog wordpress saya.

Layout WordPress Masih Normal

layout wordpress masih normal

Contoh Layout WordPress Berantakan Sidebar Turun Kebawah

layout wordpress rusak karena penggunaan tag div yang tidak lengkap

Contoh Sidebar Turun Kebawah Tetapi Masih Tetap di Posisi Sebelah Kanan (ini akibat penggunaan tag </div>  dalam artikel yang tidak diawali dengan tag <div>)

layout wordpress rusak akibat penggunaan tag div yang tidak lengkap

Contoh Sidebar Turun Kebawah Tetapi Sudah Bergeser Posisinya Bergabung dengan Artikel Utama Yaitu Setelah Artikel (ini akibat penggunaan tag <div>  dalam artikel yang tidak ditutup dengan tag </div>)

layout wordpress rusak akibat penggunaan tag div yang kurang lengkap

Semoga dengan ilustrasi gambar diatas anda mengerti yang saya maksudkan sidebar turun ke bawah baik masih tetap berada di posisi sebelah kanan atau turunnya berada dibawah konten utama artikel wordpress.

Lalu apa ada penyebab lainnya lagi yang menyebabkan sidebar wordpress turun akibat readmore dan penggunaan tag div yang tidak lengkap ?

Pengalaman saya yang lain penyebab sidebar turun adalah masalah cascading style sheet (css) yaitu saat mengedit theme wordpress pada bagian css terutama pada bagian width-nya yaitu lebar blog, lebar konten utama, lebar sidebar, margin antara konten dan sidebar. Jangan sampai lebar konten + lebar sidebar + lebar margin > lebar blog. Karena bila ini terjadi maka akan mengakibatkan turunnya sidebar wordpress. Serta pastikan adanya penggunaan properti float dalam css ini baik penggunaan float:left maupun float:right.

Semoga artikel cara memperbaiki sidebar turun di wordpress ini bermanfaat bagi anda yang lagi mengalami masalah dengan turunnya sidebar wordpress … Amin.


One thought on “Cara Memperbaiki SideBar Bagian Kanan Yang Turun Kebawah di WordPress

  1. thanks mas hadi untuk ilmunya sangat bermanfaat sekali , salam bloger 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *