How to display friendly links horizontally? WordPress Homepage Bottom Horizontal Friendship Chain CSS

a foreign tradeInternet marketing, and want to put the friendly link of the side widget at the bottom of the home page.

In this way, friends in Affiliate Links can also view their connections on their phones.

Chen WeiliangFound some ways on the internet and finally found the perfect solution.

forWordpressHow to add links to the website, you can search for the Link Manager plugin installation test in the background.

Here we will discuss how to move the link to the bottom of the website homepage, first find the footer.php file in the theme directory (Appearance → Edit → footer.php)

Note: Before editing the theme file, be sure to make a file backup.

Add Affiliate Link Code

Add the following code above 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-->

Usually, once added, it will display as usual, but if you need to adjust the style, you will need to edit the CSS file.

Affiliate link CSS is displayed horizontally at the bottom of the home page

Appearance >> Edit >> style.css for css editing, the specific code is as follows,

/*首页底部横排显示友情链接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;}

After making the above changes, the code will usually display normally and the Link Manager Affiliate link will display horizontally.