How to Install a MediaWiki Skin

Home » Knowledge Base » Design Tools » MediaWiki » How to Install a MediaWiki Skin

In MediaWiki, skins determine the visual appearance of your wiki website. Skins define how content is presented to users and include such settings for the overall website layout, typography, color scheme, and more.

By default, when you install MediaWiki, the platform comes with several pre-installed skins that you can choose from when working on your wiki layout design. However, if none meet your preferences, you can browse and install other themes that fit your design requirements.

It is important to know that MediaWiki skins only change the front-end design of your MediaWiki site and do not change any core functionality of your wiki.

In this article, we share how to install a MediaWiki skin, how to activate it, and how to use it on your wiki project in several easy-to-follow steps.

 

Step 1: Download a MediaWiki Skin

The first step in the process is to find and download a skin that best suits your design requirements. To do so, you can browse the vast Media Wiki Skin Library.

Browse the list of available skins and download the one you like the best on your computer device. To do so, browse the available MediaWiki skins, and click on the name of the one you wish to browse and eventually download:

Browse the list of available MediaWiki skins to install the one that best suits your needs

 

Once you open the Skin’s review page, click on the Download button:

Download MediaWiki skin

 

After you click the Download button, an archived set of files will be downloaded on your computer device. The next step is to upload this file to the AwardSpace server where you have installed MediaWiki core. We share how to do so in the following paragraphs.

 

Step 2: Upload the Skin to MediaWiki

Now that you have the ZIP file on your device, it is time to upload it to the AwardSpace server where MediaWiki core is installed.

To do so, first log in to the AwardSpace Hosting Panel.

Once there, head to File Manager:

AwardSpace hosting panel File Manager

 

Then, open the root directory of your MediaWiki website by double-clicking on the folder with the website’s domain name:

MediaWiki website root directory in AwardSpace hosting panel

 

Then, within that folder, find another one called Skins/:

MediaWiki root folder skins directory

 

Double-click on the skins/ folder so that you can browse its content:

MediaWiki list of installed skins

 

Now, it is time to upload the ZIP file with the skin you downloaded on your computer device. To do so, click on the blue Upload button at the top of the screen:

Upload files by clicking the upload button in the hosting panel

 

A new window will open. Once you see it, click on Click to Select Files:

Select files to upload to MediaWiki

 

Then, browse your computer device and double-click on the ZIP file with your skin. Once you do, the system will upload it to the skins/ directory.

Once the ZIP file is uploaded, you can see it within the skins/ folder:

Uploaded ZIP file to MediaWiki root folder

 

Now, it is time to extract the ZIP file, so MediaWiki can use the skin. To do so, right-click on the uploaded ZIP file and click on Extract Here:

Extract the zipped MediaWiki skin files

 

Once the extraction process is finished, you will see a new folder with the skin files within it:

MediaWiki skin folder extracted

 

Now you have managed to upload your skin to the MediaWiki root folder.

The next step is to activate the theme, so you can start using it on your wiki website.

 

Step 3: Activate the Skin

Now that you have installed your new MediaWiki skin, it is time to activate it. To do so, you should open the LocalSettings.php file and add a code snippet inside.

The process is simple and requires only a few clicks here and there.

First, log in to your AwardSpace hosting panel. Then, head to File Manager, just as you did when uploading the skin to the system.

After that, open the root folder of your MediaWiki website, just as you did in the previous steps.

Then, within the root folder of your MediaWiki website, search for a LoacalSettings.php file and open it by double-clicking on its folder:

MediaWiki LocalSettings.php file

 

After you open the file, add this string at the end of the document:

wfLoadSkin( ‘SkinName’ );

However, replace ‘SkinName’ with the name of the skin you have downloaded. In our example, the snipped looks like this:

wfLoadSkin( ‘Onyx-master’ );

Add code snippet to the LocalSettings.php file

 

Once you add the snippet, click on the blue Save button at the top of the document, so AwardSpace saves and applies the changes you just made:

Save changes to the LocalSettings.php file

 

Now, you have activated the new theme.

To use it, go to your website and log in to MediaWiki.

Once you do, go to Preferences:

MediaWiki website Preferences tab

 

A new page should load. Once you see it, go to Appearance:

MediaWiki Appearance settings tab

 

Once you open the Appearance tab, you should see a list of available skins for your MediaWiki website. Within this list, you will be able to see and select the theme you just installed and activated:

MediaWiki skins list

 

To use the theme, simply select it and then click on the blue Save button at the bottom of the page:

Select and activate new MediaWiki skin

 

Now your MediaWiki website uses the new theme you just selected.

 

Conclusion – How to Install a MediaWiki Skin

Now you know how to install a MediaWiki skin, how to activate it and use it on your wiki project.

Read also:

Was this post helpful?

i

Relevant tags:

Connect

Latest posts:

How to Access Your Website Usage Report

All AwardSpace hosting plans include a handy analytics tool that allows you to monitor your hosting features and their usage. Once you subscribe to any of our plans or register a domain name with AwardSpace, including our free hosting, you have the option readily...

How to Access the AwardSpace Terms of Services

When you sign up for any of the AwardSpace hosting services, it is always a good idea to read our Terms of Service carefully. At AwardSpace, we want each user to know and understand their rights, responsibilities, and the scope of our services. Our Terms of Service...

How to Add Dynamic Fields in Vtiger

Vtiger is a versatile CMS that you can use for free with all AwardSpace hosting plans. The CMS offers numerous options to manage your online business, workflows, and team roles. Among other useful tweaks, Vtiger also provides you with dynamic fields and layouts that...

How to Add Tags in Vtiger

Tags in Vtiger grant you the possibility to quickly and efficiently organize and retrieve records. Tags work like labels, allowing you to distribute leads, contacts, opportunities, tickets, and other entries into different categories based on a set of criteria. What...

How to Set Up User Roles in Vtiger

User roles in Vtiger are an important feature that enables you to control access and determine how your team members interact with the system. By tweaking user roles, you can set up permissions, control access levels, and make sure that sensitive business information...



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 Access Your Website Usage Report

All AwardSpace hosting plans include a handy analytics tool that allows you to monitor your hosting features and their usage. Once you subscribe to any of our plans or register a domain name with AwardSpace, including our free hosting, you have the option readily...

How to Access the AwardSpace Terms of Services

When you sign up for any of the AwardSpace hosting services, it is always a good idea to read our Terms of Service carefully. At AwardSpace, we want each user to know and understand their rights, responsibilities, and the scope of our services. Our Terms of Service...

How to Add Dynamic Fields in Vtiger

Vtiger is a versatile CMS that you can use for free with all AwardSpace hosting plans. The CMS offers numerous options to manage your online business, workflows, and team roles. Among other useful tweaks, Vtiger also provides you with dynamic fields and layouts that...

How to Add Tags in Vtiger

Tags in Vtiger grant you the possibility to quickly and efficiently organize and retrieve records. Tags work like labels, allowing you to distribute leads, contacts, opportunities, tickets, and other entries into different categories based on a set of criteria. What...

How to Set Up User Roles in Vtiger

User roles in Vtiger are an important feature that enables you to control access and determine how your team members interact with the system. By tweaking user roles, you can set up permissions, control access levels, and make sure that sensitive business information...

How to Install Extensions on Vtiger

Vtiger is a versatile open-source platform that helps you with managing your business processes - streamline customer relationships, manage sales, manage your team, and more. One of the platform's great features is the ability to add new functionalities by installing...

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.