Como mostrar ligazóns amigables horizontalmente? CSS da cadea de amizade horizontal inferior da páxina de inicio de WordPress

un comercio exterior营销, e quere poñer a ligazón amigable do widget lateral na parte inferior da páxina de inicio.

Deste xeito, os amigos das ligazóns de afiliados tamén poden ver as súas conexións nos seus teléfonos.

Chen WeiliangAtopou algunhas formas en Internet e finalmente atopou a solución perfecta.

paraWordPressComo engadir ligazóns ao sitio web, pode buscar a proba de instalación do complemento Link Manager en segundo plano.

Aquí discutiremos como mover a ligazón á parte inferior da páxina de inicio do sitio web, primeiro busque o ficheiro footer.php no directorio do tema (Aparencia → Editar → footer.php)

Nota: antes de editar o ficheiro do tema, asegúrate de facer unha copia de seguridade do ficheiro.

Engade o código de ligazón de afiliado

Engade o seguinte código enriba 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-->

Normalmente, unha vez engadido, aparecerá como de costume, pero se necesitas axustar o estilo, terás que editar o ficheiro CSS.

A ligazón de afiliado CSS móstrase horizontalmente na parte inferior da páxina de inicio

Aparencia >> Editar >> style.css para editar css, o código específico é o seguinte,

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

Despois de facer os cambios anteriores, o código adoita amosarse normalmente e a ligazón de afiliado do xestor de ligazóns aparecerá horizontalmente.