Cara Membaca Blog Situsali
Tujuan utama dibangunnya situsali adalah semua kalangan bisa mengkonsumsi. Oleh Karena itu, saya selalu berusaha memberikan tulisan dengan bahasa yang mudah dipahami.
Juga berusaha mendesain situs ini dengan tampilan yang sederhana tetapi informatif. Meskipun demikan, tetap saja tidak semua orang bisa paham.
Saya rasa memberikan informasi tentang tata cara membaca itu perlu dilakukan. Minimal dengan adanya ini, para pembaca bisa memahami tiap-tiap komponen dan tulisan yang ada di situsali.
Navbar
Singkatnya navbar
adalah tampilan yang paling atas dari blog.
Navbar Pada Desktop
Pada versi desktop kamu bisa melihat semua navigasi yang tertera di situsali.
Kita mulai dari pojok kiri yakni logo
dan tulisan Situsali
ini disebut navigation brand
atau navbrand
. Kalau kamu mengelik ini, kamu akan diarahkan ke halaman utama.
Kemudian kamu akan melihat menu Series
, Pemrograman
sampai Tentang
, ini disebut navigation item
atau navitem
. Kalau kamu mengelik ini kamu akan diarahkan ke blog kategori sesuai dengan halaman yang tertera.
Terakhir, yang paling kanan kamu akan melihat dua ikon kaca pembesar
dan matahari
.
Untuk ikon kaca pembesar
, adalah navigasi untuk mencari semua judul artikel yang tertulis di situsali.
Sedangkan ikon matahari
, ini disebut theme switcher
, yakni tombol untuk menganti tema sesuai dengan kondisi, menjadi gelap
atau terang
.
Kalau kamu mengelik ikon matahari
tema situsali akan berubah menjadi gelap
(darkmode) dan ikon matahari
tersebut akan berubah menjadi bulan
.
Begitu juga sebaliknya, kalau kamu mengelik ikon bulan
, situsali akan berubah menjadi terang
(lightmode), dan ikon akan kembali menjadi matahari
.
Navbar Pada Mobile
Jika kamu mengakses situsali melalui smartphone, navbar akan terlihat lebih simpel. Ia hanya menampilkan tiga tombol, yakni navbrand
, theme switcher
dan burger menu
.
Untuk navbar
dan theme switcher
sudah dijelaskan di atas.
Sedangkan untuk burger menu
atau ikon tiga garis
dipojok kanan adalah tombol untuk membuka navigation item
dan tombol pencarian
.
Saat kamu klik burger menu
kamu akan melihat isi menunya.
Nah, burger menu
tadi akan berubah ikon menjadi ikon silang
, ini adalah untuk menutup burger menu
tersebut.
Jumbotron
Di bagian bawah navbar kamu akan melihat jumbotron
. Yakni kotak besar yang berisi informasi suatu halaman.
Jumbotron tidak muncul pada tiap-tiap halaman, ia hanya akan muncul di halaman.
- Halaman Utama
- Halaman Artikel Berseri
- Halaman Topik (Tags)
Jumbotron Pada Desktop
Halaman Utama
Halaman Artikel Berseri
Halaman Topik
Jumbotron Pada Mobile
Halaman Utama
Halaman Artikel Berseri
Halaman Topik
Artikel Terbaru
Turun ke bawah, kamu akan melihat kotak daftar artikel-artikel terbaru.
Perhalaman situsali hanya menampilkan enam buah artikel. Untuk daftar artikel selanjutnya kamu bisa mengelik pagination.
Tampilan pada desktop
Di desktop kamu akan melihat daftar artikel, dengan desain tiga kolom, dua baris (3x2).
Tampilan pada tablet
Sedangkan versi tabnya 2x3.
Tampilan pada mobile
Dan versi mobilenya 1x6.