Replace Voxel Dashboard Greeting With Random Greeting

Replace Voxel Dashboard Greeting With Random Greeting is a tiny snippet that you can add to your dashboard page template.

I found the static greeting on the Voxel dashboard a bit boring and added this fun snippet into my dashboard.

Here is how you can replace the Voxel dashboard greeting with a random greeting

#1: Add this snippet into the title text element of the “Greetings, username” field on the dashboard page template:

<div id="greeting">Hello<span id="name">, @user(:display_name)</span></div>

#2 Add this code into the dashboard page somewhere below this field, for example, through a WPcode snippet shortcode:

// Get alternative greetings
const alternativeGreetings = [
  "Hi",
  "Hey",
  "Greetings",
  "Salutations",
  "Yo",
  "Hello there",
  "Hey there",
  "What's up",
  "Howdy",
  "Good day",
  "Hola",
  "Hiya",
  "Sup",
  "Heya",
  "Namaste",
  "Bonjour",
  "Ciao",
  "Konnichiwa",
  "Guten Tag",
  "Shalom",
  "Salaam",
  "Merhaba",
  "Hei",
  "Aloha",
  "Hej",
  "Hoi",
  "Oi",
  "Dobry den",
  "Selamat pagi",
  "Sawasdee",
  "Nǐ hǎo",
  "Witaj",
];

// Get a reference to the element
const greetingElement = document.getElementById('greeting');

// Get a reference to the "Hello" part of the greeting
const helloPart = greetingElement.firstChild;

// Randomly select an alternative greeting
const randomIndex = Math.floor(Math.random() * alternativeGreetings.length);
const randomGreeting = alternativeGreetings[randomIndex];

// Update the content of the "Hello" part
helloPart.textContent = randomGreeting;

And that’s it. Have fun! 🙂

If you do not have Voxel yet, you can support me by getting it through this link: Get Voxel

And check out my other Voxel related blog posts!