افقي طور تي دوستانه لنڪ ڪيئن ظاهر ڪجي؟ ورڈپریس هوم پيج هيٺان افقي دوستي جو سلسلو CSS

هڪ پرڏيهي واپارانٽرنيٽ مارڪيٽنگ، ۽ ھوم پيج جي ھيٺان پاسي واري ويجيٽ جي دوستانه لنڪ رکڻ چاھيو ٿا.

اهڙيءَ طرح، Affiliate Links ۾ دوست به پنهنجي فون تي پنهنجا ڪنيڪشن ڏسي سگهن ٿا.

چن ويلانگانٽرنيٽ تي ڪجهه طريقا مليا ۽ آخرڪار مڪمل حل مليو.

لاءِWordPressويب سائيٽ تي لنڪس ڪيئن شامل ڪجي، توهان پس منظر ۾ لنڪ مئنيجر پلگ ان انسٽاليشن ٽيسٽ ڳولي سگهو ٿا.

هتي اسان بحث ڪنداسين ته لنڪ کي ڪيئن منتقل ڪجي ويب سائيٽ هوم پيج جي تري ۾، پهرين ڳولهيو footer.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;}

مٿيون تبديليون ڪرڻ کان پوءِ، ڪوڊ عام طور تي ظاهر ٿيندو ۽ لنڪ مئنيجر سان لاڳاپيل لنڪ افقي طور تي ڏيکاريندو.