Yuav Ua Li Cas Ntxiv Cov Txuas Txuas rau Cov Nplooj Sab Hauv Hauv WordPress? 3 Cov kauj ruam los tsim cov nplooj ntawv sab hauv

WordPressCov kev sib txuas tuaj yeem ntxiv thiab tswj hwm los ntawm keeb kwm yav dhau, tab sis nws tsis muaj cov haujlwm ntawm kev sib txuas ntawm nplooj ntawv sab hauv.

xav txogWordPress lub vev xaibRau qhov yooj yim ntawm kev siv thiab raug, kuv txiav txim siab siv wp_list_bookmarks txuas ua haujlwm hu, thiab siv cov nplooj ntawv sab hauv cais kom ua tiav.

Cov piv txwv tshwj xeeb tuaj yeem xa mus rauChen WeiliangBlog nplooj ntawv txuas sab hauv ▼

• Sib Pauv phooj ywg Links (Inner Page Links)

Yuav ua li cas los tsim cov phooj ywg sib txuas ntawm cov nplooj ntawv sab hauv

Kauj Ruam 1:Tsim nplooj ntawv tshiab

• Tsim nplooj ntawv tshiab, thiab teeb tsa nplooj ntawv permalinks rau "links".

Kauj Ruam 2:Luam cov ntaub ntawv page.php

• Luam cov nplooj ntawv page.php hauv cov ntsiab lus hauv paus directory thiab hloov npe rau nplooj ntawv-links.php
• Qhov tseeb, koj tuaj yeem txhais lub npe tom qab nplooj ntawv- ntawm cov ntaub ntawv no raws li koj nyiam.
• Thaum tsim ib nplooj ntawv, koj yuav tsum phim nplooj ntawv chaw nyob rau lub npe no.

Kauj Ruam 3:Nrhiav cov kab lus cov ntsiab lus tso saib ua haujlwm

Hauv nplooj ntawv-links.php cov ntaub ntawv, nrhiav cov ntsiab lus cov lus qhia ua haujlwm ▼

<?php the_content(); ?>

Hauv qab no, ntxiv cov lej hauv qab no ▼

<div class="page-links">
    <h3>内页链接</h3>
    <ul>
        <?php
        $default_ico = home_url().'/links_default.ico'; //默认 ico 图片位置
        $bookmarks = get_bookmarks('title_li=&categorize=0&category=64,383&orderby=rand'); 

                    //如果你要输出某个链接分类的链接，更改一下get_bookmarks参数即可
                    /*如要输出链接分类ID为5的链接title_li=&categorize=0&category=5&orderby=rand */
                    
                    /*全部链接随机输出 title_li=&orderby=rand */
        if ( !empty($bookmarks) ) {
            foreach ($bookmarks as $bookmark) {
            echo '<li><img src="', $bookmark->link_url , '/favicon.ico" onerror="javascript:this.src=\'' , $default_ico , '\'" /><a href="' , $bookmark->link_url , '" title="' , $bookmark->link_description , '" target="_blank" >' , $bookmark->link_name , '</a></li>';
            }
        }
        ?>
    </ul>
</div>

• Ua raws li cov lus qhia code.

Ntxiv CSS styles rau nplooj ntawv txuas

Ua kom nws zoo nkauj dua, koj tuaj yeem txhais cov chav kawm style ntawm nplooj ntawv txuas.

Hauv qab no yogChen WeiliangCSS styles ntawm lub ntsiab siv ▼

/*内页链接*/
.page-links{overflow:hidden;margin:0 0 24px;padding:0;}
.page-links h3{border-bottom:1px solid #bfbebe;text-align:center;margin:0;}
.page-links ul{margin:0;padding:5px 0 0 0;}
.page-links ul li{float:left;width:150px;line-height:16px;height:16px;margin:5px 5px 0;padding:0;list-style-type:none;}
.page-links ul li:hover{background:#f2f2f2;}
.page-links ul li img{width:16px;height:16px;margin:0 5px -2px 0;padding:0;border:none;}

Koj ua tiav!