Ako zobraziť priateľské odkazy horizontálne? Domovská stránka WordPress Dole Horizontálny reťazec priateľstva CSS

zahraničný obchodInternetový marketinga chcete umiestniť priateľský odkaz na bočnú miniaplikáciu v spodnej časti domovskej stránky.

Týmto spôsobom si môžu priatelia v Affiliate Links prezerať svoje spojenia aj na svojich telefónoch.

Chen WeiliangNašiel som niekoľko spôsobov na internete a nakoniec som našiel dokonalé riešenie.

preWordPressAko pridať odkazy na webovú stránku, môžete vyhľadať test inštalácie pluginu Link Manager na pozadí.

Tu si povieme, ako presunúť odkaz do spodnej časti domovskej stránky webu, najprv nájdite súbor footer.php v adresári témy (Vzhľad → Upraviť → footer.php)

Poznámka: Pred úpravou súboru témy si vytvorte zálohu súboru.

Pridať kód pridruženého odkazu

Pridajte nasledujúci 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-->

Po pridaní sa zvyčajne zobrazí ako zvyčajne, ale ak potrebujete upraviť štýl, budete musieť upraviť súbor CSS.

Partnerský odkaz CSS sa zobrazuje vodorovne v spodnej časti domovskej stránky

Vzhľad >> Upraviť >> style.css pre úpravu css, špecifický kód je nasledujúci,

/*首页底部横排显示友情链接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 vykonaní vyššie uvedených zmien sa kód zvyčajne zobrazí normálne a partnerský odkaz Správcu odkazov sa zobrazí vodorovne.