Tampilan dinamis di setiap halaman Hugo

Kita sudah punya satu template partial header yang bisa berisi hal-hal yang selalu tampil di semua halaman seperti menu. Tapi bagaimana kalau kita ing...

cover Tampilan dinamis di setiap halaman Hugo

Kita sudah punya satu template partial header yang bisa berisi hal-hal yang selalu tampil di semua halaman seperti menu. Tapi bagaimana kalau kita ingin di salah satu bagiannya, yaitu di Hompage/ Landingpage kita ingi memainkan isi header ini, atau menyembunyikannya.

Mendeteksi halaman Home di Hugo

Kita bisa menguji apakah halaman saat ini adalah homepage atau bukan, dengan fungsi .isHome di Hugo

{{if .IsHome}}
    <p>Welcome!</p>
{{else}}
 ...
{{ end }}

Coba letakkan kode tersebut di bagian partials header. Maka kamu hanya akan melihat tulisan "welcome" di home page nya saja. Di halaman lain tidak.

Beberapa variable halaman lain yang bisa kamu uji

.IsNode

false jika halaman konten biasa

.IsPage

true jika halaman konten biasa

avatar hilmanski
@hilmanski

2670 Kontribusi 2132 Poin

Diperbarui 3 tahun yang lalu

Bagian dari artikel seri

Belum ada Jawaban. Jadi yang pertama Jawaban

Login untuk ikut Jawaban