څنګه په افقی ډول دوستانه اړیکې ښکاره کړئ؟ د ورڈپریس کورپاڼه لاندنی افقی ملګرتیا سلسله CSS

بهرنۍ سوداګرۍد انټرنیټ بازار موندنه، او غواړئ د کور پاڼې په ښکته کې د غاړې ویجټ دوستانه لینک واچوئ.

په دې توګه، په وابسته لینکونو کې ملګري کولی شي خپل اړیکې په خپلو تلیفونونو کې وګوري.

چن ویلینګپه انټرنیټ کې ځینې لارې وموندلې او په پای کې یې مناسب حل وموند.

لپارهWordPressویب پاڼې ته د لینکونو اضافه کولو څرنګوالی، تاسو کولی شئ په شاليد کې د لینک مدیر پلگ ان نصبولو ازموینه وپلټئ.

دلته به موږ په دې اړه بحث وکړو چې څنګه لینک د ویب پاڼې کور پاڼې ته ښکته کړو، لومړی د فوټر.php فایل د موضوع ډایرکټر کې ومومئ (ظاهر → ایډیټ → footer.php)

یادونه: د موضوع فایل ترمیم کولو دمخه، ډاډ ترلاسه کړئ چې د فایل بیک اپ جوړ کړئ.

د وابسته لینک کوډ اضافه کړئ

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

عموما، یوځل اضافه شوي، دا به د معمول په څیر ښکاره شي، مګر که تاسو سټایل تنظیم کولو ته اړتیا لرئ، تاسو به د CSS فایل ترمیم ته اړتیا ولرئ.

وابسته لینک CSS د کور پاڼې په ښکته کې په افقی ډول ښودل کیږي

بڼه >> ایډیټ >> style.css د سی ایس ایس ترمیم لپاره، ځانګړی کوډ په لاندې ډول دی،

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

د پورته بدلونونو کولو وروسته، کوډ به په نورمال ډول ښکاره شي او د لینک مدیر وابسته لینک به په افقی ډول ښکاره کړي.