Wie werden freundliche Links horizontal angezeigt? WordPress Homepage Unten Horizontale Freundschaftskette CSS

ein Außenhandel网络 网络, und möchten den benutzerfreundlichen Link des Seiten-Widgets unten auf der Startseite platzieren.

Auf diese Weise können Freunde in Affiliate-Links ihre Verbindungen auch auf ihren Telefonen sehen.

Chen WeiliangIm Internet einige Möglichkeiten gefunden und schließlich die perfekte Lösung gefunden.

zumWordPressUm Links zur Website hinzuzufügen, können Sie im Hintergrund nach dem Link-Manager-Plugin-Installationstest suchen.

Hier werden wir besprechen, wie man den Link an das Ende der Homepage der Website verschiebt, zuerst die Datei footer.php im Theme-Verzeichnis finden (Darstellung → Bearbeiten → footer.php)

Hinweis: Erstellen Sie vor dem Bearbeiten der Designdatei unbedingt eine Dateisicherung.

Affiliate-Link-Code hinzufügen

Fügen Sie den folgenden Code über der footer.php hinzu:

<!--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-->

Normalerweise wird es nach dem Hinzufügen wie gewohnt angezeigt, aber wenn Sie den Stil anpassen müssen, müssen Sie die CSS-Datei bearbeiten.

Affiliate-Link-CSS wird horizontal unten auf der Startseite angezeigt

Aussehen >> Bearbeiten >> style.css für die CSS-Bearbeitung lautet der spezifische Code wie folgt:

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

Nachdem Sie die oben genannten Änderungen vorgenommen haben, wird der Code normalerweise normal angezeigt und der Link Manager Affiliate-Link wird horizontal angezeigt.