Kepiye cara nambah Link Afiliasi ing WordPress? 3 Langkah-langkah kanggo Nggawe Link Halaman Batin

WordPressLink bisa ditambahake lan dikelola liwat latar mburi, nanging ora nduweni fungsi pranala ing kaca utama.

ngelingisitus web WordPressKanggo gampang digunakake lan akurasi, aku mutusake nggunakake fungsi link wp_list_bookmarks kanggo nelpon, lan nggunakake cithakan kaca jero sing kapisah kanggo entuk.

Conto spesifik bisa dirujukChen WeiliangKaca pranala njero blog ▼

• Link Persahabatan Exchange (Link Halaman Batin)

Carane nggawe pranala ramah ing kaca utama

Langkah 1:Nggawe kaca anyar

• Nggawe kaca anyar, lan nyetel permalinks kaca menyang "pranala".

Langkah 2:Nyalin file page.php

• Nyalin file page.php ing direktori root tema lan ganti jeneng dadi page-links.php
• Nyatane, sampeyan bisa nemtokake jeneng sawise kaca- file iki sing dikarepake.
• Nalika nggawe kaca, sampeyan kudu cocog alamat kaca kanggo jeneng iki.

Langkah 3:Temokake fungsi tampilan isi artikel

Ing file page-links.php, temokake fungsi tampilan isi artikel ▼

<?php the_content(); ?>

Ing ngisor iki, tambahake kode ing ngisor iki▼

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

• Watch metu kanggo komentar kode.

Tambah gaya CSS menyang pranala kaca

Kanggo nggawe luwih ayu, sampeyan bisa nemtokake gaya kelas pranala kaca.

Ing ngisor iki yaikuChen WeiliangGaya CSS tema sing digunakake ▼

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

Sampeyan wis rampung!