《PHP應(yīng)用:詳解WordPress中添加友情鏈接的方法》要點(diǎn):
本文介紹了PHP應(yīng)用:詳解WordPress中添加友情鏈接的方法,希望對(duì)您有用。如果有疑問,可以聯(lián)系我們。
PHP學(xué)習(xí)友情鏈接對(duì)于一個(gè)每個(gè)獨(dú)立博客來說可以說是必須的,有不少人選擇在側(cè)邊欄加入友情鏈接欄目,但建立一個(gè)獨(dú)立的友情鏈接頁(yè)面也是一個(gè)不錯(cuò)的選擇.用插件可以輕松做到這一點(diǎn),但喜歡原生的我,能自己動(dòng)手解決,還是自己動(dòng)手解決好.折騰了一下,辦法就出來了.
PHP學(xué)習(xí)普通辦法
建立一個(gè)友情鏈接頁(yè)面的步驟也是比較簡(jiǎn)單的,先建立一個(gè)新的頁(yè)面模板,用友鏈函數(shù)調(diào)用友鏈,再加上css美化,事情就完成了.
PHP學(xué)習(xí)下面說說具體的步驟
PHP學(xué)習(xí)1.建立一個(gè)新的模板頁(yè)面
?復(fù)制主題中的page.php文件,重命名為links.php.
在頁(yè)面的頂部加入如下代碼
PHP學(xué)習(xí)
<?php
/*
Template Name: Links
*/
?>
PHP學(xué)習(xí)再把類似下面的一段代碼
PHP學(xué)習(xí)
<div class="post-content"><?php the_content(); ?></div>
PHP學(xué)習(xí)替換為
PHP學(xué)習(xí)2.添加css美化,以下是個(gè)人的css,供大家參考
PHP學(xué)習(xí)
.lists {padding: 5px; margin: 25px auto auto 0;}
.linkcat {font-size: 12px; font-weight: bolder; padding: 5px; margin-bottom: 15px; list-style: none; clear:both}
.lists li h2 {font-size:14px; margin-bottom: 15px; color: #99CC33; }
.listcat ul {margin-left: 20px;}
.linkcat ul li {float: left; margin-bottom: 20px; margin-left: 20px; padding: 4px 0 4px 6px; width: 150px; border: 1px solid #d9d9d9;}
.linkcat ul li a {color: #a4a4a4; text-decoration: none;}
.linkcat ul li a img {margin-right: 3px;}
.linkcat ul li a:visited {color: #a4a4a4;}
.tips {font-size: 14px; margin-bottom: 18px; margin-left: 5px;}
PHP學(xué)習(xí)使用jQuery
具體實(shí)現(xiàn)步驟分兩步:
1.加載jQuery庫(kù),可以直接調(diào)用google jQuery庫(kù)
PHP學(xué)習(xí)<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
PHP學(xué)習(xí)
$(".linkpage a").each(function(e){
$(this).prepend("<img src=http://www.google.com/s2/favicons?domain="+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+">");
});
轉(zhuǎn)載請(qǐng)注明本頁(yè)網(wǎng)址:
http://www.snjht.com/jiaocheng/6538.html