Beberapa tema meminta Anda untuk tidak mengedit file style.css, alih-alih gunakan file custom.css. Jika Anda menulis kode di custom.css, itu akan menimpa gaya elemen yang sama di style.css. Saya pikir ini dilakukan untuk mencegah hilangnya gaya pengguna pada pembaruan tema, begitu?
Bagaimana ini bekerja? Apakah mereka sudah memasukkan file custom.css dalam tema mereka? Tapi bagaimana file ini dimasukkan dalam theme sehingga ia mencari style di custom.css terlebih dahulu? Terima kasih.
Jawaban:
Saya biasanya menambahkan potongan kode ini jika saya ingin menambahkan file css lain
Saya percaya pembuat tema ingin mempertahankan sebanyak mungkin desain tata letak tema. Jadi file custom css tidak ada salahnya. Saya pikir ini lebih merupakan pertanyaan dukungan. Dengan file css khusus, pembuat dapat membantu mereka yang menggunakan tema mereka lebih mudah. Karena style.css asli tidak diubah, maka pembuat tema mungkin dapat melihat pada file css khusus.
sumber
Menggunakan @import di WordPress untuk menambahkan custom css bukan lagi praktik terbaik, namun Anda dapat melakukannya dengan metode itu.
praktik terbaik adalah menggunakan fungsi
wp_enqueue_style()
di functions.php.Contoh :
sumber
style.css
untuk memastikan Andamystyle.css
dimuat setelahstyle.css
!wp_enqueue_style
handle
apa pun yang Anda inginkan, asalkan unik. Lihat docAktifkan tema anak dan tambahkan kode contoh berikut di function.php
sumber
Proposal saya adalah menggunakan tema anak. Sangat mudah untuk diterapkan dan semua modifikasi yang Anda lakukan (termasuk gaya) sepenuhnya terisolasi dari tema aslinya.
sumber
Untuk mencegah overwritting tema CSS atau file lainnya, Anda harus SELALU menggunakan tema anak di WordPress ... tidak melakukan hal itu hanya akan menyebabkan Anda mengalami sakit kepala dan masalah besar di kemudian hari.
https://codex.wordpress.org/Child_Themes
... dan betapa mudahnya mengatur tema anak, tidak ada alasan Anda tidak boleh menggunakannya.
Dengan menggunakan tema anak, Anda dapat mengganti file tema induk utama apa pun yang Anda inginkan, cukup dengan menyalin dari orangtua ke anak Anda, atau dengan membuat file baru dengan nama yang sama.
Mengenai
custom.css
file ada banyak cara yang pengembang tema menangani ini ... banyak dari mereka melakukan ini hanya untuk mencoba dan mencegah klien yang tidak ingin menggunakan tema anak, dari mengeditstyle.css
file utama ....Bagaimanapun Anda tidak perlu khawatir tentang hal itu, selama Anda menggunakan tema anak Anda tidak perlu khawatir tentang memperbarui tema Anda nanti dan kehilangan perubahan Anda ... biasakan selalu menggunakan tema anak, Anda akan berterima kasih padaku nanti, aku janji.
sumber
Jika Anda ingin meninggalkan html Anda. Anda dapat menambahkan ini ke file css Anda. Saya pikir ini lebih baik.
juga tergantung pada tema Anda, itu akan bekerja dengan tema anak dan orang tua.
- perlu diingat, css bekerja berurutan (saat menggunakan tingkat pengidentifikasi yang sama, sudah digunakan), jadi apa yang terakhir dalam file Anda akan ditimpa. jadi letakkan impor gaya kustom di bagian bawah jika Anda ingin menimpa barang.
sumber
Cara terbaik adalah menggabungkan semua gaya enqueued ke dalam satu fungsi dan kemudian memanggil mereka menggunakan
wp_enqueue_scripts
aksi . Tambahkan fungsi yang ditentukan ke functions.php tema Anda di suatu tempat di bawah pengaturan awal.Blok Kode:
Tolong dicatat :
Parameter ke-3 adalah array dependensi yang merujuk pada apakah stylesheet ini bergantung pada stylesheet lain atau tidak. Jadi, dalam kode kami di atas, custom.css bergantung pada style.css
|
Dasar Tambahan:
wp_enqueue_style()
fungsi mungkin memiliki 5 parameter: seperti ini - wp_enqueue_style ( $ handle, $ src, $ deps, $ ver, $ media );Dalam dunia nyata WP Coding, biasanya kita juga menambahkan file javascript / pustaka jQuery di dalam fungsinya seperti ini:
Parameter 5 true / false adalah opsional (params ke-2, ke-3 dan ke-4 juga memilih.) Tetapi sangat penting, memungkinkan kita untuk menempatkan skrip kita di footer ketika kita menggunakan parameter boolean sebagai true.
sumber
Pergi ke Appearance> Edit CSS dari Dashboard WordPress Anda.
Ini adalah layar dengan editor CSS dasar.
Sekarang tempel CSS Anda langsung ke teks default. Anda dapat menghapus teks default sehingga CSS Anda hanya muncul di editor. Kemudian simpan stylesheet dan CSS Anda akan ditayangkan.
sumber
Gunakan tema anak. Ini taruhan terbaik Anda. Dengan cara ini jika tema diperbarui, Anda tidak akan menimpa lembar gaya yang Anda buat.
https://codex.wordpress.org/Child_Themes
Pergi rute ini, Anda akan berterima kasih pada diri sendiri nanti.
sumber