Comment ajouter des liens d'affiliation dans WordPress ? 3 étapes pour créer des liens de page intérieure

Outils de gestionLes liens peuvent être ajoutés et gérés en arrière-plan, mais ils n'ont pas la fonction de liens sur la page intérieure.

considérantSite web WordpressPour la facilité d'utilisation et la précision, j'ai décidé d'utiliser la fonction de lien wp_list_bookmarks pour appeler et d'utiliser un modèle de page interne séparé pour y parvenir.

Des exemples spécifiques peuvent faire référence àChen WeiliangPage de lien interne du blog ▼

• Échanger des liens d'amitié (liens de page intérieure)

Comment créer des liens conviviaux sur les pages intérieures

1 步：Créer une nouvelle page

• Créer une nouvelle page, et définissez les permaliens de la page sur "liens".

2 步：Copiez le fichier page.php

• Copiez le fichier page.php dans le répertoire racine du thème et renommez-le en page-links.php
• En fait, vous pouvez définir le nom après page- de ce fichier comme bon vous semble.
• Lors de la création d'une page, vous devez faire correspondre l'adresse de la page à ce nom.

3 步：Trouver la fonction d'affichage du contenu de l'article

Dans le fichier page-links.php, trouvez la fonction d'affichage du contenu de l'article ▼

<?php the_content(); ?>

En dessous, ajoutez le code suivant▼

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

• Attention aux commentaires de code.

Ajouter des styles CSS aux liens de page

Pour le rendre plus beau, vous pouvez définir le style de classe des liens de page.

Ce qui suit estChen WeiliangStyles CSS du thème utilisé ▼

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

Vous avez terminé!