Generic placeholder image

Bagaimana Membuat slug pada website static?

Ditanyakan pada tanggal 24 November 2018 oleh Gavin Lingga Juniardi

Bagaimana membuat slug dengan html css saja untuj landing page?

Terimakasih.

BUAT KOMENTAR

1 JAWABAN / 0 KOMENTAR

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