Hvordan legge til tilknyttede lenker i WordPress? 3 trinn for å lage indre sidekoblinger

WordPressLenker kan legges til og administreres gjennom bakgrunnen, men den har ikke funksjonen til lenker på den indre siden.

med tanke påWordPress nettstedFor enkel bruk og nøyaktighet bestemte jeg meg for å bruke lenkefunksjonen wp_list_bookmarks for å ringe, og bruke en egen indre sidemal for å oppnå.

Spesifikke eksempler kan referere tilChen WeiliangBloggens indre lenkeside ▼

• Utveksle vennskapslenker (lenker på indre side)

Hvordan lage vennlige lenker på indre sider

第 1 步:Opprett ny side

• Opprett ny side, og sett sidens permalinker til "lenker".

第 2 步:Kopier page.php-filen

• Kopier page.php-filen i temaets rotkatalog og gi den nytt navn til page-links.php
• Faktisk kan du definere navnet etter side- i denne filen som du vil.
• Når du oppretter en side, må du matche sideadressen med dette navnet.

第 3 步:Finn funksjonen for visning av artikkelinnhold

I page-links.php-filen finner du funksjonen for visning av artikkelinnhold ▼

<?php the_content(); ?>

Under den legger du til følgende kode▼

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

• Se opp for kodekommentarer.

Legg til CSS-stiler til sidelenker

For å gjøre det vakrere, kan du definere klassestilen til sidekoblinger.

Følgende erChen WeiliangCSS-stiler for temaet som brukes ▼

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

Du er ferdig!