Hvordan vise vennlige lenker horisontalt? WordPress Hjemmeside Nederste horisontal vennskapskjede CSS

En venn av meg jobber med internasjonal handel på nettmarkedsføring og ønsker at vennelenkene i sidefeltet skal plasseres nederst på hjemmesiden.

På denne måten kan venner i Affiliate Links også se tilkoblingene sine på telefonene sine.

Chen Weiliang fant noen metoder på internett og fant til slutt den perfekte løsningen.

For å lære hvordan du legger til lenker på WordPress- nettstedet ditt, kan du søke etter og installere Link Manager-pluginen i backend-systemet.

Her vil vi diskutere hvordan du flytter lenken til bunnen av hjemmesidens hjemmeside, finn først footer.php-filen i temakatalogen (Utseende → Rediger → footer.php)

Merk: Før du redigerer temafilen, sørg for å lage en sikkerhetskopi av filen.

Legg til Affiliate Link-kode

Legg til 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-->

Vanligvis, når den er lagt til, vises den som vanlig, men hvis du trenger å justere stilen, må du redigere CSS-filen.

Affiliate link CSS vises horisontalt nederst på hjemmesiden

Utseende >> Rediger >> style.css for css-redigering, den spesifikke koden 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;}

Etter å ha gjort endringene ovenfor, vil koden vanligvis vises normalt og Link Manager Affiliate-lenken vil vises horisontalt.

发表 评论

您的邮箱地址不会被公开。必填项已用*标注

Rull til toppen