Como exibir links amigáveis ​​horizontalmente? CSS da cadeia de amizade horizontal inferior da página inicial do WordPress

um comércio exteriorMarketing na Internet, e deseja colocar o link amigável do widget lateral na parte inferior da página inicial.

Dessa forma, os amigos nos Links de Afiliados também podem visualizar suas conexões em seus telefones.

Chen WeiliangEncontrei algumas formas na internet e finalmente encontrei a solução perfeita.

paraWordPressComo adicionar links ao site, você pode pesquisar o teste de instalação do plug-in do Link Manager em segundo plano.

Aqui vamos discutir como mover o link para a parte inferior da página inicial do site, primeiro encontre o arquivo footer.php no diretório do tema (Aparência → Editar → rodapé.php)

Nota: Antes de editar o arquivo do tema, certifique-se de fazer um backup do arquivo.

Adicionar código de link de afiliado

Adicione o seguinte código acima de 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, uma vez adicionado, ele será exibido como de costume, mas se você precisar ajustar o estilo, precisará editar o arquivo CSS.

O CSS do link de afiliado é exibido horizontalmente na parte inferior da página inicial

Aparência >> Editar >> style.css para edição de 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;}

Depois de fazer as alterações acima, o código geralmente será exibido normalmente e o link Link Manager Affiliate será exibido horizontalmente.