Cara Menampilkan Gambar Bulat Gravatar di WordPress
Kami baru-baru ini menunjukkan kepada Anda cara mendesain tata letak komentar dan cara mendesain templat komentar Anda. Salah satu pengguna kami mengirim email kepada kami dan bertanya, Bagaimana Anda membuat gambar gravatar Anda bulat? Apakah Anda menyimpan gambar gravatar secara lokal sehingga bentuknya bulat? Pada artikel ini, kami akan menunjukkan kepada Anda cara menampilkan gambar gravatar melingkar di WordPress. Kami akan menggunakan properti radius perbatasan CSS3 untuk membuat gambar gravatar bulat.
Hal pertama yang harus Anda lakukan adalah mengedit file style.css tema Anda. Anda dapat melakukannya menggunakan program FTP atau dengan membuka Penampilan »Pengeditan di admin WordPress Anda. Selanjutnya, Anda ingin menambahkan kode berikut ke file CSS Anda:
.avatar {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
Ini akan berfungsi di sebagian besar tema WordPress. Namun, jika ini tidak berhasil pada tema Anda, mungkin ada beberapa plugin atau fungsionalitas tema Anda yang mengganggu kelas default yang digunakan untuk perpajakan di WordPress. Untuk mengetahui gambar gravatar dari kelas css yang digunakan dalam tema Anda, Anda perlu membuka posting blog dengan komentar. Gulir ke bawah ke bagian komentar dan klik kanan pada gambar gravatar untuk memilih Elemen Inspeksi. Ini akan menunjukkan kepada Anda kode sumber gravatar Anda, seperti:
Jika gambar gravatar memiliki lebih banyak Avatar lalu gunakan sebagai gantinya .Avatar dalam kode css di atas.
Kami harap artikel ini membantu Anda menampilkan gambar gravatar melingkar di blog WordPress Anda. Beri tahu kami jika Anda memiliki pertanyaan atau komentar dengan meninggalkan komentar di bawah.
