Kako horizontalno prikazati prijateljske veze? Dno početne stranice WordPress Horizontalni lanac prijateljstva CSS

Postoji netko tko se bavi vanjskom trgovinom网络 营销Prijatelji, i želite postaviti prijateljske veze bočne alatne trake na dno početne stranice.

Na ovaj način prijatelji u prijateljskoj vezi također mogu vidjeti svoju vezu na svom telefonu.

Chen WeiliangPronašao sam neke metode na internetu i konačno pronašao savršeno rješenje.

zaWordPressKako dodati poveznicu na web mjesto? Možete potražiti dodatak Link Manager u pozadini da biste ga instalirali i testirali.

Ovdje ćemo raspravljati o tome kako premjestiti vezu na dno početne stranice web stranice. Prvo pronađite datoteku footer.php u direktoriju teme (Izgled → Uredi → footer.php)

Napomena: prije uređivanja tematskih datoteka svakako napravite sigurnosnu kopiju datoteka.

Dodajte prijateljski kod veze

Dodajte sljedeći kod iznad 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čno će se nakon dodavanja pojaviti kao normalan, ali ako trebate prilagoditi stil, morat ćete urediti CSS datoteku.

CSS za prikaz prijateljskih veza vodoravno na dnu početne stranice

Izgled >> Uredi >> style.css za uređivanje css-a Specifični kod je sljedeći:

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

Nakon što napravite gore navedene promjene, kod će se obično prikazati normalno, a prijateljske veze upravitelja veza će se prikazati vodoravno.