Loncat ke Konten Utama

Bagaimana menambahkan kelas bahkan / item aneh di WordPress Anda

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

lebih 600.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

Apakah Anda ingin menambahkan kelas genap dan ganjil ke artikel tentang tema blog WordPress Anda? 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.

Menampilkan Kelas Aneh Bahkan WordPress-Retrieved

Mengapa menambahkan kelas? pasang "Atau" aneh Pada tema blog WordPress Anda?

Banyak tema WordPress menggunakan kelas lama atau serupa untuk komentar WordPress. Ini memungkinkan pengguna untuk memvisualisasikan di mana komentar berakhir dan di mana yang lain dimulai.

Demikian juga, Anda dapat menggunakan teknik ini untuk artikel Anda. Tampaknya menyenangkan untuk memungkinkan pengguna dengan cepat memindai halaman yang besar. Ini sangat berguna untuk beranda situs surat kabar atau majalah.

Yang mengatakan, kita akan melihat bagaimana menambahkan sebuah kelas di artikel blog WordPress Anda.

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda untuk dengan mudah membuat desain situs web apa pun dengan tampilan profesional. Berhentilah membayar mahal untuk apa yang dapat Anda lakukan sendiri. [Gratis]

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.

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

Fungsinya post_class Juga merupakan filter, yang berarti Anda dapat memanipulasinya dengan. Itulah tepatnya yang akan kita lakukan di sini.

Tambahkan saja kode ini ke file functions.php dari tema WordPress Anda.

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-kelas aneh dan genap dalam kode sumber situs Anda. Cukup arahkan mouse ke judul item, lalu klik kanan untuk Memeriksa Item.

pratinjau bahkan artikel WordPress yang aneh

Sekarang Anda telah menambahkan kelas genap dan ganjil ke artikel Anda. Langkah selanjutnya adalah memberi mereka gaya unik dengan CSS. Anda dapat menambahkan kode CSS khusus ke tema anak Anda, atau dengan menggunakan plugin CSS sederhana.

Berikut adalah contoh kode CSS yang dapat Anda gunakan sebagai titik awal:

Bahkan sebanding: #f0f8ff; } .odd {background: #f4f4fb; }

Inilah hasilnya:

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [Rekomendasi]

warna alternatif artikel WordPress

Anda perlu sedikit latihan untuk mendapatkan hasil yang baik, tetapi untuk itu Anda harus 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.

Artikel ini berisi komentar 0

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Kembali ke atas
12 saham
saham8
menciak1
Register3