[vc_row content_placement="middle" css=".vc_custom_1508940533685{background-color: #f8f6f6 !important;}" el_id="themeforestpro"][vc_column width="3/4" css=".vc_custom_1502759058885{margin-bottom: 0px !penting;border-bottom-width: 0px !important;padding-bottom: 0px !important;}"][vc_column_text]

Divi: tema WordPress termudah untuk digunakan

[/vc_column_text][/vc_column][vc_column width="1/4"][vcex_button url="https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&tid1=divibeforepostmobile" target="blank" size="small" align="center" color="green" font_family="Raleway" font_weight="600" style="flat" custom_color="#ffffff" custom_hover_color="#ffffff"] UNDUH [/vcex_button][/ vc_column][/vc_row]

Divi: Tema WordPress terbaik sepanjang masa!

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

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 »Tentang tema blog WordPress Anda?

Banyak tema WordPress menggunakan kelas lama atau bahkan kelas untuk komentar WordPress. Ini memungkinkan pengguna untuk melihat di mana satu komentar berakhir dan yang 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.

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 membuat Mudah dan Gratis desain situs web atau blog apa pun dengan tampilan profesional. Berhentilah membayar banyak untuk situs web yang dapat Anda lakukan sendiri.

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 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 ganjil dan genap dalam kode sumber situs Anda. Arahkan mouse ke judul artikel, lalu klik kanan untuk Memeriksa item.

pratinjau bahkan artikel WordPress yang aneh

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:

warna alternatif artikel WordPress

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.

12 saham
saham8
menciak1
Register3