內容目錄

• 一、詳細介紹
• 二、效果展示
• • 1.部分代碼
  • 2.效果圖展示
• 三、學習資料下載

---

一、詳細介紹

用戶徽章功能是現在很多社交類網站和app必不可少的功能了，能有效的增加網站交互的趣味性。

zibll子比主題V6.7就更新了用戶徽章功能，接下來我們就來了解一下這個功能。

首先我們簡單的了解一下用戶徽章功能的特色

支持添加并排序任意數量的徽章分類、徽章
所有的徽章均可自定義名稱、簡介、圖標以及獲取方式
用戶自定義設置主要佩戴徽章（默認佩戴最新獲取的）
支持手動賦予用戶徽章功能，方便實現限定徽章、活動徽章等功能
系統支持10多種自動判斷達標獲取徽章的類型設置
主題自帶了一套徽章參數，覆蓋了常用徽章，包含30個徽章圖標，減低站長首次配置的難度，特別是繪圖

將源碼包上傳到主機或者服務器，php建議>=7.4，然后訪問域名直接安裝即可
安裝完成之后為了防止wp自動更新，請到服務器根目錄找到文件wp-config.php，在最后面加上下面這段代碼
注意注意，必須要在安裝之后再去跟目錄找這個文件，安裝之前你是找不到的
那應該有人會說我沒安裝之前在根目錄看到一個名為wp-config-sample的文件然后我把代碼放上去不就行了
不行不行這里不行的，必須要在完成之后上傳代碼到wp-config.php這個文件夾里才行
下面是代碼

define(‘WP_AUTO_UPDATE_CORE’,false);
define(‘AUTOMATIC_UPDATER_DISABLED’, true);

出現8440致命錯誤，原因就是主題版本和wp版本不兼容，所以要防止他更新

二、效果展示

1.部分代碼

代碼如下（示例）：

function login_header( $title = 'Log In', $message = '', $wp_error = null ) {global $error, $interim_login, $action;// Don't index any of these forms.add_filter( 'wp_robots', 'wp_robots_sensitive_page' );add_action( 'login_head', 'wp_strict_cross_origin_referrer' );add_action( 'login_head', 'wp_login_viewport_meta' );if ( ! is_wp_error( $wp_error ) ) {$wp_error = new WP_Error();}// Shake it!$shake_error_codes = array( 'empty_password', 'empty_email', 'invalid_email', 'invalidcombo', 'empty_username', 'invalid_username', 'incorrect_password', 'retrieve_password_email_failure' );/*** Filters the error codes array for shaking the login form.** @since 3.0.0** @param string[] $shake_error_codes Error codes that shake the login form.*/$shake_error_codes = apply_filters( 'shake_error_codes', $shake_error_codes );if ( $shake_error_codes && $wp_error->has_errors() && in_array( $wp_error->get_error_code(), $shake_error_codes, true ) ) {add_action( 'login_footer', 'wp_shake_js', 12 );}$login_title = get_bloginfo( 'name', 'display' );/* translators: Login screen title. 1: Login screen name, 2: Network or site name. */$login_title = sprintf( __( '%1$s ‹ %2$s — WordPress' ), $title, $login_title );if ( wp_is_recovery_mode() ) {/* translators: %s: Login screen title. */$login_title = sprintf( __( 'Recovery Mode — %s' ), $login_title );}

2.效果圖展示

---

三、學習資料下載

藍奏云：https://qumaw.lanzoul.com/iQItR0iy2jmb

總結

以上是生活随笔為你收集整理的zibll子比主题6.7用户徽章功能详解及配置教程[V6.7新功能]的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。