Ինչպե՞ս ցուցադրել ընկերական հղումները հորիզոնական: WordPress-ի գլխավոր էջ Ստորին հորիզոնական բարեկամության շղթա CSS

արտաքին առևտուր网络 营销, և ցանկանում եք տեղադրել կողային վիդջեթի բարեկամական հղումը գլխավոր էջի ներքևում:

Այս կերպ Affiliate Links-ի ընկերները կարող են նաև դիտել իրենց կապերը իրենց հեռախոսներում:

Չեն ՎայլյանԻնտերնետում որոշ ուղիներ գտա և վերջապես գտա կատարյալ լուծումը:

համարWordPressԻնչպես ավելացնել հղումներ դեպի կայք, կարող եք հետին պլանում որոնել Link Manager plugin-ի տեղադրման թեստը:

Այստեղ մենք կքննարկենք, թե ինչպես կարելի է հղումը տեղափոխել վեբ կայքի գլխավոր էջի ներքևում, սկզբում գտնել footer.php ֆայլը թեմաների գրացուցակում (Արտաքին տեսք → Խմբագրել → footer.php)

Նշում. թեմայի ֆայլը խմբագրելուց առաջ համոզվեք, որ ֆայլի կրկնօրինակում արեք:

Ավելացնել Affiliate Link Code

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

Սովորաբար, երբ ավելացվի, այն կցուցադրվի սովորականի պես, բայց եթե ոճը կարգավորելու կարիք ունեք, պետք է խմբագրեք CSS ֆայլը:

Affiliate հղումը CSS-ը ցուցադրվում է հորիզոնական՝ գլխավոր էջի ներքևում

Արտաքին տեսք >> Խմբագրել >> style.css css խմբագրման համար, կոնկրետ կոդը հետևյալն է.

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

Վերոնշյալ փոփոխությունները կատարելուց հետո կոդը սովորաբար կցուցադրվի նորմալ, իսկ Link Manager Affiliate հղումը կցուցադրվի հորիզոնական: