How to Enable and Customize User Glow in MediaWiki

Home » Knowledge Base » Design Tools » MediaWiki » How to Enable and Customize User Glow in MediaWiki

Now that you have installed MediaWiki and logged in to the admin panel, and you also learned how to add modules, it is time to make your wiki a bit more engaging and user-friendly. There are numerous ways to customize your Wiki project and one handy approach is to add the User Glow effect to highlight users or groups dynamically within the platform’s interface.

In the following paragraphs, we explain User Glow in MediaWiki and how to implement It on your website.

 

What is User Glow in MediaWiki

User Glow refers to the visual highlight of usernames within MediaWiki. The effect can include glowing text, colourful outlines, or any other eye-catching effect to make certain users stand out. In most cases, such an effect is used to outline the admins, moderators, VIP contributors, and others within a MediaWiki website.

 

How to Implement User Glow in MediaWiki

In the following paragraphs, we share how to set up a user glow effect in your MediaWiki. The process is comprised of a few easy-to-follow steps and requires a few minutes of your time.

 

Step 1: Identify Your User Groups

Before implementing technicality, it is first important to segment your user groups – decide which segments’ names would be highlighted and in what design, so you know how to approach the technical aspect of the User Glow implementation.

 

Step 2: Edit the Common.css File

In order to apply the glow effect for your user groups, you need to add a custom CSS sting to your Wiki. To do so, navigate to MediaWiki: Common.css within your root folder and add the following code (keep in mind that this is a sample code that adds a glowing green effect for admins and an orange glow for moderators. You can adjust the glowing effects and colours just the way it is most suitable for you):

/* Glow effect for admins */

.mw-userlink[data-user-group=”sysop”] {

    text-shadow: 0 0 5px #00FF00, 0 0 10px #00FF00, 0 0 15px #00FF00;

    font-weight: bold;

    color: #00FF00;

}

 

/* Glow effect for moderators */

.mw-userlink[data-user-group=”moderator”] {

    text-shadow: 0 0 5px #FF4500, 0 0 10px #FF4500, 0 0 15px #FF4500;

    color: #FF4500;

}

 

Step 3: Assign Users to Different Groups

After you have added the CSS code to your global stylesheet, it is time to assign the users to the groups you just customized. This can be done with Special: UserRights on your MediaWiki website.

User groups are a built-in MediaWiki feature that allows you to distribute and categorize users and grant specific permissions to each group. By assigning users to different groups, you can control who gets the user glow effects on their username.

Here’s how to assign users to groups in MediaWiki:

  1. Access the User Rights Management Page

Navigate to your wiki’s Special: UserRights page. You can do so by typing the following into your web browser’s address bar:

https://your-wiki-domain/Special:UserRights

  1. Search for Users

In the search bar on the Special: UserRights page, type the username of the individual you want to assign to a group. Then, click the Edit User Groups button to access the user’s group management settings.

Once you access the settings, you will see a list of various groups. Most commonly these default groups are:

  • * (everyone, including anonymous users)
  • user (all registered users)
  • sysop (administrators)
  • bureaucrat (users with rights to assign other user groups)

If you’ve created custom groups (e.g., moderator, VIP, etc.), they will appear here as well.

  1. To assign a user to a group:
    1. Select the checkbox next to the group(s) you want the user to belong to.
    2. For example, check the box next to sysop to make the user an administrator.
  2. To remove a user from a group:
    1. Uncheck the corresponding checkbox.
  3. Once you’ve made your selections, click the Save User Groups button to apply the changes. After saving, the changes will take effect immediately. Refresh the page or visit a page where the user’s username is displayed to confirm that the “user glow” effect is now active.

 

Conclusion

Adding a User Glow effect in MediaWiki is an effective way of making your website more engaging. By following the steps in our guide, you can add unique aesthetics to your platform and enhance usability.

Read also:

Was this post helpful?

i

Relevant tags:

Connect

Latest posts:

How to Remove a Product in OpenCart

After installing OpenCart and logging in to the dashboard, you can start adding and removing products immediately. We have already covered how to add products in OpenCart, and in this article, we share simple steps to delete products from your store with only a few...

How to Add Products in OpenCart

The most important element in your OpenCart project is the products you will offer your site visitors. In the following paragraphs, we share how to add products to your OpenCart website.   How to Create Products in Opencart The process of adding new products in...

How to Log in to OpenCart

After you install OpenCart, you can log in to the platform and start working on your project right away. To log in, you should open the OpenCart login page and enter the credentials you chose when installing the CMS. This will open the platform’s admin panel. In the...

How to Install OpenCart

You can install OpenCart on every AwardSpace web hosting plan, including our free web hosting, shared hosting, and advanced AwardSpace services such as Semi-Dedicated Hosting and VPS hosting. Keep in mind that all of the AwardSpace hosting services are tailored to run...

How to Change My Last Name in Moodle

If you are asking yourself "How to change my last name in Moodle", then you are at the right place. This guide will walk you through the steps for changing your last name in Moodle while addressing common concerns like ratings and discussions.   How to Change My...



Create a website for free!


Free forever

Our Support Team is Here to Help

 

If you need any questions answered, don't hesitate and contact us. Click the button below and follow the instructions. You can expect an answer within an hour.

 

Contact AwardSpace

 

iNewest knowledge base articles

How to Remove a Product in OpenCart

After installing OpenCart and logging in to the dashboard, you can start adding and removing products immediately. We have already covered how to add products in OpenCart, and in this article, we share simple steps to delete products from your store with only a few...

How to Add Products in OpenCart

The most important element in your OpenCart project is the products you will offer your site visitors. In the following paragraphs, we share how to add products to your OpenCart website.   How to Create Products in Opencart The process of adding new products in...

How to Log in to OpenCart

After you install OpenCart, you can log in to the platform and start working on your project right away. To log in, you should open the OpenCart login page and enter the credentials you chose when installing the CMS. This will open the platform’s admin panel. In the...

How to Install OpenCart

You can install OpenCart on every AwardSpace web hosting plan, including our free web hosting, shared hosting, and advanced AwardSpace services such as Semi-Dedicated Hosting and VPS hosting. Keep in mind that all of the AwardSpace hosting services are tailored to run...

How to Change My Last Name in Moodle

If you are asking yourself "How to change my last name in Moodle", then you are at the right place. This guide will walk you through the steps for changing your last name in Moodle while addressing common concerns like ratings and discussions.   How to Change My...

How to Change Your Name in Moodle

Changing your name in Moodle is a very simple task and requires only a few minutes of your time.   How to Change My Name in Moodle The process is comprised of a few easy-to-follow steps:   Step 1: Log in to Moodle After installing the CMS, you should log in...

Even more web tutorials

Check out our web hosting knowledge base and the WordPress tutorials to learn more, and be better prepared for your website creation and maintenance journey.