Generic placeholder image

Bagaimana Membuat slug pada website static?

Ditanyakan 3 bulan yang lalu oleh Gavin Lingga Juniardi

Bagaimana membuat slug dengan html css saja untuj landing page?

Terimakasih.

Comment ..

Maksudnya slug seperti apa ya mas?

Dikomentari 2 bulan yang lalu oleh Toni Haryanto
Comment ..

Mas apakah sudah bisa?

Dikomentari pada tanggal 5 January 2019 oleh Ahmad Oriza
Comment ..
aku baru tau kalo teknik dinamis dari statis ke dinamis dinamakan slug :D
Dikomentari pada tanggal 5 January 2019 oleh Ngakunya ANAK IT
BUAT KOMENTAR

1 JAWABAN

Generic placeholder image
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.
FieldType
idint (5)
slugvarchar(255)
contenttext
created_atdatetime

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.

BUAT KOMENTAR