अनुकूल दुवे क्षैतिजरित्या कसे प्रदर्शित करावे? वर्डप्रेस मुख्यपृष्ठ तळाशी क्षैतिज मैत्री साखळी 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 फाइल संपादित करावी लागेल.

Affiliate link 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;}

वरील बदल केल्यानंतर, कोड सामान्यतः प्रदर्शित होईल आणि लिंक व्यवस्थापक संलग्न लिंक क्षैतिजरित्या प्रदर्शित होईल.