Customize WordPress admin page without a plugin

The only thing you have to do is to copy the following piece of code, and paste it on your functions.php file:

function my_custom_login_logo() {
    echo '<script type="text/javascript" src="'.get_bloginfo('template_directory').'/js/jquery.fullscreenBackground.js"></script>
    <style type="text/css">
    body {
        background:url('.get_bloginfo('template_directory').'/images/ng2.jpg) !important;
        background-size:100% 100% !important;
        background-repeat:no-repeat !important;
    }
    h1 a {
        background:none !important;
    }
    #login {
        margin-left:60% !important;
        padding-top:15.7% !important;
    }
    .login h1 a {
        display:none !important;
    }
    #nav, #backtoblog{
        background:#fff;
    }
    .login #backtoblog {
        padding-bottom: 18px !important;
        text-align: right;
    }
    .login #nav {
        float: left;
        margin-left: 8px !important;
        padding: 6px !important;
        width: 45%;
    }
    .login #backtoblog {
        float: left;
        margin: 0 !important;
        padding: 6px !important;
        width: 45%;
    }
</style>';
}add_action('login_head', 'my_custom_login_logo');

Add !important tag to overwrite the admin css.

And you are all done !!

Advertisements

Login with Google in CakePHP

Implementing Google login system in your website is very easy with OAuth2 support, a simple and standard authorization method. With minimal line of PHP codes, we can acquire required user information from Google, and use the information to register or login users on click of a button. In this article let us learn to easily register/login users using Google PHP API library and MySQL.

This tutorial requires only one PHP page, all task are performed within the page with support of Google APIs Client Library for PHP. These library files are included in downloadable file at the bottom of this page, also look at their sample code, because this tutorial is based on it.

Database Table

Run SQL query below to create a new MySQL table called “google_users” using phpMyAdmin. There are five columns in the database table for the tutorial, and you will find that the length of Google profile IDs are too long (21 characters), it is not possible to accommodate these IDs into INT or BIGINT field, hence I have used DECIMAL(21,0), but you can also store them as string in VARCHAR field and create a separate auto increment primary field.

CREATE TABLE IF NOT EXISTS `google_users` (
`google_id` decimal(21,0) NOT NULL,
`google_name` varchar(60) NOT NULL,
`google_email` varchar(60) NOT NULL,
`google_link` varchar(60) NOT NULL,
`google_picture_link` varchar(60) NOT NULL,
PRIMARY KEY (`google_id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

Login with Google using PHP API library

Implementing Google login system in your website is very easy with OAuth2 support, a simple and standard authorization method. With minimal line of PHP codes, we can acquire required user information from Google, and use the information to register or login users on click of a button. In this article let us learn to easily register/login users using Google PHP API library and MySQL.

This tutorial requires only one PHP page, all task are performed within the page with support of Google APIs Client Library for PHP. These library files are included in downloadable file at the bottom of this page, also look at their sample code, because this tutorial is based on it.

Database Table

Run SQL query below to create a new MySQL table called “google_users” using phpMyAdmin. There are five columns in the database table for the tutorial, and you will find that the length of Google profile IDs are too long (21 characters), it is not possible to accommodate these IDs into INT or BIGINT field, hence I have used DECIMAL(21,0), but you can also store them as string in VARCHAR field and create a separate auto increment primary field.

CREATE TABLE IF NOT EXISTS `google_users` (
`google_id` decimal(21,0) NOT NULL,
`google_name` varchar(60) NOT NULL,
`google_email` varchar(60) NOT NULL,
`google_link` varchar(60) NOT NULL,
`google_picture_link` varchar(60) NOT NULL,
PRIMARY KEY (`google_id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

Creating Google OAuth API Keys and Developer Key

Google API lets you play with the core of Google system, by building queries, a client can access required data from various Google services, which can be used to build all types of Google based applications. Before sending API queries, a client application needs Google API keys. In this basic tutorial we will learn about obtaining Google API Keys and developer key from Google API console.

Create Client ID and Client Secret

1. Sign-in to Google and go to Google API console,  click API Access on the left sidebar, click big blue button “Create an OAuth 2.0 Cliend ID“.
   

Login Using Ajax

Create the first file Ajaxlogin.php :

<html>
<head>
<script language=”javascript”>
function postRequest(strURL)
{
var xmlHttp;
if(window.XMLHttpRequest)
{
// For Mozilla, Safari, …
var xmlHttp = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
// For Internet Explorer
              var xmlHttp = new ActiveXObject(“Microsoft.XMLHTTP”);
       }

       xmlHttp.open(‘POST’, strURL, true);
xmlHttp.setRequestHeader(‘Content-Type’, ‘application/x-www-form-urlencoded’);
xmlHttp.onreadystatechange = function()
{
if (xmlHttp.readyState == 4)
{
ajaxloginupdate(xmlHttp.responseText);
}
}
xmlHttp.send(strURL);
}