Dostça bağlantılar yatay olarak nasıl görüntülenir? WordPress Ana Sayfası Alt Yatay Dostluk Zinciri CSS

bir dış ticaretİnternet pazarlamacılığı, ve yan widget'ın kullanıcı dostu bağlantısını ana sayfanın altına koymak istiyorsunuz.

Bu sayede Affiliate Links'deki arkadaşlar da telefonlarında bağlantılarını görebilirler.

Chen Weiliangİnternette bazı yollar buldum ve sonunda mükemmel çözümü buldum.

içinWordPressWeb sitesine bağlantılar nasıl eklenir, arka planda Link Manager eklenti kurulum testini arayabilirsiniz.

Burada bağlantıyı web sitesinin ana sayfasının en altına nasıl taşıyacağımızı tartışacağız, önce tema dizininde footer.php dosyasını bulun (Görünüm → Düzenle → footer.php)

Not: Tema dosyasını düzenlemeden önce bir dosya yedeklemesi yaptığınızdan emin olun.

Satış Ortağı Bağlantı Kodu Ekle

Footer.php'nin üstüne aşağıdaki kodu ekleyin:

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

Genellikle, eklendikten sonra her zamanki gibi görüntülenir, ancak stili ayarlamanız gerekirse, CSS dosyasını düzenlemeniz gerekir.

Satış ortağı bağlantısı CSS, ana sayfanın altında yatay olarak görüntülenir

Görünüm >> Düzenle >> css düzenlemesi için style.css, belirli kod aşağıdaki gibidir,

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

Yukarıdaki değişiklikleri yaptıktan sonra, kod genellikle normal şekilde görüntülenecek ve Link Manager Affiliate bağlantısı yatay olarak görüntülenecektir.