Ilmu Coding Ilmucoding.com - Merupakan situs yang membantu Anda belajar coding lebih mudah, nyaman, interaktif dan profesional. Belajar sekarang di ilmu coding. GRATIS

Cara Menyisipkan Variable PHP di CSS

1 min read

tutorial php basic

Pada tutorial kali ini ilmucoding akan sharing tentang cara menyisipkan variable PHP di CSS. Asal mula ingin membuat tutorial ini karena pernah ada project untuk generate landingpage melalui PHP dan database. Project tersebut membutuhkan data CSS seperti warna, font dan lain-lain melalui database. Jadi, mau nggak mau harus menyisipkan variable ke dalam sintax CSS.

Oke daripada penasaran, gimana sih alur kerjanya?

Cara Menyisipkan Variable PHP di CSS

Simple. Anda membuat sebuah variable yang berisi sebuah kode warna hexsa. Kemudian variable tersebut Anda sisipkan ke dalam syntax CSS.

Contoh:

<?php
$warna = "red";
?>
<html>
<head>
    <title>Tes Warna</title>
    <style type="text/css">
    .teks{
        color: <?= $warna ?>;
    }
    </style>
</head>
<body>
    <p class="teks">Ini teks warna hasil database</p>
</body>
</html> 

Perhatikan kode yang dicetak tebal, pada property color disisipkan value dalam bentuk variable PHP yang berisi red. Sekarang tinggal memastikan apakah program di atas bisa berjalan dengan semestinya?

Mari kita beri nama latihan.php dan simpan di xampp/htdocs/latihan.php.

Kemudian aktifkan xampp atau web server lainnya dan lalu buka localhost/latihan.php.

Hasilnya:

Cara Menyisipkan Variable PHP di CSS

Seperti yang kita harapkan, teks berwarna merah meskipun value color berasal dari variable PHP. Itu menandakan bahwa Anda bisa memberikan style di front end dengan data dari database. Kemungkinan ini cocok digunakan untuk Anda yang sedang / ingin membangun CMS website. Karena masih banyak orang yang membutuhkan website tinggal edit tanpa perlu skill ngoding.

Kesimpulan

Ketika Anda selesai membaca tutorial cara menyisipkan variable PHP di dalam CSS ini, maka dapat disimpulkan:

  • PHP bisa dikolaborasikan dengan CSS.
  • Value di CSS dapat diisi dengan variable dari PHP.
  • Kemungkinan membuat CMS website jadi lebih mudah.
  • Anda bisa membangun website dengan style yang dinamis dan mudah diubah tanpa harus ngoprek codingnya.
  • Dan masih banyak kemungkinan lainnya.

Oke, demikianlah tutorial PHP Basic kali ini. Semoga Anda tidak cepat puas dan ingin belajar melalui tutorial codeigniter 3, codeigniter 4 dan laravel sebagai terkenal framework PHP.

Selamat belajar …

Ilmu Coding Ilmucoding.com - Merupakan situs yang membantu Anda belajar coding lebih mudah, nyaman, interaktif dan profesional. Belajar sekarang di ilmu coding. GRATIS

Leave a Reply

Your email address will not be published. Required fields are marked *

Jika terbantu dengan artikel ini, silahkan share, beri komentar dan "klik" 1 kali pada iklan ya.