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

میرا ایک دوست بین الاقوامی تجارت کی آن لائن مارکیٹنگ میں کام کرتا ہے اور چاہتا ہے کہ سائڈبار میں موجود دوستوں کے لنکس ہوم پیج کے نیچے رکھے جائیں۔

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

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

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