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 Add Charts to the Sidebar in SuiteCRM

Àlthough SuiteCRM doesn't support adding charts directly to the sidebar, there is a simple method that you can use to achieve the effect. In this guide, we share how to do so.   How to Add Charts to the Sidebar in SuiteCRM The process is comprised of a few...

How to Add Subpanel Filters in SuiteCRM

SuiteCRM's subpanels can be very useful in various situations, such as showing related records (like contacts under an account). However, as your database grows, so does the scrolling time through unfiltered subpanels. Fortunately, you can add filters to subpanels, so...

How to Display Fields in Different Modes in SuiteCRM

SuiteCRM allows for various customisations of fields. Such are the Detail View, Edit View and List View. Understanding how to customise these is important for tailoring your SuiteCRM project to your preferences. Whether you are streaming data entries or are trying to...

How to Add Grouped Fields to the Record View in SuiteCRM

SuiteCRM offers great versatility when it comes to customising modules, including how fields are displayed on record views. One powerful feature is grouping fields within sections for better layout and user experience. In this article, we share how to group fields in...

How to Back Up Your SuiteCRM Project

Making regular backups of your SuiteCRM project is crucial. Backups help keep any kind of data safe, and also provide a quick recovery after a crash, hacking attack, or any user error. Because of how important backups are for your SuiteCRM website, in this article, we...



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 Add Charts to the Sidebar in SuiteCRM

Àlthough SuiteCRM doesn't support adding charts directly to the sidebar, there is a simple method that you can use to achieve the effect. In this guide, we share how to do so.   How to Add Charts to the Sidebar in SuiteCRM The process is comprised of a few...

How to Add Subpanel Filters in SuiteCRM

SuiteCRM's subpanels can be very useful in various situations, such as showing related records (like contacts under an account). However, as your database grows, so does the scrolling time through unfiltered subpanels. Fortunately, you can add filters to subpanels, so...

How to Display Fields in Different Modes in SuiteCRM

SuiteCRM allows for various customisations of fields. Such are the Detail View, Edit View and List View. Understanding how to customise these is important for tailoring your SuiteCRM project to your preferences. Whether you are streaming data entries or are trying to...

How to Add Grouped Fields to the Record View in SuiteCRM

SuiteCRM offers great versatility when it comes to customising modules, including how fields are displayed on record views. One powerful feature is grouping fields within sections for better layout and user experience. In this article, we share how to group fields in...

How to Back Up Your SuiteCRM Project

Making regular backups of your SuiteCRM project is crucial. Backups help keep any kind of data safe, and also provide a quick recovery after a crash, hacking attack, or any user error. Because of how important backups are for your SuiteCRM website, in this article, we...

How to Install Themes in Zenphoto

Zenphoto allows you to customize the look of your online gallery by incorporating various themes. If you are interested in learning how to install themes in Zenphoto, then this article will guide you through the entire process - from browsing and downloading, through...

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.