Hoe vriendelijke links horizontaal weergeven? WordPress Homepage Bodem Horizontale Vriendschapsketen CSS

een buitenlandse handel网络 营销, en wil de vriendelijke link van de zijwidget onderaan de startpagina plaatsen.

Op deze manier kunnen vrienden in Affiliate Links ook hun connecties op hun telefoons bekijken.

Chen WeiliangEnkele manieren gevonden op internet en eindelijk de perfecte oplossing gevonden.

voorWordPressHoe u links naar de website toevoegt, kunt u op de achtergrond zoeken naar de installatietest van de Link Manager-plug-in.

Hier zullen we bespreken hoe de link naar de onderkant van de startpagina van de website kan worden verplaatst, zoek eerst het footer.php-bestand in de themamap (Uiterlijk → Bewerken → footer.php)

Opmerking: Zorg ervoor dat u een bestandsback-up maakt voordat u het themabestand bewerkt.

Affiliate-linkcode toevoegen

Voeg de volgende code toe boven 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-->

Meestal wordt het, eenmaal toegevoegd, weergegeven zoals gewoonlijk, maar als u de stijl moet aanpassen, moet u het CSS-bestand bewerken.

Affiliate link CSS wordt horizontaal weergegeven onderaan de startpagina

Uiterlijk >> Bewerken >> style.css voor css-bewerking, de specifieke code is als volgt,

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

Nadat u de bovenstaande wijzigingen heeft aangebracht, wordt de code normaal weergegeven en wordt de Link Manager Affiliate-link horizontaal weergegeven.