Hoe om vriendelike skakels horisontaal te vertoon? WordPress Tuisblad Onderste Horisontale Vriendskapsketting CSS

'n buitelandse handel网络 营销, en wil die vriendelike skakel van die sylegstuk onderaan die tuisblad plaas.

Op hierdie manier kan vriende in Affiliate Links ook hul verbindings op hul fone sien.

Chen WeiliangHet 'n paar maniere op die internet gevind en uiteindelik die perfekte oplossing gevind.

virWordPressHoe om skakels by die webwerf te voeg, kan jy soek vir die Link Manager-inpropinstallasietoets in die agtergrond.

Hier sal ons bespreek hoe om die skakel na die onderkant van die webwerf tuisblad te skuif, soek eers die footer.php lêer in die tema gids (Voorkoms → Wysig → footer.php)

Let wel: Voordat jy die temalêer wysig, maak seker dat jy 'n lêerrugsteun maak.

Voeg geaffilieerde skakelkode by

Voeg die volgende kode bo footer.php by:

<!--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-->

Gewoonlik, sodra dit bygevoeg is, sal dit soos gewoonlik vertoon, maar as jy die styl moet aanpas, sal jy die CSS-lêer moet wysig.

Geaffilieerde skakel CSS word horisontaal onderaan die tuisblad vertoon

Voorkoms >> Redigeer >> style.css vir css redigering, die spesifieke kode is soos volg,

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

Nadat die bogenoemde veranderinge gemaak is, sal die kode gewoonlik normaal vertoon en die Skakelbestuurder Geaffilieerde skakel sal horisontaal vertoon word.