Artikkelihakemisto
Ystäväni työskentelee kansainvälisen kaupan verkkomarkkinoinnissa ja haluaa sivupalkin ystävälinkkien sijoitettavan etusivun alaosaan.
Tällä tavalla Affiliate Links -palvelun ystävät voivat myös tarkastella yhteyksiään puhelimissaan.
Chen Weiliang löysi internetistä joitakin menetelmiä ja lopulta täydellisen ratkaisun.
Oppiaksesi lisäämään linkkejä WordPress - verkkosivustollesi , voit etsiä ja asentaa Link Manager -laajennuksen taustajärjestelmään.
Täällä keskustellaan kuinka linkki siirretään verkkosivuston etusivun alaosaan, etsi ensin footer.php-tiedosto teemahakemistosta (Ulkoasu → Muokkaa → footer.php)
Huomautus: Ennen kuin muokkaat teematiedostoa, muista tehdä tiedostosta varmuuskopio.
Lisää kumppanilinkin koodi
Lisää seuraava koodi footer.php:n yläpuolelle:
<!--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-->Yleensä kun se on lisätty, se näkyy tavalliseen tapaan, mutta jos haluat säätää tyyliä, sinun on muokattava CSS-tiedostoa.
Affiliate link CSS näkyy vaakasuorassa etusivun alareunassa
Ulkonäkö >> Muokkaa >> style.css css-muokkausta varten, tietty koodi on seuraava,
/*首页底部横排显示友情链接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;}
Kun olet tehnyt yllä olevat muutokset, koodi näkyy yleensä normaalisti ja Link Manager Affiliate -linkki näkyy vaakasuunnassa.
Toivottavasti Chen Weiliangin blogissa ( https://www.chenweiliang.com/ ) jaetusta artikkelista "Kuinka näyttää ystävälinkkejä vaakasuunnassa? CSS vaakasuorille ystävälinkeille WordPress-kotisivun alareunassa" on sinulle hyötyä.
Voit vapaasti jakaa tämän artikkelin linkin: https://www.chenweiliang.com/cwl-2121.html