Yadda ake Ƙara Haɗin Haɗin kai zuwa Shafukan ciki a cikin WordPress? Matakai 3 don Ƙirƙirar Haɗin Shafukan Ciki

WordPressAna iya ƙara hanyoyin haɗin gwiwa da sarrafa su ta bango, amma ba shi da aikin haɗin kai a shafi na ciki.

la'akariGidan yanar gizon WordPressDon sauƙin amfani da daidaito, na yanke shawarar yin amfani da aikin haɗin gwiwar wp_list_bookmarks don yin kira, da amfani da keɓan samfurin shafi na ciki don cimmawa.

Misalai na musamman na iya komawa zuwaChen WeiliangShafin haɗin yanar gizo na ciki ▼

• Musanya Abokan Hulɗa (Haɗin Shafukan Ciki)

Yadda ake ƙirƙirar hanyoyin sada zumunta a shafukan ciki

shafi na 1:Ƙirƙiri sabon shafi

• Ƙirƙiri sabon shafi, kuma saita permalinks na shafin zuwa "links".

shafi na 2:Kwafi fayil ɗin shafi.php

• Kwafi fayil ɗin shafi.php a cikin jigon tushen directory kuma sake suna zuwa shafi-links.php
• A zahiri, zaku iya ayyana sunan bayan shafi- na wannan fayil ɗin yadda kuke so.
• Lokacin ƙirƙirar shafi, kuna buƙatar daidaita adireshin shafin da wannan sunan.

shafi na 3:Nemo aikin nuni abun cikin labarin

A cikin fayil-links.php fayil, nemo aikin nunin abun cikin labarin ▼

<?php the_content(); ?>

A ƙasansa, ƙara lambar da ke biyowa

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

• Kula da ra'ayoyin code.

Ƙara salon CSS zuwa hanyoyin haɗin shafi

Don inganta shi mafi kyau, za ku iya ayyana salon aji na hanyoyin haɗin shafi.

Mai zuwa kenanChen WeiliangSalon CSS na jigon da aka yi amfani da shi ▼

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

Kun gama!