Directorio de artículos
Una amiga mía trabaja en marketing online para el comercio internacional y quiere que los enlaces de amigos de la barra lateral se coloquen en la parte inferior de la página de inicio.
De esta forma, los amigos en Affiliate Links también pueden ver sus conexiones en sus teléfonos.
Chen Weiliang buscó algunos métodos en internet y finalmente encontró la solución perfecta.
Para aprender a añadir enlaces a tu sitio web de WordPress , puedes buscar e instalar el plugin Link Manager en el panel de administración.
Aquí discutiremos cómo mover el enlace a la parte inferior de la página de inicio del sitio web, primero busque el archivo footer.php en el directorio del tema (Apariencia → Editar → footer.php)
Nota: antes de editar el archivo del tema, asegúrese de hacer una copia de seguridad del archivo.
Agregar código de enlace de afiliado
Agregue el siguiente código arriba 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-->Por lo general, una vez agregado, se mostrará como de costumbre, pero si necesita ajustar el estilo, deberá editar el archivo CSS.
El CSS del enlace de afiliado se muestra horizontalmente en la parte inferior de la página de inicio
Apariencia >> Editar >> style.css para la edición de css, el código específico es el siguiente,
/*首页底部横排显示友情链接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;}
Después de realizar los cambios anteriores, el código generalmente se mostrará normalmente y el enlace de Afiliado de Link Manager se mostrará horizontalmente.
Esperamos que el artículo "Cómo mostrar enlaces de amigos horizontalmente? CSS para enlaces de amigos horizontales en la parte inferior de la página de inicio de WordPress" compartido en el blog de Chen Weiliang ( https://www.chenweiliang.com/ ) te sea útil.
No dudes en compartir el enlace de este artículo: https://www.chenweiliang.com/cwl-2121.html