Skip to main content

Modul 3 - Reka Bentuk Laman PTJ
& Penggunaan Builder / Library

Objektif Modul

  1. Membiasakan peserta dengan Builder & Library dalam YOOtheme Pro. 
  2. Mempelajari fungsi Element, Row, Section secara terperinci. 
  3. Mengurus reka bentuk konsisten untuk laman PTJ dengan kaedah Import/Export. 
  4. Mengubah visual halaman seperti warna teks dan latar belakang. 

Library (Perpustakaan Komponen)

  1. Simpan dan ulang guna Element, Row atau Section. 
  2. Import daripada laman lain (jimat masa). 
  3. Export reka bentuk sedia ada untuk digunakan di laman lain. 

Import & Export

  1. Komponen Tujuan Cara 
  2. Element / Section Kongsi / simpan reka bentuk Klik ikon 3 titik → Export JSON 
  3. Import Masukkan elemen dari fail atau library Klik “+” → Import Section / Element 

Menukar Visual Section

  1. Tukar Background: Gambar / warna / video / overlay.
    Pilih Section → Style → Background.     
  2. Tukar Warna Teks:
    Pilih Element Teks → Style → Color.     
  3. Atau guna kelas tema seperti text-primary, text-muted. 

Aktiviti Praktikal

  1. Reka Section untuk “Perkhidmatan PTJ” 
  2. Gunakan Row & Element yang tersusun (gambar, teks, ikon) 
  3. Tukar background section kepada warna tema PTJ 
  4. Export section tersebut & Import ke halaman lain 
<< Back
Next >>