Saya telah memperkenalkan kepada anda sebelum ini "Cara membuat menu navigasi tema dalam WordPress (1) ". akan membantu anda!
Tutorial sebelumnya bercakap tentang cara menggunakan fungsi terbina dalam WordPress untuk mencipta menu navigasi, tetapi kod HTML yang dijana oleh fungsi ini adalah tetap, menjadikannya sukar untuk anda tentukan navigasi Kod HTML untuk menu. Artikel ini akan memperkenalkan anda kepada beberapa cara yang lebih percuma untuk mencipta menu navigasi yang boleh digunakan untuk lebih daripada menu navigasi. Sudah tentu, artikel ini hanya memberi anda idea untuk menyelesaikan masalah Ia bukan tutorial seperti resipi Setelah anda membacanya dan menyalinnya, anda boleh menggunakannya dalam projek anda.
1 Gunakan get_terms() untuk mendapatkan senarai kategori
Gunakan get_terms() untuk mendapatkan kategori artikel anda, kategori pautan dan Kategori penyesuaian , dsb., menghantar parameter yang sepadan kepada get_terms() boleh mengembalikan tatasusunan objek kepada anda. Berikut ialah prototaip fungsi get_terms():
<?php get_terms( $taxonomies, $args ) ?>
Salin selepas log masuk
<🎜. >
$taksonomi: Parameter ini ialah kategori pengelasan yang anda ingin perolehi Nilai pilihan termasuk: "kategori", "link_kategori", "taksonomi_saya", yang mewakili kategori artikel dan. pautan masing-masing Klasifikasi dan klasifikasi tersuai anda, dengan taksonomi_saya ialah nama klasifikasi tersuai anda.
$args: Parameter ini ialah parameter penapisan kategori, digunakan untuk mengawal pemerolehan kategori yang anda ingin dapatkan, termasuk berapa banyak kategori yang anda ingin dapatkan, cara mengisih, dan kategori induk Dan sama ada untuk mengeluarkan kategori kosong, dsb. Untuk butiran, sila rujuk dokumentasi rasmi WordPress:
Rujukan Fungsi/dapatkan istilah, atau rujuk terjemahan ringkas dalam bahasa Cina: Fungsi biasa-get_terms()
Berikut ialah contoh cara menggunakan fungsi ini Senarai tidak tertib dalam bentuk
daripada semua kategori artikel akan dipaparkan Sudah tentu, kita boleh Anggap ia sebagai menu:
<ul id="menu">
<?php
// 获取分类
$terms = get_terms('category', 'orderby=name&hide_empty=0' );
// 获取到的分类数量
$count = count($terms);
if($count > 0){
// 循环输出所有分类信息
foreach ($terms as $term) {
echo '<li><a href="'.get_term_link($term, $term->slug).'" title="'.$term->name.'">'.$term->name.'</a></li>';
}
}
?>
</ul>Salin selepas log masuk
Fungsi get_terms() mengembalikan objek. array $terms Kami mula-mula menentukan sama ada array ini kosong, bermakna tiada kategori telah diperolehi, maka anda boleh mengeluarkan klasifikasi. Setiap item tatasusunan $terms ialah objek Maksud beberapa atribut objek ialah: slug: singkatan kategori, nama: nama kategori, term_id: id kategori. Seperti yang ditunjukkan dalam kod di atas, anda boleh mendapatkan nilai atribut objek melalui $term->name.
2. Dapatkan senarai klasifikasi dengan membaca pangkalan data
Jika anda mengetahui pangkalan data WordPress, anda boleh mendapati maklumat klasifikasi WordPress disimpan dalam wp_terms dan wp_term_taxonomy Dalam jadual, wp_terms menyimpan maklumat asas (termasuk klasifikasi artikel, teg artikel, klasifikasi pautan, dll.), dan wp_term_taxonomy digunakan untuk menyimpan penerangan lanjut (digunakan untuk menyimpan penerangan, membezakan kategori dan teg, dsb.). Kita boleh menggunakan SQL untuk mendapatkan senarai kategori yang kita inginkan daripada dua jadual ini:
<ul id="menu">
<?php
$cats = $wpdb->get_results("SELECT {$wpdb->prefix}terms.term_id, name
FROM {$wpdb->prefix}term_taxonomy, {$wpdb->prefix}terms
WHERE {$wpdb->prefix}term_taxonomy.term_id = {$wpdb->prefix}terms.term_id
AND taxonomy = 'category'");
if($cats) {
foreach($cats as $cat) {
echo '<li><a href="'.get_category_link($cat->term_id).'" title="'.$cat->name.'">'.$cat->name.'</a></li>';
}
}
?>
</ul>Salin selepas log masuk
3. Bagaimana untuk mendapatkan id kategori semasa
Kadangkala kita perlu membuat sub-navigasi, seperti navigasi sumber manusia di sebelah kiri
http://www.nashowgroup.com/?p=58&lang=zh Navigasi ini boleh menjadi sebarang projek, seperti Subkategori di bawah kategori semasa atau artikel di bawah kategori semasa, dsb. Jadi soalan pertama ialah, bagaimana untuk mendapatkan ID kategori semasa supaya kita boleh mengambil langkah seterusnya.
Dapatkan id kategori semasa pada halaman kategori:
if ( is_category() ) {
$cat_id = get_query_var('cat');
}Salin selepas log masuk
Dapatkan kategori pertama artikel di halaman artikel :
$cats = get_the_category();
if($cats)
$cat_id = $cats[0]->cat_ID;Salin selepas log masuk
四、子导航的制作
上面我们讲解了如何获取当前分类的id，下面我们来讲讲如何制作子导航。首先，我们来制作一个当前分类下子分类的子导航，这里用到wp_list_categories()来列出子分类，当然你可以用我前面介绍的两种方法来获取分类。：
<ul>
<?php
// 这里我们用到上面获取到的$cat_id，获取该分类下的所有子分类
wp_list_categories('orderby=name&hide_empty=0&child_of=' . $cat_id);
?>
</ul>
Salin selepas log masuk
如果你的网站规模比较小，一个分类下的文章也不多，那么你可以在子导航中列出这个分类下的所有文章：
<ul>
<?php
global $wp_query;
$query = array ( 'cat' => $cat_id, 'orderby' => title, 'order'=> ASC );
$queryObject = new WP_Query($query);
if ($queryObject->have_posts()) :
while ($queryObject->have_posts()) :
$queryObject->the_post();
?>
<li><a <?php if($post->ID == $wp_query->post->ID) echo 'class="chose"'; ?> href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
<?php endwhile; wp_reset_postdata(); endif; ?>
</ul>
Salin selepas log masuk
以上代码中用到了WP_Query来获取文章列表，该对象的使用方法，可以参考WordPress的官方文档：Class Reference/WP Query和Function Reference/query posts。class="chose"用于高亮当前文章的菜单项，css规则你可以自己定义。
五、页面page的获取
WordPress的页面page可以通过wp_list_pages()来列出，不过这个函数输出的HTML都是固定的，如果你想要自定义这些HTML，可以使用get_pages()来获取页面列表，代码示例如下：
<ul id="menu">
$mypages = get_pages();
if(count($mypages) > 0) {
foreach($mypages as $page) {
echo '<li><a href="'.get_page_link($page->ID).'" title="'.$page->post_title.'">'.$page->post_title.'</a></li>';
}
}
else {
echo '<li><a href="#">没有页面</a></li>';
}
</ul>Salin selepas log masuk
-- 完 --
推荐学习：《WordPress教程》
Atas ialah kandungan terperinci Cara membuat menu navigasi tema dalam WordPress (2). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
