How to display a user’s last login date in #WordPress admin

Méhluli Hikwa — Sun, 04 Jul 2021 23:22:56 +0000

A few weeks ago when a WordPress site I managed crushed, I had the client ask to view stats of user login times. By default WP does not support this.

First quick fix for such solutions is to install a plugin. Great option - I found this plugin called When Last Login. Its a lightweight plugin that allows you to see active users according to their last login time/date, with zero configuration - plug and play.

After installing it worked well. But being the developer I am, I was not settled having an extra plugin so I did some reading in the WP Codex and after a month I figured out a solution - plugin free.

If you’re familiar with adding code snippets to your site via functions.php or the code snippets plugin you can use this to add the user’s last login timestamp to the WP admin.

//Record user's last login to custom meta
add_action( 'wp_login', 'capture_user_login_time', 10, 2 );

function capture_user_login_time( $user_login, $user ) {
    update_user_meta( $user->ID, 'last_login', time() );
}

//Register new custom column with last login time
add_filter( 'manage_users_columns', 'user_last_login_time_column' );
add_filter( 'manage_users_custom_column', 'last_login_column', 10, 3 );

function user_last_login_time_column( $columns ) {
    $columns['last_login'] = 'Last Login';
    return $columns;
}

// Output last login column onto WP Front end
function last_login_column( $output, $column_id, $user_id ){
    if( $column_id == 'last_login' ) {
        $last_login = get_user_meta( $user_id, 'last_login', true );
        $date_format = 'M j, Y';
        $hover_date_format = 'F j, Y, g:i a';
        $output = $last_login ? '<div title="Last login: '.date( $hover_date_format, $last_login ).'">'.human_time_diff( $last_login ).'</div>' : 'No record';
    }
    return $output;
}

NPM basics of Global Packages

Méhluli Hikwa — Fri, 12 Mar 2021 11:43:35 +0000

The information shared below is npm basics of global packages which are partially hidden or difficult to find in the docs page. I hope they help. Lets dabble.

1) NPM install global packages - example to install Webpack globally

npm install -g webpack

2) Listing globally installed NPM packages and version

npm list -g --depth=0

The result will look something like this:

C:\Users\thatAfro\AppData\Roaming\npm
+-- @angular/cli@8.3.29
+-- ionic@5.4.16
`-- webpack@4.46.0

3) Update Global Packages

Find/View packages which need to be updated:

npm outdated -g --depth=0

The result will look something like this:

C:\Users\thatAfro>npm outdated -g --depth=0
Package  Current  Wanted  Latest  Location
npm        6.1.0   6.2.0   6.2.0
webpack   4.12.1  4.16.1  4.16.1

Update all global packages

npm update -g

In some cases you may want to update packages one at a time, so you can do this as follows:

npm update -g

For example updating webpack, it would look like this

npm update -g webpack

4) Uninstall Global Packages

npm uninstall -g
For example uninstall webpack, it would look like this

npm uninstall -g webpack

5) Uninstall npm modules in node.js

As commonly known, any npm module can be installed by running a simple command: npm install

The command is simply npm uninstall

The nodejs documents have all the commands that you need to know with npm.

A local install will be in the node_modules/ directory of your application. This won't affect the application if a module remains there with no references to it.

If you’re removing a global package however, any applications referencing it will crash.

Here are different options:

npm uninstall removes the module from node_modules, but not package.json

npm uninstall --save also removes it from dependencies in package.json

npm uninstall --save-dev also removes it from devDependencies in package.json

npm -g uninstall --save also removes it globally.

For further help with npm, you can visit the docs page

NPM Official Documentation

DEV Community: Méhluli Hikwa

How to display a user’s last login date in #WordPress admin

NPM basics of Global Packages