મૈત્રીપૂર્ણ લિંક્સ આડી રીતે કેવી રીતે પ્રદર્શિત કરવી? વર્ડપ્રેસ હોમપેજ બોટમ હોરીઝોન્ટલ ફ્રેન્ડશીપ ચેઇન 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 ફાઇલને સંપાદિત કરવાની જરૂર પડશે.

સંલગ્ન લિંક 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;}

ઉપરોક્ત ફેરફારો કર્યા પછી, કોડ સામાન્ય રીતે સામાન્ય રીતે પ્રદર્શિત થશે અને લિંક મેનેજર એફિલિએટ લિંક આડી રીતે પ્રદર્શિત થશે.