Достук шилтемелерди туурасынан кантип көрсөтүү керек? WordPress Башкы бет Төмөнкү горизонталдуу достук чынжыр CSS

тышкы соодаИнтернет маркетинг, жана каптал виджетинин достук шилтемесин башкы беттин ылдый жагына койгуңуз келет.

Ошентип, Affiliate Links'теги достор да телефондорундагы байланыштарын көрө алышат.

Чен ВейлянИнтернеттен бир нече жолдорду таап, акыры эң сонун чечимди таптым.

үчүнWordPressВебсайтка шилтемелерди кантип кошуу керек, сиз Link Manager плагин орнотуу сынагын фондо издей аласыз.

Бул жерде биз веб-сайттын башкы бетинин ылдый жагына шилтемени кантип жылдырууну талкуулайбыз, адегенде тема каталогунан footer.php файлын табыңыз (Көрүнүш → Түзөтүү → footer.php)

Эскертүү: Тема файлын түзөтүүдөн мурун, файлдын камдык көчүрмөсүн жасоону унутпаңыз.

Affiliate Link Code кошуу

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

Адатта, кошулгандан кийин, ал кадимкидей көрсөтүлөт, бирок стилди тууралоо керек болсо, CSS файлын түзөтүшүңүз керек болот.

Affiliate Link CSS башкы беттин ылдый жагында горизонталдуу түрдө көрсөтүлөт

Көрүнүш >> Edit >> style.css үчүн CSS түзөтүү, конкреттүү код төмөнкүдөй,

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

Жогорудагы өзгөртүүлөрдү киргизгенден кийин, код адатта кадимкидей көрсөтүлөт жана Link Manager Affiliate шилтемеси туурасынан көрсөтүлөт.