Meriv çawa Zencîreyên Parmendî li WordPress-ê zêde dike? 3 Gavên Afirandina Girêdanên Rûpelê Navxweyî

WordPressHûn dikarin bi navgîniya paşîn ve girêdanên hevaltiyê lê zêde bikin û îdare bikin, lê ew fonksiyona girêdanên dostaniya rûpela hundurîn tune.

heke mirov bifikireMalpera WordPressJi bo hêsan karanîn û rastbûnê, me biryar da ku em fonksiyona girêdana dostane wp_list_bookmarks bikar bînin da ku jê re bang bikin û ji bo bicîhkirina wê şablonek rûpelek navxweyî ya cihê bikar bînin.

Ji bo nimûneyên taybetî, ji kerema xwe serî lê bidinChen WeiliangRûpelê girêdana navxweyî ya blogê ▼

• Zencîreyên dostane biguhezînin (girêdanên rûpelê hundurîn)

Meriv çawa li ser rûpelên hundurîn girêdanên hevaltiyê biafirîne

Gav 1:Rûpelek nû çêbikin

• Rûpelek nû çêbikin, û girêdana permalî ya rûpelê li ser "girêdan" saz bikin.

Gav 2:Pelê page.php kopî bikin

• Pelê page.php di pelrêça root ya mijarê de kopî bikin û navê wê bikin page-links.php
• Bi rastî, hûn dikarin navê vê pelê li gorî tercîha xwe diyar bikin.
• Dema ku hûn rûpelek diafirînin, hûn hewce ne ku navnîşana rûpelê bi vî navî re li hev bikin.

Gav 3:Fonksiyona nîşana naveroka gotarê bibînin

Di pelê page-links.php de, fonksiyona nîşana naveroka gotarê ▼ bibînin

<?php the_content(); ?>

Li binê wê, koda jêrîn ▼ lê zêde bike

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

• Bala xwe bidin şîroveyên kodê.

Şêweyên CSS-ê li girêdanên rûpelê zêde bikin

Ji bo ku ew xweşiktir bibe, hûn dikarin şêwaza çîna girêdanên rûpelan diyar bikin.

Ya jêrîn eChen WeiliangŞêweyên CSS yên ji bo mijara ku tê bikar anîn ▼

/*内页链接*/
.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;}

Tu qediya!