Isi kandungan
Permintaan yang agak biasa berkaitan dengan menyembunyikan bahagian tertentu pada tapak web yang tidak mempunyai butang hidup/mati sendiri di bahagian pentadbir. Memandangkan butang pentadbir tema tidak mungkin untuk setiap butiran pada bahagian hadapan, anda hanya boleh menyembunyikan bahagian yang tidak diingini menggunakan CSS jika anda tidak biasa dengan pengeditan kod HTML untuk mengalih keluar bahagian itu sama sekali.
Cari bahagian untuk dialih keluar
Anda boleh menggunakan alat pembangun penyemak imbas anda boleh mencari bahagian tepat yang anda ingin alih keluar.
Katakan anda ingin mengalih keluar bahagian dengan tarikh dan pengarang di bawah catatan blog, dengan klik kanan pada bahagian ini Periksa Elemen dan buka alat pembangun penyemak imbas:
Menggerakkan kursor tetikus ke atas kod sumber anda, anda boleh melihat bahagian yang diserlahkan pada halaman yang merujuk kepada baris kod sumber di bawah kursor tetikus anda:
Dengan cara ini anda boleh mencari par yang anda ingin sembunyikan – contohnya merujuk kepada tangkapan skrin di atas jika semua bahagian dengan tarikh dan pengarang, atau bahagian tarikh sahaja, atau bahagian pengarang sahaja.
Tulis CSS untuk menyembunyikan bahagian yang dipilih
Apabila anda telah memilih bahagian yang ingin anda sembunyikan, gunakan atribut ID atau CLASS bagi teg HTML yang dipilih dalam gaya CSS anda sendiri atau gunakan pemilih CSS tepat yang digunakan oleh tema untuk teg ini. Pemilih CSS untuk teg yang dipilih yang digunakan oleh tema yang anda boleh cari di sebelah kanan alat pembangun penyemak imbas.
Contohnya, jika anda memutuskan untuk mengalih keluar keseluruhan bahagian dengan tarikh dan pengarang, pemilih yang digunakan oleh tema ialah: .elm-posts-utama .item .item-info
Gaya CSS untuk menyembunyikan teg HTML di sisi ialah "display: none;", anda boleh gunakan juga !penting penyataan untuk mengelakkan peniruan lanjut gaya CSS dengan CSS lain.
Jadi gaya CSS terakhir untuk menyembunyikan bahagian dengan tarikh dan pengarang ialah:
.elm-posts-main .item .item-info { paparan: tiada !penting; }
Tambahkan kod CSS tersuai ke dalam Penyesuai
Anda boleh menambah kod CSS tersuai ke dalam Rupa > Sesuaikan > CSS Tambahan
Selepas menerbitkan anda boleh menyemaknya di tapak web anda:
