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

en utenrikshandelInternettmarkedsføring, og ønsker å legge den vennlige lenken til sidewidgeten nederst på hjemmesiden.

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

Chen WeiliangFant noen måter på internett og fant til slutt den perfekte løsningen.

tilWordPressHvordan du legger til lenker til nettstedet, kan du søke etter installasjonstesten for Link Manager-plugin i bakgrunnen.

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.