Giter Club home page Giter Club logo

my-wp-login-logo's Introduction

My Wordpress Login Logo

Here you can find some changes from the original plugin to allow dynamic URL. Instead of use the absolute path to the logo you can use...

// Original plugin
http://example.com/wp-content/themes/my-theme/assets/img/logo.png

// Changes
[site_url]/wp-content/themes/my-theme/assets/img/logo.png

... and you will have the imagem path according your site_url() value.

Original Plugin URL: https://wordpress.org/plugins/my-wp-login-logo/

My Wordpress Login Logo lets you to add a custom logo in your wordpress login page instead of the usual wordpress logo and customize your login page.

Description

My Wordpress Login Logo lets you to add a custom logo in your wordpress login page instead of the usual wordpress logo and customize your login page.

It also allows you to specify the height and width of the logo. Apart from that you can also customize the login form by adding a custom message below login form and also provide some cool fade in effects for the login form. By adding your custom logo in your login page, you can make your website more professional and also impress the guest bloggers and other users who view these pages.

Installation

This section describes how to install the plugin and get it working.

  1. Upload the plugin.
  2. Activate the plugin through the 'Plugins' menu in WordPress
  3. Upload your desired logo using the WordPress media uploader and copy the uploaded image's File URL path.
  4. Click the My Wordpress Login Logo and paste the uploaded image's File URL path in the Logo URL field provided.
  5. That's it! You can now logout and check your yousite.com/wp-admin/ or yousite.com/wp-login/ page to see the changes.

Frequently Asked Questions

How does it Works?

  1. Upload your desired logo using the WordPress media uploader.
  2. Copy the uploaded image's File URL path and input it in the Logo URL field.
  3. That's it! You can now logout and check your yousite.com/wp-admin/ page to see the changes.

How to change the logo size?

Simply input your desired logo height and width in the given fields to change the displayed logo size.

What is the recommened logo size?

Less than or equal to 320px width and 70px height is the recommended logo size for your Wordpress Login Page.

Screenshots

  1. My Wordpress Login Logo Settings Page
  2. Wordpress Login Page

Changelog

2.0

  • Add Custom Message below Login Form feature added.
  • Customize Login Form using a Fade In effect.
  • CSS Fix for smaller size logo images. Thanks to Valentins Ivanovs for the css fix.

1.1

  • Implemented the option to edit the image link

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.