Giunsa pagpakita ang mahigalaon nga mga link nga pinahigda? WordPress Homepage Ubos nga Horizontal Friendship Chain CSS

usa ka langyaw nga pamatigayonMarketing sa Internet, ug gusto nga ibutang ang mahigalaon nga link sa side widget sa ubos sa home page.

Niining paagiha, ang mga higala sa Affiliate Links makatan-aw usab sa ilang mga koneksyon sa ilang mga telepono.

Chen WeiliangNakakaplag og pipila ka mga paagi sa internet ug sa katapusan nakakaplag sa hingpit nga solusyon.

paraWordPressGiunsa pagdugang ang mga link sa website, mahimo nimong pangitaon ang pagsulay sa pag-install sa plugin sa Link Manager sa background.

Dinhi atong hisgotan kon unsaon pagbalhin sa link ngadto sa ubos sa homepage sa website, pangitaa una ang footer.php file sa theme directory (Appearance → Edit → footer.php)

Mubo nga sulat: Sa dili pa i-edit ang theme file, siguroha ang paghimo og file backup.

Idugang ang Affiliate Link Code

Idugang ang mosunod nga code sa ibabaw sa 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-->

Kasagaran, sa higayon nga idugang, kini magpakita sama sa naandan, apan kung kinahanglan nimo nga ayohon ang istilo, kinahanglan nimo nga usbon ang CSS file.

Ang link sa kaakibat nga CSS gipakita nga pinahigda sa ubos sa home page

Panagway >> Edit >> style.css para sa css editing, ang piho nga code mao ang mosunod,

/*首页底部横排显示友情链接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;}

Human sa paghimo sa mga pagbag-o sa ibabaw, ang kodigo kasagarang magpakita sa normal ug ang Link Manager Affiliate nga link magpakita nga pinahigda.