Changeset 2898156

Timestamp:

04/13/2023 04:05:25 AM (3 years ago)

Author:

Hakik

Message:

v1.1.1: background control, improved script

Location:

ideal-wp-login-logo-changer/trunk

Files:

• admin/backend.js (modified) (2 diffs)
• ideal-wp-login-logo-changer.php (modified) (12 diffs)
• readme.txt (modified) (3 diffs)

ideal-wp-login-logo-changer/trunk/admin/backend.js

@@ -1 @@
-jQuery(document).ready(function($){
-        $('#iwllc-upload-btn').click(function(e) {
+
+(function($){
+
+    $(document).ready(function(){
+
+        // Depend on saved type to hide/show color/image field
+        if( iwllc_admin.bg_type === 'color' ){
+            $('.type_image').hide();
+            $('.type_color').show();
+        }
+        else{
+            $('.type_color').hide();
+            $('.type_image').show();
+        }
+
+        $('.iwllc_wp_bg_select').on('change', function(){
+
+            // Get the selected value
+            var selected_type = $(this).find(":selected").val();
+
+            if( selected_type === 'color' ){
+                $('.type_image').hide();
+                $('.type_color').show();
+            }
+            else{
+                $('.type_color').hide();
+                $('.type_image').show();
+            }
+
+        });
+
+        // Initialize color picker
+        $('.iwllc_wp_bg_color').wpColorPicker();
+
+        // Image Popup Function
+        $('[id=iwllc-upload-btn]').click(function(e) {
             e.preventDefault();
+            var btn = $(this);
             var image = wp.media({ 
                 title: 'Upload Logo',
@@ -10 +45 @@
                 console.log(uploaded_image);
                 var image_url = uploaded_image.toJSON().url;
-                $('#iwllc_wp_logo_url').val(image_url);
+                btn.closest('td').find('input[type=text]').val(image_url);
             });
         });
+
+
+
     });
+
+})(jQuery);
+

ideal-wp-login-logo-changer/trunk/ideal-wp-login-logo-changer.php

@@ -3 +3 @@
 Plugin Name: Custom Login Logo For WordPress
 description: Change the default WordPress logo by uploading your site logo for the login page.
-Version: 1.1.0
+Version: 1.1.1
 Author: Hakik Zaman
 Author URI: https://github.com/hakikz
@@ -22 +22 @@
 
 /*Defining Constant*/
-define("IWLLC_VERSION", '1.1.0');
+define("IWLLC_VERSION", '1.1.1');
 
 
@@ -29 +29 @@
 {
    register_setting( 'iwllc_change_login_options_group', 'iwllc_wp_logo_url');
+   register_setting( 'iwllc_change_login_options_group', 'iwllc_wp_set_bg');
+   register_setting( 'iwllc_change_login_options_group', 'iwllc_wp_bg_color');
+   register_setting( 'iwllc_change_login_options_group', 'iwllc_wp_bg_img_url');
    register_setting( 'iwllc_change_login_options_group', 'iwllc_wp_logo_link');
    register_setting( 'iwllc_change_login_options_group', 'iwllc_wp_logo_width');
@@ -47 +50 @@
 
     $cur_logo = esc_attr( get_option('iwllc_wp_logo_url', '') );
+    $cur_bg_img = esc_attr( get_option('iwllc_wp_bg_img_url', '') );
 
     ?>
@@ -56 +60 @@
             <?php do_settings_sections( 'iwllc_change_login_options_group' ); ?>
             <table class="form-table">
+
+                <!-- Logo Section -->
                 <?php if( $cur_logo !== "" ): ?>
                 <tr valign="top">
@@ -64 +70 @@
                 </tr>
                 <?php endif; ?>
-                <tr valign="top">
-                    <th scope="row"><?php echo __( 'Set Your Logo' ); ?> </th>
+                
+                <tr valign="top">
+                    <th scope="row"><?php echo __( 'Set Logo' ); ?> </th>
                     <td>
                         <input type="text" id="iwllc_wp_logo_url" name="iwllc_wp_logo_url" value="<?php echo esc_attr( get_option('iwllc_wp_logo_url') ); ?>" />
@@ -72 +79 @@
                     </td>
                 </tr>
+
+                <!-- Choose Background Type Section -->
+                <tr valign="top">
+                    <th scope="row"><?php echo __( 'Set Background Type' ); ?></th>
+                    <td>
+                        <select class="iwllc_wp_bg_select" name="iwllc_wp_set_bg">
+                            <option value="color" <?php echo ( empty( get_option('iwllc_wp_set_bg') ) || get_option('iwllc_wp_set_bg') === 'color' ) ? 'selected' : ''  ?> >Color</option>
+                            <option value="image" <?php echo ( get_option('iwllc_wp_set_bg') === 'image' ) ? 'selected' : ''  ?>>Image</option>
+                        </select>
+                        <p class="description"><i><?php echo __( 'Default type is `Color`' ) ?></i></p>
+                    </td>
+                </tr>
+
+                <!-- Background Color Section -->
+                <tr class="type_color" valign="top">
+                    <th scope="row"><?php echo __( 'Set Background Color' ); ?> </th>
+                    <td>
+                        <input type="text" class="iwllc_wp_bg_color" id="iwllc_wp_bg_color" name="iwllc_wp_bg_color" value="<?php echo esc_attr( get_option('iwllc_wp_bg_color', '#f0f0f1') ); ?>" data-default-color="#f0f0f1" />
+                        <p class="description"><i><?php echo __( 'Set your desired color, to change the login page background color' ) ?></i></p>
+                    </td>
+                </tr>
+
+
+                <!-- Background Image Section -->
+                <?php if( $cur_bg_img !== "" ): ?>
+                <tr class="type_image" valign="top">
+                    <th>Current Background Image</th>
+                    <td>
+                        <img src="<?php echo esc_attr( get_option('iwllc_wp_bg_img_url') ); ?>" alt="Current Background Image" width="220">
+                    </td>
+                </tr>
+                <?php endif; ?>
+
+
+                <tr class="type_image" valign="top">
+                    <th scope="row"><?php echo __( 'Set Background Image' ); ?> </th>
+                    <td>
+                        <input type="text" id="iwllc_wp_bg_img_url" name="iwllc_wp_bg_img_url" value="<?php echo esc_attr( get_option('iwllc_wp_bg_img_url') ); ?>" />
+                        <input type="button" name="iwllc-upload-btn" id="iwllc-upload-btn" class="button-secondary" value="Upload Logo">
+                        <p class="description"><i><?php echo __( 'This Image will be displayed as background image of Login Page' ) ?></i></p>
+                    </td>
+                </tr>
+
+                <!-- Logo Custom Link Section -->
                 <tr valign="top">
                     <th scope="row"><?php echo __( 'Set Your Logo Link' ); ?> </th>
@@ -79 +130 @@
                     </td>
                 </tr>
+
+                <!-- Logo Width Settings Section -->
                 <tr valign="top">
                     <th scope="row"><?php echo __( 'Width' ); ?></th>
@@ -86 +139 @@
                     </td>
                 </tr>
+
+                <!-- Logo Height Settings Section -->
                 <tr valign="top">
                     <th scope="row"><?php echo __( 'Height' ); ?></th>
@@ -105 +160 @@
     $screen = get_current_screen(); 
     if ($screen->id === 'settings_page_change_login_logo') {
+        wp_enqueue_style( 'wp-color-picker' );
+        wp_enqueue_script( 'wp-color-picker');
         wp_enqueue_script( 'iwllc-backend', plugins_url( '/admin/backend.js', __FILE__ ), array('jquery'), IWLLC_VERSION, 'true' );
+        $values = array(
+            'bg_type' => get_option('iwllc_wp_set_bg', 'color')
+        );
+        wp_localize_script( 'iwllc-backend', 'iwllc_admin', $values );
     }
 }
@@ -115 +176 @@
 function iwllc_wordpress_custom_login_logo() {
     $logo_url=get_option('iwllc_wp_logo_url');
+
+    $bg_type = get_option('iwllc_wp_set_bg', 'color');
+
+    $bg_color=get_option('iwllc_wp_bg_color', '#f0f0f1');
+
+    $bg_img_url=get_option('iwllc_wp_bg_img_url');
+
     $iwllc_wp_logo_height=get_option('iwllc_wp_logo_height');
+
     $iwllc_wp_logo_width=get_option('iwllc_wp_logo_width');
+
     if(empty($iwllc_wp_logo_height))
     {
@@ -133 +203 @@
         $iwllc_wp_logo_width.='px';
     }
-    if(!empty($logo_url))
-    {
-        echo '<style type="text/css">'.
-             'h1 a { 
-                background-image:url('.$logo_url.') !important;
-                height:'.$iwllc_wp_logo_height.' !important;
-                width:'.$iwllc_wp_logo_width.' !important;
-                background-size:100% !important;
-                line-height:inherit !important;
-                }'.
-         '</style>';
-    }
+
+    $style = '<style type="text/css">';
+        if(!empty($logo_url)){
+            $style .=    'h1 a { 
+                    background-image:url('.$logo_url.') !important;
+                    height:'.$iwllc_wp_logo_height.' !important;
+                    width:'.$iwllc_wp_logo_width.' !important;
+                    background-size:100% !important;
+                    line-height:inherit !important;
+                    }';
+        }
+
+        if(!empty($bg_img_url) && $bg_type === "image"){
+            $style .=    'body.login.login-action-login{
+                    background-image:url('.$bg_img_url.') !important;
+                    background-repeat: no-repeat;
+                    background-size: 100%;
+                    background-position: center center;
+                }';
+        }
+
+
+        $style .= ' body.login.login-action-login{
+
+                background-color: '.$bg_color.';
+
+            }';
+
+    $style .= '</style>';
+
+    echo $style;
 }
 add_action( 'login_head', 'iwllc_wordpress_custom_login_logo' );

ideal-wp-login-logo-changer/trunk/readme.txt

@@ -2 +2 @@
 Contributors: hakik, idealwebguru
 Tags: Change WP default logo, WordPress Logo change, Login Logo, Custom logo, WP admin logo, 
-Requires at least: 4.6
-Tested up to: 5.9
+Requires at least: 5.8
+Tested up to: 6.2
 Requires PHP: 5.2.4
-Stable tag: 1.1.0
+Stable tag: 1.1.1
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
@@ -19 +19 @@
 == Feature Highlights Of Custom Login Logo For WordPress  ==
 👉 Set your website logo for the login page using **Custom Login Logo For WordPress**
+👉 Change the background. You can add a color or image for your login page background.
 👉 You can set the width and height of the logo from settings panel
 👉 By default, the login logo will not redirect to wordpress.org rather than redirect to your site.
@@ -61 +62 @@
 == Changelog ==
 
+= 1.1.1 [13-04-2023] =
+* Feature: Change the Backgroud of the login page. Can be added color/image for the background of the login page.
+* Dev: Improved the script.
+* Compatibility: WordPress 6.2.
+
 = 1.1.0 =
 * Feature: Display current Login Logo in plugin setting page.