Mengenal Taxonomy

March 28, 2021

Misterthree

Facebook Twitter Instagram Youtube

Pada dasasarnya saat membuat konten blog, kita akan mengelompokkan konten tersebut berdasarkan kategori atau tag yang sesuai dengan topik yang sedang di angkat, hal ini bertujuan untuk mempermudah pembaca menemukan konten yang sedang mereka cari. Untuk mengelompokkan kategori atau tag di hugo kita dapat mengunakan sistem taxonomy.

Fungsi taxonomy di Hugo

Secara logika taxonomy dapat mengelompokan beberapa konten kedalam satu atau lebih kategori dan tags.

Kita memiliki sebuat blog video, maka kita dapat mengelompokan video tersebut kedalam kategori atau tag yang kita inginkan

Sebagai Contoh:

• jenis vidio: cover lagu
• kategori : musik
• tag : jazz, rock, pop dll..

Jadi, setiap Kita membuat konten dan mendeskripsikan kategori dan tags seperti contoh di atas, makan secara otomatis Hugo akan membuat list halaman untuk masing-masing konten sesuai dengan kategori atau tag yang kita buat.

Cara membuat taxonomy

Untuk menambahkan taxonomy, kita cukup memberi informasi di bagian front matter konten, dan ingat setiap informasi kecuali isi conten, kita harus memasukkan ke dalam front matter (--- untuk YAML, +++ untuk TOML dan { } untuk JSON).

Ada dua jenis taxonomy yang sudah disediakan oleh Hugo yaitu category dan tag. Secara otomatis Kita dapat mengunakan kedua jenis taxonomy tersebut, atau jika Kita ingin menambahkan file diluar dua jenis taxonomy yang sudah disediakan, maka Kita harus menambahkan-nya kedalam file config.

Sebagai contoh Kita ingin menambah jenis series:

[taxonomies]
category = "categories"
tag = "tags"
series = "series"

Atau hanya menggunakan salah satunya:

[taxonomies]
tag = "tags"

Contoh konten yang menggunakan taxonomy “tags” pada front matter untuk TOML:

+++
title = "Post Pertama"
date: 2021-03-28T12:56:00
tags = ["js", "html", "css", "json"]
+++
contoh isi konten post pertama

Halaman untuk semua list taxonomy Kita ada di /tags/index.html atau /tags/

Halaman untuk salah satu taxonomy Kita ada di /tags/NamaTags/index.html atau /tags/NamaTags/

Sekarang Kita sudah mengelompokkan konten kedalam beberapa tags, Kita dapat melihat daftar tag tersebut

Klik salah satunya, dan akan ada daftar post yang menggunakan tag nya.

Membuat daftar Tag

Dalam membuat daftar tags, Kita bisa melakukannya dengan loop(range) .SIte.Taxonomies.tags

<ul>
    {{ range $name, $taxonomy := .Site.Taxonomies.tags }}
       <li> <a href="/tags/{{$name}}"> {{$name}} </a></li>
    {{ end }}
</ul>

Untuk masing-masing halaman, jika kita ingin menampilkan daftar tag yang dimilik, kita dapat menambahkan kode dibawah ini di bagian layouts/_default/single.html:

{{ with .Params.tags }}
<ul>
    {{range .}}
        <li>
            <a href="/tags/{{ . | urlize }}">{{ . }}</a>
        </li>
    {{end}}
</ul>
{{ end }}