Giunsa Pagdugang ang Mga Link sa Kaakibat sa Mga Panid sa Inner sa WordPress? 3 Mga Lakang sa Paghimo sa Inner Page Links

WordPressAng mga link mahimong idugang ug madumala pinaagi sa background, apan wala kini function sa mga link sa sulod nga panid.

naghunahunaWebsite sa WordPressAlang sa kasayon ​​​​sa paggamit ug katukma, nakahukom ko nga gamiton ang wp_list_bookmarks link function aron tawagan, ug mogamit og bulag nga template sa sulod nga panid aron makab-ot.

Ang piho nga mga pananglitan mahimong magtumong saChen WeiliangAng sulod nga panid sa link sa blog ▼

• Exchange Friendship Links (Inner Page Links)

Giunsa paghimo ang mahigalaon nga mga link sa sulod nga mga panid

Lakang 1:Paghimo og bag-ong panid

• Paghimo og bag-ong panid, ug ibutang ang mga permalink sa panid ngadto sa "mga link".

Lakang 2:Kopyaha ang page.php file

• Kopyaha ang page.php file sa theme root directory ug ilisan kinig ngalan sa page-links.php
• Sa tinuud, mahimo nimong ipasabut ang ngalan pagkahuman sa panid- sa kini nga file kung gusto nimo.
• Sa paghimo og usa ka panid, kinahanglan nimo nga ipares ang adres sa panid sa kini nga ngalan.

Lakang 3:Pangitaa ang function sa pagpakita sa sulod sa artikulo

Sa page-links.php file, pangitaa ang artikulo nga content display function ▼

<?php the_content(); ?>

Ubos niini, idugang ang mosunod nga 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>

• Pagbantay sa mga komento sa code.

Idugang ang mga estilo sa CSS sa mga link sa panid

Aron mahimo kini nga labi ka matahum, mahimo nimong ipasabut ang istilo sa klase sa mga link sa panid.

Ang mosunud mao angChen WeiliangMga estilo sa CSS sa tema nga gigamit ▼

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

Nahuman ka!