Ahoana ny fomba hanehoana rohy mitsivalana? WordPress Homepage Bottom Horizontal Friendship Chain CSS

Miasa amin'ny varotra an-tserasera iraisam-pirenena ny namako iray ary tiany hapetraka eo amin'ny faran'ny pejy fandraisana ireo rohin'ny namana eo amin'ny sisiny.

Amin'izany fomba izany, ny namana ao amin'ny Affiliate Links dia afaka mijery ny fifandraisany amin'ny findainy ihany koa.

Nahita fomba vitsivitsy tao amin'ny aterineto i Chen Weiliang ary nahita ny vahaolana tonga lafatra ihany nony farany.

Raha te hianatra ny fomba hanampiana rohy mankany amin'ny tranonkalanao WordPress ianao dia afaka mikaroka sy mametraka ny plugin Link Manager ao amin'ny backend.

Eto isika dia hiresaka momba ny fomba hamindrana ny rohy mankany amin'ny farany ambany amin'ny tranokalan'ny tranokala, tadiavo aloha ny rakitra footer.php ao amin'ny lahatahiry lohahevitra (Appearance → Edit → footer.php)

Fanamarihana: Alohan'ny hanitsiana ny rakitra foto-kevitra dia ataovy azo antoka fa manao backup rakitra.

Ampio ny kaody rohy Affiliate

Ampio ity code manaraka ity eo ambonin'ny 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-->

Matetika, rehefa ampiana dia hiseho toy ny mahazatra, fa raha mila manitsy ny fomba ianao dia mila manitsy ny rakitra CSS.

Ny rohy CSS dia aseho mitsivalana eo amin'ny faran'ny pejy fandraisana

Appearance >> Edit >> style.css ho an'ny css editing, ny code manokana dia toy izao manaraka izao,

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

Rehefa avy nanao ireo fanovana voalaza etsy ambony ireo dia hiseho ara-dalàna ny kaody ary hiseho mitsivalana ny rohy Manager Affiliate Link.