Comment afficher les liens amis horizontalement ? Page d'accueil WordPress Chaîne d'amitié horizontale inférieure CSS

un commerce extérieurMarketing en ligne, et que vous souhaitez mettre le lien convivial du widget latéral en bas de la page d'accueil.

De cette façon, les amis dans les liens d'affiliation peuvent également voir leurs connexions sur leurs téléphones.

Chen WeiliangJ'ai trouvé des moyens sur Internet et j'ai finalement trouvé la solution parfaite.

pourOutils de gestionComment ajouter des liens vers le site Web, vous pouvez rechercher le test d'installation du plug-in Link Manager en arrière-plan.

Ici, nous allons discuter de la façon de déplacer le lien vers le bas de la page d'accueil du site Web, trouvez d'abord le fichier footer.php dans le répertoire du thème (Apparence → Modifier → footer.php)

Remarque : Avant de modifier le fichier de thème, assurez-vous d'effectuer une sauvegarde de fichier.

Ajouter un code de lien d'affiliation

Ajoutez le code suivant au-dessus 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-->

Habituellement, une fois ajouté, il s'affichera comme d'habitude, mais si vous devez ajuster le style, vous devrez modifier le fichier CSS.

Le CSS du lien d'affiliation est affiché horizontalement en bas de la page d'accueil

Apparence >> Modifier >> style.css pour l'édition css, le code spécifique est le suivant,

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

Après avoir apporté les modifications ci-dessus, le code s'affichera généralement normalement et le lien Link Manager Affiliate s'affichera horizontalement.