• 歡迎訪問奇跡の海網站,本站不上傳任何資源,所有資源均來自于網絡,歡迎加入奇跡の海~!奇跡の海-WordPress QQ群
  • 本站下載資源為網絡上收集整理而來,并且以計算機技術研究交流為目的,版權歸原作者所有,僅供大家參考,學習,不存在任何商業目的與商業用途.
  • 本站系統鏡像均來自于官方原版,ed2k可視為P2P下載鏈接。所有操作系統默認均為試用版,如有正版密鑰可以有效激活,本站不提供任何激活和相關服務。

wordpress主題優化細節之wordpress面包屑導航

WP其他 奇跡の海 2年前 (2017-11-11) 587次瀏覽 已收錄 0個評論 掃描二維碼

方法簡介

wordpress主題優化細節之wordpress面包屑導航
面包屑對于一個網站來說,相當于是頁面結構的一個導航,是網頁導航設計中一個標準設計模式,而今天我們講的是如何通過代碼來實現wordpress面包屑導航的功能!

方法步驟

將代碼復制進wordpress主題文件夾下的functions.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> &raquo; ". get_category_parents( $cat, TRUE, " &raquo; " ) ."</li>";  
        }  
        elseif ( is_archive() && !is_category() )  
        {  
            echo "<li> &raquo; Archives</li>";  
        }  
        elseif ( is_search() ) {  
    
            echo "<li> &raquo; Search Results</li>";  
        }  
        elseif ( is_404() )  
        {  
            echo "<li> &raquo; 404 Not Found</li>";  
        }  
        elseif ( is_single() )  
        {  
            $category = get_the_category();  
            $category_id = get_cat_ID( $category[0]->cat_name );  
    
            echo '<li> &raquo; '. get_category_parents( $category_id, TRUE, " &raquo; " );  
            echo the_title('','', FALSE) ."</li>";  
        }  
        elseif ( is_page() )  
        {  
            $post = $wp_query->get_queried_object();  
    
            if ( $post->post_parent == 0 ){  
    
                echo "<li> &raquo; ".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> &raquo; <a href="'. get_permalink($ancestor) .'">'. strip_tags( apply_filters( 'single_post_title', get_the_title( $ancestor ) ) ) .'</a></li>';  
                    } else {  
                        echo '<li> &raquo; '. strip_tags( apply_filters( 'single_post_title', get_the_title( $ancestor ) ) ) .'</li>';  
                    }  
                }  
            }  
        }  
    
        // End the UL  
        echo "</ul>";  
    }  
}  

開始調用

<?php if (function_exists('get_breadcrumbs')){get_breadcrumbs(); } ?>  

將上面的調用函數放進wordpress主題文件下的archive.php、single.php、index.php、search.php等頁面的相應位置,當然這是你想放哪就放哪,只要你覺得美觀就好,我們都習慣放文章上方,header的下方。。。

ul.breadcrumbs {  
    list-style: none;  
    padding: 0;  
    margin: 0;  
    font-size:12px;  
}  
ul.breadcrumbs li {  
    float: left;  
    margin: 0 5px 0 0;  
    padding: 0;  
}  

再將這段css放進主題文件下的css里即可。。。
這樣wordpress面包屑導航的功能基本就大功告成了


版權聲明:本站所有文章和資源使用CC BY-NC-SA 4.0協議授權發布 , 轉載應當以相同方式注明文章來自“SeaOMC.COM->wordpress主題優化細節之wordpress面包屑導航!在下邊可以分享本文哦!
喜歡 (0)
[]
分享 (0)
奇跡の海
關于作者:
一個WordPress菜鳥!
發表我的評論
取消評論

表情 貼圖 加粗 刪除線 居中 斜體 簽到

Hi,您需要填寫昵稱和郵箱!

  • 昵稱 (必填)
  • 郵箱 (必填)
  • 網址
中国福利彩票36选7开奖结果