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

Un amigo meu traballa en mercadotecnia en liña para comercio internacional e quere que as ligazóns de amigos da barra lateral se coloquen 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 Weiliang atopou algúns métodos en internet e finalmente atopou a solución perfecta.

Para aprender a engadir ligazóns ao teu sitio web de WordPress , podes buscar e instalar o complemento Link Manager no backend.

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.