Cara Menambahkan Gambar Unggulan ke Kategori WordPress - Gambar unggulan untuk kategori adalah salah satu ide yang sangat bermanfaat sehingga Anda mungkin tidak memikirkannya sebelumnya.
Gambar Unggulan dapat, dan memang, membuat dampak positif yang besar pada halaman posting sehingga wajar saja, ketika Anda memikirkannya, untuk memperluas dampak itu ke halaman kategori kami dengan bonus tambahan memberi pengunjung isyarat visual instan untuk topik.
Dalam posting ini, kami akan menunjukkan kepada Anda cara menentukan gambar unggulan untuk suatu kategori dan memberi Anda beberapa tip tentang cara memperbarui tema Anda untuk menampilkannya.
Tangkapan layar halaman kategori tema Bosco dengan overlay gambar dan judul serta deskripsi unggulan.
Siapa yang tidak ingin halaman kategori mereka terlihat seperti ini?
Menambahkan gambar unggulan ke halaman kategori Anda memerlukan 3 langkah:
Instal dan aktifkan plugin Gambar Kategori
Tambahkan gambar ke kategori Anda di antarmuka Admin
Perbarui tema Anda untuk menampilkan gambar di halaman kategori
Langkah 3 akan bergantung pada tema Anda, tetapi saya akan memandu Anda menambahkan pembaruan yang diperlukan untuk Twenty Twelve (yang memiliki template kategori).
Jadi, mari kita mulai.
Lanjutkan membaca, atau lompat ke depan menggunakan tautan ini:
Langkah 1: Instal Plugin
Langkah 2: Tambahkan Gambar Kategori
Langkah 3: Perbarui Tema Anda
Langkah 1: Instal Plugin
Cara termudah untuk menginstal plugin adalah dengan mengunduh, mengunggah, dan mengaktifkannya.
Tidak ada yang perlu dikonfigurasi, lanjutkan ke Langkah 2.
Langkah 2: Tambahkan Gambar Kategori
Gambar ditambahkan ke kategori baru melalui formulir Tambahkan Kategori atau untuk kategori yang ada pada formulir Edit Kategori di bawah Postingan > Kategori.
Pilih kategori dan klik Edit dan Anda akan melihat tombol Unggah/Edit Gambar di bagian bawah. Mengklik tombol akan membuka dialog Media tempat Anda dapat memilih gambar yang ada atau mengunggah yang baru, seperti menambahkan gambar unggulan ke postingan.
Tangkapan layar layar edit kategori yang menampilkan gambar yang diunggah
Menambahkan gambar ke kategori sama saja dengan menambahkannya ke postingan
Tambahkan gambar ke beberapa kategori dan lanjutkan ke Langkah 3.
Langkah 3: Perbarui Tema Anda
Oke, 2 langkah pertama mudah: langkah ini menjadi sedikit lebih sulit karena Anda sekarang perlu memperbarui tema Anda untuk menampilkan gambar unggulan kategori.
Untuk sebagian besar ini akan tergantung pada tema Anda dan bagaimana memanfaatkan Hirarki Template WordPress. Umumnya, tema akan memiliki templat kategori tertentu (category.php) atau membiarkan templat arsip yang lebih umum (archive.php) menangani semua daftar, bukan hanya kategori.
Anda mungkin juga perlu mencari halaman kategori tertentu. Anda dapat mengenali template ini karena akan diberi nama category-[category-slug].php. Jika Anda memiliki banyak dari ini maka Anda mungkin ingin mempertimbangkan kembali.
Saya akan membahas pembaruan Twenty Twelve, yang menggunakan template category.php.
Terlepas dari pendekatan mana yang perlu Anda ambil, Anda harus membuat tema anak untuk perubahan Anda. Jika Anda tidak yakin tentang cara membuat tema anak, lihat artikel panduan kami yang luar biasa.
Menambahkan Kategori Gambar Unggulan Menjadi Dua Puluh Dua Belas
Tema default WordPress yang sudah tua tetapi sangat populer ini masih merupakan tema yang bagus untuk dipraktikkan. Hanya ada satu hal yang dibutuhkan dengan plugin.
Di bawah kode ini:
<header class="archive-header">
di kategori.php, tambahkan:
<?php if (function_exists('z_taxonomy_image')) z_taxonomy_image(); ?>
Jika Anda mengunjungi kategori dengan gambar, Anda akan melihat perbedaan langsung tetapi gambar kategori dan judul kategori memerlukan perhatian dan kasih sayang.
Memberikan Gambar Kategori Dan Judul Beberapa TLC
Tema Dua Puluh Dua Belas seperti yang terlihat banyak pembaruan selama bertahun-tahun dan gambar ukuran penuh 100% lebar secara default, jadi tidak perlu menyesuaikan gambar sama sekali. Satu-satunya CSS yang diperlukan untuk melapisi judul pada gambar seperti yang dijelaskan dalam posting, dan memastikan judulnya responsif, adalah ini:
header.archive-header h1.archive-title {
posisi: mutlak;
warna: #ffffff;
ukuran font: 2em;
margin-atas: -120px;
margin-kiri: 25px;
kata-wrap: istirahat-kata;
lebar maksimum: 50%;
tinggi garis: 1.5em;
}
Judul arsip dirombak secara radikal: warnanya berubah menjadi putih, ukuran font sangat ditingkatkan dan pemosisian serta margin negatif memastikan bahwa itu ditampilkan di atas gambar unggulan seperti ini:
Tangkapan layar halaman kategori Dua Puluh Dua Belas dengan gambar kategori
Peningkatan yang cukup mengesankan untuk halaman kategori Dua Puluh Dua Belas
Tidak buruk sama sekali dan peningkatan besar dalam hal ini:
Tangkapan layar menampilkan tajuk halaman kategori Twenty Twelve yang out-of-the-box
Cukup hambar dibandingkan dengan versi gambar unggulan
Catatan: Saya memang menghapus semua widget dari bilah sisi utama untuk memastikan tampilan lebar penuh.
Contoh ini tentu saja menunjukkan bagaimana gambar unggulan dapat meningkatkan halaman kategori di situs WordPress Anda. Seperti biasa, banyak yang akan bergantung pada kualitas gambar itu, tetapi pilih gambar yang tepat dan hasilnya mengesankan.
Sudahkah Anda mencoba menggunakan plugin ini dan menambahkan gambar unggulan? Beri tahu kami di komentar!
Tidak ada komentar:
Posting Komentar