Hogyan jelenítsünk meg barátságos linkeket vízszintesen? WordPress Kezdőlap Alul Vízszintes Barátsági Lánc CSS

egy külkereskedelem网络 营销, és az oldalsó widget barátságos linkjét a kezdőlap aljára szeretné helyezni.

Ily módon az Affiliate Links ismerősei telefonjukon is megtekinthetik kapcsolataikat.

Chen WeiliangTaláltam néhány módszert az interneten, és végül megtalálta a tökéletes megoldást.

mertWordPressA webhelyre mutató hivatkozások hozzáadásához a háttérben rákereshet a Link Manager beépülő modul telepítési tesztjére.

Itt megvitatjuk, hogyan lehet a hivatkozást a webhely kezdőlapjának aljára mozgatni, először keresse meg a footer.php fájlt a témakönyvtárban (Megjelenés → Szerkesztés → footer.php)

Megjegyzés: A témafájl szerkesztése előtt mindenképpen készítsen biztonsági másolatot a fájlról.

Adjon hozzá társult link kódot

Adja hozzá a következő kódot a footer.php fájlhoz:

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

Általában a hozzáadást követően a szokásos módon jelenik meg, de ha módosítania kell a stílust, akkor módosítania kell a CSS-fájlt.

Az affiliate link CSS vízszintesen jelenik meg a kezdőlap alján

Megjelenés >> Szerkesztés >> style.css a css szerkesztéshez, a konkrét kód a következő,

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

A fenti módosítások elvégzése után a kód általában a szokásos módon, a Link Manager Affiliate linkje pedig vízszintesen jelenik meg.