Cara edit kode php di wordpress

WordPress tidak akan menjalankan PHP di dalam postingan WordPress. Untuk melakukan ini, kita perlu menggunakan plugin yang memungkinkan Anda memasukkan potongan PHP, atau menentukan potongan secara manual menggunakan kode pendek

Ada dua cara untuk menambahkan PHP ke postingan WordPress dari editor. Yang pertama, menggunakan plugin untuk melakukannya untuk Anda, adalah opsi yang paling mudah dan kemungkinan lebih aman. Ada banyak pilihan plugin di luar sana, tapi kami mendemonstrasikannya dengan “PHP Code Snippet”. Plugin ini berfungsi dengan memungkinkan Anda menentukan cuplikan kode, lalu memasukkannya nanti melalui kode pendek di pos Anda yang sebenarnya

Melakukannya dengan plugin

Untuk memulai, instal plugin Sisipkan Cuplikan Kode PHP, lalu klik aktifkan

Kemudian, navigasikan ke bagian Cuplikan Kode PHP di bawah menu plugin

Klik "Tambahkan Cuplikan Kode PHP Baru"

Di sini, Anda dapat membuat cuplikan Anda. Nama Pelacakan adalah apa yang akan ditampilkan di editor, dan apa yang dapat Anda gunakan untuk memanggilnya secara manual. Itu tidak mendukung spasi, tetapi jika Anda memasukkan spasi, itu akan menggantikannya secara otomatis

Cukup tambahkan kode yang Anda inginkan dalam cuplikan ini di kotak teks, lalu klik buat

Ini harus aktif secara default, tetapi pastikan dengan mengarahkan mouse ke ikon di sisi kiri kolom "tindakan".

Menambahkan potongan posting Anda secara otomatis

Jika Anda menggunakan editor Gutenberg (Block), pertama-tama Anda ingin menambahkan blok klasik

Di blok ini, Anda akan melihat tombol baru untuk PHP, pilih cuplikan Anda

Anda akan mendapatkan sesuatu yang terlihat seperti ini

Jika Anda salah satu dari jutaan yang menggunakan plugin editor klasik atau menggunakan versi WordPress yang lebih lama, itu akan ada di bilah alat secara default

Setelah Anda menambahkan cuplikan, perbarui dan periksa pos. Anda harus melihat hasil PHP Anda

Menambahkan potongan PHP posting Anda secara manual

Anda tentu saja dapat mengetiknya menggunakan format di bawah ini

[xyz-ips snippet=”Masukkan Nama Pelacakan Di Sini”]

Menambahkan PHP ke posting Anda dengan kode pendek

Jika Anda menolak untuk menginstal plugin lain, Anda dapat melakukan apa yang dilakukan plugin ini secara manual dengan hasil yang serupa. Ini, tentu saja, bukan cara yang disarankan, tetapi Anda bisa melakukannya

Untuk melakukan ini, Anda akan memanfaatkan kode pendek di fungsi tema Anda. file php. Peringatan melakukan ini adalah hanya akan bekerja dengan tema ini diterapkan. Jika Anda melakukannya dengan cara ini, Anda mungkin ingin menggunakan tema anak, memastikan bahwa fungsi baru Anda tidak ditimpa saat tema Anda diperbarui.

Temukan fungsi Anda. php di direktori tema Anda, dan tambahkan kode pendek Anda ke dalamnya. Lihat tautan di atas ke WordPress Codex jika Anda tidak yakin cara membuatnya. Ini contoh sederhana

function test_func( $atts ){
    return 'This is PHP from your functions file' ;
  }
  add_shortcode( 'test', 'test_func' );

Simpan, lalu panggil di pos Anda dengan

[tes]

Anda sekarang harus melihat ini

Jika Anda memerlukan bantuan untuk merapikan situs WordPress Anda, lihat saja pengembangan WordPress profesional di CodeClouds. Kami mengerjakan tema WordPress khusus, pengembangan plugin WooCommerce, dan integrasi CRM. Hubungi kami hari ini

Untuk pengguna non-teknis, WordPress adalah platform yang mudah digunakan. Anda dapat membuat dan menyesuaikan situs web WordPress dengan relatif mudah menggunakan Sistem Manajemen Konten yang sangat efisien.  

Namun akan ada saat-saat tertentu di mana Anda mungkin perlu menambahkan cuplikan kode di dalam situs Anda. Ini akan melibatkan Anda berhubungan dengan basis kode WordPress. Tapi bagaimana Anda bisa mengedit kode WordPress?

Dalam posting ini, kami akan menunjukkan bagaimana Anda dapat melakukan hal itu.  

Jadi, mari kita mulai.  

Cara Mengedit HTML WordPress untuk Setiap Posting/Halaman

Mari kita lihat cara paling dasar untuk mengedit kode HTML di WordPress. Metodenya sederhana. yang harus kita lakukan adalah mengunjungi setiap posting WordPress, jenis posting khusus, dan halaman, dan membuat perubahan dari sana.  

Catatan. Anda dapat melakukan tindakan ini di editor blok Gutenberg, serta Editor Klasik.  

Cara Mengedit HTML WordPress di Editor Blok di Gutenberg

Mari kita lihat bagaimana kita dapat mengedit kode di Gutenberg

Jika Anda ingin menambahkan kode HTML Anda sendiri (WordPress iFrames, sebagai contoh utama), kami sarankan Anda menggunakan blok HTML Kustom di Gutenberg. Ini jauh lebih baik daripada mengedit seluruh kode sumber, dan tidak terlalu menyulitkan Anda.  

Anda dapat menemukan blok Gutenberg HTML Kustom dengan mengeklik ikon (+) di kanan atas. Ini akan menampilkan dropdown yang menunjukkan blok HTML Kustom. Gunakan ini untuk menambahkan blok HTML.  

Melalui metode ini, Anda dapat menambahkan blok HTML Kustom baru. Tetapi bagaimana jika Anda ingin mengedit kode HTML dari blok yang sudah ada?

Nah, ada dua metode yang bisa Anda gunakan untuk tujuan itu.  

Metode pertama melibatkan Anda memilih blok teks tertentu. Klik pada tiga titik seperti yang ditunjukkan di bawah ini dan dari sana akan muncul opsi "Edit sebagai HTML".  

Dengan ini, Anda dapat mengedit satu blok kode dengan mudah.  

Jika Anda ingin mengedit seluruh dokumen HTML, Anda melakukannya dengan mengaktifkan editor kode. Di kanan atas editor Anda, klik tiga titik untuk membuka sidebar. Kemudian, di bawah bagian Editor, klik Editor Kode untuk mengaktifkan versi HTML postingan WordPress Anda.  

Pintasan Keyboard (Windows). Ctrl + Shift + Alt + M

Pintasan Keyboard (Mac). Cmd + Shift + Alt + M

Kami akan merekomendasikan bahwa kecuali Anda seorang pengembang WordPress, Anda harus tetap mengedit kode WordPress biasa. Alasan di balik ini adalah saat Anda bekerja dengan Editor Kode, Anda harus bekerja di sekitar markup HTML

Jika Anda tidak berhati-hati, satu kesalahan saja dapat merusak postingan atau halaman WordPress Anda

Cara Mengedit HTML WordPress di Editor Klasik di Editor Klasik

Karena satu dan lain hal, jika Anda menggunakan Editor Klasik WordPress oleh TinyMCE, maka Anda dapat mengedit kode HTML melalui metode berikut.  

Di dalam editor pos, klik opsi Teks seperti yang diilustrasikan di bawah ini

Ini adalah satu-satunya hal yang perlu Anda lakukan dengan Editor Klasik. Karena Anda tidak dapat menambahkan blok pada editor, Anda harus melakukan semua penyesuaian dari Editor Teks WordPress.  

Cara Mengedit Kode Sumber di Tema WordPress Anda

Sekarang setelah kita selesai mengedit HTML untuk sebuah postingan, saatnya kita melihat mengedit tema WordPress

Penafian. Ada lebih banyak hal yang terlibat dalam mengedit tema WordPress. Karena Anda akan mengedit sesuatu yang mungkin merusak situs web Anda, sebaiknya siapkan cadangannya. Anda dapat membuat cadangan cloud manual atau menggunakan plugin untuk membuatnya.  

Lebih baik aman daripada membuat situs Anda rusak karena Anda lupa memasukkan titik koma setelah potongan kode tertentu. Dengan mengingat hal itu, mari selami lebih dalam mengedit tema WordPress kita.  

Pertimbangkan Menggunakan Plugin Daripada Mengedit Kode di Child Theme

Sekarang, ini mungkin terdengar seperti buzzkill, tapi sungguh, sebaiknya Anda menggunakan plugin.  

Jika Anda ingin memodifikasi dan meningkatkan elemen tema WordPress Anda, lebih baik melakukannya menggunakan plugin. Pernyataan ini semakin benar jika Anda mengedit tema anak.  

For example, if you want to add a tracking code on your WordPress site like Google Analytics, then you can use a plugin instead of manually adding the code inside the section.

Ada plugin seperti MonsterInsights yang memungkinkan Anda menambahkan kode Google Analytics tanpa harus menyentuh satu kode pun. Selain itu, Anda dapat menggunakan opsi bawaan dari penyedia tema WordPress seperti BeTheme yang dapat Anda gunakan untuk menambahkan kode dengan mudah. Yang terakhir, bagaimanapun, adalah tema premium sehingga Anda mungkin tidak menemukan opsi itu dalam tema biasa.  

Gunakan Editor Kode WordPress In-Dashboard

Untuk mengedit kode HTML di situs web Anda, Anda juga dapat menggunakan editor kode di dasbor. Meskipun kami tidak merekomendasikan metode ini karena melibatkan penggunaan editor kode, perlu diketahui bahwa ini adalah opsi yang dapat Anda gunakan.  

Anda dapat mengakses editor kode WordPress dengan membuka Tampilan > Tema.  

Lihat peringatannya? . Kecuali Anda memiliki pengembang WordPress saat ini, Anda harus menghindarinya.  

Untuk artikel ini, klik tombol “Saya Mengerti” untuk melanjutkan.  

Saat Anda berada di dalam Theme Editor, Anda dapat mengedit berbagai file kode WordPress dengan menggunakan navigasi sidebar

Ringkasan

Dalam posting ini, kami menunjukkan bagaimana Anda dapat mengedit kode halaman atau posting WordPress di Gutenberg dan Editor Klasik.  

Sebagai penutup artikel ini, kami akan memberi Anda beberapa praktik terbaik yang dapat Anda lihat.  

• Alih-alih mengedit langsung ke tema induk, lakukan pengeditan ke tema anak. Ini membantu Anda menghindari kerusakan elemen tertentu di situs WordPress Anda.  
• Jika Anda ingin mengedit HTML situs web WordPress Anda, selalu cari solusi plugin yang dapat membantu mengedit untuk Anda. Saat Anda menambahkan ketergantungan, itu lebih baik daripada mengedit basis kode situs Anda tanpa kehadiran pengembang.  
• Setiap kali Anda mengedit tema situs web Anda, simpan cadangan situs web Anda untuk dikembalikan jika terjadi kesalahan.  
• Jika Anda ingin mengedit kode CSS dari tema tertentu, Anda dapat menggunakan plugin seperti Simple CSS.  

Mengedit basis kode bisa tampak seperti pekerjaan yang rumit. Namun, dengan alat yang tepat, Anda dapat memulai dan menjalankan kode pengeditan dan menyesuaikan situs Anda secara signifikan

Bagaimana saya bisa mengedit kode di WordPress?

Bagaimana cara mengedit kode PHP?

Bagaimana cara menambahkan kode PHP khusus ke WordPress?

Bagaimana cara membuka fungsi PHP di WordPress?