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

un commercio esteroMarketing su Internete vuoi mettere il link amichevole del widget laterale nella parte inferiore della home page.

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

Chen WeiangHo trovato alcuni modi su Internet e finalmente ho trovato la soluzione perfetta.

perWordPressCome aggiungere collegamenti al sito Web, puoi cercare il test di installazione del plug-in Link Manager in background.

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.