How to use Mediawiki

Customize url

Customize logo

Set up pages

Modify the code

Write a post on your Wordpress site explainig all these steps. Make the screenshots you need to help reading.

Customize url

As we could see in previous class sessions, url depends on the folder where is located an application. Now, we have mediawiki in /var/lib/mediawiki and with a symbolic link in /var/www/html/mediawiki.

Remove this symbolik link and created another in apache2 directory (previous) in a folder with wiki, a dash, your name and your initial surname. Mine would be /var/www/html/wiki-vicentf

After change that, we must set ScriptPath value in LocalSettings to new folder.

Restart apache2 service.

Show mediawiki opened in browser, ScriptPath from LocalSettings and the symbolic link in terminal

Customize logo

To customize logo we can access to file LocalSettings.php inside our wiki server. We'll see next line that indicates image's path:

$wgResourceBasePath/resources/assets/wiki.png

Now, we're going to download a computer image (resize the image to 135x135px) and put inside our server in wiki directory, especifically on a folder we create with our name inside resources and assets folder. Remember we use scp command as below:

scp source_file target_file

We're going to use only path in both source_file and target_file if the file is locally.

We're going to use user@ip:path in both source_file and target_file if the file is remotelly.

After that we're going to change image path in LocalSettings.php and we'll see how it looks on our wiki.

Show result in browser showing url, where is the image and LocalSettings content.

Set up pages

Let's edit the main page and as we see we have 2 buttons to do:

Modify the code is the usual one that incorporates the MediaWiki, this allows us to edit the pages in a special language that we can find in this link
Modify is the button that appears when we install the CodeEditor, VisualEditor and WikiEditor extensions. This is a much more comfortable option as you will appreciate.

Modify the code

Modify

Leave the main page as previous image.

Add images

Now try uploading an image from the Insert option you see on the previous page. Search the internet for solutions. Two clues:

LocalSettings.php file must be modified
Permissions of a folder must be updated

Then add a representative image of the SMX studies:

Create pages

To create a page we can use the search engine to type the name of the page we want to search:

Once written, it gives us the option to Create Page XXXXXX. If we click it will let us create it. Create the Web Applications, Mediawiki, Moodle and Nextcloud page

Now, on the main page create a link for the 4 pages you created. Remember that Mediawiki, Moodle and Nextcloud are part of Web Applications.

Category Tree

The CategoryTree extension allows us to reorganize pages into categories and subcategories. It is very useful for include each page in the page group it belongs to and for us to create page trees automatically.

The extension works like this:

• When a page belongs to a category, Modifying its code adds: [[Category:name]] or [[Category:name||Display name]]

◦ For example, if we want to assign a page to the SMX category we would put in son page [[Category:SMX]] or [[Category:SMX|Microcomputer systems and networks]]

• To add a categorytree on a category page, we use (editing the page with Modify Code): <categorytree mode="pages"> CATEGORY NAME </categorytree>

◦ For example, if on a page I want to see the SMX category page tree I would put: <categorytree mode="pages"> SMX </categorytree>

If categorytree does not wok, look for an answer in Category Tree Extension page.

Knowing the above, modify the pages doing the following:

• Web Applications page must belong to the SMX category

• Mediawiki page must belong to the category AWE or Web Applications

• Moodle page must belong to the AWE or Web Applications category

• Nextcloud page must belong to the AWE or Web Applications category

• Web Applications page should display the AWE or Web Applications page tree

• Home page should display the SMX category page tree

Skins

A skin is a package that set the appearance of our website, in this case, our wiki. The skins update the pages and order of the elements inside of that and sometimes change colors and letters too.

To install a skin we must do always this steps: