Otu esi egosipụta njikọ enyi n'ụzọ kwụ ọtọ? Ibe ebe obibi WordPress Bottom Chain ọbụbụenyi kwụ ọtọ CSS

ahia mba ofesiỊre ahịa ịntanetị, ma chọọ itinye njikọ enyi na enyi nke wijetị akụkụ na ala nke ibe mbụ.

N'ụzọ dị otu a, ndị enyi nọ na Njikọ Njikọ nwekwara ike ịlele njikọ ha na ekwentị ha.

Chen WeiliangChọta ụzọ ụfọdụ na ịntanetị wee chọta ngwọta zuru oke.

makaWordPressOtu esi agbakwunye njikọ na webụsaịtị, ị nwere ike ịchọ nyocha nrụnye ngwa mgbakwunye Link Manager na ndabere.

N'ebe a, anyị ga-atụle otu esi ebugharị njikọ na ala nke ebe nrụọrụ weebụ, buru ụzọ chọta faịlụ footer.php na ndekọ isiokwu (ọdịdị → Dezie → footer.php)

Mara: Tupu ị dezie faịlụ isiokwu, jide n'aka na ị na-eme nkwado ndabere nke faịlụ.

Tinye Koodu Njikọ Mgbakwunye

Tinye koodu a n'elu 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-->

Ọtụtụ mgbe, ozugbo agbakwunyere, ọ ga-egosipụta dị ka ọ na-adị, mana ọ bụrụ na ịchọrọ ịgbanwe ụdị ahụ, ị ​​ga-achọ idezi faịlụ CSS.

A na-egosipụta njikọ CSS n'ụzọ kwụ ọtọ na ala nke ibe ụlọ

Ọdịdị >> Dezie >> style.css maka edezi css, koodu a kapịrị ọnụ bụ nke a,

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

Mgbe emechara mgbanwe ndị a dị n'elu, koodu ahụ ga-egosipụtakarị nke ọma yana njikọ njikọ Njikọ Njikọ ga-egosipụta n'ihu.