Come visualizzare i collegamenti amichevoli in orizzontale? Catena dell'amicizia orizzontale inferiore della home page di WordPress CSS

Un mio amico lavora nel marketing online per il commercio internazionale e vorrebbe che i link degli amici presenti nella barra laterale venissero spostati in fondo alla homepage.

In questo modo, gli amici in Link di affiliazione possono anche visualizzare le loro connessioni sui loro telefoni.

Chen Weiliang ha trovato alcuni metodi su internet e alla fine ha trovato la soluzione perfetta.

Per imparare come aggiungere link al tuo sito web WordPress , puoi cercare e installare il plugin Link Manager nel pannello di amministrazione.

Qui discuteremo come spostare il collegamento nella parte inferiore della home page del sito Web, trova prima il file footer.php nella directory del tema (Aspetto → Modifica → footer.php)

Nota: prima di modificare il file del tema, assicurati di eseguire un backup del file.

Aggiungi il codice del collegamento di affiliazione

Aggiungi il seguente codice sopra 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-->

Di solito, una volta aggiunto, verrà visualizzato come al solito, ma se hai bisogno di modificare lo stile, dovrai modificare il file CSS.

Link di affiliazione CSS è visualizzato orizzontalmente nella parte inferiore della home page

Aspetto >> Modifica >> style.css per la modifica CSS, il codice specifico è il seguente,

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

Dopo aver apportato le modifiche di cui sopra, il codice verrà generalmente visualizzato normalmente e il collegamento di affiliazione di Link Manager verrà visualizzato orizzontalmente.

Speriamo che l'articolo "Come visualizzare i link degli amici orizzontalmente? CSS per i link degli amici orizzontali in fondo alla homepage di WordPress" condiviso sul blog di Chen Weiliang ( https://www.chenweiliang.com/ ) possa esservi utile.

Sentitevi liberi di condividere il link di questo articolo: https://www.chenweiliang.com/cwl-2121.html

Per scoprire altri trucchi nascosti🔑, unisciti al nostro canale Telegram!

Condividi e metti mi piace se ti piace! Le tue condivisioni e i tuoi Mi piace sono la nostra continua motivazione!

 

发表 评论

您的邮箱地址不会被公开.必填项已用*标注

Scorrere fino a Top