实现wordpress面包屑导航的功能
2017-10-27 14:31
288 查看
面包屑对于一个网站来说,相当于是页面结构的一个导航,是网页导航设计中一个标准设计模式,而今天我们讲的是如何通过代码来实现wordpress面包屑导航的功能,本站的老访客都知道,用wordpress主题的时候十分的不喜欢用插件,尽管很方便,但会降低网站的打开速度!
教程开始了: 可自定义所有的判断选项
function get_breadcrumbs()
{
global $wp_query;
if ( !is_home() ){
// Start the UL
echo '<ul class="breadcrumbs">';
// Add the Home link
echo '<li><a href="'. get_settings('home') .'">'. get_bloginfo('name') .'</a></li>';
if ( is_category() )
{
$catTitle = single_cat_title( "", false );
$cat = get_cat_ID( $catTitle );
echo "<li> » ". get_category_parents( $cat, TRUE, " » " ) ."</li>";
}
elseif ( is_archive() && !is_category() )
{
echo "<li> » Archives</li>";
}
elseif ( is_search() ) {
echo "<li> » Search Results</li>";
}
elseif ( is_404() )
{
echo "<li> » 404 Not Found</li>";
}
elseif ( is_single() )
{
$category = get_the_category();
$category_id = get_cat_ID( $category[0]->cat_name );
echo '<li> » '. get_category_parents( $category_id, TRUE, " » " );
echo the_title('','', FALSE) ."</li>";
}
elseif ( is_page() )
{
$post = $wp_query->get_queried_object();
if ( $post->post_parent == 0 ){
echo "<li> » ".the_title('','', FALSE)."</li>";
} else {
$title = the_title('','', FALSE);
$ancestors = array_reverse( get_post_ancestors( $post->ID ) );
array_push($ancestors, $post->ID);
foreach ( $ancestors as $ancestor ){
if( $ancestor != end($ancestors) ){
echo '<li> » <a href="'. get_permalink($ancestor) .'">'. strip_tags( apply_filters( 'single_post_title', get_the_title( $ancestor ) ) ) .'</a></li>';
} else {
echo '<li> » '. strip_tags( apply_filters( 'single_post_title', get_the_title( $ancestor ) ) ) .'</li>';
}
}
}
}
// End the UL
echo "</ul>";
}
}
将上面的代码复制进wordpress主题文件夹下的functions.php中,然后,我们开始调用它
<?php if (function_exists('get_breadcrumbs')){get_breadcrumbs(); } ?>
将上面的调用函数放进wordpress主题文件下的archive.php、single.php、index.php、search.php等页面的相应位置,当然这是你想放哪就放哪,只要你觉得美观就好
教程开始了: 可自定义所有的判断选项
function get_breadcrumbs()
{
global $wp_query;
if ( !is_home() ){
// Start the UL
echo '<ul class="breadcrumbs">';
// Add the Home link
echo '<li><a href="'. get_settings('home') .'">'. get_bloginfo('name') .'</a></li>';
if ( is_category() )
{
$catTitle = single_cat_title( "", false );
$cat = get_cat_ID( $catTitle );
echo "<li> » ". get_category_parents( $cat, TRUE, " » " ) ."</li>";
}
elseif ( is_archive() && !is_category() )
{
echo "<li> » Archives</li>";
}
elseif ( is_search() ) {
echo "<li> » Search Results</li>";
}
elseif ( is_404() )
{
echo "<li> » 404 Not Found</li>";
}
elseif ( is_single() )
{
$category = get_the_category();
$category_id = get_cat_ID( $category[0]->cat_name );
echo '<li> » '. get_category_parents( $category_id, TRUE, " » " );
echo the_title('','', FALSE) ."</li>";
}
elseif ( is_page() )
{
$post = $wp_query->get_queried_object();
if ( $post->post_parent == 0 ){
echo "<li> » ".the_title('','', FALSE)."</li>";
} else {
$title = the_title('','', FALSE);
$ancestors = array_reverse( get_post_ancestors( $post->ID ) );
array_push($ancestors, $post->ID);
foreach ( $ancestors as $ancestor ){
if( $ancestor != end($ancestors) ){
echo '<li> » <a href="'. get_permalink($ancestor) .'">'. strip_tags( apply_filters( 'single_post_title', get_the_title( $ancestor ) ) ) .'</a></li>';
} else {
echo '<li> » '. strip_tags( apply_filters( 'single_post_title', get_the_title( $ancestor ) ) ) .'</li>';
}
}
}
}
// End the UL
echo "</ul>";
}
}
将上面的代码复制进wordpress主题文件夹下的functions.php中,然后,我们开始调用它
<?php if (function_exists('get_breadcrumbs')){get_breadcrumbs(); } ?>
将上面的调用函数放进wordpress主题文件下的archive.php、single.php、index.php、search.php等页面的相应位置,当然这是你想放哪就放哪,只要你觉得美观就好
相关文章推荐
- wordpress不用插件实现Pagenavi页面导航功能
- 非插件实现WordPress 显示面包屑导航
- 微内核流程引擎(IVR导航)的设计与实现(二)——功能描述
- Android定位&地图&导航——基于百度地图实现的定位功能
- js实现楼层导航功能
- php可应用于面包屑导航的递归寻找家谱树实现方法
- WordPress实现相关文章功能
- 关于wordpress侧边栏常用功能的非插件方式实现
- Android-实现顶部+底部双导航界面功能
- WordPress中如何实现Ping功能
- WordPress导航菜单的滚动和淡入淡出效果的实现要点
- Silverlight 4 导航应用程序实现javacript history.go(-1)功能
- 以JavaScript来实现WordPress中的二级导航菜单的方法
- jquery+Handler实现淘宝收藏列表导航功能
- Fragment+ViewPager实现底部导航功能
- 做机械臂导航时遇到的问题5:如何使用ROS内嵌serial功能包实现串口通信
- Android开发之Navigationdrawer导航抽屉功能的实现(源代码分享)
- Viewpager实现今日头条顶部导航的功能
- weex slider实现滑动底部导航功能
- wordpress网站的当前位置(面包屑功能)