Hvordan viser man venlige links vandret? WordPress Hjemmeside Bund Vandret Venskabskæde CSS

en udenrigshandel网络 营销, og ønsker at sætte det venlige link til sidewidgetten nederst på startsiden.

På denne måde kan venner i Affiliate Links også se deres forbindelser på deres telefoner.

Chen WeiliangFandt nogle måder på internettet og fandt endelig den perfekte løsning.

tilWordPressSådan tilføjer du links til webstedet, kan du søge efter Link Manager plugin installationstesten i baggrunden.

Her vil vi diskutere, hvordan man flytter linket til bunden af ​​hjemmesidens hjemmeside, find først filen footer.php i temabiblioteket (Udseende → Rediger → footer.php)

Bemærk: Før du redigerer temafilen, skal du sørge for at lave en sikkerhedskopi af filen.

Tilføj Affiliate Link-kode

Tilføj følgende kode over 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-->

Normalt, når den først er tilføjet, vises den som normalt, men hvis du har brug for at justere stilen, skal du redigere CSS-filen.

Affiliate link CSS vises vandret nederst på startsiden

Udseende >> Rediger >> style.css til css-redigering, den specifikke kode er som følger,

/*首页底部横排显示友情链接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 at have foretaget ovenstående ændringer, vil koden normalt vises normalt, og Link Manager Affiliate-linket vises vandret.