[Elementor] Which element to use for listing/displaying "skills" in a portfolio website

Goreng

New member
May 15, 2022
23
6
3
Hi friends,
Im new to elementor and wordpress in general and wanted to make a portfolio website for myself as a exercise.
Which element should I use to make something like this in elementor?
1653371806087.png
Green box is the amount of year, so I want it to update every year, for example this year its "4 years" and I want it to auto update to "5 years" next year.

Currently I made it manually with Image + heading + text editor
1653371901582.png
Is there a better way to make it? So that its easier to update and add more skills in the future?

If I posted this on the wrong category/place, please don't hesitate to tell me.

Thank you :D
 

DatDudeUpStairs

Be the change that you wish to see in the world.
Trusted Uploader
Jun 30, 2019
1,334
786
113
Asgardia
Hi friends,
Im new to elementor and wordpress in general and wanted to make a portfolio website for myself as a exercise.
Which element should I use to make something like this in elementor?
1653371806087.png
Green box is the amount of year, so I want it to update every year, for example this year its "4 years" and I want it to auto update to "5 years" next year.

Currently I made it manually with Image + heading + text editor
1653371901582.png
Is there a better way to make it? So that its easier to update and add more skills in the future?

If I posted this on the wrong category/place, please don't hesitate to tell me.

Thank you :D
hmm as I see you are using elementor, correct?

if I'm not mistaken it's better to use Wordpress developer with a subtitle (since) and beneath the subtitle add the year you have started the work,

just searched for suitable code but had no luck finding the simplified version
mayhaps someone else can help you with that

PHP:
<?php
//Create a date object out of a string (e.g. from a database):
$date1 = date_create_from_format('Y-m-d', '2026-05-10');

//Create a date object out of today's date:
$date2 = date_create_from_format('Y-m-d', date('Y-m-d'));

//Create a comparison of the two dates and store it in an array:
$diff = (array) date_diff($date1, $date2);

//Output the array:
echo '<pre>'.print_r($diff,1).'</pre>';
?>

//This will output the following:

/* (
    [y] => 4
    [m] => 10
    [d] => 22
    [h] => 0
    [i] => 0
    [s] => 0
    [f] => 0
    [weekday] => 0
    [weekday_behavior] => 0
    [first_last_day_of] => 0
    [invert] => 1
    [days] => 1787
    [special_type] => 0
    [special_amount] => 0
    [have_weekday_relative] => 0
    [have_special_relative] => 0
)
*/
//So you can simply use:

<?php
echo $diff['days'];
?>
 
  • Like
Reactions: Goreng and jos4kay

DatDudeUpStairs

Be the change that you wish to see in the world.
Trusted Uploader
Jun 30, 2019
1,334
786
113
Asgardia
  • Like
Reactions: Goreng

Goreng

New member
May 15, 2022
23
6
3
There's a better way to achieve it through custom post types.

You can check up YouTube videos on JetEngine.
Ive seen some video about it and I thought you need to make a post for it, but here I dont need to make a dedicated page for each "skills". But I havent tried it tho
 

Goreng

New member
May 15, 2022
23
6
3
Ive seen some video about it and I thought you need to make a post for it, but here I dont need to make a dedicated page for each "skills". But I havent tried it tho
Never mind, just tried it and it worked! thank you for the help
 
  • Like
Reactions: Saint Gabriel

About us

  • Our community has been around for many years and pride ourselves on offering unbiased, critical discussion among people of all different backgrounds. We are working every day to make sure our community is one of the best.

Quick Navigation

User Menu