Kaip rodyti draugiškas nuorodas horizontaliai? „WordPress“ pagrindinio puslapio apačia Horizontali draugystės grandinė CSS

užsienio prekybaInterneto rinkodara, ir norite patalpinti draugišką šoninio valdiklio nuorodą pagrindinio puslapio apačioje.

Tokiu būdu partnerių nuorodų draugai taip pat gali peržiūrėti savo ryšius savo telefonuose.

Chen WeiliangInternete radote keletą būdų ir galiausiai radote puikų sprendimą.

dėlWordPressKaip pridėti nuorodas į svetainę, fone galite ieškoti Link Manager papildinio diegimo testo.

Čia aptarsime, kaip perkelti nuorodą į svetainės pagrindinio puslapio apačią, pirmiausia temos kataloge suraskite footer.php failą (Išvaizda → Redaguoti → footer.php)

Pastaba: prieš redaguodami temos failą būtinai pasidarykite failo atsarginę kopiją.

Pridėkite filialo nuorodos kodą

Virš footer.php pridėkite šį kodą:

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

Paprastai pridėjus jis bus rodomas kaip įprasta, bet jei reikia koreguoti stilių, reikės redaguoti CSS failą.

Filialo nuoroda CSS rodoma horizontaliai pagrindinio puslapio apačioje

Išvaizda >> Redaguoti >> style.css CSS redagavimui, konkretus kodas yra toks,

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

Atlikus aukščiau nurodytus pakeitimus, kodas paprastai bus rodomas įprastai, o nuorodų tvarkyklės filialo nuoroda bus rodoma horizontaliai.