Kako prikazati prijazne povezave vodoravno? WordPress domača stran Bottom Horizontal Friendship Chain CSS

zunanja trgovina营销, in želite postaviti prijazno povezavo stranskega pripomočka na dno domače strani.

Na ta način si lahko prijatelji v Affiliate Links ogledajo tudi svoje povezave na svojih telefonih.

Chen WeiliangNa internetu sem našel nekaj načinov in končno našel popolno rešitev.

zaWordPressKako dodati povezave na spletno mesto, lahko poiščete preizkus namestitve vtičnika Link Manager v ozadju.

Tukaj bomo razpravljali o tem, kako premakniti povezavo na dno domače strani spletnega mesta, najprej poiščite datoteko footer.php v imeniku tem (Videz → Uredi → footer.php)

Opomba: Preden uredite datoteko teme, naredite varnostno kopijo datoteke.

Dodajte kodo partnerske povezave

Dodajte naslednjo kodo nad 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-->

Običajno se bo po dodajanju prikazal kot običajno, če pa boste morali prilagoditi slog, boste morali urediti datoteko CSS.

CSS partnerske povezave je prikazan vodoravno na dnu domače strani

Videz >> Uredi >> style.css za urejanje css, posebna koda je naslednja,

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

Po izvedbi zgornjih sprememb bo koda običajno prikazana normalno, povezava Link Manager Affiliate pa bo prikazana vodoravno.