Kepiye cara nampilake tautan sing ramah kanthi horisontal? WordPress Homepage Ngisor Horizontal Persahabatan Chain CSS

perdagangan mancaInternet Marketing, lan pengin sijine link loropaken saka widget sisih ing ngisor homepage.

Kanthi cara iki, kanca-kanca ing Link Afiliasi uga bisa ndeleng sambungan ing telpon.

Chen WeiliangNemokake sawetara cara ing internet lan pungkasane nemokake solusi sing sampurna.

kanggoWordPressCarane nambah pranala menyang situs web, sampeyan bisa nelusuri tes instalasi plugin Link Manager ing latar mburi.

Ing kene kita bakal ngrembug babagan carane mindhah link menyang sisih ngisor homepage situs web, goleki file footer.php dhisik ing direktori tema (Appearance → Edit → footer.php)

Cathetan: Sadurunge nyunting file tema, priksa manawa nggawe serep file.

Tambah Kode Link Afiliasi

Tambah kode ing ngisor iki ing ndhuwur 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-->

Biasane, yen ditambahake, bakal ditampilake kaya biasane, nanging yen sampeyan kudu nyetel gaya, sampeyan kudu ngowahi file CSS.

Link afiliasi CSS ditampilake kanthi horisontal ing sisih ngisor kaca ngarep

Penampilan >> Sunting >> style.css kanggo nyunting css, kode tartamtu kaya ing ngisor iki,

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

Sawise nggawe owah-owahan ing ndhuwur, kode kasebut biasane bakal ditampilake kanthi normal lan tautan Link Manager Affiliate bakal ditampilake kanthi horisontal.