Kiel montri amikecajn ligilojn horizontale? WordPress Hejmpaĝo Malsupro Horizontala Amikeco Ĉeno CSS

ekstera komercoInterreta Merkatado, kaj volas meti la amikan ligilon de la flanka fenestraĵo ĉe la malsupro de la hejmpaĝo.

Tiamaniere, amikoj en Filiaj Ligiloj ankaŭ povas vidi siajn ligojn per siaj telefonoj.

Chen WeiliangTrovis kelkajn manierojn en la interreto kaj finfine trovis la perfektan solvon.

porWordPressKiel aldoni ligilojn al la retejo, vi povas serĉi la provon de instalado de la kromaĵo de Link Manager en la fono.

Ĉi tie ni diskutos kiel movi la ligon al la malsupro de la retejo hejmpaĝo, unue trovu la footer.php-dosieron en la temdosierujo (Apero → Redaktu → footer.php)

Noto: Antaŭ redaktado de la temodosiero, nepre faru dosierrezervon.

Aldonu Kodon de Filia Ligo

Aldonu la sekvan kodon super 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-->

Kutime, post aldonite, ĝi aperos kiel kutime, sed se vi bezonas ĝustigi la stilon, vi devos redakti la CSS-dosieron.

Filia ligilo CSS estas montrata horizontale malsupre de la hejmpaĝo

Aspekto >> Redaktu >> style.css por redaktado css, la specifa kodo estas jena,

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

Post fari la ĉi-suprajn ŝanĝojn, la kodo kutime aperos normale kaj la Ligilo-Manaĝera Filia ligilo aperos horizontale.