創建一個獨立的 WordPress 友情鏈接頁面,百度上好多人在搜索這個問題,也有人看到我的友情鏈接頁面,想知道怎麼做的,今天就給大家分享一下。大體步驟都差不多,可能不同的 WordPress cms 模板之間稍微的有區別,出現錯誤的可以留言。

準備工作:

  1. 當你新建一個 php 文件時,要保證編碼和你的主題編碼一樣,比如主題是 utf-8,你新建的 php 文件也保證是 utf-8 編碼才不會出現亂碼。
  2. 本地編寫時儘量不要用文本檔,容易出現字符錯誤或者編碼錯誤,筆者推薦 notepad++。
  3. 複製文中代碼時,注意把代碼中的全角符號轉換成英文半角符號。

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 友情鏈接頁面就完成了!