Cara Menambah Coretan Kod dalam WordPress
Kadang-kadang anda ingin menukar sesuatu dalam WordPress. Ini boleh menjadi elemen reka bentuk seperti peletakan pautan sosial pada mudah alih, fungsi teras seperti ulasan atau ciri pengewangan seperti peletakan iklan. Selalunya penyelesaiannya adalah dengan menggunakan pemalam, tetapi jika anda hanya perlu membuat satu pengeditan mengapa perlu melalui semua masalah itu? Sebaliknya anda boleh menggunakan coretan kod.
Apakah Coretan Kod?
Untuk WordPress, coretan kod ialah sekeping kod PHP, JS, CSS atau HTML yang ringkas. Coretan digunakan untuk mengedit ciri WordPress lalai dan bukannya menambah fail baharu sepenuhnya atau memasang pemalam.
Apakah yang dilakukan oleh Coretan Kod?
Biasanya coretan kod digunakan untuk menambah ciri atau fungsi tertentu pada tapak web anda. Setiap coretan mempunyai tujuan yang jelas dan langsung. Dan perkara yang dilakukan oleh coretan akan bergantung pada coretan.
Contoh Coretan Kod
- Tambahkan coretan untuk memaparkan tahun semasa dengan kod pendek supaya anda tidak perlu mengemas kini tahun dalam hak cipta anda setiap Januari.
- Edit bilangan siaran yang dipaparkan dalam hasil carian anda untuk memastikan tapak anda teratur.
- Sesuaikan bar menu pentadbir dalam bahagian belakang WordPress untuk memaparkan item menu tertentu, pautan pantas atau mesej alu-aluan yang berbeza.
- lumpuhkan fungsi wordpress lalai seperti benaman atau malas memuatkan imej.
- Susun suapan RSS anda dengan mengecualikan kategori tertentu, menambah imej, melengahkan siaran dan banyak lagi.
Cara Menambah Coretan Kod ke WordPress secara Manual
Satu cara untuk menambah coretan kod adalah dengan membuat tema kanak-kanak secara manual dengan fail WordPress yang ingin anda tambahkan coretan. Proses ini tidak terlalu rumit, walaupun kami mencadangkan hanya pergi ke laluan ini jika anda selesa mengekod. Oleh kerana langkah-langkah tersebut sangat spesifik tema dan coretan, pertimbangkan ini sebagai gambaran keseluruhan proses manual dan bukannya tutorial langkah demi langkah yang lengkap.
Buat Sandaran Tapak Anda
Oleh kerana anda akan mencipta tema kanak-kanak dan mengedit fail dengan menggunakan sandaran tapak anda secara berkala dan lengkap adalah penting. Dengan cara ini jika ada yang rosak semasa anda mengedit, anda sentiasa boleh kembali ke sandaran tapak sebelumnya. Anda boleh belajar tentang kaedah sandaran dalam panduan sandaran WordPress kami.
Buat Tema Kanak-kanak
Anda harus mengelak daripada menambah kod tersuai terus ke fail tema WordPress asal anda. Ini kerana anda pasti perlu mengemas kini tema WordPress anda, dan apabila anda melakukannya, fail baharu yang dikemas kini akan menggantikan fail lama – disertakan kod tersuai anda.
Untuk mengekalkan fail tema dalam keadaan pudina serta untuk mengekalkan sebarang kod tersuai, anda harus menggunakan tema kanak-kanak. Fikirkan tema kanak-kanak sebagai klon tema "ibu bapa" utama anda. Ia bergantung pada kebanyakan fail tema daripada tema induk, tetapi membolehkan anda membuat seberapa banyak penyesuaian yang anda mahu.
Menambah fail
Untuk membina tema anak anda, anda memerlukan editor kod serta akses FTP untuk tapak WordPress anda. Mula-mula buat folder tema baharu di bawah wp-content/themes. Untuk ini, muat naik fail style.css yang merupakan helaian gaya tema anak anda (untuk pengeditan reka bentuk) dan fail functions.php yang harus mengandungi kod untuk memasukkan helaian gaya daripada tema induk anda. Anda boleh mengetahui lebih lanjut tentang cara mencipta tema kanak-kanak dan ambil kod yang tepat untuk ditambahkan pada functions.php anda dalam panduan tema kanak-kanak WordPress kami.
Sebaik sahaja tema anak anda sedia, sila aktifkan ia di tapak WordPress anda (daripada Penampilan > Tema).
Edit Fail
Kini anda boleh membuka fail functions.php tema anak anda dalam editor kod (atau dalam Penampilan WordPress > Editor Fail Tema) dan tambahkan coretan anda. Kebanyakan coretan ditambahkan pada fail functions.php (walaupun terdapat beberapa outlier).
Cuma ikut arahan daripada sumber coretan yang anda gunakan untuk memastikan anda menyalin, menampal dan mengedit kod coretan dengan betul. Satu-satunya cadangan kami ialah anda berpegang kepada sumber yang bereputasi (WPCode, WPMUdev, WPBeginner, Tema Elegan, Tuts+, Elementor, dll). Dengan cara ini, coretan kod yang anda gunakan lebih berkemungkinan betul dan selamat untuk digunakan.
Sudah tentu ini adalah panduan peringkat permukaan - kerana kami tidak dapat memahami cara menambah, mengedit dan mengurus setiap kemungkinan coretan untuk WordPress secara manual.
Tetapi kami boleh mencadangkan kaedah yang lebih baik dan lebih mudah apabila menambah coretan pada WordPress.
Cara Mudah Menambah Coretan Kod ke WordPress dengan WPCode
Walaupun anda pasti boleh menambah kod pada fail tema anda, ini bukan kaedah yang disyorkan kami. Oleh kerana kami bekerja dengan WordPress, terdapat banyak pemalam coretan kod yang boleh anda gunakan. Khususnya kami suka WPCode.
WPCode ialah pemalam WordPress percuma yang boleh anda gunakan untuk menambah coretan pada WordPress tanpa perlu mencipta tema kanak-kanak atau mengedit fail secara manual. Ia juga memastikan semua coretan anda teratur di satu tempat supaya mudah untuk mencari, mengedit atau mengalih keluar coretan mengikut keperluan.
Pasang Pemalam WPCode Percuma
Untuk bermula, anda perlu memasang pemalam terlebih dahulu. Ini sangat mudah kerana WPCode menawarkan versi percuma yang tersedia dari papan pemuka WordPress anda. Hanya pergi ke Pemalam > Tambah Baharu dan cari “WPCode.”
Klik seterusnya untuk memasang dan mengaktifkan pemalam. Kini anda sudah bersedia untuk menambah coretan anda!
Tambah Coretan
Di bawah bahagian Coretan Kod baharu dalam papan pemuka WordPress anda, klik pada item menu “+ Tambah Coretan”. Ini akan membawa anda ke skrin di mana anda boleh bermula dengan coretan kosong atau menyemak imbas pustaka coretan WPCode.
Sebagai alternatif, untuk menambah coretan tersuai, klik pada pautan coretan kosong apabila pada skrin "+ Tambah Coretan". Ini akan membuka editor tempat anda boleh menambah kod coretan anda. Kerana anda bermula dengan coretan kosong tiada tetapan akan ditetapkan/dipilih.
Untuk menggunakan coretan sedia ada daripada pustaka kod, gunakan kotak carian untuk mencari coretan. Dalam versi percuma pemalam terdapat 59 coretan percuma tersedia, dan dalam Pro terdapat lebih 100+. Dengan coretan sedia ada terdapat tetapan lalai yang dipilih, yang boleh anda edit sebelum menyimpan dan mengaktifkan coretan anda.
Sebagai contoh, katakan anda ingin menukar "Howdy, Username" yang dipaparkan di penjuru kanan sebelah atas papan pemuka WordPress untuk memaparkan sesuatu yang lebih profesional.
Jika anda mencari "howdy" anda akan melihat bahawa terdapat coretan dalam pustaka untuk "menyesuaikan mesej howdy dalam bar pentadbir." Tuding pada coretan yang anda mahu gunakan dan klik pada butang biru yang muncul pada "Gunakan coretan."
Edit Tetapan Coretan
Ini akan membuka editor coretan dengan kod dan tetapan lalai yang telah ditambahkan untuk coretan. Dalam kes ini, coretan telah mempunyai tajuk perihalan, jenis kod dipraset kepada PHP dan pratonton kod itu sendiri telah dicipta untuk menukar "Howdy" kepada "Selamat Datang". Jika anda ingin "Howdy" untuk mengatakan sesuatu yang lain, cuma edit kod pada baris 4.
Di bawah pratonton kod anda akan menemui peraturan sisipan untuk coretan anda. Kerana kami memilih pilihan coretan sedia untuk digunakan telah pun dipilih. Untuk kaedah coretan ini ditetapkan kepada "Auto Sisip", tetapi terdapat pilihan untuk Kod Pendek jika anda ingin memasukkan coretan anda ke dalam halaman atau siaran tertentu. Dan untuk lokasi pilihan ditetapkan kepada "Pentadbir Sahaja" kerana coretan kami direka untuk mengedit perkataan "Howdy" di bahagian belakang (atau pentadbir) tapak WordPress kami.
Pilihan lokasi lain dalam versi percuma termasuk:
- Global: dijalankan di mana-mana, bahagian hadapan sahaja, pentadbir sahaja, logik bersyarat bahagian hadapan, pengepala seluruh tapak, badan seluruh tapak, pengaki seluruh tapak
- Halaman Khusus: sebelum/selepas siaran, sebelum/selepas kandungan, sebelum/selepas perenggan, sebelum/selepas petikan, antara siaran
Dan versi Pro menambah lebih banyak lokasi untuk coretan PHP sahaja, Di Mana-mana (Pemilih CSS), WooCommerce, Muat Turun Digital Mudah dan MemberPress
Seterusnya ialah jenis peranti. Untuk banyak coretan, termasuk satu dalam contoh kami, pilihan Sebarang Jenis Peranti akan menjadi pertaruhan terbaik anda. Tetapi jika anda menambahkan coretan tersuai untuk melumpuhkan borang ulasan pada peranti kecil maka anda mungkin mahu menetapkan coretan anda untuk dimuatkan pada mudah alih sahaja.
WPCode juga menawarkan pilihan untuk menambah logik bersyarat pintar. Ini membolehkan anda menambah lebih banyak kelayakan khusus untuk coretan kod anda untuk dimuatkan. Sebagai contoh, mungkin anda ingin meminta "Howdy" mengucapkan mesej differnet bergantung pada peranan pengguna. Anda boleh menambah logik bersyarat supaya versi "Selamat Datang" hanya ditunjukkan untuk Pentadbir anda, dan kemudian menambah variasi lain untuk peranan pengguna lain yang berkaitan di tapak anda.
Terakhir anda akan melihat bahagian untuk semakan kod, yang merupakan ciri Pro sahaja, diikuti dengan maklumat asas untuk coretan anda. Ini termasuk sebarang teg yang anda mahu gunakan untuk memastikan coretan anda teratur, keutamaan (ini menentukan susunan coretan anda dimuatkan) dan nota kepada diri anda tentang tujuan kod tersebut.
Sebaik sahaja anda selesai, klik butang biru di bahagian atas sebelah kanan scree untuk Simpan/Kemas kini coretan anda.
Aktifkan Coretan Anda
Kini anda sudah bersedia untuk menggunakan coretan anda! Pergi ke item menu Coretan Kod utama - di sinilah anda akan dapat melihat semua coretan anda dalam paparan senarai yang berguna.
Untuk mengaktifkan coretan anda, klik togol dalam lajur akhir supaya ia berada dalam kedudukan hidup. Sekarang muat semula atau lihat halaman di mana coretan anda harus berkuat kuasa. Memandangkan contoh coretan kami mengedit mesej pentadbir, kami memuat semula halaman dan dapat melihat "Selamat Datang" dipaparkan dengan betul di penjuru kanan sebelah atas.
Ciri Pemalam Lain
Sekarang setelah anda tahu cara menambahkan coretan pada WordPress dengan pemalam WPCode, mari kita lihat sebentar beberapa ciri pemalam lain yang mungkin anda ingin gunakan.
Pengepala & Pengaki Global anda boleh menambah skrip ke tapak anda dengan cepat. Ini amat membantu apabila mendayakan perkhidmatan pihak ketiga atau menambahkan penyesuaian pada tapak anda. Contohnya, jika anda ingin mendayakan Google Analitis untuk tapak berkuasa WordPress anda, anda perlu menambah kod penjejakan pada fail header.php anda. Daripada mengedit fail secara manual, anda boleh menampal dengan mudah dalam kod penjejakan anda di sini.
Sama seperti pustaka coretan kod, WPCode Generator menyediakan coretan pratulis yang boleh anda edit mengikut keperluan tapak anda. Perbezaannya ialah coretan Penjana memerlukan sedikit pengubahsuaian kerana ia lebih terlibat (seperti mendaftarkan helaian gaya baharu, menambah jenis jawatan dan taksonomi, atau malah menjadualkan kerja cron untuk tugasan tertentu).
Halaman Alat menempatkan pilihan untuk mengimport coretan daripada sumber lain (atau pemalam coretan lain) serta mengeksport coretan tapak semasa anda.
Dan di bawah Tetapan anda akan menemui pilihan umum untuk menyambung ke Perpustakaan WPCode (untuk akses kepada semua 59 coretan percuma), dayakan log ralat dan tambah kunci lesen anda jika anda memutuskan untuk menaik taraf kepada Pro pada masa hadapan.
WPCode Pro
Dan bercakap tentang Pro - ia menambah lebih banyak ciri jika itu adalah sesuatu yang anda minati. Seperti yang dinyatakan, versi Pro WPCode meningkatkan bilangan coretan yang tersedia dalam pustaka kepada lebih 100+. Ia juga menambah sokongan untuk pustaka coretan awan peribadi untuk coretan tersuai anda, semakan lanjutan, pengaktifan coretan berjadual, coretan blok Gutenberg tersuai dan banyak lagi.
Jika anda menaik taraf, terdapat juga bahagian yang berguna untuk Piksel Penukaran (yang disepadukan dengan media sosial) untuk mendayakan penjejakan acara e-dagang, Editor Fail yang boleh digunakan untuk mengemas kini fail daripada papan pemuka pentadbir anda (seperti robots.txt, iklan anda. teks, dsb) dan Tetapan tambahan untuk Kawalan Akses untuk memilih peranan pengguna yang boleh mengakses ciri pemalam.
Patutkah Anda Meningkatkan kepada WPCode Pro?
Pelan WPCode Pro bermula pada $49/thn untuk satu lesen tapak jika anda menggunakan kod SAVE50 semasa pembayaran. Tetapi patutkah anda menaik taraf? Pada pendapat kami, bagi kebanyakan pengguna versi percuma adalah hebat. Anda boleh menambah dan mengurus coretan anda dengan mudah, itu sahaja yang anda perlu lakukan. Tetapi untuk tapak e-dagang yang perlu menggunakan piksel penjejakan atau untuk tapak yang mempunyai sekumpulan orang secara konsisten menambah atau mengedit coretan, anda mungkin perlu mempertimbangkan untuk meningkatkan. Dalam kes ini, Pro menambah ciri yang akan menjadikan hidup anda lebih mudah dalam jangka masa panjang.
Semoga panduan ini membantu dan anda kini boleh berasa yakin apabila menambahkan coretan kod pada tapak WordPress anda! Untuk pemula, kami amat percaya adalah yang terbaik untuk menggunakan pemalam seperti WPCode (yang merupakan cadangan utama kami). Ia menjadikannya lebih mudah untuk menambah dan mengurus coretan anda, terutamanya dengan pustaka coretan sedia untuk digunakan di hujung jari anda. Tetapi jika anda mempunyai sebarang soalan tentang menambah coretan kod pada WordPress yang tidak kami bincangkan dalam siaran ini, tinggalkan komen di bawah! Kami ingin membantu.