Bagaimana untuk memaparkan pautan mesra secara mendatar? CSS Rantaian Persahabatan Mendatar Bawah Laman Utama WordPress

perdagangan asingPasaran internet, dan ingin meletakkan pautan mesra widget sisi di bahagian bawah halaman utama.

Dengan cara ini, rakan dalam Pautan Ahli Gabungan juga boleh melihat sambungan mereka pada telefon mereka.

Chen WeiliangMenemui beberapa cara di internet dan akhirnya menemui penyelesaian yang sempurna.

untukWordPressBagaimana untuk menambah pautan ke tapak web, anda boleh mencari ujian pemasangan pemalam Pengurus Pautan di latar belakang.

Di sini kita akan membincangkan cara mengalihkan pautan ke bahagian bawah halaman utama laman web, mula-mula cari fail footer.php dalam direktori tema (Penampilan → Edit → footer.php)

Nota: Sebelum mengedit fail tema, pastikan anda membuat sandaran fail.

Tambah Kod Pautan Ahli Gabungan

Tambah kod 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 ditambah, ia akan dipaparkan seperti biasa, tetapi jika anda perlu melaraskan gaya, anda perlu mengedit fail CSS.

CSS pautan ahli gabungan dipaparkan secara mendatar di bahagian bawah halaman utama

Rupa >> Edit >> style.css untuk penyuntingan css, kod khusus adalah seperti 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;}

Selepas membuat perubahan di atas, kod biasanya akan dipaparkan seperti biasa dan pautan Pengurus Pautan Gabungan akan dipaparkan secara mendatar.