{"id":7484,"date":"2009-12-17T23:08:40","date_gmt":"2009-12-17T23:08:40","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/simplemodal-login\/"},"modified":"2014-12-15T00:54:38","modified_gmt":"2014-12-15T00:54:38","slug":"simplemodal-login","status":"publish","type":"plugin","link":"https:\/\/test.wordpress.org\/plugins\/simplemodal-login\/","author":255070,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.1","stable_tag":"1.1","tested":"4.0.38","requires":"2.5.0","requires_php":"","requires_plugins":"","header_name":"SimpleModal Login","header_author":"Noah Cinquini","header_description":"","assets_banners_color":"","last_updated":"2017-11-28 19:50:07","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"http:\/\/www.studiofuel.com\/simplemodal-login\/","header_author_uri":"http:\/\/www.studiofuel.com","rating":4,"author_block_rating":0,"active_installs":800,"downloads":188048,"num_ratings":33,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"":"<p>There are no special upgrade requirements.<\/p>"},"ratings":{"1":"7","2":0,"3":"1","4":"4","5":"21"},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.1","0.2","0.3","1.0","1.0.1","1.0.2","1.0.3","1.0.4","1.0.5","1.0.6","1.0.7","1.1"],"block_files":[],"assets_screenshots":{"screenshot-9.png":{"filename":"screenshot-9.png","revision":"1777208","resolution":"9","location":"plugin","width":954,"height":362},"screenshot-5.png":{"filename":"screenshot-5.png","revision":"1777208","resolution":"5","location":"plugin","width":427,"height":320},"screenshot-7.png":{"filename":"screenshot-7.png","revision":"1777208","resolution":"7","location":"plugin","width":409,"height":241},"screenshot-6.png":{"filename":"screenshot-6.png","revision":"1777208","resolution":"6","location":"plugin","width":404,"height":344},"screenshot-4.png":{"filename":"screenshot-4.png","revision":"1777208","resolution":"4","location":"plugin","width":422,"height":176},"screenshot-2.png":{"filename":"screenshot-2.png","revision":"1777208","resolution":"2","location":"plugin","width":430,"height":386},"screenshot-3.png":{"filename":"screenshot-3.png","revision":"1777208","resolution":"3","location":"plugin","width":417,"height":274},"screenshot-8.png":{"filename":"screenshot-8.png","revision":"1777208","resolution":"8","location":"plugin","width":399,"height":128},"screenshot-1.png":{"filename":"screenshot-1.png","revision":"1777208","resolution":"1","location":"plugin","width":434,"height":348}},"screenshots":{"1":"Login screen with the default theme.","2":"Register screen with the default theme.","3":"Reset Password screen with the default theme.","4":"Activity indicator with the default theme.","5":"Login screen with the osx theme.","6":"Register screen with the osx theme.","7":"Reset Password screen with the osx theme.","8":"Activity indicator with the osx theme.","9":"The SimpleModal Login admin settings page"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[83,221,602,613,1930],"plugin_category":[38,54,59],"plugin_contributors":[78173,78172],"plugin_business_model":[],"class_list":["post-7484","plugin","type-plugin","status-publish","hentry","plugin_tags-admin","plugin_tags-ajax","plugin_tags-login","plugin_tags-modal","plugin_tags-password","plugin_category-authentication","plugin_category-security-and-spam-protection","plugin_category-utilities-and-tools","plugin_contributors-emartin24","plugin_contributors-studiofuel","plugin_committers-emartin24"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/simplemodal-login.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/simplemodal-login\/trunk\/screenshot-1.png?rev=1777208","caption":"Login screen with the default theme."},{"src":"https:\/\/ps.w.org\/simplemodal-login\/trunk\/screenshot-2.png?rev=1777208","caption":"Register screen with the default theme."},{"src":"https:\/\/ps.w.org\/simplemodal-login\/trunk\/screenshot-3.png?rev=1777208","caption":"Reset Password screen with the default theme."},{"src":"https:\/\/ps.w.org\/simplemodal-login\/trunk\/screenshot-4.png?rev=1777208","caption":"Activity indicator with the default theme."},{"src":"https:\/\/ps.w.org\/simplemodal-login\/trunk\/screenshot-5.png?rev=1777208","caption":"Login screen with the osx theme."},{"src":"https:\/\/ps.w.org\/simplemodal-login\/trunk\/screenshot-6.png?rev=1777208","caption":"Register screen with the osx theme."},{"src":"https:\/\/ps.w.org\/simplemodal-login\/trunk\/screenshot-7.png?rev=1777208","caption":"Reset Password screen with the osx theme."},{"src":"https:\/\/ps.w.org\/simplemodal-login\/trunk\/screenshot-8.png?rev=1777208","caption":"Activity indicator with the osx theme."},{"src":"https:\/\/ps.w.org\/simplemodal-login\/trunk\/screenshot-9.png?rev=1777208","caption":"The SimpleModal Login admin settings page"}],"raw_content":"<!--section=description-->\n<p><strong>SimpleModal Login 1.0 now includes a user registration and password reset feature!<\/strong><\/p>\n\n<p>SimpleModal Login provides a modal Ajax login, registration and password reset feature for WordPress and utilizes jQuery and the SimpleModal jQuery plugin.<\/p>\n\n<p>SimpleModal Login allows you to create your own custom themes. See the FAQ for details.<\/p>\n\n<p>Translations: http:\/\/plugins.svn.wordpress.org\/simplemodal-login\/I18n (check the version number for the correct file)<\/p>\n\n<!--section=installation-->\n<p><em>Install and Activate<\/em><\/p>\n\n<ol>\n<li>Unzip the downloaded SimpleModal Login zip file<\/li>\n<li>Upload the <code>simplemodal-login<\/code> folder and its contents into the <code>wp-content\/plugins\/<\/code> directory of your WordPress installation<\/li>\n<li>Activate SimpleModal Login from Plugins page<\/li>\n<\/ol>\n\n<p><em>Implement<\/em><\/p>\n\n<p>There are 3 options for using the SimpleModal Login features:<\/p>\n\n<p>a) Use <code>wp_loginout()<\/code> or <code>wp_register()<\/code> in your theme. SimpleModal Login will use the loginout and register filters to add the <code>simplemodal-login<\/code> class or <code>simplemodal-register<\/code> class to the respective link.<\/p>\n\n<p>b) Enable the Keystroke Shortcut option. Once this is enabled, you will be able to invoke SimpleModal Login using the <code>Ctrl+Alt+L<\/code> keystroke.<\/p>\n\n<p>c) Manually add a Log In or Register link. If your theme does not use <code>wp_loginout()<\/code> and you still want to use this plugin, you can manually edit your theme and add a login link as follows:<\/p>\n\n<pre><code>&lt;a href=\"\/wp-login.php\" class=\"simplemodal-login\"&gt;Log In&lt;\/a&gt;\n\n&lt;a href=\"\/wp-login.php?action=register\" class=\"simplemodal-register\"&gt;Register&lt;\/a&gt;\n<\/code><\/pre>\n\n<p><em>Configure<\/em><\/p>\n\n<p>1) Configure the SimpleModal Login settings, if necessary, from the SimpleModal Login option in the Settings menu. You can choose from one of the available themes as well as enable\/disable the keystroke shortcut.<\/p>\n\n<p>2) The styles can be changed with the following methods:<\/p>\n\n<ul>\n<li>Add a CSS file in your theme's directory and place your custom CSS there. The name of the file should be simplemodal-login-THEME.css. For example, <code>simplemodal-login-default.css<\/code> or <code>simplemodal-login-osx.css<\/code>.<\/li>\n<li>Add your custom CSS to your theme's <code>style.css<\/code> stylesheet<\/li>\n<li>Modify the SimpleModal Login CSS files directly in the simplemodal-login\/css directory<\/li>\n<\/ul>\n\n<p><em>Note:<\/em> The first two options will ensure that SimpleModal Login updates will not overwrite your custom styles.<\/p>\n\n<!--section=faq-->\n<dl>\n<dt>Installation Instructions<\/dt>\n<dd><p><em>Install and Activate<\/em><\/p>\n\n<ol>\n<li>Unzip the downloaded SimpleModal Login zip file<\/li>\n<li>Upload the <code>simplemodal-login<\/code> folder and its contents into the <code>wp-content\/plugins\/<\/code> directory of your WordPress installation<\/li>\n<li>Activate SimpleModal Login from Plugins page<\/li>\n<\/ol>\n\n<p><em>Implement<\/em><\/p>\n\n<p>There are 3 options for using the SimpleModal Login features:<\/p>\n\n<p>a) Use <code>wp_loginout()<\/code> or <code>wp_register()<\/code> in your theme. SimpleModal Login will use the loginout and register filters to add the <code>simplemodal-login<\/code> class or <code>simplemodal-register<\/code> class to the respective link.<\/p>\n\n<p>b) Enable the Keystroke Shortcut option. Once this is enabled, you will be able to invoke SimpleModal Login using the <code>Ctrl+Alt+L<\/code> keystroke.<\/p>\n\n<p>c) Manually add a Log In or Register link. If your theme does not use <code>wp_loginout()<\/code> and you still want to use this plugin, you can manually edit your theme and add a login link as follows:<\/p>\n\n<pre><code>&lt;a href=\"\/wp-login.php\" class=\"simplemodal-login\"&gt;Log In&lt;\/a&gt;\n\n&lt;a href=\"\/wp-login.php?action=register\" class=\"simplemodal-register\"&gt;Register&lt;\/a&gt;\n<\/code><\/pre>\n\n<p><em>Configure<\/em><\/p>\n\n<p>1) Configure the SimpleModal Login settings, if necessary, from the SimpleModal Login option in the Settings menu. You can choose from one of the available themes as well as enable\/disable the keystroke shortcut.<\/p>\n\n<p>2) The styles can be changed with the following methods:<\/p>\n\n<ul>\n<li>Add a CSS file in your theme's directory and place your custom CSS there. The name of the file should be simplemodal-login-THEME.css. For example, <code>simplemodal-login-default.css<\/code> or <code>simplemodal-login-osx.css<\/code>.<\/li>\n<li>Add your custom CSS to your theme's <code>style.css<\/code> stylesheet<\/li>\n<li>Modify the SimpleModal Login CSS files directly in the simplemodal-login\/css directory<\/li>\n<\/ul>\n\n<p><em>Note:<\/em> The first two options will ensure that SimpleModal Login updates will not overwrite your custom styles.<\/p><\/dd>\n<dt>How can I redirect back to the current page after login?<\/dt>\n<dd><p>The WordPress <code>wp_loginout()<\/code> function allows for an optional <code>$redirect<\/code> parameter which is the URL where the user will be sent after a logging in our logging out.<\/p>\n\n<p>To have the user return to the page they were on, update the code to look like:<\/p>\n\n<pre><code>&lt;?php wp_loginout($_SERVER['REQUEST_URI']); ?&gt;\n<\/code><\/pre>\n\n<p>If you are using the Meta Widget (Appearance &gt; Widgets), to use this feature, you may need to delete the Meta Widget and add the code to your sidebar.php file manually.<\/p>\n\n<p>For example, after you delete the Meta Widget, open sidebar.php (in your theme) and add[1] the following code:<\/p>\n\n<pre><code>&lt;ul&gt;\n    &lt;?php wp_register(); ?&gt;\n    &lt;li&gt;&lt;?php wp_loginout(); ?&gt;&lt;\/li&gt;\n&lt;\/ul&gt;\n<\/code><\/pre>\n\n<p>[1] Place it wherever you'd like to display and modify the code to fit your needs.<\/p>\n\n<p>Lastly, if you've manually added a log in link, you can change it to:<\/p>\n\n<pre><code>&lt;a href=\"\/wp-login.php?redirect_to=&lt;?php echo $_SERVER['REQUEST_URI']; ?&gt;\" class=\"simplemodal-login\"&gt;Log In&lt;\/a&gt;\n<\/code><\/pre><\/dd>\n<dt>How can I create my own custom theme?<\/dt>\n<dd><p><em>This is for users familiar with CSS and JavaScript, namely jQuery and SimpleModal.<\/em><\/p>\n\n<p>To create a new theme you'll need to add two files under the <code>simplemodal-login<\/code> plugin directory: <code>css\/THEME.css<\/code> and <code>js\/THEME.js<\/code>. Replace THEME with the name you would like to use.<\/p>\n\n<p>I suggest copying one of the existing themes as a template to start with.<\/p><\/dd>\n<dt>How can I modify the form HTML?<\/dt>\n<dd><p><em>This is an advanced option for users familiar with HTML, PHP and WordPress.<\/em><\/p>\n\n<p>Starting with SimpleModal Login 1.0, each form (login, register, password reset) has a filter available that allows you to modify the HTML.<\/p>\n\n<p>The 3 available filters are:<\/p>\n\n<ul>\n<li>simplemodal_login_form<\/li>\n<li>simplemodal_registration_form<\/li>\n<li>simplemodal_reset_form<\/li>\n<\/ul>\n\n<p>To use the filter, you'll need to add code to your theme's functions.php file. For example:<\/p>\n\n<pre><code>add_filter('simplemodal_login_form', 'mytheme_login_form');\nfunction mytheme_login_form($form) {\n    \/\/ $form contains the SimpleModal Login login HTML\n\n    \/\/ do stuff here\n\n    \/\/ you have to return the code that you want displayed\n    return $form;\n}\n<\/code><\/pre>\n\n<p>You'd probably want to start by copying the form HTML from the appropriate function in the main plugin file and then modifying to fit your requirements.<\/p>\n\n<p>Things you'll need to change:<\/p>\n\n<ol>\n<li>Change $this-&gt;users_can_register (for login and reset forms only)<\/li>\n<\/ol>\n\n<ul>\n<li><p>Create a <code>$users_can_register<\/code> variable in your function:<\/p>\n\n<p>$users_can_register = get_option('users_can_register') ? true : false;<\/p><\/li>\n<li><p>Replace <code>$this-&gt;users_can_register<\/code> with <code>$users_can_register<\/code><\/p><\/li>\n<\/ul>\n\n<ol>\n<li>Change $this-&gt;options['registration'] and $this-&gt;options['reset']<\/li>\n<\/ol>\n\n<ul>\n<li><p>Create an <code>$options<\/code> variables in your function:<\/p>\n\n<p>$options = get_option('simplemodal_login_options');<\/p><\/li>\n<li><p>Replace <code>$this-&gt;options['registration']<\/code> with <code>$options['registration']<\/code><\/p><\/li>\n<li><p>Replace <code>$this-&gt;options['reset']<\/code> with <code>$options['reset']<\/code><\/p><\/li>\n<\/ul>\n\n<p>Here are complete working examples for each of the three filters:<\/p>\n\n<ul>\n<li><p>simplemodal_login_form: http:\/\/pastebin.com\/rm3WWWRS<\/p><\/li>\n<li><p>simplemodal_registration_form: http:\/\/pastebin.com\/bVzZBKZf<\/p><\/li>\n<li><p>simplemodal_reset_form: http:\/\/pastebin.com\/jpd1RiP9<\/p><\/li>\n<\/ul>\n\n<p><em>Have a question, comments or feature requests? Be sure to let me know.<\/em><\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.1<\/h4>\n\n<ul>\n<li>Plugin ownership transfered to Studio Fuel (http:\/\/studiofuel.com)<\/li>\n<li>Added TEST_COOKIE check to prevent the WordPress cookie error message when logging in<\/li>\n<li>Tested plugin against WordPress 4.0.1<\/li>\n<\/ul>\n\n<h4>1.0.7<\/h4>\n\n<ul>\n<li>Upgraded to SimpleModal 1.4.3 (requires jQuery 1.3+)<\/li>\n<\/ul>\n\n<h4>1.0.6<\/h4>\n\n<ul>\n<li>Fix HTML markup bug.<\/li>\n<\/ul>\n\n<h4>1.0.5<\/h4>\n\n<ul>\n<li>Removed \"Powered by SimpleModal Login\" link and CSS.<\/li>\n<li>Fixed \"empty_both\" bug.<\/li>\n<li>Added modal z-index to prevent stacking issues.<\/li>\n<li>Upgraded to SimpleModal 1.4.2<\/li>\n<\/ul>\n\n<h4>1.0.4<\/h4>\n\n<ul>\n<li>Added output buffering to the login_form, register_form, and lostpassword_form actions. Thanks to @thenbrent for the fix.<\/li>\n<li>Fixed 'Undefined variable' warning in WordPress DEBUG mode. Thanks to @thenbrent for the fix.<\/li>\n<\/ul>\n\n<h4>1.0.3<\/h4>\n\n<ul>\n<li>Upgraded to SimpleModal 1.4.1<\/li>\n<li>Updated add_options_page() arguments to prevent deprecation warning. Thanks to DanHarrison for reporting and providing a fix.<\/li>\n<li>Removed s.modal.update(); from both osx.js and default.js. It was causing issues with the dialog height.<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>Changed language domain name from simplemodal_login to simplemodal-login (this will affect translation file names)<\/li>\n<li>Updated pastebin.com link with language domain name updates<\/li>\n<li>Translations can now be found at http:\/\/plugins.svn.wordpress.org\/simplemodal-login\/I18n\/<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Added support for the wp_loginout() redirect parameter (See FAQ for usage)<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>Added Password Reset feature<\/li>\n<li>Added Register feature<\/li>\n<li>Added support for Peter's Login Redirect plugin<\/li>\n<li>Added activity indicator for better usability<\/li>\n<li>Added additional error handling<\/li>\n<li>Added Keyboard Shortcut option and feature (Ctrl+Alt+L)<\/li>\n<li>Removed the 'Redirect after login?' option<\/li>\n<li>Updated POT file (I18n\/simplemodal-login.pot)<\/li>\n<li>Added plugin update logic<\/li>\n<li>Upgraded to SimpleModal 1.4<\/li>\n<li>Added additional screenshots<\/li>\n<li>Added filters for each form (login, register, password reset) output HTML to allow for customization<\/li>\n<\/ul>\n\n<h4>0.3<\/h4>\n\n<ul>\n<li>Added uninstall cleanup code<\/li>\n<li>Updated POT file<\/li>\n<li>Added the ability to add new themes dynamically<\/li>\n<li>Renamed CSS and JS theme files (removed simplemodal-login- prefix)<\/li>\n<li>Removed unused code<\/li>\n<li>Changed redirect option meaning on the Settings page<\/li>\n<\/ul>\n\n<h4>0.2<\/h4>\n\n<ul>\n<li>Updated POT file<\/li>\n<\/ul>\n\n<h4>0.1<\/h4>\n\n<ul>\n<li>Initial beta release<\/li>\n<\/ul>","raw_excerpt":"SimpleModal Login provides a modal Ajax login, registration, and password reset feature for WordPress which utilizes jQuery and the SimpleModal jQuery","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/7484","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=7484"}],"author":[{"embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/emartin24"}],"wp:attachment":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=7484"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=7484"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=7484"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=7484"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=7484"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=7484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}