Hoe om geaffilieerde skakels in WordPress by te voeg? 3 stappe om binnebladsyskakels te skep

WordPressSkakels kan deur die agtergrond bygevoeg en bestuur word, maar dit het nie die funksie van skakels op die binneblad nie.

oorweegWordPress webwerfVir die gemak van gebruik en akkuraatheid, het ek besluit om die wp_list_bookmarks skakel funksie te gebruik om te bel, en gebruik 'n aparte binneblad sjabloon om te bereik.

Spesifieke voorbeelde kan verwys naChen WeiliangBlog se binneskakelbladsy ▼

• Ruil vriendskapskakels uit (binnebladskakels)

Hoe om vriendelike skakels op binneblaaie te skep

Stap 1:Skep nuwe bladsy

• Skep nuwe bladsy, en stel die bladsy se permaskakels op "skakels".

Stap 2:Kopieer die page.php-lêer

• Kopieer die page.php-lêer in die tema-hoofgids en hernoem dit na page-links.php
• Trouens, jy kan die naam na bladsy- van hierdie lêer definieer soos jy wil.
• Wanneer jy 'n bladsy skep, moet jy die bladsyadres by hierdie naam pas.

Stap 3:Vind die artikelinhoud vertoonfunksie

In die page-links.php-lêer, vind die artikelinhoud vertoonfunksie ▼

<?php the_content(); ?>

Voeg daaronder die volgende kode by▼

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

• Pasop vir kode-kommentaar.

Voeg CSS-style by bladsyskakels

Om dit mooier te maak, kan jy die klasstyl van bladsyskakels definieer.

Die volgende isChen WeiliangCSS-style van die tema wat gebruik word ▼

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

Jy's klaar!