Jinsi ya kuonyesha viungo vya urafiki kwa usawa? Ukurasa wa Nyumbani wa WordPress CSS wa Chini wa Mlalo wa Urafiki

Rafiki yangu anafanya kazi katika uuzaji wa mtandaoni wa biashara ya kimataifa na anataka viungo vya rafiki kwenye upau wa pembeni viwekwe chini ya ukurasa wa nyumbani.

Kwa njia hii, marafiki katika Viungo Affiliate wanaweza pia kutazama miunganisho yao kwenye simu zao.

Chen Weiliang alipata mbinu kadhaa kwenye mtandao na hatimaye akapata suluhisho bora.

Ili kujifunza jinsi ya kuongeza viungo kwenye tovuti yako ya WordPress , unaweza kutafuta na kusakinisha programu-jalizi ya Kidhibiti Kiungo kwenye sehemu ya nyuma.

Hapa tutajadili jinsi ya kuhamisha kiungo hadi chini ya ukurasa wa nyumbani wa tovuti, kwanza pata faili ya footer.php katika saraka ya mandhari (Muonekano → Hariri → footer.php)

Kumbuka: Kabla ya kuhariri faili ya mandhari, hakikisha kuwa umeweka chelezo ya faili.

Ongeza Msimbo wa Kiungo cha Washirika

Ongeza msimbo ufuatao hapo juu 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-->

Kawaida, ikiongezwa, itaonyeshwa kama kawaida, lakini ikiwa unahitaji kurekebisha mtindo, utahitaji kuhariri faili ya CSS.

Kiungo cha washirika CSS kinaonyeshwa mlalo chini ya ukurasa wa nyumbani

Muonekano >> Hariri >> style.css kwa uhariri wa css, nambari maalum ni kama ifuatavyo.

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

Baada ya kufanya mabadiliko yaliyo hapo juu, msimbo utaonyeshwa kawaida na kiungo cha Ushirika wa Kiungo kitaonyeshwa kwa usawa.