WordPress自助申請友鏈功能前段時間在ripro主題里面有流行,很多站長都喜歡加上這個功能,于是今天心血來潮給自己的DUX主題也加上了這個功能(雖然沒啥用),這個功能確實方便了一些站長,下面我就分享一下如何實現這個功能。
**一、創建文件并添加代碼**
1. 在你的 WordPress 博客主題目錄下新建一個名為“blinks.php”的文件,并將以下 PHP 代碼復制到里面:
```php
<?php
/*
Template Name: 自助申請友鏈
* 提示:友情鏈接,需在后臺審核
*/
if(isset($_POST['blink_form']) && $_POST['blink_form'] == 'send'){
global $wpdb;
// 表單變量初始化
$link_name = isset($_POST['blink_name'])? trim(htmlspecialchars($_POST['blink_name'], ENT_QUOTES)) : '';
$link_url = isset($_POST['blink_url'])? trim(htmlspecialchars($_POST['blink_url'], ENT_QUOTES)) : '';
$link_description = isset($_POST['blink_lianxi'])? trim(htmlspecialchars($_POST['blink_lianxi'], ENT_QUOTES)) : '';
$link_target = "_blank";
$link_visible = "N";
// 表單項數據驗證
if(empty($link_name) || mb_strlen($link_name) > 20){
wp_die('連接名稱必須填寫,且長度不得超過 30 字');
}
if(empty($link_url) || strlen($link_url) > 60 ||!preg_match("/^(https?://)?(((www.)?[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)?.([a-zA-Z]+))|(([0-1]?[0-9]?[0-9]|2[0-5][0-5]).([0-1]?[0-9]?[0-9]|2[0-5][0-5]).([0-1]?[0-9]?[0-9]|2[0-5][0-5]).([0-1]?[0-9]?[0-9]|2[0-5][0-5]))(:d{0,4})?)(/[w-./?%&=]*)?$/i", $link_url)){
wp_die('鏈接地址必須填寫');
}
$sql_link = $wpdb->insert(
$wpdb->links,
array(
'link_name' => '【待審核】--- '.$link_name,
'link_url' => $link_url,
'link_target' => $link_target,
'link_notes' => 'QQ:'.$link_description,
'link_visible' => $link_visible
)
);
$result = $wpdb->get_results($sql_link);
wp_die('親,友情鏈接提交成功,【等待站長審核中】!<a href="/blinks/">點此返回</a>,提交成功');
}
get_header();
?>
<div id="main">
<div class="content content-link-application">
<div class="form-header">
<?php if(have_posts()) : while(have_posts()) : the_post();?>
<?php if(function_exists('cmp_breadcrumbs')) cmp_breadcrumbs();?>
<h1>友鏈自助申請</h1>
<p class="mt20">歡迎同類站點與本站交換友情鏈接,要求收錄良好,內容健康,有權重有排名更佳。</p>
<p class="mt20"><strong>友鏈自助申請須知</strong></p>
<p>? 申請前請先加上本站鏈接;</p>
<p>? 網站域名必須是一級域名,非一級域名的網站暫不考慮;</p>
<p>? 穩定更新,每月至少發布 1 篇文章,最好是建站半年以上;</p>
<p>? 禁止一切產品營銷、廣告聯盟類型的網站,優先通過同類原創、內容相近的網站;</p>
<p>? 網站內容一定要健康積極向上,凡內容污穢不堪的、反動反共的、宣揚暴力的、廣告掛馬的都將不會通過申請。</p>
<p class="mt20"><strong>本站鏈接信息(最好直接聯系 QQ 交換哦)</strong></p>
<p>名稱:憑欄聽雨</p>
<p>網址:https://www.pzo.cc/</p>
<!--表單開始-->
<form method="post" class="mt20" action="<?php echo $_SERVER["REQUEST_URI"];?>" style="margin-bottom:20px;">
<div class="form-group">
<label for="blink_name"><font color="red">*</font> 鏈接名稱:</label>
<input type="text" size="40" value="" class="form-control" id="blink_name" placeholder="請輸入鏈接名稱" name="blink_name" style="width:300px;">
</div>
<div class="form-group">
<label for="blink_url"><font color="red">*</font> 鏈接地址:</label>
<input type="text" size="40" value="" class="form-control" id="blink_url" placeholder="請輸入鏈接地址" name="blink_url" style="width:300px;">
</div>
<div class="form-group">
<label for="blink_lianxi">聯系 QQ:</label>
<input type="text" size="40" value="" class="form-control" id="blink_lianxi" placeholder="請輸入聯系 QQ" name="blink_lianxi" style="width:300px;">
</div>
<div>
<input type="hidden" value="send" name="blink_form">
<button type="submit" class="btn btn-primary">提交申請</button>
<button type="reset" class="btn btn-default">重填</button>
(提示:帶有<font color="red">*</font>,表示必填項~)
</div>
</form>
<!--表單結束-->
<?php endwhile; else:?>
<?php endif;?>
</div>
</div>
</div>
<?php get_footer();?>
```
**二、添加 CSS 代碼**
如果是 DUX 主題,將以下 CSS 代碼添加到“min.css”文件里;如果是 ripro 主題,可以添加到“diy.css”文件里:
```css
/*自助申請友鏈*/
.content-link-application{
background-color:#fff;
border-radius:5px;
width:100%;
-webkit-box-shadow:0 7px 8px 0 rgba(0,0,0,.11);
box-shadow:0 7px 8px 0 rgba(0,0,0,.11);
max-width:1200px;
margin-left:auto;
margin-right:auto;
}
.content-link-application.form-header{
max-width:600px;
margin-left:auto;
margin-right:auto;
padding-bottom:40px;
}
a.ctrl-apply{
border:1px solid #c3c3c3;
border-radius:3px;
font-size:12px;
color:#999;
text-align:center;
padding-left:5px;
padding-right:5px;
margin-left:10px;
display:inline-block;
line-height:22px;
padding:0 9px;
}
a.ctrl-apply svg{
fill:#999;
display:inline-block;
vertical-align:middle;
}
a.ctrl-apply:hover{
color:#2778ff;
border-color:var(--mainColor,#2778ff);
}
a.ctrl-apply:hover svg{
fill:var(--mainColor,#2778ff);
}
/*自助申請友鏈 end*/
```
**三、創建頁面并設置模板**
1. 進入 WordPress 管理后臺 – 頁面 – 添加新頁面。
2. 標題設置為“自助友鏈申請”(你也可以根據自己的喜好起名),內容留空。
3. 固定鏈接設置為“blinks”。
4. 在右側選擇模板,選擇“自助申請友鏈”,然后發布。
**四、增加入口代碼**
在需要的頁面中增加入口代碼,示例如下:
```php
<a rel="nofollow" href="https://www.plty.cn/go?url=aHR0cHM6Ly93d3cubGFubWl0dS5jb20vYmxpbmtz">友情鏈接自助申請</a>
```
**五、添加一鍵篩選待審核鏈接按鈕**
1. 找到 wp-admin 目錄下的“link-manager.php”文件。
2. 在 101 行后面添加如下代碼:
```php
<a href="/wp-admin/link-manager.php?s=待審核&action=-1&cat_id=0&action2=-1" style="color:red;margin-left:5px;">查看待審核鏈接</a>
```
保存后,查看后臺 - 鏈接管理頁,點擊按鈕即可。
還木有評論哦,快來搶沙發吧~