Com mostrar enllaços amigables horitzontalment? Pàgina d'inici de WordPress Part inferior de la cadena d'amistat horitzontal CSS

un comerç exteriorMàrqueting a Internet, i voleu posar l'enllaç amigable del giny lateral a la part inferior de la pàgina d'inici.

D'aquesta manera, els amics dels enllaços d'afiliats també poden veure les seves connexions als seus telèfons.

Chen WeiliangHem trobat algunes maneres a Internet i finalment hem trobat la solució perfecta.

perWordPressCom afegir enllaços al lloc web, podeu cercar la prova d'instal·lació del complement Link Manager en segon pla.

Aquí parlarem de com moure l'enllaç a la part inferior de la pàgina d'inici del lloc web, primer trobareu el fitxer footer.php al directori del tema (Aparença → Edita → footer.php)

Nota: abans d'editar el fitxer del tema, assegureu-vos de fer una còpia de seguretat del fitxer.

Afegeix el codi d'enllaç d'afiliat

Afegiu el codi següent a sobre 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-->

Normalment, un cop afegit, es mostrarà com és habitual, però si necessiteu ajustar l'estil, haureu d'editar el fitxer CSS.

L'enllaç d'afiliat CSS es mostra horitzontalment a la part inferior de la pàgina d'inici

Aparença >> Edita >> style.css per a l'edició de CSS, el codi específic és el següent,

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

Després de fer els canvis anteriors, el codi normalment es mostrarà amb normalitat i l'enllaç del gestor d'enllaços es mostrarà horitzontalment.

Bloc d'Hope Chen Weiliang ( https://www.chenweiliang.com/ ) ha compartit "Com es mostren els enllaços d'amistat horitzontalment? Horizontal Friendship Chain CSS" a la part inferior de la pàgina d'inici de WordPress us és útil.

Benvingut a compartir l'enllaç d'aquest article:https://www.chenweiliang.com/cwl-2121.html

Benvingut al canal de Telegram del bloc de Chen Weiliang per rebre les últimes actualitzacions!

🔔 Sigues el primer a obtenir la valuosa "Guia d'ús de l'eina de màrqueting de continguts de ChatGPT" al directori principal del canal! 🌟
📚 Aquesta guia té un gran valor, 🌟Aquesta és una oportunitat rara, no la perdis! ⏰⌛💨
Comparteix i m'agrada si t'agrada!
Els vostres likes i compartir són la nostra motivació contínua!

 

发表 评论

La vostra adreça de correu electrònic no es publicarà. S'utilitzen els camps obligatoris * 标注

desplaçar-se a dalt