Kumaha cara nambihan Tautan Afiliasi dina WordPress? 3 Léngkah Nyiptakeun Tumbu Halaman Batin

WordPress ngamungkinkeun anjeun pikeun nambihan sareng ngatur tautan réréncangan dina backend, tapi éta henteu gaduh fitur pikeun nambihan tautan réréncangan kana halaman internal.

Kusabab gampangna dianggo sareng akuratna ngawangun situs wéb WordPress , diputuskeun pikeun nganggo fungsi wp_list_bookmarks pikeun tautan réréncangan, anu diimplementasikeun nganggo témplat halaman jero anu misah.

Kanggo conto anu khusus, mangga tingali halaman tautan dina blog Chen Weiliang ▼

• Tukeurkeun Patalina Silaturahim (Tautan Halaman Batin)

Kumaha cara nyiptakeun tautan anu ramah dina halaman batin

Lengkah 1: Jieun kaca anyar

• Jieun kaca anyar, tur nyetel permalinks kaca urang ka "tumbu".

Lengkah 2: Salin file page.php

• Salin file page.php dina diréktori akar téma sareng ganti nami janten page-links.php
• Kanyataanna, anjeun tiasa nangtukeun ngaran sanggeus page- file ieu sakumaha anjeun resep.
• Nalika nyieun halaman, anjeun kedah cocog sareng alamat halaman sareng nami ieu.

Léngkah 3: Panggihan fungsi pikeun nampilkeun eusi artikel.

Dina file page-links.php, panggihan fungsi tampilan eusi artikel ▼

<?php the_content(); ?>

Di handapna, tambahkeun kodeu handap▼

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

• Lalajo kaluar pikeun komentar kode.

Tambahkeun gaya CSS kana kaca-tumbu

Sangkan leuwih geulis, anjeun bisa nangtukeun gaya kelas kaca-tumbu.

Di handap ieu mangrupikeun gaya CSS pikeun téma anu dianggo ku Chen Weiliang ▼

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

Anjeun rengse!