Sidebar, header, dan footer diberi nama karena suatu alasan. Mereka bersifat deskriptif dan memberi tahu Anda di mana setiap elemen harus ada di halaman web. Jadi ketika sidebar Anda, mana yang seharusnya ada di kiri atau kanan Anda isi, muncul di bawah Anda isi, jelas ada masalah.
Lokasi elemen ini ditentukan oleh kode HTML dan CSS. Anda tidak perlu menguasai bahasa-bahasa ini untuk menyelesaikan masalah ini, tetapi Anda perlu memahami satu atau dua hal, seperti " div '.
Pahami pentingnya elemen "Div" dalam hubungannya dengan sidebar
“Div”, atau tag , adalah elemen HTML. Ini adalah wadah untuk berbagai elemen yang membentuk halaman web, termasuk isi. Setiap elemen harus terkandung dalam dirinya sendiri " ".
Anda harus tahu cara kerja tag pembuka dan penutup di HTML sekarang. Misalnya, saat Anda menetapkan judul dengan ketebalan h2 Judul dan melihat di editor teks, Anda akan melihat bahwa itu diapit oleh tag , seperti ini :
Pertama adalah tag pembuka. Tag yang berisi garis miring "/" adalah tag penutup. Setiap elemen halaman web harus mengandung tag pembuka dan penutup. Jika label terbuka dan tidak tertutup atau sebaliknya, dapat menyebabkan tampilan yang salah pada beberapa item, terutama jika tag tersebut bukan bagian dari tag yang dikecualikan dari memiliki tag penutup seperti " img "" hr "Dll
Jika Anda membuka tag dan jangan dekat dengan , paragraf Anda dan konten artikel lainnya akan ditampilkan dengan gaya "Judul 2". Ini mirip dengan cara elemen " div Dapat ditampilkan dengan benar jika Anda tidak membukanya dan menutupnya dengan benar.
Ini adalah file "single.php" untuk tema " Zerif Lite ". File ini berisi kode yang menentukan bagaimana artikel muncul di plugin (Untuk barang unik). Pada gambar berikut, tag "Div" disorot untuk menunjukkan di mana mereka membuka dan menutupnya.
Ini adalah demonstrasi sederhana tentang bagaimana elemen div bekerja sehingga kita dapat lebih baik menentukan penyebab masalah tampilan.
Perbaiki masalah tampilan di WordPress
Memahami cara kerja elemen "div" hanyalah setengah dari pertempuran. Sekarang Anda perlu menentukan file mana di situs Anda yang bermasalah dengan elemen "div".
Ada beberapa pertanyaan yang harus Anda tanyakan pada diri Anda:
Apakah masalah ini ada di seluruh situs Anda?
Mencari tahu di mana masalah ini terjadi di situs Anda dapat menjadi petunjuk yang bagus tentang di mana masalahnya. Sayangnya, jika ada di semua tempat di situs Anda, prosesnya akan lebih lama.
Masalah umum saat bilah sisi muncul di bawah konten dapat disebabkan oleh beberapa hal berbeda, dan kemungkinan besar akan muncul di salah satu file utama berikut:
- footer.php
- header.php
- index.php
- sidebar.php
- style.css
Tema Anda mungkin dilengkapi dengan file tambahan yang menentukan elemen yang ditampilkan di seluruh situs Anda, tetapi ini adalah file utama yang harus Anda pertimbangkan, untuk melakukan pencarian Anda.
Anda dapat menampilkannya langsung di editor yang ada di menu "Tampilan" di dasbor.
Apakah masalah ini hanya ada di halaman?
Jelajahi beberapa halaman mencari kesalahan. Apakah masalah hanya muncul di halaman? Jika demikian, Anda harus melihat file "page.php" Anda untuk menemukan kesalahan.
Apakah masalah ini hanya ada di halaman blog?
Sekali lagi, Anda perlu membandingkan beberapa halaman di situs Anda dengan berbagai artikel di dalamnya blog Anda. Periksa file "single.php" Anda. Jika sidebar ditampilkan dengan benar di halaman, namun tidak di blog, maka file ini akan memberi tahu Anda lebih banyak.
Masalah bar mengambang
Tema Anda bisa menjadi bilah samping mengambang, dan jika ini menyebabkan bilah sisi muncul di bawah konten, maka Anda harus lebih dekat dengan pengembang.
Properti yang paling penting adalah properti mengapung Yang biasanya muncul dalam dua format:
Float: kiri; Float: benar;
Jika ini tidak digunakan dengan benar atau tidak digunakan sama sekali, mereka dapat menyebabkan item menumpuk satu sama lain daripada berdampingan. Anda mungkin juga perlu menggunakan " jelas Untuk memperbaiki masalah.
Minta bantuan ahli
Jika Anda tidak dapat memperbaiki masalah menggunakan semua hal di atas, saya mengundang Anda untuk menghubungi kami baik secara langsung meninggalkan komentar, atau melalui obrolan langsung di halaman rumah.
Jika tidak, Anda selalu dapat menghubungi pengembang tema secara langsung. Dia yang berada di asal produk ini, akan lebih mampu menjawab kebutuhan Anda.
Itu saja untuk tutorial ini, saya harap ini akan memungkinkan Anda untuk memperbaiki masalah sidebar lateral yang muncul di bawah konten Anda.
