Hur visar man vänliga länkar horisontellt? WordPress Hemsida Botten Horisontell vänskapskedja CSS

en utrikeshandel网络 营销, och vill lägga den vänliga länken till sidowidgeten längst ner på startsidan.

På så sätt kan vänner i Affiliate Links också se sina anslutningar på sina telefoner.

Chen WeiliangHittade några sätt på internet och hittade äntligen den perfekta lösningen.

förWordpressHur man lägger till länkar till webbplatsen kan du söka efter installationstestet för Link Manager-plugin i bakgrunden.

Här kommer vi att diskutera hur man flyttar länken till botten av hemsidans hemsida, hitta först filen footer.php i temakatalogen (Utseende → Redigera → footer.php)

Obs: Innan du redigerar temafilen, se till att säkerhetskopiera filen.

Lägg till Affiliate Link Code

Lägg till följande kod ovanför 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-->

Vanligtvis, när den väl har lagts till, visas den som vanligt, men om du behöver justera stilen måste du redigera CSS-filen.

Affiliate-länk CSS visas horisontellt längst ner på hemsidan

Utseende >> Redigera >> style.css för css-redigering, den specifika koden är som följer,

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

Efter att ha gjort ändringarna ovan kommer koden vanligtvis att visas normalt och Link Manager Affiliate-länken kommer att visas horisontellt.