Langsung ke Konten Utama
Author Name

Mengatur Logo dan Aksen Warna

Tema Hugo Brewm memungkinkan Anda untuk dengan mudah mengatur logo dan aksen warna situs Anda. Ikuti langkah-langkah berikut untuk mengatur logo Anda:

Mengubah Aksen Warna

Untuk membuat aksen warna sesuai dengan identitas merek Anda, Anda dapat menambahkan kode berikut pada berkas konfigurasi situs anda (hugo.toml):

    // Adjust color
    [params.style]
        [params.style.light]
            ac = '#800'
            bg = '#eee'
            fg = '#111'
            mid = 'gray'
            [params.style.light.more]
                ac = 'red'
            [params.style.light.less]
        [params.style.dark]
            ac = '#f80'
            bg = '#000'
            fg = '#fff'
            mid= 'gray'
            [params.style.light.less]
            [params.style.light.more]

Menambahkan Gambar Logo / Ikon LogoMark

Siapkan gambar logo Anda

  • Buat atau siapkan file gambar logo Anda (format yang disarankan: PNG atau SVG)
  • Untuk hasil terbaik, gunakan gambar dengan latar belakang transparan
  • Dimensi yang disarankan: tinggi 50px hingga 70px
  • Anda juga dapat menambahkan versi mode gelap dari logo Anda

Atur logo(mark) di konfigurasi situs Anda:

[params]
    logoMark = 'https://example.com/logoMark.svg'
    logoMarkDark = 'https://example.com/logoMarkDark.svg' #opsional

Menggunakan Preset Logo Type

Jika Anda lebih suka tidak menggunakan logo gambar, Anda dapat mengaktifkan logo berbasis teks bawaan dengan menambahkan pengaturan ini:

[params]
    logoType = true

Setelah membuat perubahan ini, bangun ulang situs Anda untuk melihat logo yang diperbarui. Logo akan secara otomatis muncul di header situs dan akan responsif di berbagai ukuran perangkat.