Sabtu, Maret 6, 2021
Home > Pengetahuan Dasar > Memasukkan Kode Program Ke Artikel WordPress

Memasukkan Kode Program Ke Artikel WordPress

code

Begini Caranya Memasukkan Syntax Code Di Postingan WordPress – Bagi pemilik blog WordPress yang membahas tentang tutorial yang berhubungan dengan coding bisa dipastikan mereka ingin memasang kode di postingannya, tapi sayangnya secara default WordPress memfilter kode mentah apa pun yang ditambahkan ke dalam postingan blog, halaman, widget, atau komentar sehingga kode tidak tampil sempurna dan tag-tag kode penting dirubah menjadi karakter yang tidak jelas. Hal ini akan mengakibatkan kode jika di copy oleh pengunjung menjadi tidak berjalan dan menimbulkan error.

Untuk mengatasi hal diatas untung saja WordPress memiliki banyak plugin yang dikembangkan oleh pengembang-pengembang kompeten di seluruh dunia untuk memecahkan berbagai masalah dan menambahkan berbagai macam fungsi sehingga WordPress dapat digunakan untuk berbagai macam hal. Untuk menampilkan kode di post WordPress, Anda juga dapat menemukan beberapa plugin yang bisa menampilkan kode secara sempurna. Pada artikel ini, saya akan menunjukkan cara mudah untuk memasang atau menampilkan kode di postingan WordPress.

Plugin yang saya contohkan pada artikel kali ini adalah dengan menggunakan plugin SyntaxHighlighter Evolved

SyntaxHighlighter Evolved adalah plugin yang saya gunakan sebagai contoh pada artikel ini dan ini juga plugin yang saya gunakan pada blog DIPHP.ID, ini merupakan plugin code snipet yang populer untuk menyematkan potongan kode bernomor dan sintaks yang ingin di pasang dalam postinga WordPress. Yang perlu Anda lakukan adalah membungkus kode Anda dalam shortcode yang relevan dan akan ditampilkan seperti ini:

 

Contoh Penggunaannya yaitu seperti ini :

  if($_POST['save']){
$username3 = mysql_real_escape_string($_SESSION['username']);
$ekstensi_diperbolehkan = array('png','jpg');
$nama = $_FILES['foto_lk']['name'];
$x = explode('.', $nama);
$ekstensi = strtolower(end($x));
$ukuran = $_FILES['foto_lk']['size'];
$file_tmp = $_FILES['foto_lk']['tmp_name'];

if(in_array($ekstensi, $ekstensi_diperbolehkan) === true){
if($ukuran < 1044070){
move_uploaded_file($file_tmp, 'galerine/'.$nama);
$query = mysqli_query($koneksi,"INSERT INTO pernikahan_galeri VALUES(NULL,'$username3', '$nama')");
if($query){
echo 'FILE BERHASIL DI UPLOAD';
}else{
echo 'GAGAL MENGUPLOAD GAMBAR';
}
}else{
echo 'UKURAN FILE TERLALU BESAR';
}
}else{
echo 'EKSTENSI FILE YANG DI UPLOAD TIDAK DI PERBOLEHKAN';
}
}

 

Untuk Cara penggunaanya ada pada bagian keterangan plugin paling bawah setelah anda memasang plugin ini.

Fitur Utama:

  1. Menambahkan nomor baris ke cuplikan kode
  2. Menambahkan penyorotan sintaks ke cuplikan kode
  3. Pilihan warna tema yang berbeda
  4. Dapat menambahkan CSS class khusus untuk opsi styling

Dan masih banyak lagi plugin yang bisa anda gunakan untuk memasukkan kode program ke dalam artikel WordPress