有個從事外貿網絡營銷的朋友,並希望將側小工具欄的友情鏈接放在首頁的底部。
通過這種方式,友情鏈接中的朋友也可以在手機上查看他們的連接。
陳溈亮在互聯網上找到了一些方法,最終找到了完美的解決方案。
對於WordPress網站如何添加鏈接,你可以在後台搜索Link Manager插件安裝測試。
這裡我們將討論如何鏈接移動到網站首頁的底部,首先在主題目錄中找到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編輯,具體代碼如下,
/*首页底部横排显示友情链接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/ ) 分享的《友情鏈接怎麼橫向顯示? WordPress首頁底部橫排友鏈CSS》,對您有幫助。
歡迎分享本文鏈接:https://www.chenweiliang.com/cwl-2121.html
歡迎加入陳溈亮博客的Telegram 頻道,獲取最新更新!
🔔 率先在頻道置頂目錄獲取寶貴的《ChatGPT 內容行銷AI 工具使用指南》! 🌟
📚 這份指南蘊含價值巨大,🌟難逢的機遇,切勿錯失良機! ⏰⌛💨
喜歡就分享和按贊!
您的分享和按贊,是我們持續的動力!
📚 這份指南蘊含價值巨大,🌟難逢的機遇,切勿錯失良機! ⏰⌛💨
喜歡就分享和按贊!
您的分享和按贊,是我們持續的動力!