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 Log in to Zenphoto

Zenphoto is a handy CMS that helps you build a beautiful and fully functional gallery website. The app is widely used, thanks to its ease of use and great versatility. In another article, we shared how you can install Zenphoto on any of the AwardSpace hosting plans,...

How to Insall Zenphoto

Zenphoto is a handy CMS that allows you to build a gallery-based website. The platform is easy to use and has many features that allow you to manage your online gallery in numerous ways. Zenphoto comes as a free feature with each AwardSpace hosting plan, and you can...

How to Log in to TYPO3

TYPO3 is a powerful CMS platform that allows you to build a fully functional and aesthetically pleasing website. The platform is known for its versatility and long list of features. In another article, we shared how you can install TYPO3 on any of the AwardSpace...

How to Install TYPO3

You can install TYPO3 on all the AwardSpace hosting services—free web hosting, shared hosting, and premium plans such as Semi-Dedicated Hosting and VPS hosting. All AwardSpace hosting services are tailored to run TYPO3 smoothly, regardless of your website’s size or...

How to Add Products to Zen Cart: A Step-By-Step Guide

After you install Zen Cart and log in to the admin panel, you can start adding products to your online store. This guide walks you through the process step by step.   How to Add Products to Zen Cart To add a product to Zen Cart, you need to follow a few simple...



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 Log in to Zenphoto

Zenphoto is a handy CMS that helps you build a beautiful and fully functional gallery website. The app is widely used, thanks to its ease of use and great versatility. In another article, we shared how you can install Zenphoto on any of the AwardSpace hosting plans,...

How to Insall Zenphoto

Zenphoto is a handy CMS that allows you to build a gallery-based website. The platform is easy to use and has many features that allow you to manage your online gallery in numerous ways. Zenphoto comes as a free feature with each AwardSpace hosting plan, and you can...

How to Log in to TYPO3

TYPO3 is a powerful CMS platform that allows you to build a fully functional and aesthetically pleasing website. The platform is known for its versatility and long list of features. In another article, we shared how you can install TYPO3 on any of the AwardSpace...

How to Install TYPO3

You can install TYPO3 on all the AwardSpace hosting services—free web hosting, shared hosting, and premium plans such as Semi-Dedicated Hosting and VPS hosting. All AwardSpace hosting services are tailored to run TYPO3 smoothly, regardless of your website’s size or...

How to Add Products to Zen Cart: A Step-By-Step Guide

After you install Zen Cart and log in to the admin panel, you can start adding products to your online store. This guide walks you through the process step by step.   How to Add Products to Zen Cart To add a product to Zen Cart, you need to follow a few simple...

How to Log in to Zen Cart

Once you install Zen Cart, you can log in to the CMS and start working on your project. The login process is simple and is comprised of only a few steps.   How to Log in to Zen Cart There are two ways to log in to Zen Cart: Method 1: Login by following the...

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.