Jinsi ya kuongeza Viungo vya Ushirika katika WordPress? Hatua 3 za Kuunda Viungo vya Ukurasa wa Ndani

WordPressViungo vinaweza kuongezwa na kudhibitiwa kupitia usuli, lakini haina kazi ya viungo kwenye ukurasa wa ndani.

kuzingatiaJengo la tovuti ya WordPressKwa urahisi wa matumizi na usahihi, niliamua kutumia kazi ya kiungo ya wp_list_bookmarks kupiga simu, na kutumia template tofauti ya ukurasa wa ndani ili kufikia.

Mifano mahususi inaweza kurejeleaChen WeiliangUkurasa wa kiungo wa ndani wa Blogu ▼

• Badilisha Viungo vya Urafiki (Viungo vya Ukurasa wa Ndani)

Jinsi ya kuunda viungo vya kirafiki kwenye kurasa za ndani

Sura ya 1:Unda ukurasa mpya

• Unda ukurasa mpya, na uweke vibali vya ukurasa kuwa "viungo".

Sura ya 2:Nakili faili ya page.php

• Nakili faili ya page.php kwenye saraka ya mizizi ya mandhari na uipe jina tena kwa page-links.php
• Kwa kweli, unaweza kufafanua jina baada ya ukurasa- wa faili hii kama unavyopenda.
• Wakati wa kuunda ukurasa, unahitaji kulinganisha anwani ya ukurasa na jina hili.

Sura ya 3:Pata kipengele cha kuonyesha maudhui ya makala

Katika faili ya page-links.php, pata kipengele cha kuonyesha maudhui ya makala ▼

<?php the_content(); ?>

Chini yake, ongeza msimbo ufuatao▼

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

• Jihadharini na maoni ya kanuni.

Ongeza mitindo ya CSS kwa viungo vya ukurasa

Ili kuifanya kuwa nzuri zaidi, unaweza kufafanua mtindo wa darasa la viungo vya ukurasa.

Ifuatayo niChen WeiliangMitindo ya CSS ya mandhari iliyotumika ▼

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

Umemaliza!