Как да показвам приятелски връзки хоризонтално? Начална страница на WordPress Отдолу Хоризонтална верига за приятелство CSS

външна търговия网络 营销и искате да поставите приятелската връзка на страничната джаджа в долната част на началната страница.

По този начин приятелите в 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, конкретният код е както следва,

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

След като направите горните промени, кодът обикновено ще се показва нормално и връзката за партньор на Link Manager ще се показва хоризонтално.