Do'stona havolalarni gorizontal ravishda qanday ko'rsatish mumkin? WordPress bosh sahifasi Pastki gorizontal doʻstlik zanjiri CSS

tashqi savdoInternet-marketing, va yon vidjetning do'stona havolasini bosh sahifaning pastki qismiga qo'yishni xohlaysiz.

Shunday qilib, Affiliate Links-dagi do'stlar ham o'z telefonlaridagi ulanishlarini ko'rishlari mumkin.

Chen VeyliangInternetda ba'zi yo'llarni topdim va nihoyat mukammal yechim topdim.

uchunWordPressVeb-saytga havolalarni qanday qo'shish mumkin, siz fonda Link Manager plaginini o'rnatish testini qidirishingiz mumkin.

Bu erda biz havolani veb-sayt bosh sahifasining pastki qismiga qanday ko'chirishni muhokama qilamiz, avval mavzu katalogidan footer.php faylini topamiz (Tashqi ko'rinish → Tahrirlash → footer.php)

Eslatma: Mavzu faylini tahrirlashdan oldin faylning zaxira nusxasini yaratganingizga ishonch hosil qiling.

Affiliate Link kodini qo'shing

footer.php ga quyidagi kodni qo'shing:

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

Odatda, qo'shilgandan so'ng, u odatdagidek ko'rsatiladi, ammo uslubni sozlashingiz kerak bo'lsa, CSS faylini tahrirlashingiz kerak bo'ladi.

Hamkorlik aloqasi CSS bosh sahifaning pastki qismida gorizontal ravishda ko'rsatiladi

Tashqi ko'rinish >> Edit >> style.css CSS tahrirlash uchun maxsus kod quyidagicha:

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

Yuqoridagi o'zgarishlarni amalga oshirgandan so'ng, kod odatda normal ko'rsatiladi va Link Manager Affiliate havolasi gorizontal ravishda ko'rsatiladi.