建立一個獨立的 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 友情連結頁面就完成了!