Jak zobrazit přátelské odkazy vodorovně? Domovská stránka WordPress Dole Horizontální řetězec přátelství CSS

zahraniční obchod网络 营销a chcete umístit přátelský odkaz na postranní widget ve spodní části domovské stránky.

Tímto způsobem mohou přátelé v Affiliate Links také zobrazit svá spojení na svých telefonech.

Chen WeiliangNašel jsem na internetu nějaké způsoby a nakonec našel perfektní řešení.

proWordPressJak přidat odkazy na web, můžete na pozadí vyhledat test instalace pluginu Link Manager.

Zde si probereme, jak přesunout odkaz do spodní části domovské stránky webu, nejprve najděte soubor footer.php v adresáři motivu (Vzhled → Upravit → patička.php)

Poznámka: Před úpravou souboru motivu si vytvořte zálohu souboru.

Přidejte kód přidruženého odkazu

Přidejte následující kód nad 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-->

Obvykle se po přidání zobrazí jako obvykle, ale pokud potřebujete upravit styl, budete muset upravit soubor CSS.

Přidružený odkaz CSS se zobrazuje vodorovně ve spodní části domovské stránky

Vzhled >> Upravit >> style.css pro úpravy css, konkrétní kód je následující,

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

Po provedení výše uvedených změn se kód obvykle zobrazí normálně a partnerský odkaz Správce odkazů se zobrazí vodorovně.