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

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