Ripro主題實現自助申請友鏈【已修復提交報錯問題】

Ripro主題實現自助申請友鏈【已修復提交報錯問題】

最近在調試Wordpress的Ripro主題模板,看到有些站點實現了自助申請友情鏈接的功能,

通過搜索引擎檢索方法,發(fā)現了幾個版本,代碼不盡相同,但在實際操作的時候遇到了諸如亂碼、提交報錯等BUG,

好在經過不懈的努力最終都克服了,這里把最終的成果分享出來,希望對其他站長也有所幫助。

預覽效果如下圖:

Ripro主題實現自助申請友鏈【已修復提交報錯問題】

提交后會自動進入Wordpress后臺的鏈接功能中,審核通過后可直接顯示在友鏈列表中,很是方便啊有咩有。


下面是操作步驟:

第一步:

首先在服務器上的ripro模板目錄下找到functions.php文件,編輯這個文件,把以下代碼插入到最底部:

1
2
//啟用
add_filter('pre_option_link_manager_enabled','__return_true');

第二步:

進入ripro/parts目錄中,扎到diy-footer.php這個文件,在最下方</div>標簽前面插入以下內容最后保存,如果需要在手機端也顯示的話就把以下代碼插入到最下面的</div>后面。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!--Friendship Links Start-->
<!--<div class="codesign-dw">
<div class="col-xs-12 friend-links">
<ul class="codesign-fl">
<li class="codesign-fl-title">友情鏈接:</li>
<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
</ul>
</div>
</div>-->
<div class="link">
<ul>
<span>+友情鏈接
<br>
<a href="/links" target="_blank">自助申請友鏈</a>
</span>
<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
<div class="clear"></div>
</ul>
</div>
<!--Friendship Links End-->

第三步:

將右側附件中的blinks.php文件放在ripro/pages目錄下。

第四步:

在ripro/assets/css目錄下找到diy.css這個文件,下載右側提供的附件直接覆蓋掉,自己修改容易出錯。

第五步:

在Wordpress后臺創(chuàng)建一個頁面,選擇生成好的模板,然后保存。用自己定義的鏈接訪問即可看到申請友鏈的界面,完美搞定。

Ripro主題實現自助申請友鏈【已修復提交報錯問題】

這里順便提一下為什么網上很多教程里照著操作下來最終提交會報錯。

那是因為php版本從5.4上升到7.3,正則表達式里的破折號需要用反斜杠轉義,

blinks.php中有一行用于驗證用戶提交網站的正則中的字符需要轉義,

其中“\w-”需要轉義,轉義后是“\w\-”,在前面加個反斜杠就解決了。

現成的附件已經放在了右側供大家下載,記得把代碼里的網站替換成你們自己的,

如果還有其他問題請在下方留言,祝你好運。