Paano ipakita ang mga friendly na link nang pahalang? WordPress Homepage Bottom Horizontal Friendship Chain CSS

isang dayuhang kalakalanpagmemerkado gamit ang internet, at gustong ilagay ang friendly na link ng side widget sa ibaba ng home page.

Sa ganitong paraan, makikita rin ng mga kaibigan sa Affiliate Links ang kanilang mga koneksyon sa kanilang mga telepono.

Chen WeiliangNakahanap ng ilang paraan sa internet at sa wakas ay natagpuan ang perpektong solusyon.

para saWordPressKung paano magdagdag ng mga link sa website, maaari kang maghanap para sa pagsubok sa pag-install ng plugin ng Link Manager sa background.

Dito natin tatalakayin kung paano ilipat ang link sa ibaba ng homepage ng website, hanapin muna ang footer.php file sa theme directory (Appearance → Edit → footer.php)

Tandaan: Bago i-edit ang theme file, tiyaking gumawa ng backup ng file.

Magdagdag ng Affiliate Link Code

Idagdag ang sumusunod na code sa itaas ng footer.php:

<!--links-bottom-index-->

<div class="span12 home-links">
<div class="widget-box">
<div class="widget-title"><span class="icon"><i class="fa fa-link fa-fw"></i></span><h3>友情链接</h3></div>
<div class="widget-content">
<ul>
<?php wp_list_bookmarks('orderby=id&categorize=0&category=66,192&title_li='); ?>
</ul>
<div class="clear"></div>
</div>
</div>
</div>

<!--end links-bottom-index-->

Karaniwan, kapag naidagdag, ito ay ipapakita gaya ng dati, ngunit kung kailangan mong ayusin ang estilo, kakailanganin mong i-edit ang CSS file.

Ang link ng kaakibat na CSS ay ipinapakita nang pahalang sa ibaba ng home page

Hitsura >> I-edit >> style.css para sa pag-edit ng css, ang partikular na code ay ang mga sumusunod,

/*首页底部横排显示友情链接CSS*/
.widget-box {position:relative;clear:both;margin-bottom:20px;border-top:1px solid #E1E1E1;border-right:1px solid #E1E1E1;border-left:1px solid #E1E1E1;background:none repeat scroll 0 0 #fff;}
.widget-title {height:40px;border-bottom:1px solid #E1E1E1;background:#F8F8F8;}
.widget-content {position:relative;z-index:1;padding:10px 15px;border-bottom:1px solid #E1E1E1;}

Pagkatapos gawin ang mga pagbabago sa itaas, ang code ay karaniwang ipapakita nang normal at ang Link Manager Affiliate link ay ipapakita nang pahalang.