Bagaimana untuk menambah Pautan Gabungan dalam WordPress? 3 Langkah untuk Membuat Pautan Halaman Dalaman

WordPressPautan boleh ditambah dan diuruskan melalui latar belakang, tetapi ia tidak mempunyai fungsi pautan pada halaman dalaman.

mempertimbangkanlaman web WordPressUntuk kemudahan penggunaan dan ketepatan, saya memutuskan untuk menggunakan fungsi pautan wp_list_bookmarks untuk memanggil, dan menggunakan templat halaman dalaman yang berasingan untuk mencapainya.

Contoh khusus boleh rujukChen WeiliangHalaman pautan dalaman blog ▼

• Tukar Pautan Persahabatan (Pautan Halaman Dalam)

Cara membuat pautan mesra pada halaman dalaman

Langkah 1:Buat halaman baharu

• Buat halaman baharu, dan tetapkan pautan kekal halaman kepada "pautan".

Langkah 2:Salin fail page.php

• Salin fail page.php dalam direktori akar tema dan namakan semula kepada page-links.php
• Malah, anda boleh mentakrifkan nama selepas halaman- fail ini mengikut kehendak anda.
• Apabila membuat halaman, anda perlu memadankan alamat halaman dengan nama ini.

Langkah 3:Cari fungsi paparan kandungan artikel

Dalam fail page-links.php, cari fungsi paparan kandungan artikel ▼

<?php the_content(); ?>

Di bawahnya, tambahkan kod berikut▼

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

• Berhati-hati dengan komen kod.

Tambahkan gaya CSS pada pautan halaman

Untuk menjadikannya lebih cantik, anda boleh menentukan gaya kelas pautan halaman.

Berikut adalahChen WeiliangGaya CSS tema yang digunakan ▼

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

Anda sudah selesai!