Cara aman menambahkan kode khusus ke situs web WordPress

Diterbitkan: 2020-12-29

Pengguna sering mencari cara untuk mengubah situs web, plugin, dan tema mereka, atau menambahkan beberapa modifikasi pada fungsi yang ada. Dalam sebagian besar kasus ini, Anda dapat melakukannya dengan menambahkan kode khusus ke situs web WordPress Anda.

Tidak ada salahnya menambahkan kode khusus ke situs web Anda. Namun, ada beberapa hal yang perlu Anda perhatikan saat melakukan perubahan ini pada situs WordPress Anda.

Artikel ini menyoroti apa yang harus diwaspadai, dan praktik terbaik untuk menambahkan kode khusus ke situs web WordPress Anda.

Apa yang harus dicari sebelum menambahkan Cuplikan Kode Kustom di WordPress

Cara termudah untuk menambahkan cuplikan kode yang disarankan penulis dalam tutorial mereka, adalah dengan menambahkan cuplikan kode ke file functions.php tema. Namun, ada sejumlah batasan dan kerugian saat Anda menambahkan cuplikan kode ke file functions.php tema.

Setiap kali Anda meningkatkan tema, cuplikan kode khusus yang Anda tambahkan ke file functions.php akan ditimpa, kecuali jika Anda meningkatkan tema secara manual, atau menyalin cuplikan kode secara manual dari satu file functions.php ke file lainnya. Mengingat bahwa sebagian besar pengembang cukup sering merilis peningkatan, terutama saat menggunakan tema premium, menambahkan cuplikan kode ke file functions.php tema menjadi sangat sulit untuk dipertahankan.

Juga, jika Anda ingin mengubah tema, Anda juga harus memigrasikan kode, yang tentunya tidak baik untuk jangka panjang.

Kerugian lainnya adalah bahwa file tema dieksekusi di setiap halaman dan dengan menambahkan potongan kode ke file functions.php tema, risiko merusak seluruh situs web Anda jauh lebih tinggi.

Mari kita lihat praktik terbaik tentang cara menambahkan cuplikan kode khusus ke situs WordPress Anda, jadi Anda tidak perlu khawatir lagi kehilangan beberapa cuplikan kode, lupa memigrasikannya, atau merusak fungsionalitas saat meningkatkan tema Anda.

Menambahkan cuplikan kode khusus ke situs WordPress

Kode kustom dapat ditambahkan menggunakan salah satu metode berikut:

  • Menggunakan plugin (lihat pengantar plugin WordPress kami untuk mempelajari lebih lanjut tentang apa itu plugin WordPress)
  • Membuat plugin khusus
  • Membuat tema anak

Sekarang, mari kita bahas masing-masing metode secara rinci.

1. Menggunakan Plugin Cuplikan Kode

Cuplikan Kode 1 plugin adalah cara yang bagus untuk menambahkan kode kustom ke situs WordPress, dan jika Anda bukan penggemar menulis beberapa kode sendiri, cara ini lebih mudah daripada membuat plugin Anda sendiri.

Setelah menginstal plugin, bagian Cuplikan baru ditambahkan ke menu WordPress Anda, yang memungkinkan Anda menambahkan cuplikan baru. Setiap cuplikan akan memiliki ruang untuk kode dan deskripsi untuk informasi tambahan tentang apa yang dilakukan kode.

Tip: Jika Anda menggunakan cuplikan kode yang berguna dari sebuah situs, tambahkan URL dalam deskripsi, sehingga Anda ingat dari mana kode itu berasal.

Contoh kode khusus

Sama seperti plugin, Anda dapat mengaktifkan dan menonaktifkan cuplikan kode khusus serta mengekspornya ke file PHP. Dalam beberapa kasus, cuplikan khusus menyebabkan konflik dengan plugin atau tema lain, jadi menonaktifkan semua kode khusus berguna untuk masalah penargetan.

2. Membuat plugin khusus situs Anda sendiri

Membuat plugin khusus situs kustom Anda sendiri adalah cara terbaik untuk menambahkan kode kustom ke situs WordPress, karena Anda memiliki kendali penuh atas kode tersebut.

Apa itu plugin WordPress khusus situs?

Plugin WordPress khusus situs digunakan untuk menambahkan kode penyesuaian ke situs web yang tidak bergantung pada tema. Ini berarti apapun tema yang Anda gunakan, atau jika Anda berpindah antar tema, kode kustom plugin Anda akan selalu berjalan, tentu saja selama plugin diaktifkan.

Mengapa lebih baik membuat plugin WordPress khusus situs?

Jika Anda menambahkan kode khusus ke file fungsi tema Anda, kode itu akan hilang jika Anda memperbarui atau mengganti tema Anda.

Plugin WordPress khusus situs memungkinkan Anda untuk dengan mudah menambahkan cuplikan kode khusus ke situs WordPress Anda dan memastikan mereka tidak bergantung pada tema. Ini adalah plugin WordPress mandiri, yang berarti tidak tergantung pada tema Anda, artinya Anda dapat dengan bebas memperbarui atau mengganti tema Anda tanpa kehilangan kode khusus.

Anda tidak perlu menjadi ahli PHP untuk membuat plugin WordPress khusus situs. Cukup ikuti langkah-langkah mudah di bawah ini.

1. Buat direktori plugin

Pertama, Anda perlu membuat direktori untuk plugin dan menamainya. Itu bisa berupa nama apa saja, seperti situs web situs tersebut. Direktori plugin harus dibuat di direktori /wp-content/plugins/ di situs web Anda. Untuk contoh ini, kami memanggil plugin wpwhitesecurity-shortcodes . Catatan: selalu gunakan tanda hubung dan bukan spasi dalam nama direktori.

2. Buat file plugin

Selanjutnya, Anda akan memerlukan file utama untuk plugin Anda. Meskipun tidak ada aturan mengenai nama file yang seharusnya, praktik terbaiknya adalah agar nama file sama dengan nama plugin. Jadi dalam contoh kita, nama file plugin adalah wpwhitesecurity-shortcodes.php .

File ini setidaknya harus menyertakan judul dan deskripsi.

Buat file ini menggunakan editor teks, seperti NotePad ++ atau TextEdit. Jangan gunakan Microsoft Word atau editor serupa, karena itu menambahkan data pemformatan ke teks, dan mungkin mengacaukan file Anda. Semua editor yang tercantum di atas gratis.

Inilah yang perlu Anda tambahkan ke file:

<?php
/*
* Plugin Name: WP White Security Shortcodes
* Plugin URL: https://www.wpwhitesecurity.com
* Description: Site-specific plugin for custom code snippets in wpwhitesecurity.com
*/

Itu saja. Sekarang saatnya menambahkan kode kustom.

3. Tambahkan cuplikan kode khusus

Sekarang Anda dapat menyalin dan menempelkan potongan kode dari tutorial dll ke dalam file ini. Jika Anda telah membuat file plugin secara offline, kompres folder plugin sebagai file .zip dan unggah ke situs web Anda dari dasbor WordPress.

Mulai sekarang Anda tidak perlu khawatir kehilangan beberapa cuplikan kode, lupa memigrasikannya, atau merusak beberapa fungsi saat memutakhirkan tema atau WordPress Anda. Lain kali Anda menemukan cuplikan kode WordPress dan ingin menambahkannya ke situs web Anda, tambahkan ke file plugin khusus situs.

4. Tambahkan file index.php (opsional)

Ini merupakan langkah opsional. Untuk menghindari daftar direktori, Anda harus menambahkan file indeks di direktori plugin. Yang perlu Anda lakukan adalah:

Buat file bernama index.php
Tambahkan konten berikut ke dalamnya:

<?php
/**
* Nothing to see here.

3. Gunakan fungsi tema anak.php

Sebelumnya, kami mengatakan untuk tidak menggunakan file functions.php tema Anda. Namun, ini adalah alternatif yang baik untuk perubahan tertentu, misalnya, untuk perubahan khusus tema. Dengan cara ini, kode kustom khusus tema keluar saat tema Anda, karena tidak akan diperlukan lagi.

Namun demikian, perubahan tema harus selalu ditambahkan ke tema anak, dan bukan tema induk, sehingga aman untuk diupgrade.

Jika Anda menambahkan kode ke functions.php Anda, selalu pastikan untuk mencari tag penutup PHP. Ini adalah bagaimana mereka terlihat seperti: ?> . Jika file tema Anda berakhir dengan salah satu dari ini, Anda harus meletakkan kode khusus di atasnya.

Direktori fungsi tema anak.php

Kesimpulan

Seperti yang baru saja kita lihat, ada beberapa cara berbeda untuk menambahkan kode khusus ke situs web WordPress Anda, tetapi tidak semuanya bagus dalam jangka panjang. Namun, beberapa dari mereka lebih baik daripada yang lain dalam hal-hal tertentu. Misalnya, untuk perubahan khusus tema (tampilan & nuansa situs web), tambahkan kode khusus ke file functions.php . Untuk perubahan lainnya, idealnya Anda harus membuat plugin khusus situs khusus Anda

Pastikan Anda menambahkan kode khusus ke WordPress dengan cara yang aman, dan membuatnya mudah untuk di-debug jika terjadi kesalahan.
Kami harap artikel ini membantu Anda mempelajari cara menambahkan cuplikan kode khusus dengan mudah di situs WordPress Anda.

Referensi yang digunakan dalam artikel ini [ + ]

Referensi yang digunakan dalam artikel ini
1 https://wordpress.org/plugins/code-snippets/