Search

smyles tools

GetWebsiteIP.com

Recent GitHub Activity

@tripflex
tripflex commented on issue ultimatemember/ultimatemember#522 Mar 4, 2021
@tripflex tripflex commented Mar 4, 2021

@robtucker168 couldn't agree more ... the income from the paid addons should be enough to support fixing these issues it shouldn't land on the shou…

@tripflex
tripflex commented on issue Automattic/WP-Job-Manager#2054 Feb 28, 2021
@tripflex tripflex commented Feb 28, 2021

I think the solution here is to just change this: WP-Job-Manager/templates/form-fields/wp-editor-field.php Line 41 in 00df198 To this: w…

@tripflex
tripflex commented on issue Automattic/WP-Job-Manager#2054 Feb 28, 2021
@tripflex tripflex commented Feb 28, 2021

To add to this: When listing is saved from frontend edit, the <p> tags are saved correctly, when that value is loaded in the admin area, these are …

@tripflex
tripflex commented on issue Automattic/WP-Job-Manager#2054 Feb 28, 2021
@tripflex tripflex commented Feb 28, 2021

I can confirm this is an issue as well, tested on a blank install and should probably be considered a major bug as this means any edit from a user …

@tripflex
tripflex commented on issue Automattic/WP-Job-Manager#1600 Feb 27, 2021
@tripflex tripflex commented Feb 27, 2021

@ockang as jom mentioned, this is really meant for the support forums not for GitHub which is meant for issues. Sounds like you're going through Re…

Featured Downloads

  • Skrillex and Zedd Transparent PSD (2384 downloads)
  • Skrillex TomorrowWorld 2014 Full Set (2529 downloads)
  • Serato to Traktor SSL Database Importer for Mac OSX (2206 downloads)
  • Odin 3 (52136 downloads)
  • Odin v3 (3791 downloads)

Recent Comments

Just Facts

One snag with the docker install of plex. For

Gery M

it did not solve my problem still the same

Gery M

did you find your solution, i am stuck no

Popular Posts

Ubuntu End of Life Package Repository
21 Jul , 2014

How to fix Ubuntu/Debian apt-get 404 Not Found Package Repository Errors (Saucy, Raring, Quantal, Oneiric, Natty…)

Ajenti V
14 Feb , 2014

How to setup a WordPress PHP site with Nginx, PHP5-FPM, and MySQL using Ajenti V with working Permalinks

Plex Media Server
18 Nov , 2013

How to move Plex metadata and index data to new drive/partition and/or directory location

Bunch of Flash Drives
28 Mar , 2013

Tutorial How to build the Ultimate Bootable Custom USB Flash Drive with Multiple ISOs for Windows, Linux, Etc, and PortableApps for Windows Desktop.

D-Link Boxee Box
05 Dec , 2013

How to obtain root, install and run XBMC on D-Link Boxee Box

16 Oct , 2012

Samsung Galaxy III (S3) GT-I9300 JTAG Leaked Document. How to repair soft bricked Galaxy S3.

Git’n Busy

  • Github
  • GitTip

Tags

Android apache apt-get backup bash Container cPanel Database debian DNS Download email Errors files footer ftp Git install jQuery linux mac Mail MySQL node open source OpenVZ output php Plex plugin Popup proxmox Remove s3 script server ssh suphp Ubuntu Unmount Update upgrade whmcs Windows wordpress
Code and Tech Junkie
  • Menu
  • About
  • Plugins
  • Downloads
  • Contact
  • Github
  • GitTip

How to change WordPress Login background, logo, and link URL using functions and custom CSS

08 Feb , 2014 5 Comments Standard Post

Creating your own custom wordpress login page is a lot easier than you may think. First you will need to open the functions.php file for the theme you are going to be using.

This should be located at
~/public_html/wp-content/themes/yourtheme/functions.php

 

You will also need to add the CSS below to your theme’s style.css file, this should be located at

~/public_html/wp-content/themes/yourtheme/style.css

Replace yourtheme with the theme you will be using.

Example Preview

 

You will need to add the following lines of code to the bottom of your functions.php file:

Full Code

Add this code to your theme's function.php file
PHP
1
2
3
4
5
function the_url( $url ) {
    return get_bloginfo( 'url' );
}
 
add_filter( 'login_headerurl', 'the_url' );

Also add the following CSS to your theme’s style.css file, and customize to use your image, image size, etc..

Add this code to your theme's style.css file
CSS
1
2
3
4
5
6
7
8
9
10
body.login #login h1 a {
background: url('http://smyl.es/logo.png') no-repeat top transparent;
height: 128px;
width: 427px;
}
body.login {
background-image: url('http://smyl.es/background.png');
background-size: 100%;
background-attachment: fixed;
}

 

Breakdown

 

Create a function to return a URL

First we will create the function that will return the URL we want the link to use.

PHP
1
2
3
function the_url( $url ) {
    return get_bloginfo( 'url' );
}

The code above will use the default URL configured in WordPress settings.  If you want to use a custom URL then use this code instead:

PHP
1
2
3
function the_url( $url ) {
    return "http://my-custom-url.com";
}

Add filter to change the URL for the link

Next we will use add_filter (WordPress Codex)  to add a filter that will change the link URL for the image on the login page by calling the function we created above that will return the URL.

PHP
1
add_filter( 'login_headerurl', 'the_url' );

Add CSS to modify image and background

Finally we will add the CSS to our theme’s style.css file, which we can customize to use our own image, or styling.

CSS
1
2
3
4
5
6
7
8
9
10
body.login #login h1 a {
background: url('http://smyl.es/logo.png') no-repeat top transparent;
height: 128px;
width: 427px;
}
body.login {
background-image: url('http://smyl.es/background.png');
background-size: 100%;
background-attachment: fixed;
}

TIP: Make sure you don’t accidentally put this code at the VERY bottom of the page because it still need to be included inside the standard PHP tags. This means the very last characters in the functions file should be ?> which is the closing tag for a PHP script. This must be at the very bottom or you will have problems.

#admin #background #custom #function change url #link #login #php #wordpress #wordpress login page
Share

Myles

Orlando, FL

Did this post help you?

Give back and rate it for me!

Related Posts

22 Dec , 2017

Setting ArduinoJson value from C++ STL Containers (std::vector, std::array, etc)

CloudFlare EasyApache4 Problems
07 Nov , 2017

CloudFlare mod_cloudflare WHM EasyApache4 CloudLinux Cannot load modules/mod_cloudflare.so

WordPress Login Form wp-login.php
19 Jan , 2017

How to block wp-login.php brute logins with cPanel, mod security, and ConfigServer Firewall

16 Dec , 2016

How to fix Mac OSX stuck/hanging on progress bar after login

  • Sam sandy

    very nice and thanks for sharing the helpful one.

  • AppActuator.com

    Thank u … It really worked for me…

  • Mobiers.com

    I have tried this sadly it did not worked..:(

    • Myles

      Must be another issue with your site or theme. I updated the method used, but the original version (as well as this one) was tested to work correctly, try this method and see if that works for you or not.

  • Wahooka

    Exactly what I was looking for! Thx!

expert-button

(C) 2014 Myles McNamara