Panduan/Pembuatan konten/Desain/Menambahkan ikon ke tombol

Menambahkan ikon ke tombol

Anda bisa menambahkan ikon atau gambar ke tombol, misalnya ikon telepon (📞) ke tombol panggil, ikon email (📧), tanda panah (⬅️ ➡️) ke tombol baca selengkapnya, atau ikon apa saja. Pelajari cara menambahkan ikon ke tombol di panduan ini.

Mencari ikon yang akan digunakan

Ada banyak situs tempat mencari gambar atau ikon untuk digunakan di situs Anda. Ini contohnya:

  • Sebagian besar perangkat Windows, Mac, dan perangkat seluler punya emoji bawaan yang dapat ditambahkan ke tombol.
  • Emoji juga bisa disalin dari situs seperti Get Emoji.
  • Google Fonts juga menawarkan pilihan ikon.
  • Font Awesome, situs populer yang menawarkan ikon gratis dan berbayar.

Jika ingin memakai gambar, disarankan menggunakan tipe berkas SVG atau PNG (transparan). Ikon dapat diunggah ke Pustaka Media Anda sebelum ditambahkan ke tombol, atau diunggah pada saat tombolnya ditambahkan (dijelaskan di bawah ini).

Menambahkan ikon ke tombol

Ikon atau gambar yang diinginkan dapat ditambahkan ke tombol di WordPress.com menggunakan blok Tombol. Ikuti langkah-langkah berikut untuk menambahkan ikon ke tombol:

  1. Tambahkan tombol dan masukkan teks dan tautan untuknya.
  2. Klik tombol dan posisikan kursor sebelum atau setelah teks.
  3. Langkah berikut tergantung Anda menggunakan emoji atau gambar:
    • Emoji: gunakan pintasan keyboard Windows atau Mac dan pilih emoji. Atau, salin dan tempel emoji dari situs seperti Get Emoji.
    • Gambar: di bilah peralatan yang muncul, klik panah bawah (Selengkapnya) dan pilih opsi “Gambar Sebaris“.
      • Pilih gambar dari Pustaka Media atau unggah gambar baru.
      • Klik gambar dua kali untuk mengubah ukurannya dan menambahkan teks ALT.
  4. Klik Simpan atau Terbitkan untuk menyimpan perubahan.

Berikut ini contoh penggunaan pintasan keyboard Mac untuk menambahkan emoji. Anda juga bisa menggunakan pintasan keyboard Windows atau menyalin dan menempel emoji dari situs lain.

Copied to clipboard!