iis服务器助手广告广告
返回顶部
首页 > 资讯 > CMS >怎么使用WordPress制作主题导航菜单
  • 371
分享到

怎么使用WordPress制作主题导航菜单

wordpress 2023-02-24 16:02:10 371人浏览 独家记忆
摘要

这篇文章主要介绍“怎么使用WordPress制作主题导航菜单”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“怎么使用WordPress制作主题导航菜单”文章能帮助大家

这篇文章主要介绍“怎么使用WordPress制作主题导航菜单”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“怎么使用WordPress制作主题导航菜单”文章能帮助大家解决问题。

一、使用get_terms()来获取分类列表

使用get_terms()可以获取你的文章分类、链接分类和自定义分类等,给get_terms()传递相应的参数可以给你返回一个对象数组,这个数组就是你想要的所有分类,以下是get_terms()的函数原型:

<?PHP get_terms( $taxonomies, $args ) ?>

$taxonomies:
    该参数是你想要获取的分类类别,可选值包括:"cateGory","link_category","my_taxonomy",他们分别代表文章分类、链接分类以及你自定义的分类,其中my_taxonomy是你自定义的分类名称。

$args:
    该参数是分类的筛选参数,用于控制获取你要获取的分类,包括你想要获取多少个分类、如何排序、父分类以及是否输出空的分类等,具体请参考WordPress官方文档:Function Reference/get terms,或者参考中文的简要翻译:常用函数-get_terms()

下面是一个该函数的使用示例,这里将显示一个所有文章分类的<ul><li>..</li>..</ul>形式的无序列表,当然我们可以把它看成菜单:

<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>

get_terms()函数返回一个对象数组$terms,我们首先判断这个数组是否为空,为空说明并没有获取到任何分类,如果不为空那么你就可以输出分类了。$terms的每个数组项就是一个对象,部分对象属性的意义如:slug:分类缩略名,name:分类名,term_id:分类id。如以上代码所示,你可以通过$term->name来获取对象的属性值。

二、使用读数据库的方式获取分类列表

如果你了解WordPress的数据库,可以发现WordPress的分类信息都存储在wp_terms和wp_term_taxonomy这两个表中,wp_terms存储基本信息(包括文章分类、文章标签和链接分类等),wp_term_taxonomy用于存储进一步描述(用于存储描述、区分分类和标签等)。我们可以使用sql来从这两个表中获取我们想要的分类列表:

<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>

三、如何获取当前分类的id

有些时候我们需要制作一个子导航,如Http://www.nashowgroup.com/?p=58&lang=zh左边的人力资源导航,这个导航可以是任意项目,如当前分类下的子分类或者当前分类下的文章等。那么首要问题就是,如何获取当前分类的id,这样才可以进行下一步的动作。

在分类页获取当前分类的id:

if ( is_category() ) {
$cat_id = get_query_var('cat');
}

在文章页获取该文章的第一个分类:

$cats = get_the_category();
if($cats)
   $cat_id = $cats[0]->cat_ID;

四、子导航的制作

上面我们讲解了如何获取当前分类的id,下面我们来讲讲如何制作子导航。首先,我们来制作一个当前分类下子分类的子导航,这里用到wp_list_categories()来列出子分类,当然你可以用我前面介绍的两种方法来获取分类。:

<ul>
<?php
// 这里我们用到上面获取到的$cat_id,获取该分类下的所有子分类
wp_list_categories('orderby=name&hide_empty=0&child_of=' . $cat_id);
?>
</ul>

如果你的网站规模比较小,一个分类下的文章也不多,那么你可以在子导航中列出这个分类下的所有文章:

<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>

五、页面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>

关于“怎么使用WordPress制作主题导航菜单”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注编程服务器栏目,小编每天都会为大家更新不同的知识点。

--结束END--

本文标题: 怎么使用WordPress制作主题导航菜单

本文链接: https://www.lsjlt.com/news/197468.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • WordPress怎么制作主题导航菜单
    这篇“WordPress怎么制作主题导航菜单”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“...
    99+
    2023-02-23
    wordpress
  • 怎么使用WordPress制作主题导航菜单
    这篇文章主要介绍“怎么使用WordPress制作主题导航菜单”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“怎么使用WordPress制作主题导航菜单”文章能帮助大家...
    99+
    2023-02-24
    wordpress
  • 使用CSS3怎么制作一个二级导航菜单
    这篇文章给大家介绍使用CSS3怎么制作一个二级导航菜单,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。1 结构一般导航的主体我们主要是使用ul li标签<body>   &nbs...
    99+
    2023-06-08
  • 如何使用CSS制作天蓝色导航菜单
    这篇文章给大家分享的是有关如何使用CSS制作天蓝色导航菜单 的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。我们先看最终效果:第一步:放置一个div作为导航主体部分XML/HTML...
    99+
    2022-10-19
  • 如何使用CSS3制作响应式导航菜单
    这篇文章主要介绍“如何使用CSS3制作响应式导航菜单”,在日常操作中,相信很多人在如何使用CSS3制作响应式导航菜单问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何使用CS...
    99+
    2022-10-19
  • 如何使用CSS3制作立体效果导航菜单
    这篇文章给大家分享的是有关如何使用CSS3制作立体效果导航菜单的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 先给大家展示效果图,效果如下: 编程网...
    99+
    2022-10-19
  • 用css3的transition属性制作的菜单导航效果
    这篇文章主要讲解了“用css3的transition属性制作的菜单导航效果”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“用css3的transition属性...
    99+
    2022-10-19
  • 怎么用css实现橙色导航菜单
    本篇内容介绍了“怎么用css实现橙色导航菜单”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!这是一款橙色风格...
    99+
    2022-10-19
  • 制作响应式导航菜单:CSS属性的实用技巧
    在现代网页设计中,响应式设计已经变得十分重要,因为它能够使网站在不同大小的屏幕上都能够正确地显示。在响应式设计中,导航菜单是至关重要的一个部分。本文将介绍制作响应式导航菜单的CSS属性的实用技巧,并提供具体的代码示例,希望对你的网站设计有所...
    99+
    2023-11-18
    响应式 导航 CSS属性
  • 怎么用CSS+XHTML实现二级导航菜单
    这篇文章主要讲解了“怎么用CSS+XHTML实现二级导航菜单”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么用CSS+XHTML实现二级导航菜单”吧!这是...
    99+
    2022-10-19
  • 怎么使用纯CSS实现圆形导航菜单效果
    小编给大家分享一下怎么使用纯CSS实现圆形导航菜单效果,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!直接上代码css:body {    background-color:...
    99+
    2023-06-14
  • 怎么用纯css3实现的环形导航菜单
    本篇内容介绍了“怎么用纯css3实现的环形导航菜单”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!  之前为...
    99+
    2022-10-19
  • 怎么用纯css实现的漂亮导航菜单
    本篇内容介绍了“怎么用纯css实现的漂亮导航菜单”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!  今天给大...
    99+
    2022-10-19
  • 怎么用CSS实现二级下拉导航菜单
    这篇文章主要讲解了“怎么用CSS实现二级下拉导航菜单”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么用CSS实现二级下拉导航菜单”吧!这是一款纯CSS菜单...
    99+
    2022-10-19
  • 怎么用vue实现导航菜单切换效果
    这篇文章主要介绍“怎么用vue实现导航菜单切换效果”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“怎么用vue实现导航菜单切换效果”文章能帮助大家解决问题。具体代码如下css*{  ...
    99+
    2023-07-04
  • 怎么用CSS制作导航条
    本篇内容介绍了“怎么用CSS制作导航条”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2022-10-19
  • 怎么使用CSS制作一个简单美观的导航栏
    这篇文章主要讲解了“怎么使用CSS制作一个简单美观的导航栏”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么使用CSS制作一个简单美观的导航栏”吧! ...
    99+
    2022-10-19
  • 怎么使用HTML制作一个简单美观的导航栏
    小编给大家分享一下怎么使用HTML制作一个简单美观的导航栏,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!在不久前学习了基础知识(...
    99+
    2022-10-19
  • 使用CSS怎么实现一个导航栏和下拉菜单
    这篇文章将为大家详细讲解有关使用CSS怎么实现一个导航栏和下拉菜单,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。一、CSS导航栏(1)导航栏的作用熟练使用导航栏,对于网站排版非常重要,使用C...
    99+
    2023-06-08
  • 怎么使用CSS制作立体导航栏
    小编给大家分享一下怎么使用CSS制作立体导航栏,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!css制作的立体导航栏,具体实现代码如下所示:<!doctype...
    99+
    2023-06-08
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作