Come aggiungere link di affiliazione in WordPress? 3 passaggi per creare collegamenti a pagine interne

WordPressI link possono essere aggiunti e gestiti attraverso lo sfondo, ma non ha la funzione di link nella pagina interna.

considerandoSito Web WordPressPer la facilità d'uso e la precisione, ho deciso di utilizzare la funzione di collegamento wp_list_bookmarks per chiamare e utilizzare un modello di pagina interna separato per ottenere.

Si possono fare riferimento a esempi specificiChen WeiangPagina dei link interni del blog ▼

• Scambia link di amicizia (link alla pagina interna)

Come creare collegamenti amichevoli nelle pagine interne

1 ：Crea nuova pagina

• Crea nuova paginae imposta i permalink della pagina su "link".

2 ：Copia il file page.php

• Copia il file page.php nella directory principale del tema e rinominalo in page-links.php
• In effetti, puoi definire il nome dopo la pagina di questo file come preferisci.
• Quando crei una pagina, devi abbinare l'indirizzo della pagina a questo nome.

3 ：Trova la funzione di visualizzazione del contenuto dell'articolo

Nel file page-links.php, trova la funzione di visualizzazione del contenuto dell'articolo ▼

<?php the_content(); ?>

Sotto di esso, aggiungi il seguente codice▼

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

• Fai attenzione ai commenti sul codice.

Aggiungi stili CSS ai collegamenti di pagina

Per renderlo più bello, puoi definire lo stile di classe dei collegamenti alle pagine.

Quanto segue èChen WeiangStili CSS del tema utilizzato ▼

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

Hai finito!