zoukankan      html  css  js  c++  java
  • WordPress主题开发:制作面包屑导航

    所谓面包屑,就是类似这种:首页 > 公司简介 > 发展历史 展示网站树型结构,并让网站访问者随时知道自己所处的位置,方便返回上几级。

    将下面的代码添加到主题的 functions.php :

    //面包屑功能
    function the_breadcrumb() {
                    echo '<ul class="breadcrumb">';
            if (!is_home()) {
                    echo '<li><a href="';
                    echo get_option('home');
                    echo '">';
                    echo '首页';
                    echo "</a></li>";
                    if (is_category() || is_single()) {
                            echo '<li>';
                            the_category(' </li><li> ');
                            if (is_single()) {
                                    echo "</li><li>";
                                    the_title();
                                    echo '</li>';
                            }
                    } elseif (is_page()) {
                            echo '<li>';
                            echo the_title();
                            echo '</li>';
                    }
            }
            elseif (is_tag()) {single_tag_title();}
            elseif (is_day()) {echo"<li>Archive for "; the_time('F jS, Y'); echo'</li>';}
            elseif (is_month()) {echo"<li>Archive for "; the_time('F, Y'); echo'</li>';}
            elseif (is_year()) {echo"<li>Archive for "; the_time('Y'); echo'</li>';}
            elseif (is_author()) {echo"<li>Author Archive"; echo'</li>';}
            elseif (isset($_GET['paged']) && !empty($_GET['paged'])) {echo "<li>Blog Archives"; echo'</li>';}
            elseif (is_search()) {echo"<li>Search Results"; echo'</li>';}
            echo '</ul>';
    }

    在主题模板中调用,如:

       <div class="breadwrap"><?php if(function_exists('the_breadcrumb')) the_breadcrumb();?></div>

    至于样式,自由发挥吧。

  • 相关阅读:
    PyCharm设置改变字体大小的快捷键
    python中的字符串
    python入门知识
    css3(border-radius)边框圆角详解
    js中__proto__和prototype的区别和关系?
    常见的浏览器兼容问题
    Meta http-equiv属性详解(转)
    WinForm界面设计-Button添加背景图去边框
    vs2015 c# winfrom应用程序打包成64位
    vsto-Word相关操作
  • 原文地址:https://www.cnblogs.com/tinyphp/p/6366876.html
Copyright © 2011-2022 走看看