Making Custom HTML User Profile Page by using Joomla Variables

Question

I guess its going to be complicated but i will try my best to make you understand, what i want to achieve. All i want, is to make a custom HTML page, which will show the information of the user who has logged into my Joomla website. But i want it to be good looking, i want to have a background image, i want to include CSS & different fonts for different Joomla variables. Example of what i want to acheive :

<p> Name : </p> <h1> Name of the user who has logged in </h1>

<p> Email : </p> <h2> Email of the user who has logged in </h2>

This is what i was talking about, assigning <h1> tag to the Name of the user or assigning <h2> to Email etc.

Is there anyway to connect a HTML page to the Joomla database & retrieve data from it & display it in this fashion.

Answer 1

Ok for starters, you can't use a .html site to display user information, instead you will require a .php file.

Once created, you will need to import the Joomla CMS like so:

define( '_JEXEC', 1 );
define( 'JPATH_BASE', realpath(dirname(__FILE__).'/' ));  
require_once ( JPATH_BASE .'/includes/defines.php' );
require_once ( JPATH_BASE .'/includes/framework.php' );
$app = JFactory::getApplication('site');

You may have to change line 2 of the code above depending on where the root of your Joomla site is relative to your custom PHP file.

Now to get the user name and email of the current user logged in, simply add the following code below:

$user = JFactory::getUser();

echo "<p>Name: " . $user->username . "</p>";
echo "<h1>Name of the user who has logged in </h1>";

echo "<p>Email: " . $user->email . "</p>"; 
echo "<h2>Email of the user who has logged in </h2>";

So you overall file will look like this:

<?php
   define( '_JEXEC', 1 );
   define( 'JPATH_BASE', realpath(dirname(__FILE__).'/' ));  
   require_once ( JPATH_BASE .'/includes/defines.php' );
   require_once ( JPATH_BASE .'/includes/framework.php' );

   $user = JFactory::getUser();

   echo "<p>Name: " . $user->username . "</p>";
   echo "<h1>Name of the user who has logged in </h1>";

   echo "<p>Email: " . $user->email . "</p>"; 
   echo "<h2>Email of the user who has logged in </h2>";    
?>