Tutorial, WordPress

WordPress: Bagaimana Menampilkan Foto Penulis Tanpa Plugin

Panduan mudah bagaimana menampilkan foto penulis tanpa plugin di WordPress bisa ditemui di tulisan ini. Bagi blog dengan lebih dari satu penulis aktif, menampilkan foto dan bio bisa bermanfaat dalam membangun rasa antara pembaca dan penulis. Apalagi jika penulisnya produktif dan pembaca senang berinteraksi dengan meninggalkan komentar.

Pada suatu periode tertentu di masa lalu aroengbinang.com atau aroengbinang.org juga menampilkan foto dan bio penulis pada setiap tulisan. Namun keduanya kemudian dihilangkan untuk merampingkan halaman karena tak banyak lagi yang aktif menulis.

Menampilkan foto dan bio penulis berarti menambah dua komponen agar halaman web bisa sempurna dibuka, dan juga menambah baris css (Cascading Style Sheets). Karenanya, jika sedikit manfaatnya, membuang keduanya akan mempercepat dibukanya halaman web. Kecepatan adalah hal penting yang baiknya dipertimbangkan setiap blogger.

Tulisan Bagaimana Menampilkan Foto Penulis di WordPress ini saya buat sebagai pengingat jika sewaktu-waktu nanti memerlukannya lagi, selain untuk berbagi tips pada blogger yang mungkin memerlukannya.

Untuk Menampilkan Foto Penulis Tanpa Plugin di WordPress, ikuti langkah berikut ini:
  1. Login cPanel, buka File Manager, dobel klik direktori wp-content
  2. Buat folder baru dengan klik menu +Folder di kiri atas, namai "authors" (tanpa tanda petik) atau nama lain sesuai selera.
  3. Dobel klik folder "authors" yang baru dibuat, unggah semua foto penulis. Ukuran pixel foto hendaknya persis sama dengan yang akan ditampilkan di web.
  4. Login ke blog. Di Dashboard, hover (letakkan kursor di atasnya, tidak di klik) menu "Users" di kiri bawah, klik "All Users"
  5. Hover pada angka di bawah "Posts" paling kanan milik salah satu author, dan catat author ID-nya (lihat kiri bawah saat hover: jika di ujungnya ada "author=1", maka berarti author ID 1, dst).
    Ulangi langkah di atas untuk mendapatkan semua author ID.
  6. Rename file foto yang tadi diunggah sesuai author ID. Jika author ID 1 maka namai 1.jpg dst.
  7. Selanjutnya salin kode berikut dan letakkan di file php dimana anda ingin menampilkan foto author. Bisa di single.php atau di author-bio.php, bergantung theme yang dipakai:
    <img src="/wp-content/authors/<?php the_author_ID()?>.jpg" />
  8. Untuk subfloder "blog" misalnya, maka tambahkan nama subfoldernya di depan wp-content:
    <img src="/wp-content/authors/<?php the_author_ID()?>.jpg" />

Pastikan setiap author mengisi data "Biographical Info" di masing-masing user profile-nya di Dashboard.

Selanjutnya adalah tinggal menyesuaikan posisi foto dengan tulisan bio-description. Biasanya foto dibuat wrapping dengan float:left. Selamat mencoba.


Bagikan ke:
Facebook, Twitter, WhatsApp, Telegram, Email. Print!.

, seorang pejalan musiman dan penyuka sejarah. Penduduk Jakarta yang sedang tinggal di Cikarang Utara. Traktir BA secangkir kopi. Secangkir saja ya! Oktober 27, 2017.