Hvordan tilføjer man affiliate links i WordPress? 3 trin til oprettelse af indre sidelinks

WordPressLinks kan tilføjes og administreres gennem baggrunden, men det har ikke funktionen som links på den indre side.

OvervejerWordPress hjemmesideFor at gøre det nemt og præcist, besluttede jeg at bruge linkfunktionen wp_list_bookmarks til at ringe og bruge en separat indre sideskabelon for at opnå det.

Der kan henvises til specifikke eksemplerChen WeiliangBlogs indre linkside ▼

• Udveksling af venskabslinks (links på indre side)

Sådan opretter du venlige links på indre sider

第 1 步:Opret ny side

• Opret ny side, og indstil sidens permalinks til "links".

第 2 步:Kopier filen page.php

• Kopier page.php-filen i temaets rodbibliotek og omdøb den til page-links.php
• Faktisk kan du definere navnet efter side- af denne fil, som du vil.
• Når du opretter en side, skal du matche sidens adresse med dette navn.

第 3 步:Find artiklens indholdsvisningsfunktion

Find artiklens indholdsvisningsfunktion ▼ i filen page-links.php

<?php the_content(); ?>

Tilføj følgende kode▼ under den

<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 på kodekommentarer.

Tilføj CSS-stile til sidelinks

For at gøre det smukkere, kan du definere klassestilen for sidelinks.

Følgende erChen WeiliangCSS-stile af det anvendte tema ▼

/*内页链接*/
.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 færdig!