WordPress дахь дотоод хуудсанд түншлэлийн холбоосыг хэрхэн нэмэх вэ? Дотоод хуудасны холбоос үүсгэх 3 алхам

WordPressХолбоосыг арын дэвсгэрээр нэмж, удирдах боломжтой боловч дотоод хуудсан дээрх холбоосын функц байхгүй.

харгалзан үзэхWordPress вэбсайтХэрэглэхэд хялбар, нарийвчлалтай байхын тулд би залгахдаа wp_list_bookmarks холбоос функцийг ашиглахаар шийдсэн бөгөөд үүнд хүрэхийн тулд тусдаа дотоод хуудасны загварыг ашиглахаар шийдсэн.

Тодорхой жишээнүүдийг дурдаж болноЧен ВэйлянБлогын дотоод холбоос хуудас ▼

• Нөхөрлөлийн холбоосыг солилцох (Дотоод хуудасны холбоос)

Дотоод хуудсууд дээр хэрхэн ээлтэй холбоос үүсгэх вэ

1-р сар:Шинэ хуудас үүсгэх

• Шинэ хуудас үүсгэх, хуудасны байнгын холбоосыг "холбоос" болгож тохируулна уу.

2-р сар:page.php файлыг хуулна уу

• Сэдвийн үндсэн директор доторх page.php файлыг хуулж, page-links.php гэж нэрлэнэ үү
• Үнэн хэрэгтээ та энэ файлын нэрийг хуудасны дараа хүссэнээрээ тодорхойлж болно.
• Хуудас үүсгэхдээ хуудасны хаягийг энэ нэртэй тааруулах хэрэгтэй.

3-р сар:Өгүүллийн агуулгыг харуулах функцийг олоорой

Page-links.php файлаас нийтлэлийн агуулгыг харуулах функцийг ▼ олоорой

<?php the_content(); ?>

Үүний доор дараах кодыг нэмнэ үү▼

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

• Кодын тайлбарыг анхаарч үзээрэй.

Хуудасны холбоос дээр CSS хэв маягийг нэмнэ үү

Үүнийг илүү үзэсгэлэнтэй болгохын тулд та хуудасны холбоосуудын ангиллын хэв маягийг тодорхойлж болно.

Дараахь зүйл байнаЧен ВэйлянАшигласан сэдвийн CSS загварууд ▼

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

Чи дууссан!