[WordPress] 外掛分享: RSG Compiled Libraries

首頁外掛目錄 › RSG Compiled Libraries
WordPress 外掛 RSG Compiled Libraries 的封面圖片
10+
安裝啟用
尚無評分
2496 天前
最後更新
問題解決
WordPress 4.6+ v0.0.1 上架:2019-05-08

內容簡介

p>包括常用的開發程式庫。同時還帶有在網站上廣泛使用的簡單功能。
可啟用/停用程式庫。啟用所需的項目,無需擔心未使用的腳本和樣式。

包含的程式庫

Bootstrap v4.3.1
Font Awesome v5.7.1
Lity v2.3.1
Slick v1.8.1
Tablesorter v2.31.1
Bootstrap Navwalker v2.0.4

其他功能

WP 登入功能

為你的連結或連結容器添加 ‘rsg-wp_login_toggle’ 類別名稱。
點擊時它會自動切換登入對話框。
你可以通過從模板文件夾複製 rsg-login.php 文件到你的佈景主題/rsg/templates/ 目錄來更改模板。

登出

將 classname ‘rsg_wp_logout_link’ 添加到你的連結中。
點擊時它會自動登出使用者。

彈出式菜單功能

為你的連結或連結容器添加 ‘rsg-wp_menupopup_toggle’ 類別名稱。
點擊時它會自動切換彈出式菜單。
你可以通過從模板文件夾複製 rsg-popup_menu.php 文件到你的佈景主題/rsg/templates/ 目錄來更改模板。

獲取菜單功能

使用 Bootstrap Navwalker 獲取和顯示在儀表板上創建的菜單。
函數參數為 rsg_get_menu(字符串菜單 slug、字符串菜單名稱、‘菜單類別名稱以空格分隔’)。
代碼範例:echo rsg_get_menu(‘primary-menu’, ‘Main Menu Online’, ‘menu-class rsg-vertical-menu-popup’);

隨機字符串生成器

可用於生成隨機字符串或字符。
生成的內容為小寫或大寫字母(A-Z | a-z)、數字(0-9)和特殊字符(破折號、下劃線、星號和數字符號)。

返回頂部功能

添加返回頂部按鈕。可啟用或停用

RSG 樣式表優勢
設計可在你的主題 style.css 中覆蓋。

按鈕類名

rsg-button_main(例如 < span class=”rsg-button_main”> 提交 < /span >)
rsg-button_main 和 rsg-btn_white(例如 < button class=”rsg-button_main rsg-btn_white”> 提交 < /button >)
rsg-button_main 和 rsg-btn_gray(例如 < a href=”#” class=”rsg-button_main rsg-btn_gray”> 提交 < /a > )
rsg-button_1(例如 < div class=”rsg-button_1″> 提交 < /div >)
rsg-button_2
rsg-button_3
注意:
類名可用於任何標籤/元素(span、a、button、div等)。
從給出的示例中複製代碼將不起作用。請刪除標籤名稱和< >之間的空格。

外掛標籤

開發者團隊

⬇ 下載最新版 (v0.0.1) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「RSG Compiled Libraries」→ 直接安裝(推薦)

原文外掛簡介

Includes common libraries used for development. It also comes with simple functions that are widely used on a website.
Libraries can be activated / deactivated. Activate what you need without worrying about unnecessary enqueued scripts and styles.

LIBRARIES INCLUDED

Bootstrap v4.3.1
Font Awesome v5.7.1
Lity v2.3.1
Slick v1.8.1
Tablesorter v2.31.1
Bootstrap Navwalker v2.0.4

Additional Functions

WP Login Function

Add the classname ‘rsg-wp_login_toggle’ to your link or to the container of your link.
It will automatically toggle a login modal upon click.
You can change the template by copying the file rsg-login.php from the templates folder to yourtheme/rsg/templates/

Logout

Add the classname ‘rsg_wp_logout_link’ to your link.
It will automatically logout the user on click.

Popup Menu Function

Add the classname ‘rsg-wp_menupopup_toggle’ to your link or to the container of your link.
It will automatically toggle a popup menu on click.
You can change the template by copying the file rsg-popup_menu.php from the templates folder to yourtheme/rsg/templates/

Get Menu Function

Uses the Bootstrap Navwalker to get and display the menu created at the dashboard.
Function parameters are rsg_get_menu(String Menu slug, String Menu Name, ‘Menu Classname/s separated by space’)
Sample Code: echo rsg_get_menu(‘primary-menu’, ‘Main Menu Online’, ‘menu-class rsg-vertical-menu-popup’);

Random String Generator

Can be used to generate random strings or characters.
Contents generated are lowercase or uppercase letters (A-Z | a-z), numbers (0-9), and special characters (dash, underscore, asterisk, and number sign).

Back To Top Function

Adds a back to top button. Can be activated or deactivated

RSG Stylesheet Perks
Designs can be overridden at your theme’s style.css.

Button Class Names

rsg-button_main (ex. < span class=”rsg-button_main”> Submit < /span > )
rsg-button_main and rsg-btn_white (ex. < button class=”rsg-button_main rsg-btn_white”> Submit < /button > )
rsg-button_main and rsg-btn_gray (ex. < a href=”#” class=”rsg-button_main rsg-btn_gray”> Submit < /a > )
rsg-button_1 (ex. < div class=”rsg-button_1″> Submit < /div > )
rsg-button_2
rsg-button_3
Notes:
Classnames can be used in any tags/elements(span, a, button, div, etc.).
Copying the code from the examples given will not work. Remove the spaces between the tagnames and the < >.

Display Class Names

rsg-hide: style=”display:none;”
rsg-block: style=”display:block; width:100%; position:relative;”
rsg-iblock: style=”display:inline-block; position:relative;”
rsg-itable: style=”display:inline-table; position:relative;”
rsg-tcenter: style=”text-align: center;”
rsg-tleft: style=”text-align: left;”
rsg-tright: style=”text-align: right;”

Preloaders

Code: < div class=”rsg-loading-container_white”>< div class=”rsg-loading”>< div class=”rsg-loading-in”>< div>< div>< div>
Code: < div class=”rsg-loading-container_black”>< div class=”rsg-loading”>< div class=”rsg-loading-in”>< div>< div>< div>
Activate a preloader from your dashboard. This is a preloader that shows while your website is loading. Once activated, this will appear automatically unlike the two above.
Note: Decide on how these loaders will appear.

Incoming Features

Fixed Top Navigation and different templates
Mobile Navigation
Login Modal Templates
Popup Menu Templates
Back to top button designs
Array of different countries with flag carousel shortcode
Preloader designs

Requirements

PHP 5.4 or higher
WordPress 4.8 or higher

延伸相關外掛

文章
Filter
Apply Filters
Mastodon