[WordPress] 外掛分享： BuddyPress Registration Groups

內容簡介

此外掛用於在新用戶註冊頁面上顯示 BuddyPress 群組。群組可以顯示為：

核取方塊列表
核取方塊滾動容器中的列表
單選按鈕列表

新用戶在註冊過程中自動加入所選群組。

管理區提供選項，可配置註冊頁面上群組列表的標題、群組列表的說明、是否向新用戶顯示私人群組、顯示群組的順序以及可見的群組數量。

自定樣式

此外掛包括特定的 CSS，用於更改內容顯示方式。預設 CSS 會將群組放在「個人資料詳細資訊」區段之後，並在註冊頁面的「完成註冊」按鈕之前。您可以在此外掛目錄中查看 includes/styles.css，以查看如何針對每個元素進行操作。

以下是 includes/styles.css 中使用的當前選擇器列表。

群組區段：

#registration-groups-section {
float: right;
width: 48%;
}

核取方塊：

.reg_groups_group_checkbox {
margin: 0 5px 0 0;
}

表單標籤：

#buddypress .standard-form label.reg_groups_group_label,
.reg_groups_group_label {
display: inline;
font-weight: normal;
}

群組區段 - 回應式設計：

@media only screen and (max-width: 480px) {
#registration-groups-section {
float: none;
width: 100%;
}
}

列表項目：

.reg_groups_item {
list-style: none;
}

無群組訊息：

.reg_groups_none {
font-style: italic;
color: gray;
}

多重選擇：

.reg_groups_list_multiselect {
height: 8em;
border: 1px solid #ccc;
background: #fafafa;
padding: 6px;
overflow: auto;
}

外掛標籤

開發者團隊

📦 歷史版本下載

trunkRelease_0.8Release_0.9Release_1.0Release_1.0.1Release_1.0.2Release_1.0.3Release_1.1.0Release_1.1.1Release_1.1.2Release_1.1.3Release_1.2.0Release_1.2.1

原文外掛簡介

This plugin is built to display BuddyPress groups on the new user registration page. Groups can be displayed as:

a list of checkboxes
a list of checkboxes in a scrollable container
a list of radio buttons

New users will automatically join any of the groups selected during the registration process.
Options are available in the admin area to configure the title of the groups list on the registration page, the
description of the groups list, whether private groups are visible to new users, the order in which groups are
displayed, and how many groups will be visible.
Custom Styles
This plugin includes specific CSS for changing the way content is displayed. The default CSS will place the group after the “Profile Details” section and before the “Complete Sign Up” button on the register page. You can view includes/styles.css in this plugin directory to see how to target each element.
Here is a list of the current selectors used in includes/styles.css.
Groups section:
#registration-groups-section {
float: right;
width: 48%;
}

Checkboxes:
.reg_groups_group_checkbox {
margin: 0 5px 0 0;
}

Form labels:
#buddypress .standard-form label.reg_groups_group_label,
.reg_groups_group_label {
display: inline;
font-weight: normal;
}

Groups section – responsive:
@media only screen and (max-width: 480px) {
#registration-groups-section {
float: none;
width: 100%;
}
}

List items:
.reg_groups_item {
list-style: none;
}

No groups message:
.reg_groups_none {
font-style: italic;
color: gray;
}

Multiselect:
.reg_groups_list_multiselect {
height: 8em;
border: 1px solid #ccc;
background: #fafafa;
padding: 6px;
overflow: auto;
}