क्षैतिज रूप से अनुकूल लिंक कैसे प्रदर्शित करें? वर्डप्रेस होमपेज बॉटम हॉरिजॉन्टल फ्रेंडशिप चेन 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*/
.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;}

उपरोक्त परिवर्तन करने के बाद, कोड आमतौर पर सामान्य रूप से प्रदर्शित होगा और लिंक प्रबंधक संबद्ध लिंक क्षैतिज रूप से प्रदर्शित होगा।