Bagaimana cara menampilkan tautan ramah secara horizontal? WordPress Homepage Bawah Horizontal Friendship Chain CSS

perdagangan luar negeri网络 营销, dan ingin meletakkan tautan ramah dari widget samping di bagian bawah beranda.

Dengan cara ini, teman-teman di Affiliate Links juga dapat melihat koneksi mereka di ponsel mereka.

Chen WeiliangMenemukan beberapa cara di internet dan akhirnya menemukan solusi yang tepat.

untukWordPressCara menambahkan tautan ke situs web, Anda dapat mencari tes pemasangan plugin Pengelola Tautan di latar belakang.

Disini kita akan membahas cara memindahkan link ke bagian bawah homepage website, cari dulu file footer.php di direktori theme (Tampilan → Edit → footer.php)

Catatan: Sebelum mengedit file tema, pastikan untuk membuat cadangan file.

Tambahkan Kode Tautan Afiliasi

Tambahkan kode berikut di atas 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-->

Biasanya, setelah ditambahkan, itu akan ditampilkan seperti biasa, tetapi jika Anda perlu menyesuaikan gaya, Anda perlu mengedit file CSS.

CSS tautan afiliasi ditampilkan secara horizontal di bagian bawah halaman beranda

Penampilan >> Edit >> style.css untuk mengedit css, kode spesifiknya adalah sebagai berikut,

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

Setelah melakukan perubahan di atas, biasanya kode akan ditampilkan secara normal dan tautan Afiliasi Link Manager akan ditampilkan secara horizontal.