Jak wyświetlać przyjazne linki w poziomie? Strona główna WordPress Dolny poziomy łańcuch przyjaźni CSS

handel zagraniczny网络 营销i chcesz umieścić przyjazny link widżetu bocznego u dołu strony głównej.

W ten sposób znajomi w Linkach afiliacyjnych mogą również przeglądać swoje połączenia na swoich telefonach.

Chen WeiliangZnalazłem kilka sposobów w Internecie i wreszcie znalazłem idealne rozwiązanie.

dlaWordPressJak dodać linki do strony internetowej, możesz wyszukać test instalacji wtyczki Link Manager w tle.

Tutaj omówimy, jak przenieść link na dół strony głównej witryny, najpierw znajdź plik footer.php w katalogu motywu (Wygląd → Edycja → footer.php)

Uwaga: przed edycją pliku motywu należy wykonać kopię zapasową pliku.

Dodaj kod linku afiliacyjnego

Dodaj następujący kod powyżej 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-->

Zwykle po dodaniu będzie wyświetlany jak zwykle, ale jeśli chcesz dostosować styl, musisz edytować plik CSS.

CSS linków afiliacyjnych jest wyświetlany poziomo na dole strony głównej

Wygląd >> Edycja >> style.css do edycji css, konkretny kod jest następujący,

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

Po wprowadzeniu powyższych zmian kod będzie zwykle wyświetlany normalnie, a link partnerski Link Managera będzie wyświetlany poziomo.