How to Create Default Profile Image Dynamically from First and Last Name in PHP

How to Create Default Profile Image Dynamically from First and Last Name in PHP
Get first letters from first and last name using PHP: First, we need to split the full name into first name and last name and generate short characters from the user’s name. Retrieve the first letters of first and last name. Concat two letters to make short characters of the full name. <?php // Full name of the user $user_full_name = 'Demo User'; $full_name_arr = explode(" ", $user_full_name); $full_name_arr_end = end($full_name_arr); $firstWord = !empty($full_name_arr[0])?$full_name_arr[0]:''; $lastWord = !empty($full_name_arr_end[0])?$full_name_arr_end[0]:''; $charF = !empty(mb_substr($firstWord, 0, 1))?mb_substr($firstWord, 0, 1):''; $charL = !empty(mb_substr($lastWord, 0, 1))?mb_substr($lastWord, 0, 1):''; $shortChar = $charF.$charL; ?> Create an HTML element with the first letters of first and last name: Print short characters of the default image in HTML. <div class="profile-image"> <?php echo trim($shortChar); ?> </div> Define CSS to display default profile image: Apply CSS to the selector of the HTML element (`profile-image`) to make it look like an image. .profile-image { width: 120px; height: 120px; border-radius: 50%; background: #512DA8; font-size: 35px; color: #fff; text-align: center; line-height: 120px; margin: 20px 0; } www.codexworld.com

How to Create Default Profile Image Dynamically from First and Last Name in PHP

Get first letters from first and last name using PHP:
First, we need to split the full name into first name and last name and generate short characters from the user’s name.

Retrieve the first letters of first and last name.
Concat two letters to make short characters of the full name.

<?php
// Full name of the user
$user_full_name = 'Demo User';
$full_name_arr = explode(" ", $user_full_name);
$full_name_arr_end = end($full_name_arr);
$firstWord = !empty($full_name_arr[0])?$full_name_arr[0]:'';
$lastWord = !empty($full_name_arr_end[0])?$full_name_arr_end[0]:'';
$charF = !empty(mb_substr($firstWord, 0, 1))?mb_substr($firstWord, 0, 1):'';
$charL = !empty(mb_substr($lastWord, 0, 1))?mb_substr($lastWord, 0, 1):'';
$shortChar = $charF.$charL;
?>

Create an HTML element with the first letters of first and last name:
Print short characters of the default image in HTML.

<div class="profile-image"> <?php echo trim($shortChar); ?> </div>

Define CSS to display default profile image:
Apply CSS to the selector of the HTML element (profile-image) to make it look like an image.

.profile-image { width: 120px; height: 120px; border-radius: 50%; background: #512DA8; font-size: 35px; color: #fff; text-align: center; line-height: 120px; margin: 20px 0; }

www.codexworld.com

Published:	November 23, 2022
Author:	admin
Category:	Full Tutorials
Views:	12

This article was posted in Full Tutorials. Bookmark the permalink. Follow comments with the RSS feed for this post.Post a Comment or leave a trackback: Trackback URL.

Leave a Reply Cancel reply