స్నేహపూర్వక లింక్‌లను క్షితిజ సమాంతరంగా ఎలా ప్రదర్శించాలి? WordPress హోమ్‌పేజీ దిగువ క్షితిజసమాంతర స్నేహ గొలుసు CSS

నా స్నేహితుడు అంతర్జాతీయ వాణిజ్య ఆన్‌లైన్ మార్కెటింగ్‌లో పనిచేస్తాడు మరియు సైడ్‌బార్‌లోని ఫ్రెండ్ లింక్‌లను హోమ్‌పేజీ దిగువన ఉంచాలని కోరుకుంటున్నాడు.

ఈ విధంగా, అనుబంధ లింక్‌లలోని స్నేహితులు కూడా వారి ఫోన్‌లలో వారి కనెక్షన్‌లను చూడవచ్చు.

చెన్ వీలియాంగ్ ఇంటర్నెట్‌లో కొన్ని పద్ధతులను వెతికి, చివరికి సరైన పరిష్కారాన్ని కనుగొన్నాడు.

మీ 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 హోమ్ పేజీ దిగువన క్షితిజ సమాంతరంగా ప్రదర్శించబడుతుంది

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

పైన మార్పులు చేసిన తర్వాత, కోడ్ సాధారణంగా ప్రదర్శించబడుతుంది మరియు లింక్ మేనేజర్ అనుబంధ లింక్ క్షితిజ సమాంతరంగా ప్రదర్శించబడుతుంది.