Cara Menambahkan Ikon Media Sosial di WordPress

Blog

Cara Menambahkan Ikon Media Sosial di WordPress | Warung Komputer. 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 Ikon Media Sosial di WordPress

Cara Menambahkan Ikon Media Sosial di WordPress

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:

  • Simple Social Icons (antarmuka yang rapi dan ringkas)
  • Social Media Buttons (dapat mengganti warna ikon)
  • Social Icons Widget by WPZOOM (dapat menyesuaikan ukuran dan padding, menccari ikon dengan menggunakan kata kunci, beragam style, dll)

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. 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>

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. 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.

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!

Warung Komputer menyediakan layanan Jasa Pembuatan Website, SEO, Digital Marketing dan Jasa Service Laptop/Komputer yang memiliki tenaga ahli professional dan berpengalaman.

Warung Komputer | Your Trusted IT Partner
Telpon/WhatsApp : 0811-1014-930
Email : mail@warungkomputer.co.id
Website : warungkomputer.com

Artikel Terkait

Tutorial Mengatasi Error 413 Request Entity Too Large di WordPress
Tutorial Menggunakan FileZilla

Leave a Reply

Your email address will not be published. Required fields are marked *

Fill out this field
Fill out this field
Please enter a valid email address.
You need to agree with the terms to proceed

Kategori Artikel

Archives