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

زما یو ملګری د نړیوال سوداګرۍ آنلاین بازار موندنې کې کار کوي او غواړي چې د ملګري لینکونه په اړخ پټه کې د کور پاڼې په ښکته کې ځای په ځای شي.

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

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

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

دلته به موږ په دې اړه بحث وکړو چې څنګه لینک د ویب پاڼې کور پاڼې ته ښکته کړو، لومړی د فوټر.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;}

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