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

En ven af ​​mig arbejder med international handel og online marketing og ønsker, at vennelinkene i sidebjælken skal placeres nederst på forsiden.

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

Chen Weiliang fandt nogle metoder på internettet og fandt til sidst den perfekte løsning.

For at lære, hvordan du tilføjer links til din WordPress- hjemmeside, kan du søge efter og installere Link Manager-pluginnet i backend'en.

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.