Mohon tunggu...
Gen Promo
Gen Promo Mohon Tunggu... -

Cara Membuat Website : Mahir Hanya Dalam 1 Jam | BBM : 759eb2d3

Selanjutnya

Tutup

Inovasi

Menampilkan Gambar Avatar ke Dalam Website WordPress

3 Juni 2014   17:25 Diperbarui: 23 Juni 2015   21:45 68
+
Laporkan Konten
Laporkan Akun
Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.
Lihat foto
sidebar Menampilkan Gambar Avatar Ke Dalam Website Wordpress

Apakah Anda menginginkan agar dapat menampilkan gambar Avatar Anda sebagai pemilik website dengan cara yang lebih kreatif, seperti menunjukkan gambar Avatar tepat di samping judul setiap posting ?

Yup, Anda bisa. Ini sebenarnya tidak sulit, hanya membutuhkan menempatkan beberapa baris kode setelah Anda selesai membuat website Anda.

Meng-upload Gambar Avatar

Sebelum kita masuk ke kode untuk melakukan hal ini, Anda harus memastikan bahwa Anda telah meng-upload sebuah avatar. WordPress default tidak memiliki tempat untuk meng-upload avatar, tapi Anda bisa menggunakan sebuah plugin, atau mungkin solusi termudah adalah masuk ke gravatar.com dan meng-upload avatar di sana.

Alamat email yang Anda gunakan di gravatar.com harus merupakan alamat email yang sama yang Anda gunakan sebagai alamat pendaftaran di website WordPress Anda.

Kode untuk Gambar Avatar / Foto Profil

Ada beberapa variasi dari kode yang dapat Anda gunakan untuk menampilkan Avatar di WordPress. Berikut adalah salah satu yang akan kita gunakan untuk contoh ini :

? < php get_avatar ( get_the_author_meta ( ‘ ID ‘ ) , 60 ) ; >

Dalam hal ini, nomor yang Anda lihat di sana ( 60 ) adalah ukuran dari Avatar. Anda dapat membuat lebih besar atau lebih kecil sesuai dengan kebutuhan anda.

Avatar Muncul, Tapi Tanpa Style

Jika Anda memasukkan kode di atas ke dalam tema Anda (misalnya dalam file single.php Anda), Anda akan melihat foto dari penulis dalam posting tulisan. Satu-satunya masalah dengan hal ini adalah bahwa kode itu hanya akan menempatkan gambar Avatar di mana pun yang mungkin tidak sesuai dengan keinginan Anda.

HALAMAN :
  1. 1
  2. 2
  3. 3
  4. 4
Mohon tunggu...

Lihat Inovasi Selengkapnya
Beri Komentar
Berkomentarlah secara bijaksana dan bertanggung jawab. Komentar sepenuhnya menjadi tanggung jawab komentator seperti diatur dalam UU ITE

Belum ada komentar. Jadilah yang pertama untuk memberikan komentar!
LAPORKAN KONTEN
Alasan
Laporkan Konten
Laporkan Akun