Paano magdagdag ng Mga Link ng Kaakibat sa WordPress? 3 Mga Hakbang para Gumawa ng Mga Link sa Inner Page

WordPressMaaaring idagdag at pamahalaan ang mga link sa pamamagitan ng background, ngunit wala itong function ng mga link sa panloob na pahina.

isinasaalang-alangWebsite ng WordPressPara sa kadalian ng paggamit at katumpakan, nagpasya akong gamitin ang wp_list_bookmarks link function para tumawag, at gumamit ng hiwalay na template ng panloob na pahina upang makamit.

Maaaring sumangguni sa mga partikular na halimbawaChen WeiliangInner link page ng blog ▼

• Exchange Friendship Links (Mga Inner Page Links)

Paano lumikha ng mga friendly na link sa mga panloob na pahina

第 1 步 ：Gumawa ng bagong page

• Gumawa ng bagong page, at itakda ang mga permalink ng pahina sa "mga link".

第 2 步 ：Kopyahin ang page.php file

• Kopyahin ang page.php file sa theme root directory at palitan ang pangalan nito sa page-links.php
• Sa katunayan, maaari mong tukuyin ang pangalan pagkatapos ng pahina- ng file na ito ayon sa gusto mo.
• Kapag gumagawa ng page, kailangan mong itugma ang address ng page sa pangalang ito.

第 3 步 ：Hanapin ang function ng pagpapakita ng nilalaman ng artikulo

Sa page-links.php file, hanapin ang function ng display content ng artikulo ▼

<?php the_content(); ?>

Sa ibaba nito, idagdag ang sumusunod na code▼

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

• Mag-ingat sa mga komento ng code.

Magdagdag ng mga istilo ng CSS sa mga page-link

Upang gawin itong mas maganda, maaari mong tukuyin ang istilo ng klase ng mga page-link.

Ang mga sumusunod ayChen WeiliangMga istilo ng CSS ng tema na ginamit ▼

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

Tapos ka na!