लेख निर्देशिका
एक विदेशी व्यापार网络 营销, र होमपेजको तल साइड विजेटको अनुकूल लिङ्क राख्न चाहन्छु।
यसरी, 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 गृह पृष्ठको तल तेर्सो रूपमा प्रदर्शित हुन्छ
सीएसएस सम्पादनको लागि उपस्थिति >> सम्पादन >> 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;}
माथिका परिवर्तनहरू गरेपछि, कोड सामान्यतया सामान्य रूपमा प्रदर्शन हुनेछ र लिङ्क प्रबन्धक सम्बद्ध लिङ्क तेर्सो रूपमा प्रदर्शन हुनेछ।
आशा चेन वेइलियाङ ब्लग ( https://www.chenweiliang.com/ ) साझा गरियो "कसरी मित्रता लिङ्कहरू तेर्सो रूपमा प्रदर्शन गर्ने? वर्डप्रेस होमपेजको तल रहेको Horizontal Friendship Chain CSS" तपाईको लागि उपयोगी छ।
यस लेखको लिङ्क साझा गर्न स्वागत छ:https://www.chenweiliang.com/cwl-2121.html
नवीनतम अपडेटहरू प्राप्त गर्न चेन वेइलियाङको ब्लगको टेलिग्राम च्यानलमा स्वागत छ!
📚 यो गाइडले ठूलो मूल्य समावेश गर्दछ, 🌟यो दुर्लभ अवसर हो, यसलाई नछुटाउनुहोस्! ⏰⌛💨
मन परे लाइक र सेयर गर्नुहोस !
तपाइँको साझा र लाइक हाम्रो निरन्तर प्रेरणा हो!