3. Meta tema warna

Meta tema warna

oleh Handy Eko Cahyono •   •   Update terakhir : Sabtu, Juli 02, 2022.
0

Meta Color Theme

Pengertian
Meta tema warna
Apa & Mengapa
  • APa itu warna tema dan Mengapa perlu memasang meta warna?
  • Meta warna tema, sesuai dengan namanya, meta ini hanya untuk memberitahukan kepada browser bahwa halaman yang sedang dimuat memiliki jenis warna tertentu. Dan sebenarnya ini hanyalah penyesuaian halaman dengan browser agar lebih sesuai dengan halaman yang sedang ditampilkan seperti pada gambar.
    • Contoh penerapan meta warna tema
  • Biasanya hal seperti ini untuk keperluan tampilan di browser atau aplikasi mobile.
  • Dan tentu saja memberi motivasi pada para designer website agar lebih memprioritaskan desainnya untuk aplikasi mobile atau setidaknya mobile friendly.
  • Berikut ini alasan selanjutnya, mengapa harus memasang meta warna tema ? Selain mudah penerapannya tentu saja.

    • Perhatikan hasil audit pada gambar dibawah ini.
    Perhatikan teks peringatan berwarna merah.
    Audit Meta
    Perhatikan teks peringatan berwarna merah pada beberapa elemen hasil audit.
    audit-pwa

    Faktanya, meta tag ini mempengaruhi hasil audit dan mengurangi score.
    Untuk mengatasi hal ini, dibawah ini adalah cara mudah menambahkan meta tersebut di blog atau di website. Setidaknya membantu meningkatkan sedikit score pemuatan halaman.

    Memasang meta warna tema (Color Theme)
    Praktik

    Contoh tag meta dengan kode warna HEX HTML #319197

    <meta name="theme-color" content="#319197"/>

    Cara pemasangannya, copy code diatas dan pastekan dalam tag <head> lalu ganti isi content=' sesuai dengan kode warna yang mendominasi template blog atau website yang bersangkutan.

    Tags:
    Posting Komentar (0)
    Lebih baru Lebih lama