Apakah Anda ingin menambahkan kelas ganjil dan genap ke artikel tentang topik Anda? blog WordPress ? Menambahkan kelas akan memungkinkan Anda untuk menampilkan gaya tertentu untuk setiap artikel.
Dalam tutorial ini, kami akan menunjukkan kepada Anda bagaimana menampilkan kelas genap atau ganjil di WordPress.
Mengapa menambahkan kelas? pasang "Atau" aneh » pada tema Anda blog WordPress ?
banyak Tema WordPress gunakan kelas lama atau yang sama untuk komentar WordPress. Ini memungkinkan pengguna untuk melihat di mana satu komentar berakhir dan komentar lainnya dimulai.
Demikian juga, Anda dapat menggunakan teknik ini untuk artikel Anda. Tampilannya menyenangkan secara estetika untuk memungkinkan pengguna dengan cepat memindai halaman yang besar. Ini sangat berguna untuk halaman beranda situs surat kabar atau majalah.
Karena itu, kita akan melihat cara menambahkan kelas di artikel Anda blog WordPress.
Cara menambahkan kelas genap / aneh ke WordPress
WordPress menghasilkan kelas CSS default dan menambahkannya ke berbagai artikel di situs web Anda saat itu juga. Kelas CSS ini membantu plugin dan pengembang tema menambahkan gaya mereka sendiri ke setiap artikel yang berbeda.
WordPress juga menawarkan fungsi yang disebut " post_class Yang digunakan oleh pengembang tema untuk menambahkan kelas ke artikel.
Fungsinya post_class Juga merupakan filter, yang berarti Anda dapat memanipulasinya dengan. Itulah tepatnya yang akan kita lakukan di sini.
Cukup tambahkan kode ini ke file functions.php Anda. tema WordPress.
Fungsi oddeven_post_class ($ classes) {global $ current_class; $ Classes [] = $ current_class; $ Current_class = ($ current_class == 'aneh')? 'Bahkan': 'aneh'; Kembalikan kelas $; } Add_filter ('post_class', 'oddeven_post_class'); Global $ current_class; $ Current_class = 'ganjil';
Fungsi ini hanya menambahkan kelas ke item genap dan ganjil.
Anda akan menemukan kelas ganjil dan genap dalam kode sumber situs Anda. Arahkan mouse ke judul artikel, lalu klik kanan untuk Memeriksa item.
Sekarang Anda telah menambahkan kelas ganjil dan genap ke artikel Anda. Langkah selanjutnya adalah memberi mereka gaya unik dengan CSS. Anda dapat menambahkan kode CSS khusus pada tema anak Anda, atau menggunakan plugin CSS sederhana.
Berikut adalah contoh kode CSS yang dapat Anda gunakan sebagai titik awal:
Bahkan sebanding: #f0f8ff; } .odd {background: #f4f4fb; }
Inilah hasilnya:
Anda akan membutuhkan sedikit latihan untuk mencapai hasil yang baik, tetapi untuk ini Anda perlu menguasai CSS atau hanya menggunakan alat seperti CSS pahlawan.
Sesederhana itu. Saya harap tutorial ini akan sangat membantu Anda. Jangan ragu untuk bertanya kepada kami atau berbagi tutorial ini dengan teman-teman Anda di jejaring sosial favorit Anda.
