Hoe gelieerde links toevoegen aan binnenpagina's in WordPress? 3 stappen om binnenpaginalinks te maken

WordPressLinks kunnen via de achtergrond worden toegevoegd en beheerd, maar heeft niet de functie van links op de binnenpagina.

overwegenWordPress websiteVoor het gebruiksgemak en de nauwkeurigheid heb ik besloten om de wp_list_bookmarks-linkfunctie te gebruiken om te bellen en een aparte binnenpaginasjabloon te gebruiken om te bereiken.

Specifieke voorbeelden kunnen verwijzen naar:Chen WeiliangDe innerlijke linkpagina van de blog

• Vriendschapslinks uitwisselen (links binnenpagina)

Hoe maak je vriendelijke links op binnenpagina's

Stap 1:Nieuwe pagina maken

• Nieuwe pagina maken, en stel de permalinks van de pagina in op "links".

Stap 2:Kopieer het page.php-bestand

• Kopieer het page.php-bestand in de hoofdmap van het thema en hernoem het naar page-links.php
• In feite kunt u de naam na pagina van dit bestand naar wens definiëren.
• Wanneer u een pagina maakt, moet u het pagina-adres aan deze naam koppelen.

Stap 3:Zoek de functie voor het weergeven van artikelinhoud

Zoek in het bestand page-links.php de functie voor het weergeven van de artikelinhoud ▼

<?php the_content(); ?>

Voeg eronder de volgende code toe▼

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

• Pas op voor codeopmerkingen.

CSS-stijlen toevoegen aan paginalinks

Om het mooier te maken, kunt u de klassestijl van paginalinks definiëren.

Het volgende isChen WeiliangCSS-stijlen van het gebruikte thema ▼

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

Je bent klaar!