Kuidas kuvada sõbralikke linke horisontaalselt? WordPressi kodulehe alumine horisontaalne sõpruskett CSS

väliskaubandus网络 营销, ja soovite panna külgvidina sõbraliku lingi avalehe allossa.

Nii saavad siduslinkide sõbrad ka oma ühendusi oma telefonides vaadata.

Chen WeiliangLeidsin Internetist mõned viisid ja leidsin lõpuks ideaalse lahenduse.

jaoksWordPressKuidas veebisaidile linke lisada, saate taustal otsida Link Manageri pistikprogrammi installimise testi.

Siin arutleme selle üle, kuidas viidata link veebilehe avalehe alla, esmalt leia teemakataloogist üles fail footer.php (Välimus → Redigeerimine → footer.php)

Märkus. Enne teemafaili redigeerimist tehke kindlasti failist varukoopia.

Lisa sidusettevõtte lingi kood

Lisage footer.php kohale järgmine kood:

<!--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-->

Tavaliselt kuvatakse see pärast lisamist nagu tavaliselt, kuid kui teil on vaja stiili kohandada, peate redigeerima CSS-faili.

Sidusettevõtte lingi CSS kuvatakse avalehe allosas horisontaalselt

Välimus >> Redigeerimine >> style.css css-i redigeerimiseks, konkreetne kood on järgmine,

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

Pärast ülaltoodud muudatuste tegemist kuvatakse kood tavaliselt tavapäraselt ja Link Manager Affiliate link kuvatakse horisontaalselt.