Како хоризонтално да се прикажат пријателските врски? Почетна страница на 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 за прикажување пријателски врски хоризонтално на дното на почетната страница

Изглед >> Уреди >> 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;}

Откако ќе ги направите горенаведените промени, кодот обично ќе се прикажува нормално, а пријателските врски за менаџерот на врски ќе се прикажуваат хоризонтално.