Tutorial WordPress

Cara Menambahkan Ikon Media Sosial di WordPress

Jika Anda memiliki akun lain selain website, mengapa harus disembunyikan dari pengunjung setia? Pada artikel ini, kami akan menunjukkan cara menambahkan logo sosmed ke WordPress.

Memperlihatkan akun sosial media Anda kepada para pengunjung akan mendatangkan pengikut baru – dan cara terbaik untuk mendapatkannya adalah dengan memajang ikon media sosial di website. Karena ukurannya yang kecil, Anda dapat meletakkan logo medsos di mana saja tanpa khawatir mengganggu layout.

Cara Menambahkan Logo Sosmed

Ada dua cara untuk memasang ikon sosial media di website: menambahkannya ke situs tanpa bantuan apa pun atau dengan menggunakan plugin dari pihak ketiga.

Jika Anda memutuskan untuk mengaktifkan plugin, berikut rekomendasi plugin favorit kami yang dapat digunakan:

Menggunakan plugin merupakan pilihan yang sangat baik bagi pemula karena Anda tidak perlu mempelajari hal-hal teknis terlebih dulu. Hanya saja, sebagian besar plugin tidak menyediakan ikon media sosial yang kurang terkenal. Jika tidak ada opsi untuk menambahkan profil media sosial tertentu, maka Anda harus menambahkannya secara manual.

Walaupun nantinya Anda menggunakan coding, penambahan ikon media sosial ke WordPress tidak begitu rumit.

1. Pilih Logo Medsos

Tidak sulit bagi Anda untuk mencari logo sosmed. Google akan mempermudah Anda dalam menemukan berbagai pilihan ikon sosial media.

Protip: Perlu diingat, Anda tidak bisa sembarangan menggunakan gambar ikon yang merupakan hak milik orang lain. Jika tetap menggunakan ikon tersebut, maka Anda akan melanggar undang-undang hak cipta.

Untuk menghindari permasalahan hak cipta, saringlah gambar hasil pencarian di Google berdasarkan hak kepemilikan. Caranya, Images > Tools > Usage rights > Labeled for reuse.

cuplikan bagaimana memfilter gambar google

Dengan mengaktifkan fitur hak kepemilikan, Google hanya akan menampilkan gambar yang boleh digunakan secara bebas. Anda dapat mencari gambar logo sosmed yang diinginkan satu per satu atau mengunduhnya sekaligus dalam satu paket.

Beberapa situs, seperti Iconfinder, menyediakan paket logo medsos gratis yang di dalamnya terdapat berbagai varian ikon media sosial.

Setelah menemukan logo sosmed yang tepat, unduh dan upload ke WordPress media library. Buka Media > Add New, dan mulailah mengupload ikon sosial media yang baru.

Sebaiknya gunakan tool multi-uploader untuk mengupload semua ikon sekaligus.

2. Tambahkan Widget dan Lakukan Konfigurasi HTML

Tambahkan widget yang berisikan logo sosmed ke situs Anda.

Buka Customizer > Widgets melalui dashboard WordPress. Tambahkan “Custom HTML” dengan menyeretnya ke header, sidebar atau footer.

Berilah nama pada custom HTML tersebut, misalnya, “Social Media” dan copy-paste kode berikut.

<div><a href="http://instagram.com/username"><img style="margin:5px" src="[path to your icon]" width="30" height="30" alt="Instagram"></a><a href="http://facebook.com/username"><img style="margin:5px" src="[path to your icon]" width="30" height="30" alt="Facebook"></a><a href="http://youtube.com/user/username" ><img style="margin:5px" src="[path to your icon]" width="30" height="30" alt="YouTube"></a></div>

Protip: Perhatikan username dan tanda kurung sepanjang kode. Gantilah dengan profil media sosial Anda dan URL gambar yang langsung terhubung ke logo medsos.

lokasi url pada ikon sosial media

Buka Media > Library dan klik ikon media sosial yang ingin diupload. Lihat kolom URL. URL tersebut merupakan direct link yang digunakan untuk menggantikan tanda kurung yang ditunjukkan pada barisan kode di atas.

Beginilah tampilan akhir kodenya.

halaman kustomisasi widget

Pastikan URL direct gambar diakhiri dengan ekstensi file, seperti .png atau .jpg. Jika tidak dibubuhi ekstensi tersebut, maka kode salah dan logo sosmed tidak akan muncul.

Setelah mengedit bagian-bagian tertentu dari kode, klik Save. Buka situs Anda dan lihat tampilan widgetnya.

ikon sosmed yang sudah berada pada halaman website

Kini Anda sudah tahu cara menambahkan ikon media sosial di WordPress. Ulangi setiap langkah di atas jika ingin menambahkan logo medsos baru. Prosesnya mudah diikuti dan tidak memakan banyak waktu. Menambahkan ikon sosial media mampu meningkatkan engagement baik di media sosial maupun website Anda.

Kesimpulan

Menambahkan logo sosmed ke website merupakan salah satu metode terbaik untuk memperbanyak follower dan meningkatkan brand visibility secara keseluruhan.

Sekarang Anda sudah paham cara menambahkan ikon media sosial di WordPress Anda. Semoga artikel ini cukup membantu. Selamat mencoba!

Tentang penulis

Nadia Agatha

Nadia merupakan penerjemah lepas sejak 2016, kini ia menjadi penerjemah untuk Hostinger. Ia gemar membaca dan melakukan penelitian seputar penerjemahan dan sosiolinguistik. Disamping itu, ia juga suka bermain dengan kucingnya dan bercengkrama bersama teman-temannya di waktu senggang.

Tambah Komentar

Klik di sini untuk menulis komentar

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Dapatkan harga hemat!

Web Hosting Gratis Domain mulai dari

Rp.10.275
/bln