Wéi frëndlech Linken horizontal ze weisen? WordPress Homepage Bottom Horizontal Friendship Chain CSS

E Frënd vu mir schafft am internationale Handel an Online Marketing a wëll, datt d'Frëndschaftslinks an der Sidebar ënnen op der Homepage placéiert ginn.

Op dës Manéier kënnen Frënn an Affiliate Links och hir Verbindungen op hiren Telefonen kucken.

De Chen Weiliang huet e puer Methoden am Internet fonnt a schliisslech déi perfekt Léisung fonnt.

Fir ze léieren, wéi Dir Linken op Är WordPress Websäit bäifüügt, kënnt Dir no dem Link Manager Plugin am Backend sichen an installéieren.

Hei wäerte mir diskutéieren wéi Dir de Link op den ënneschten Deel vun der Websäit Homepage réckelt, fannt Dir d'footer.php Datei am Thema Verzeechnes (Ausgesinn → Edit → footer.php)

Bemierkung: Ier Dir d'Themadatei ännert, gitt sécher e Backup vun der Datei ze maachen.

Add Affiliate Link Code

Füügt de folgende Code iwwer 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-->

Normalerweis, eemol bäigefüügt, gëtt et wéi gewinnt ugewisen, awer wann Dir de Stil upassen musst, musst Dir d'CSS-Datei änneren.

Affiliate Link CSS gëtt horizontal um Enn vun der Homepage ugewisen

Ausgesinn >> Edit >> style.css fir css Redaktioun, de spezifesche Code ass wéi follegt,

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

Nodeems Dir déi uewe genannte Ännerungen gemaach hutt, gëtt de Code normalerweis normalerweis ugewisen an de Link Manager Affiliate Link gëtt horizontal ugewisen.