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

منهنجو هڪ دوست انٽرنيشنل ٽريڊ آن لائن مارڪيٽنگ ۾ ڪم ڪري ٿو ۽ چاهي ٿو ته سائڊبار ۾ فرينڊ لنڪس هوم پيج جي تري ۾ رکيا وڃن.

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

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

پنهنجي ورڈپریس ويب سائيٽ ۾ لنڪس ڪيئن شامل ڪجي اهو سکڻ لاءِ ، توهان بيڪ اينڊ ۾ لنڪ مئنيجر پلگ ان ڳولي ۽ انسٽال ڪري سگهو ٿا.

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

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