Promo Member Baru 40%! Program Full Stack Membership! Hanya 3 Hari! Klaim Promo

Bagaimana Membuat slug pada website static?

Ditanyakan 1 tahun yang lalu oleh Gavin Lingga Juniardi

Bagaimana membuat slug dengan html css saja untuj landing page?

Terimakasih.

1 JAWABAN / 0 KOMENTAR

User avatar
Ahmad Oriza menjawab pada tanggal 28 November 2018

Halo mas, untuk membuat slug dari website statis ada beberapa langkah yang harus dilakukan. Tapi syaratnya butuh pengetahuan PHP dan MySQL terlebih dahulu. Saya asumsikan mas sudah ngerti xampp, MySQL dan PHP dasar.

  1. Buat database bernama "website" lalu buat table "page" pada MySQL Database. Spec nya seperti ini. DB ini akan menampung slug dan content yang akan kita pakai untuk program.
Field Type
id int (5)
slug varchar(255)
content text
created_at datetime

Lalu isikan datanya seperti ini :

Jadi nanti script HTML kita, harus dimasukan kedalam field content, dan diambil berdasarkan slug yang diakses. Kalau begini, websitenya sudah dinamis.

  1. Buat sebuah folder baru bernama bernama portal di localhost folder.
  2. Buat sebuah file latihan bernama article.php di dalam folder proyek. Kurang lebih untuk membuat website dengan basis slug adalah seperti ini scriptnya :
<?php
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);

$con = mysqli_connect("localhost","root","12345","website");

if (!isset($_GET['slug']))
    exit('Not Found');

$page = $_GET['slug'];

if (mysqli_connect_errno()) {
    echo "Failed to connect to MySQL: " . mysqli_connect_error();
}

// Perform queries 
$query = mysqli_query($con, "SELECT * FROM page WHERE slug = '$slug'");
$result = mysqli_fetch_all($query, MYSQLI_ASSOC);

if (empty($result))
    exit('Not Found');

echo $result[0]['content'];
?>
  1. Lalu terakhir tambahkan file .htaccess untuk mempercantik URL dan mengaktifkan slug system.
RewriteEngine On
RewriteRule ^article/([a-zA-Z0-9]+)/?$ /article.php?slug=$1 [L]

Silahkan akses http://localhost/portal/article/about .. Disini nanti program akan mengambil slug url about dan mengeluarkan isi HTML nya.