Membuat Website Dengan CodeIgniter : Membuat Halaman Readmore

Artikel sebelumnya :
Setelah sebelumnya mempelajari tentang cara menampilkan data dari database, selanjutnya adalah membuat halaman untuk readmore dari setiap artikel yang ditampilkan, karena disini posisinya artikel masih belum ngelink ketika di klik. Selain itu data artikel dari database yang ditampilkan masih perlu ditata, maksudnya karena data artikel yang ditampilkan terutama bagian isi artikelnya itu tidak seragam, ada paragraf yang panjang dan ada yang pendek, oleh karena itu perlu dibuat sebuah halaman readmore

Proses pertamanya adalah mengatur jumlah kata pada setiap isi artikel yang diload dari database seragam, selanjutnya ketika artikel di klik maka akan otomatis melakukan link ke halaman artikelnya.

#TAHAP PERTAMA : Membuat Controller Untuk Readmore
Buka file controller home.php kemudian nanti tambahkan script berikut

public function readmore(){
    $id= $this->uri->segment(3);
    $data ['artikel']= $this->x_artikel->GetArtikelId($id);
        $this->template->load('index','readmore',$data);
    }

 
mengatur controller untuk readmore
Disana fungsinya untuk mendapatkan id dari setiap artikel, untuk halaman indexnya masih tetap diload, karena disana merupakan untuk tampilan websitenya, selanjutnya home dirubah jadi readmore, jadi home nanti di load untuk menampilkan data sebelum di readmore, sedangkan ketika di read, maka otomatis akan diarahkan ke /readmore/idartikel



#TAHAP KEDUA : Membuat Fungsi Untuk Mendapatkan Id Artikel

Selanjutnya buka file x_artikel.php pada folder models dan kemudian membuat function untuk query ke tabel artikel dan mendapatkan id artikel. Buat fungsi seperti dibawah ini

public function GetArtikelId($id){
        $id= $this->db->select('*')
                        ->from('artikel')
                        ->where('id',$id)
                        ->get();
        return $id;

    }
fungsi untuk mendapatkan id artikel


#TAHAP KETIGA : Mengatur Jumlah Kata Yang Ditampilkan
 

Pada tutorial sebelumnya  kita sudah belajar menampilkan data dari tabel artikel, hanya saja data tampil seluruhnya kemudian tidak bisa ngelink secara otomatis ke halaman yang dituju. Disini supaya sebelum di readmore, isi artikelnya tampil secara seragam, maka kita perlu mengatur jumlah kata yang ditampilkannya.

Buka file home.php yang berada di views, nanti rubah isi kodenya kemudian tambahkan fungsi substr sehingga data yang ditampilkan jumlah katanya bisa diatur sesuai keinginan, dimana terlihat bahwa jumlah kata yang di tampilkan pada isi artikel ada 200 huruf

<h3 class="post-subtitle">
                           <?php 

                           $artikel=$key->isi;
                           $cut=substr($artikel,0,200);
                           echo $cut;
                           ?>
                        </h3>


 
mengatur jumlah kata yang ingin ditampilkan
Jangan lupa juga supaya pada saat artikel di klik menuju ke halaman readmore maka Anda perlu mengarahkannya dengan menggunakan perintah berikut  <a href="<?php echo base_url('index.php/home/readmore/'.$key->id)?>"> sehingga nanti mengarah ke readmore dan ke id artikel yang dibaca. Kurang lebih scriptnya seperti yang terlihat pada gambar dibawah ini


#TAHAP KEEMPAT : Membuat Halaman Readmore
Pada tahap ketiga kita membuat jumlah kata yang ditampilkan pada isi artikel yang ditampilkan di home sama, kemudian pada saat di klik akan mengarah ke halaman readmore. Pada tahap ketiga sudah diarahkan supaya masuk ke halaman readmore, maka pada tahap selanjutnya kita perlu membuat halaman readmorenya pada folder views.

Copy saja dari file home.php yang terdapat di views, tapi nanti rubah bagian

                  <?php 

          $artikel=$key->isi;
          $cut=substr($artikel,0,200);
          echo $cut;
          ?>

Menjadi seperti ini
echo $key->isi;

Simpan dan beri nama readmore.php, Kemudian silahkan selanjutnya Anda akses halaman website Anda, kemudian Anda coba klik salah satu artikel yang ada di halaman depan website, maka bila berhasil nanti kurang lebih akan terlihat seperti pada gambar dibawah ini

mengcek kembali website
Nanti dapat dilihat bahwa URL halamannya akan mengarah ke /readmore/1 dimana angka satu merupakan id dari artikel yang terdapat dalam database. Jadi nanti buat fungsi di controllernya, kemudian atur fungsi untuk query nya pada folder model, potong jumlah kata yang ditampilkan di home.php dan  di link kan ke halaman readmore.php

0 Response to "Membuat Website Dengan CodeIgniter : Membuat Halaman Readmore"

Post a Comment

Silahkan untuk meninggalkan komentar, santai saja dan mulailah berkomentar...