Alat Sosial, Widget & Bilah Sisi

Widget »Widget Ikon Sosial

Banyak tema WordPress.com menawarkan tombol media sosial pada area header atau footer, namun tidak dengan lainnya. Walaupun tema Anda memiliki fitur ini, Anda mungkin ingin menempatkan tombol di tempat lain, atau menggunakan tombol lain yang cocok dengan header. Ada beberapa cara menambahkan ikon media sosial ke situs Anda!

Petunjuk ini akan memandu Anda cara menambahkan tombol media sosial ke bilah sisi atau footer Anda, menggunakan ikon yang Anda suka.

Daftar Isi


Widget Ikon Sosial

Widget Ikon Sosial menampilkan gambar kecil yang disambungkan ke akun media sosial Anda, di setiap area widget tema Anda. Setelah menambahkan tautan ke profil media sosial Anda, ikon otomatis ditampilkan di situs, biarkan pengunjung Anda terhubung melalui jaringan yang disukai.

 

↑ Daftar Isi ↑

Menambahkan Widget Ikon Sosial

  1. Buka Situs Saya → Desain → Sesuaikan → Widget
  2. Pilih area widget tempat Anda ingin menambahkan ikon sosial dan klik Tambahkan Widget.
  3. Temukan widget Ikon Sosial (Jetpack) dan klik judul untuk menambahkannya.
  4. Pilih judul untuk Widget Anda.
  5. Pilih ukuran untuk ikon sosial Anda: Kecil, Sedang, atau Besar.
  6. Tambahkan tautan (URL) yang lengkap pada profil jejaring sosial Anda. Misalnya, https://www.facebook.com/WordPresscom/
  7. Jika Anda ingin menambahkan lebih banyak ikon sosial, klik Tambahkan ikon dan tambahkan URL profil jejaring sosial Anda berikutnya.
  8. Saat Anda selesai menambahkan tautan profil sosial Anda, klik Publikasikan untuk menyimpan perubahan Anda.
Publikasikan Widget Sosial

Ikon Sosial baru kini ada di situs Anda!


↑ Daftar Isi ↑

Atur Ikon

Anda dapat mengubah urutan ikon kapan saja dengan menyeret dan menjatuhkannya ke tempat yang Anda inginkan. Pengaturan baru Anda akan terlihat langsung pada jendela pratinjau Customizer.

Atur Ikon

↑ Daftar Isi ↑

Ikon yang Tersedia

Kami mendukung berbagai macam ikon jaringan.

Lihat daftar ikon yang tersedia di sini.

500px

Amazon

Apple

Bandcamp

Behance

CodePen

DeviantArt

Digg

Dribbble

Dropbox

Alamat email (jika email Anda adalah me@mygroovydomain.com, ketik mailto:me@mygroovydomain.com pada kolom URL Akun)

Etsy

Facebook

Flickr

Foursquare

Goodreads

Google+

Google

GitHub

Instagram

iTunes

LinkedIn

Medium

Meetup

Pinterest

Pocket

Reddit

Feed RSS

Skype

SlideShare

Snapchat

SoundCloud

Spotify

StumbleUpon

Tumblr

Twitch

Twitter

Vimeo

VK

WordPress

Yelp

YouTube


↑ Daftar Isi ↑

Tambahkan Ikon Sosial Kustom

Warna ikon sosial pada situs bergantung pada tema yang Anda gunakan. Jika Anda ingin menambahkan ikon dengan warna tertentu atau ingin mengontrol cara ikon muncul, Anda dapat menambahkan ikon kustom menggunakan Widget Teks atau Widget HTML Kustom dan sedikit HTML. Hal ini juga membantu jika Anda ingin menambahkan ikon jaringan sosial yang kurang terkenal.

Langkah 1. Temukan ikon media sosial yang Anda suka dan unggah ke Koleksi MediaAnda.

Anda mungkin sudah memiliki beberapa ikon yang ingin digunakan, namun jika belum, Anda dapat mencarinya melalui Google dengan mengetik “ikon media sosial gratis”. Saat memilih gambar, berhati-hatilah untuk tidak melanggar hak cipta. Jika Anda telah menemukan yang disukai, unduh ke komputer Anda.

Kemudian, buka Situs Saya → Situs → Media → Tambahkan Baru lalu unggah semua ikon ke situs Anda.

Langkah 2. Tambahkan Widget teks atau Widget HTML Kustom dan atur tombol tersebut menggunakan HTML.

Buka Situs Saya → Desain → SesuaikanWidget Pilih area widget tempat Anda ingin menambahkan ikon sosial dan klik Tambahkan Widget. Temukan Widget Teks. atau Widget HTML Kustom dan klik Tambahkan.

Tambahkan judul pada widget jika Anda suka, dan kemudian tambahkan HTML mengikuti struktur di bawah ini:

<pre class="wp-block-syntaxhighlighter-code brush: xml; notranslate"><div style="float:left;padding-right:10px;">
<a href="[full link to your Social Media Account]">
<img src="[full link to your image]" alt="[Social Account]" width="35" height="35"></a>
</div></pre>

Ganti bit braket dengan informasi utama Anda. Hapus semua braket kecuali tanda kutip dan lainnya. Untuk tautan lengkap, tempel tautan ke tempat yang akan dituju dengan mengeklik tombol. Pastikan semua tautan diawali dengan http:// atau https://. Misalnya, untuk halaman Twitter Anda, tautanya akan menjadi:

https://twitter.com/mytwitterhandle

Untuk URL gambar, temukan Ikon Sosial pada Koleksi Media dengan mengunjungi Situs SayaSitus → Media lalu klik gambar ikon sosial Anda dan pilih Sunting. Lalu klik Salin untuk menyimpan URL dan pilih Kembali atau Selesai untuk keluar dari gambar.

Ulangi kode untuk tautan dan URL gambar pada setiap ikon sosial yang ingin Anda tambahkan. Jika Anda ingin menambah atau menghapus layanan atau menampilkan urutan lain, Anda dapat menyunting kode jika diperlukan. Anda perlu mengatur ukuran lebar dan tingginya agar membuat semua ikon terlihat rapi pada bilah sisi Anda. Kami telah menyediakan 35×35 di atas sebagai contoh, tetapi Anda dapat menggantinya dengan ukuran yang Anda inginkan.

Langkah 3. Setelah Anda selesai, klik Publikasikan dan lihat tombol media sosial Anda yang baru!

tombol-ikuti-media-sosial-wordpress

↑ Daftar Isi ↑

Gambar Sampel dan Contoh

Jika Anda mengalami masalah saat mencari ikon media sosial di web dan memerlukan beberapa contoh untuk digunakan, Anda dapat mencarinya di situs ini.

Untuk menggunakan ikon ini dulu di widget Anda, buat Widget Teks baru dari Desain → Sesuaikan → Widget.

Berikutnya, salin semua kode dari halaman Widget Media Sosial untuk gaya ikon yang Anda suka:

↑ Daftar Isi ↑

Pertanyaan Yang Sering Diajukan

Mengapa ikon media sosial tidak ditampilkan?

Jika Anda menggunakan versi lokal pada alamat halaman media sosial Anda, ikon media sosial tidak muncul. Lebih baik, coba ganti bagian lokal tautan media sosial Anda dengan versi global.

Contoh: https://www.pinterest.fr/yourpinterest/ sebaiknya diganti dengan https://www.pinterest.com/yourpinterest/