Melaksanakan kandungan tab menggunakan jQuery dan WP_Query

Wordpress menyediakan banyak maklumat tentang blog anda dan kandungannya. Memaparkan sejumlah besar maklumat ini mungkin mengambil ruang. Penyelesaian yang hebat ialah kandungan tab!

Dalam tutorial ini, kami akan mengambil susun atur akhbar WordPress yang kami gunakan sebelum ini dan memanjangkannya dengan tab.

Prakata

Ya! Kami akan menggunakan gabungan animasi jQuery yang bagus dan berkuasa dan fungsi .bind, diadun sempurna dengan teg bersyarat unik WP_Query() dan Wordpress yang serba boleh Wordpress. Jika anda seperti saya, anda suka melihat produk siap sebelum melakukan apa-apa:

Jika anda ingin sahaja tutorial ini, tutorial ini memerlukan versi terkini jQuery. Muat turun di sini. Jika tidak, ia sepatutnya sudah disertakan dalam tema saya yang disediakan, yang boleh anda muat turun di sini: myTheme.

Kami menganggap anda sudah mempunyai pemasangan WordPress secara langsung, sama ada tempatan atau dihoskan. Terdapat tutorial tentang menjalankan Wordpress secara asli pada Windows di sini dan tutorial tentang OS X di sini. Mengaktifkan tema yang saya sediakan tadi - myTheme - akan banyak membantu. Kami akan mengembangkannya, jadi buka index.php dan mula mengedit!

Langkah 1 - HTML struktur baharu.

Jelas sekali, kami memerlukan beberapa HTML baharu. Ia sangat mudah. Kami hanya memerlukan beberapa div tambahan untuk membungkus semua yang kami gunakan. Letakkan kod berikut sahaja di atas

:

<div id="container">
	<div id="header">
		<h1>iBlog - Wordpress and jQuery together in <em>Harmony.</em></h1>
	</div>
		

dan kita perlu menambah #🎜🎜 ## sebelum tamat

Atas ialah kandungan terperinci Melaksanakan kandungan tab menggunakan jQuery dan WP_Query. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!