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

biashara ya njeUuzaji wa mtandao, na ninataka kuweka kiungo cha kirafiki cha wijeti ya upande chini ya ukurasa wa nyumbani.

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

Chen WeiliangNilipata baadhi ya njia kwenye mtandao na hatimaye kupata suluhisho kamili.

kwaWordPressJinsi ya kuongeza viungo kwenye tovuti, unaweza kutafuta jaribio la usakinishaji la programu-jalizi ya Kidhibiti cha Kiungo chinichini.

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.

Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) alishiriki "Jinsi ya kuonyesha viungo vya urafiki kwa usawa? Mnyororo wa Urafiki wa Mlalo CSS" chini ya ukurasa wa nyumbani wa WordPress ni muhimu kwako.

Karibu kushiriki kiungo cha makala hii:https://www.chenweiliang.com/cwl-2121.html

Karibu kwenye chaneli ya Telegramu ya blogu ya Chen Weiliang ili kupata masasisho mapya zaidi!

🔔 Kuwa wa kwanza kupata "Mwongozo wa Matumizi ya Zana ya AI ya Uuzaji wa Maudhui ya ChatGPT" katika saraka ya juu ya kituo! 🌟
📚 Mwongozo huu una thamani kubwa, 🌟Hii ni fursa adimu, usiikose! ⏰⌛💨
Share na like ukipenda!
Kushiriki kwako na kupenda kwako ndio motisha yetu inayoendelea!

 

发表 评论

Anwani yako ya barua pepe haitachapishwa. 必填 项 已 用 * 标注

tembeza juu