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.

Comment ..
Maksudnya slug seperti apa ya mas?
Dikomentari pada tanggal 26 November 2018 oleh Toni Haryanto
BUAT KOMENTAR

2 JAWABAN

Generic placeholder image
Dijawab pada tanggal 28 November 2018 oleh Ahmad Oriza

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'];

exit($page);

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
Generic placeholder image
Dijawab 14 jam yang lalu oleh Ahmad Oriza

Mas apakah sudah bisa?

BUAT KOMENTAR