內容簡介
Osom Modal Login 允許您輕鬆地創建一個模態框，顯示 WordPress 登入表單。它會自動在所選菜單的末尾添加一個名為「登入」的菜單項目，您可以自定義。點擊該菜單項目時，它將啟動登入模態框。
另外，您還可以使用包含的短碼，在網站的任何地方添加模態登入框。
功能
使用 Osom Modal Login，您可以在選項頁面自定義幾個參數：
1. 設置模態框的標題。
2. 選擇您要添加登入/登出項目的導航菜單。您可以選擇多個菜單項目，或者如果您不想添加到任何菜單位置，可以選擇「無」選項。
3. 自定義「登入」文字。
4. 自定義「登出」文字。
5. 設置登入和登出 URL。
6. 顯示/隱藏「記住我」勾選框。
7. 顯示/隱藏「您忘記了密碼嗎？」鏈接。
8. 顯示註冊鏈接（可選）。
您還可以使用內置的短碼，在網站任何位置添加模態框。
短碼用法（可選）
您只需要在 [osom-login] 短碼中包含自定義文本即可。
例如：[osom-login] 自定義文本 [/osom-login]
開發人員功能
此外，該外掛使用的是原生 JavaScript，因此即使您取消佇列 WordPress jQuery，也可以使用它。保持最少的依賴關係總是很好的。
跟隨我們:
訪問 OsomPress 網站
在 Twitter 上關注我們
外掛標籤
開發者團隊
📦 歷史版本下載
原文外掛簡介
Osom Modal Login lets you easily create a modal box (pop-up) displaying the WordPress login form. In block themes, Osom Modal Login uses the native WordPress login/out block, so you can introduce this login/out block on the header (or footer) navigation block and it will display a modal box with the login form when clicked. On the other hand, in classic themes it automatically adds a menu item named “Login”, which you can customize, at the end of the selected menu(s). Once you click on it, it will also launch the login modal box.
Alternatively, you can also use the included shortcode or the native login/out block to add the modal login box in any place of the web.
Features
With Osom Modal Login you can customize several parameters in the options page.
Both in classic and block themes:
Customize “Login” text.
Customize “Logout” text.
Set login and logout URL redirection.
Display/hide “Remember me” checkbox.
Display/hide “Did you forget your password” link.
Display/hide Register link.
Set Register text link (if displayed).
Only in classic themes:
Set the title of the modal box.
Select the navigation menu where you want to add login/out item. You can choose more than one or the option ‘none’ if you don’t want to add it in any menu location.
You can also use the built-in shortcode to add the modal box any where in your website or use the WordPress login/out native block with the setting “Display login as form” unselected.
Shortcode usage (optional)
You just need to enclose your custom text in [osom-login] shortcode.
For example: [osom-login] Custom text [/osom-login]
Quick Setup Videos
In classic themes:
In block themes:
If you want more info about the setup and configuration you can check the tutorials below.
Tutorials
How to add button styles to Login/out Block in a WordPress Block Theme
Add a login modal/pop-up window to a WordPress block theme
How to add SVG icons to Osom Modal Login login/logout items
How to add a login popup modal in WordPress classic themes
Dev Features
The plugin uses Vanilla JavaScript so you can use it even if you dequeue WordPress jQuery. It’s always nice to keep the dependencies to the minimum.
