Ki jan yo ajoute lyen afilye nan WordPress? 3 Etap yo kreye lyen paj enteryè

WordPressLyen yo ka ajoute ak jere atravè background nan, men li pa gen fonksyon an nan lyen sou paj enteryè a.

konsidereSit entènèt WordPressPou fasilite itilizasyon ak presizyon, mwen deside sèvi ak fonksyon lyen wp_list_bookmarks pou rele, epi sèvi ak yon modèl paj enteryè separe pou reyalize.

Egzanp espesifik yo ka refere aChen WeiliangPaj lyen enteryè blog la ▼

• Echanj Lyen Zanmitay (Lyen Paj Entèn)

Ki jan yo kreye lyen zanmitay sou paj enteryè

Etap 1:Kreye nouvo paj

• Kreye nouvo paj, epi mete permalyen paj la nan "lyens".

Etap 2:Kopi fichye page.php la

• Kopi fichye page.php nan anyè rasin tèm epi chanje non li an page-links.php
• An reyalite, ou ka defini non an apre paj- nan dosye sa a jan ou renmen.
• Lè w ap kreye yon paj, ou bezwen matche adrès paj la ak non sa a.

Etap 3:Jwenn fonksyon ekspozisyon kontni atik la

Nan fichye page-links.php, jwenn fonksyon ekspozisyon kontni atik ▼

<?php the_content(); ?>

Anba li, ajoute kòd sa a▼

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

• Atansyon pou kòmantè kòd yo.

Ajoute estil CSS nan lyen paj

Pou fè li pi bèl, ou ka defini style klas la nan paj-lyen.

Sa ki annapre a seChen WeiliangEstil CSS tèm yo itilize ▼

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

Ou fini!