Artikel ini ialah contoh paparan blog JayaBina. Ia menunjukkan bagaimana gambar dalam artikel dan banner kategori dipaparkan apabila halaman dibuka melalui komputer atau telefon. Artikel demo ini bukan rekod kerja pelanggan atau tawaran harga.
Gambar dalam artikel
Ilustrasi dijana menggunakan AI untuk artikel contoh ini; bukan foto projek sebenar.
Gambar di atas ialah sebahagian daripada kandungan artikel. Ia berbeza daripada banner promosi di penghujung artikel. Pengguna Admin boleh memasukkan gambar melalui editor dan mengurusnya dalam Blog Media.
Paparan desktop dan laptop
Pada skrin desktop, halaman mengekalkan susun atur artikel serta sidebar kanan. Tepat selepas kandungan artikel ini, satu banner horizontal berlabel DESKTOP akan dipaparkan. Banner mengikuti lebar ruang bacaan dan tidak menggantikan sidebar.
Paparan telefon
Pada telefon, browser memilih gambar banner berlabel MOBILE yang mempunyai susun atur bertingkat. Banner desktop tidak dipaparkan serentak. Gambar mobile mengikut lebar ruang artikel dengan nisbah asal dikekalkan supaya kandungan tidak terpotong.
Satu tetapan untuk satu kategori
Artikel ini menggunakan kategori Contoh Blog. Banner ditetapkan melalui Blog → Categories, bukan dimasukkan ke dalam isi setiap artikel. Semua artikel yang diterbitkan dalam kategori yang sama akan menggunakan banner kategori tersebut. Kategori servis lain boleh mempunyai banner masing-masing tanpa mengubah artikel demo ini.
Cuba sendiri
Buka pautan artikel ini pada komputer dan pada telefon, kemudian skrol hingga hujung kandungan. Pada komputer, semak banner DESKTOP. Pada telefon, semak banner MOBILE. Klik banner untuk melihat halaman servis cuci tangki air.
Kongsi pandangan anda.
Komen disemak oleh Admin sebelum dipaparkan. Jangan sertakan nombor telefon, alamat atau maklumat peribadi.
Memuatkan komen…