Descripción
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.
Características
With Osom Modal Login you can customize several parameters in the options page.
Both in classic and block themes:
1. Customize «Login» text.
2. Customize «Logout» text.
3. Set login and logout URL redirection.
4. Display/hide «Remember me» checkbox.
5. Display/hide «Did you forget your password» link.
6. Display/hide Register link.
7. Set Register text link (if displayed).
Only in classic themes:
8. Set the title of the modal box.
9. 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.
Uso del shortcode (opcional)
Solo tienes que colocar el texto personalizado en el shortcode [osom-login].
Por ejemplo: [osom-login]Texto personalizado[/osom-login]
Quick Setup Videos
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
- El plugin utiliza JavaScript puro, así que puedes usarlo aunque desencoles el jQuery de WordPress. Siempre está bien reducir las dependencias al mínimo posible.
Capturas
Instalación
Este plugin puede ser instalado directamente desde tu sitio.
- Accede y navega a «Plugins → Añadir nuevo».
- Escribe «Osom Modal Login» en la búsqueda y pulsa «Intro».
- Localiza el plugin Osom Modal Login en la lista de los resultados de búsqueda y haz clic en «Instalar ahora».
- Una vez instalado, haz clic en el enlace «Activar».
- Ahora tienes disponible el nuevo plugin en WordPress.
También puede ser instalado manualmente.
- Descarga el plugin Osom Modal Login desde WordPress.org.
- Descomprime el paquete y muévelo a tu directorio de plugins.
- Accede a WordPress y navega hasta la pantalla de plugins.
- Encuentra Osom Modal Login en la lista y haz clic en el enlace «Activar».
- Ahora tienes disponible el nuevo plugin en WordPress.
Preguntas frecuentes
-
¿Puedo usar Osom Modal Login con cualquier tema?
-
Yes, you can use Osom Modal Login with any theme, including a block theme.
-
¿Dónde puedo modificar los ajustes de Osom Modal Login?
-
Puedes encontrar la página de ajustes en la barra lateral izquierda de WordPress en «OsomPress > Osom Modal Login».
-
Yes, you can add a login modal window anywhere on the website using the shortcode [osom-login] Custom text [/osom-login].
Alternatively, you can also use the native login/out block. -
¿Puedo cambiar el texto «Acceder/Salir»?
-
Yes, you can do it.
-
¿Puedo usar Osom Modal Login en WordPress Multisitio?
-
Yes, you can. Take into account that if you set the login or logout URL you will have to use an absolute URL, ie, https://yoursite.com/redirect-page. If you use a relative ULR, such as /redirect-page/, it will point to the the main site URL (of the network).
-
Is Osom Modal Login compatible with WordPress Multilingual plugin?
-
Sí, lo es.
-
En este momento no. Exploraremos añadir compatibilidad en futuras actualizaciones.
Reseñas
Colaboradores y desarrolladores
«Osom Modal Login» es un software de código abierto. Las siguientes personas han colaborado con este plugin.
Colaboradores«Osom Modal Login» ha sido traducido a 6 idiomas locales. Gracias a los traductores por sus contribuciones.
Traduce «Osom Modal Login» a tu idioma.
¿Interesado en el desarrollo?
Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.
Registro de cambios
1.5
- Add login/out block automatically on block themes.
- Improvements on the form title.
1.4.1
- Revert conditional loading of styles and scripts due to some issues on edge cases.
1.4
- Improve conditional loading of styles and scripts. On block themes it will only load the style and script files if the login/out block is present.
1.3.1
- Improve modal behaviour on block themes.
- CSS tweaks.
1.3
- Added new options for block themes. Now you can change the text for the login and logout and also set the URL redirections after login and logout.
1.2
- Added compatibility with block themes. Now you can use the native login/out block, when the user click on it it will display a modal window with the login form.
1.1.5
- Small fixes and tested up to WordPress 6.4.
1.1.4
- Fix new PHP warning (in PHP 8 or superior).
1.1.3
- Set empty login fields as login failed.
1.1.2
- Remove Dashicons dependencie.
1.1.1
- Tested on WordPress 6.0.
- Fix new PHP notice (in PHP 8 or superior).
1.1
- Tested on WordPress 5.9.
- Fix PHP notices.
1.0.8
- Mejora del rendimiento del shortcode.
- Mejora del rendimiento para múltiples ubicaciones.
1.0.7
- Añadir la opción para mostrar el enlace de registro.
1.0.6
- Añade la opción para seleccionar múltiples ubicaciones del menú.
1.0.5
- Añade la redirección a la página de ajustes del plugin al activarlo.
- Probado con WordPress Multisitio.
- Probado con WordPress Multilingual.
1.0.4
- Añadir etiquetas a los elementos del menú de acceso/salida.
- Eliminar el jQuery que se usaba y reemplazarlo con JavaScript Vanilla
- Añadir el enlace a los ajustes en la página de plugins
1.0.3
- Corrección de advertencias
1.0.2
- Mejoras de traducción
1.0
- Versión inicial.