Cara Mudah Membuat Read More Artikel Dengan PHP

Posted by Admin on

Tuesday, March 6, 2018

Pernahkah anda membuat artikel yang panjang banget dan kebingungan ingin memotongnya supaya tampil bagus di halaman home? tentu ada banyak cara untuk melakukannya, bisa dengan membuat sendiri kolom deskripsi dari artikel atau membuatnya secar otomatis. Untuk pilihan yang pertama tentu akan sedikit merepotkan bukan? hehe pada tutorial kali ini kita akan membuat pemotongan artikel itu menjadi otomatis sesuai dengan yang sudah kita tentukan sebelumnya.

Pada tutorial yang lalu kita sudah pernah mempelajari bagaimana menghitung jumlah kata yang sama pada suatu teks atau artikel. Dengan prinsip yang sama kita bisa menggunakannya untuk melakukan pemotongan terhadap artikel berdasarkan jumlah kata yang ingin kita tampilkan.

Mengapa kata? kita mungkin pernah melihat pemotongan menggunakan fungsi substr() dimana memotong berdasarkan jumlah karakter dan hasilny ada sebuah kata yang tidak lengkap karakternya yang mungkin agak kurang bagus dilihat. Namun kita juga bisa mencobanya sebagai berikut:

Teks:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Task:
- Potong teks tersebut sejumlah 100 karakter
- Potong teks tersebut sejumlah 20 kata

Mari kita coding~

<?php
$teks ="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";

function readmore($teks, $jumlahkata)
{
 $string=explode(" ", $teks);
 for($i=0;$i<=$jumlahkata;$i++){ $hasil .= $string[$i]." "; }
 return $hasil;
}

//pemotongan dengan karakter sejumlah 100
$karakter = substr($teks, 0, 100);
//pemotongan dengan kata sejumlah 20
$kata = readmore($teks, 20);

//tampilkan hasilnya
?>
<h1>Memotong teks dengan karakter dan kata</h1>
<hr>
<div align="justify">
 <div><b>Teks</b></div>
 <?php echo $teks;?>
</div>
<hr>
<div align="justify">
 <div><b>Karakter : 100 buah</b></div>
 <?php echo $karakter;?>
</div>
<hr>
<div align="justify">
 <div><b>Kata : 20 buah</b></div>
 <?php echo $kata;?>
</div>

Dari kode diatas kita melakukan pemotongan dengan 2 cara yaitu menggunakan fungsi substr()untuk pemotongan karakter dan fungsi readmore() dimana fungsi readmore() ini kita buat sendiri untuk memotong jumlah kata yang ingin kita tampilkan. Kode fungsi tersebut dapat dilihat diatas, apabila ada yang ingin ditanyakan bisa mengirimkan komentar dibawah ini.

Hasilnya adalah sebagai berikut:

Bagaimana cukup mudah bukan? apabila kita sudah memahami bagaimana memotong kata atau karakter maka kita dapat membuat sampel untuk sebuah aplikasi berbasis berita. mari kita coba membuatnya dengan ketentuan dasar sebagai berikut:

Ketentuan:
- Data menggunakan array pada dengan nama file data.php
- tampilan awal berada pada index.php sebagai portal berita
- judul artikel yang dipilih pada index.php dapat ditampilkan melalui file artikel.php

Mari kita coding ^^

Sourcecode: index.php

<?php
include "data.php";
?>
<!DOCTYPE html>
<html>
<head>
 <title>Aplikasi Portal Berita Sederhana</title>
 <style type="text/css">
 body {
  font-family: verdana;
  font-size: 12px;
 }
 a { text-decoration: none; color: #3D1DFD;}
 a:hover { text-decoration: underline; color:#DA001F;}
 </style>
</head>
<body>
<h1>Aplikasi Portal Berita Sederhana</h1>
<hr>
<?php
$menu = trim($_GET['menu']);
 if(empty($menu)) { include "home.php"; }
 if($menu == "artikel") { include "artikel.php"; }
?>
<hr>
&copy; 2018 <a href='http://www.belajarwebpedia.com'>belajarwebpedia.com</a>
</body>
</html>

Berikut diatas adalah kode untuk halaman index.php kemudian kita buat halaman home nya untuk menampilkan data artikel yang ada. Mari kita coding:

Sourcecode: home.php

<?php
function readmore($teks, $jumlahkata)
{
 $string=explode(" ", $teks);
 for($i=0;$i<=$jumlahkata;$i++){ $hasil .= $string[$i]." "; }
 return $hasil;
}

for($i=1;$i<=count($data);$i++)
{
?>
<div>
 <a href="?menu=artikel&id=<?php echo $i;?>">
 <?php echo $data[$i]['judul'];?>
 </a>
</div>
<div align="justify">
 <?php 
 echo readmore($data[$i]['isi'], 25);
 ?>
 ...<a href="?menu=artikel&id=<?php echo $i;?>">Read More</a>
</div>
<hr>
<?php
}
?>

Sourcecode: artikel.php

<?php
$i = trim($_GET[id]);
?>
<div align="center">
 <h3>
 <a href="?menu=artikel&id=<?php echo $i;?>">
 <?php echo $data[$i]['judul'];?>
 </a>
 </h3>
</div>
<div align="justify">
 <?php 
 echo $data[$i]['isi'];
 ?>
</div>

Nah basis kodenya sudah jadi, namun jangan langsung dicoba ya karena pasti error sebab kita belum membuat data.php sebagai pangakalan data artikelnya. nanti data.php bisa kita konvert ke data hasil pemanggilan dari database. untuk tutorial kali ini kita masih menggunakan array ya.

sourcecode: data.php

<?php
$data[1]['judul'] = 'Ini Judul Artikel Pertama Kita';
$data[1]['isi'] = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.';
$data[2]['judul'] = 'Judul Artikel Kedua Adalah Ini ya';
$data[2]['isi'] = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.';
$data[3]['judul'] = 'Kalau Judul Artikel Ketiga seperti ini';
$data[3]['isi'] = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.';
?>

Oke coding sudah selesai silahkan dicoba dan hasilnya adalah sebagai berikut:
Halaman Index

Halaman Artikel

Bagaimana cukup mudah bukan? ^^ selamat mencoba ya jangan lupa di share apabila tutorial ini membantu anda, sampai ketemu lagi di tutorial selanjutnya ya