創建一個獨立的 WordPress 友情鏈接頁面,百度上好多人在搜索這個問題,也有人看到我的友情鏈接頁面,想知道怎麼做的,今天就給大家分享一下。大體步驟都差不多,可能不同的 WordPress cms 模板之間稍微的有區別,出現錯誤的可以留言。
準備工作:
- 當你新建一個 php 文件時,要保證編碼和你的主題編碼一樣,比如主題是 utf-8,你新建的 php 文件也保證是 utf-8 編碼才不會出現亂碼。
- 本地編寫時儘量不要用文本檔,容易出現字符錯誤或者編碼錯誤,筆者推薦 notepad++。
- 複製文中代碼時,注意把代碼中的全角符號轉換成英文半角符號。
WordPress 友情鏈接頁面第一步:
新建一個 php 文檔,命名 links.php(名字可以修改) 複製你主題中 single.php 內容進去,然後在文件頂部加入一下代碼:
<?php/*Template Name: 友情鏈接模板*/?>
網上有好多文章寫的都是複製 page.php 文件中的內容,我覺得這個關係不大,只要能用就行了,文章頁面更合適一些!
這段代碼意思就是標註這個文檔名字,你在後台新建頁面時,使用模板中選擇就可以了!綠色漢字可以改成你想要的模板名字 link 或者 links 。
WordPress 友情鏈接頁面第二步:
這個地方要注意了,不同主題不太一樣,找到文件中:
<?php the_content(); ?>
這段代碼,或者類似這段代碼,然後修改成獲取友情鏈接函數如下:
<div class=”alllinks”><ul>
<div class=”linktitle”> 首頁鏈接</div>
<?php wp_list_bookmarks(‘orderby=rand&categorize=0&category=15&title_li=’); ?>
</ul>
</div>
其中 category=15 這個參數是指的你要顯示的鏈接分類目錄!查看更多關於 WordPress 友情鏈接參數!
把這個 php 文件保存以後上傳到你的主題目錄中。
WordPress 友情鏈接頁面第三步:
這樣一個友情鏈接頁面就做完了,下面加入 CSS 美化效果,把下面代碼複製到你主題的 style.css 中就可以了!
/*獨立友情鏈接頁面*/
.linktitle {
text-align:center;
height:25px;
font-size:18px;
background-color:#DBDBDB;
border-radius:5px;
}
.alllinks ul
{
margin-top:5px;
border:solid #D9D9D9;
list-style-type:none;
padding:1px;
border-radius:10px;
height:auto;
overflow:hidden;
}
.alllinks li
{
margin-top:5px;
height:30px;
width:150px;
padding-top:10px;
text-align:center;
list-style-type:none;
font-size:18px;
float:left;
border:dotted #EAEAEA;
margin-left:5px;
border-radius:10px;
}
.alllinks a:link{
text-decoration:none
}
.alllinks a:hover {
color:red;
}
.alllinks li:hover {
background-color:#DBDBDB;
cursor:pointer;
border-radius:15px;
}
WordPress 友情鏈接頁面第四步:
上面已經完成了 WordPress 友情鏈接模板的製作,然後進入博客後台,頁面– 新建頁面– 選擇模板,這個時候選擇我們剛剛製作的這個模板就可以了,保存。這樣一個獨立的 WordPress 友情鏈接頁面就完成了!