دوستانہ روابط افقی طور پر کیسے ظاہر کریں؟ ورڈپریس ہوم پیج نیچے افقی فرینڈشپ چین سی ایس ایس

ایک غیر ملکی تجارت网络 营销، اور ہوم پیج کے نیچے سائڈ ویجیٹ کا دوستانہ لنک رکھنا چاہتے ہیں۔

اس طرح، 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 ہوم پیج کے نیچے افقی طور پر ظاہر ہوتا ہے۔

سی ایس ایس ایڈیٹنگ کے لیے ظاہری شکل >> Edit >> 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;}

مندرجہ بالا تبدیلیاں کرنے کے بعد، کوڈ عام طور پر ظاہر ہوگا اور لنک مینیجر سے ملحق لنک افقی طور پر ظاہر ہوگا۔