Egen logo på Wikipedia

OK! I mitt första inlägg fick ni lära er att ändra logon på en egen MediaWiki-installation, men hur tråkigt är det inte att ha default-logon på Wikipedia?

 Det ska vi rätta till nu och det fixar vi med ett litet CSS-hack (nedanstående gäller främst er som kör default-skinnet MonoBook).

Vi börjar med att gå in på Special:MyPage/monobook.css det är sidan som sköter dina CSS inställningar om du använder MonoBook. Klicka på "redigera"-fliken och lägg till följande rader:

/* Byta logo */
#p-logo a {
  background: url(http://upload.wikimedia.org/wikipedia/commons/1/1c/Crystal_128_penguin.png) 35% 50% no-repeat !important;
}

Notera att allt från "background" till "!important;" ska stå på en rad.

Detta kommer lägga till den lilla pingvinen som jag använde som exempel i det första blogginlägget, i stället för Wikipedias logo, i övre vänstar hörnet.

När detta är gjort lägger vi också till detta:

/* Gör logon lätt genomskinlig */
#p-logo {
  opacity: .4;
}

Den sista kodsnutten gör logon lätt genomskinlig, vilket jag tycker är trevligt. Klicka slutligen på "spara" och rensa cache enligt MediaWikis instruktioner:

Mozilla/Safari/Firefox Håll ner shift och klicka på Reload eller tryck ctrl-shift-R (på PC) eller cmd-shift-R (på Macintosh). Internet Explorer Håll ner ctrl och klicka på Refresh eller tryck ctrl-F5. Konqueror Klicka på Reload eller tryck F5. Opera Tryck F5.

Klart! Nu har du en fin pingvin som logo:

Wikipedias huvudsida 

 P.s. Den lilla pingvinbilden som jag gillar mycket och hela tiden tjatar om här på bloggen finns på Wikimedia Commons och är ritad av Everaldo Coelho, utgiven under LGPL.

Byta skin i MediaWiki

I förra  inlägget fick du lära dig hur man gör för att ändra i filen LocalSettings.php. Nu ska vi använda de kunskaperna till att ändra utseendet på din MediaWiki.

Utseendet för MediaWiki styrs med hjälp av ‘’’skins”’, dessa finns i skins-katalogen på servern och består av flera olika delar, bland annat filer skrivna i programmeringsspråket PHP, bilder och stilmallar (CSS). Det finns flera stycken förinstallerade skins och för att byta det förvalda utseendet till något annat av dess ändrar man helt enkelt värdet på variabeln $wgDefaultSkin från "monobook" till något av namnen på de skins som medföljer installationen i filen LocalSettings.php som ligger i huvudmappen för MediaWiki-installationen på servern. Leta reda på raden:

$wgDefaultSkin = ‘monobook’;

och ändra värdet från monobook till exempel till cologneblue:

$wgDefaultSkin = ‘cologneblue’;

De skins som följer med installationen är:

  • monobook
  • standard
  • nostalgia
  • cologneblue
  • simple
  • modern
  • myskin

En registrerad användare har också själv möjlighet att välja bland de förinstallerade utseendena, detta görs under fliken "utseende" i inställningarna.

Personliga inställningar för skins

Den ansvarige för wikin kan dock begränsa urvalet här genom att lägga till en lista med skins som ‘’inte’’ skall finnas med utbudet. Detta görs genom att lägga till denna rad längst ned i LocalSettings.php:


# Dölja skins

$wgSkipSkins = array("chick", "monobook", "myskin", "nostalgia", "simple", "standard");

I den kommaseparerade listan (arrayen) skrivs namnen på de skins som inte skall synas i de personliga inställningarna, detta exempel lämnar alltså bara "CologneBlue" och "Modern" kvar att välja på.

Att hämta skins från nätet

Förutom de utseenden som medföljer installationen finns många skins att hämta hem från nätet, många fungerar på samma sätt som original skinnen och måste placeras på servern, medan andra är helt baserade på CSS (kommer kanske guide om det senare). Här finns många exempel att titta och om man så önskar ladda hem och använda sig av:

Ett konkret exempel, GuMax

För att illustrera hur man kan ladda hem och använd sig av ett skin från nätet har jag valt exemplet GuMax skrivet av Paul Gu. Börja med att ladda hem skinnet:

Jag valde alltså versionen 3-4-1 av skinnet GuMax som i skrivande stund var den senaste stabila versionen, om du valt ett eget skin eller provar en senare version byter du ut namnet gumax-3-4-1.zip mot filnamnet på den fil du själv laddat hem. För att packa upp zipfilen i GNU/Linux kan du använda kommandot unzip gumax-3-4-1.zip (eller i många distributioner helt enkelt högerklicka och välja "Öppna med Arkivhanterare").

I Windows högerklickar du på filen och väljer "Öppna med" → "Komprimerade mappar" [källa behövs]. I Mac OS X navigerar du till filen i "Finder" och dubbelklickar på den, filen blir då extraherad till samma map som zip-filen ligger i [källa behövs].

Filerna packas då upp i en mapp som heter "skins". i katalogen finns tre objekt: en katalog vid namn gumax och två filer vid namn GuMax.deps.php respektive GuMax.php.
När zip-filen är upp-packad behöver du bara flytta de tre objekten till katalogen "skins" i MediaWiki-installationen på servern, vilket du kan göra med ditt ftp-program. Om du har shell acess kan du ladda hem filerna, packa upp och flytta dem till rätt katalog direkt på servern.

När filerna finns i skins-katalogen på servern kan du, om du vill ändra i LocalSettings.php enligt instruktionerna ovan så att det står så här vid variabeln $wgDefaultSkin:
 

$wgDefaultSkin = ‘gumax’;

Då blir GuMax det förvalda skinnet för alla som kommer till din site och som inte ändrat i sina personliga inställningar. För att tvinga alla att använda ditt nya skin lägger du till dessa rader längst ned i LocalSettings.php:

# Dölja skins
$wgSkipSkins = array("chick", "cologneblue", "myskin", "nostalgia", "simple", "standard", "monobook", "modern");

Klart! Nu är alla tvingade att använda det skin du valt, och inga andra alternativ finns att välja på. Om du gjort rätt nu så ser din Wiki ut så här (i stället för som på bilden ovan):

 

Tips: Läs mer om skins på MediaWiki.org och på Paul Gus hemsida:

 

Gör MediaWiki personlig

Hello World!

Här kommer första inlägget på min blogg. I dag kommer du att få läsa första delen av en serie om hur du kan ändra utseendet och funktionaliteten på din egen MediaWiki, det fria programmet som Wikipedia använder. Texten är ett smakprov från en guide för MediaWiki som jag är med och skriver.

Vi kör direkt, så här gör du för att konfa MediaWiki:

MediaWiki erbjuder stora möjligheter för den som vill ha en personlig webbplats, kan man själv skriva egna stilmallar med språket CSS (Cascading Style Sheets) finns det egentligen inga gränser för hur MediaWiki kan se ut, men även för den som inte är så tekniskt lagd finns stora möjligheter att själv utforma sin site.

De flesta inställningar i MediaWiki görs i en textfil som heter LocalSettings.php, den ligger i huvudmappen för MediaWikiinstallationen på servern. LocalSettings.php är i själva verket skriven i programmeringsspråket PHP, men det enda som egentligen behöver göras för att ändra de flesta inställningar är att ändra värdet på diverse variabler i filen, så det är inte så krångligt som man först kan tro.

MediaWiki.org har en lång dokumentationssida på engelska för den som vi lära sig allt om filen LocalSettings.php:

* http://www.mediawiki.org/wiki/Manual:LocalSettings.php

Om man har direkt tillgång till servern, till exempel via ssh (så kallad shell acess) går det bra att redigera textfilen med någon av de textredigerare som finns på servern (fråga den som är serveransvariga eller ditt webbhotell), i annat fall får man ladda hem filen med hjälp av ett ftp-program, göra sina ändringar på den egna datorn och sedan ladda upp filen på servern igen via ftp. Om man använder denna metod rekommenderas att man använder sig av en riktig textredigerare och inte ett vanligt ordbehandlingsprogram (alltså inte t.ex. Open Office Writer eller Microsoft Word), detta eftersom ordbehandlingsprogrammen kan förstöra formateringar som kan vara viktiga i en källkodsfil, där t.ex.mellanslag och tabbar kan ha stor betydelse. Det finns flera textredigerare att välja på, om du använder en dator med GNU/Linux som operativsystem är chansen stor att en bra textredigerare redan finns förinstallerad, leta efter något av programmen gedit, kedit, geany eller kate (det finns många andra också). Om du använder Windows kan du ladda hem programmet Notepad++ som är en fri textredigerare. Notepad++ hämtar du från SourceForge:

* http://notepad-plus.sourceforge.net/uk/site.htm

Det går även bra att använda programmet "anteckningar" i Windows, även om man då går miste om syntaxuppfärgning. För Mac OS X finns den fria textredigeraren smultron (jag har inte provat själv):

* http://tuppis.com/smultron/

Ett konkret exempel, ändra logon

När man kommer in på en site som har en nyinstallerad MediaWikiinstallation möts man av MediaWikis egen logotyp och den kryptiska texten "set $wgLogo to the URL path to your own logo image". $wgLogo är en varibel som finns i definierad i filen LocalSettings.php. För att ändra sitens logotyp måste vi välja en logotyp och ange sökvägen till den bilden i LocalSettings.php.

Tips: se alltid till att säkerhetskopiera systemfiler som du redigerar i själv, det kan bespara dig många timmar onödigt arbete om du skulle råka göra något fel.

I detta exempel kommer vi att använda en bild från Wikimedia Commons, men du kan använda vilken bild du vill, som finns tillgänglig på
internet, eller på servern.

Tips: om du skapar en egen logotyp, gör bilden 135 x 135 pixlar stor så passar den bra in med grundinställningarna i MediaWiki.

När du har valt bild och antecknat sökvägen till den (antingen bildens URL på internet, eller sökvägen på servern) så öppnar du LocalSettings.php för redigering. Använd någon metoderna ovan, om du har tillgång till servern öppnar du helt enkelt filen för redigering där, i annat fall laddar du hem den med ftp och öppnar den i en textredigerare lokalt på din dator.

Där möts du nu av en hel mängd text som börjar så här:

<?php
 
# This file was automatically generated by the MediaWiki installer.
# If you make manual changes, please keep track in case you need to
# recreate them later.
#
# See includes/DefaultSettings.php for all configurable settings
# and their default values, but don’t forget to make changes in _this_
# file, not there.
#
# Further documentation for configuration settings may be found at:
# http://www.mediawiki.org/wiki/Manual:Configuration_settings
 
# If you customize your file layout, set $IP to the directory that contains
# the other MediaWiki files. It will be used as a base to locate files.


Vad som står i filen behöver vi inte bry oss om tillsvidare, gå i stället längst ned i filen och lägg till följande rader:

# Logo
$wgLogo = ‘http://upload.wikimedia.org/wikipedia/commons/1/1c/Crystal_128_penguin.png’;

(notera att allt från $ till ; skall stå på en rad)

# Logo är en kommentar som berättar för dig vad nedanstående kodsnutt har för funktion, det är alltså inte en del av själva inställningen och du kan skriva vad du vill efter #-tecknet, så länge du inte påbörjar en ny rad.

$wgLogo = ‘ ‘; är den intressanta delen, den första biten kod deklarerar en variabel och texten mellan enkelfnuttarna är helt enkelt sökvägen till din bild som variabeln skall hålla reda på. Har du laddat upp en fil till servern och lagt den i samma katalog som LocalSettings.php kan du bara skriva bildens namn mellan fnuttarna, alltså t.ex:

# Logo
$wgLogo = ‘Crystal_128_penguin.png’;

Klart! Spara filen och ladda upp den över din gamla LocalSettings.php och nästa gång du går in på Wikin möts du nu av en pingvin i stället för MediaWikis logotyp om du valt exempel logotypen enligt ovan.

Tips: se till att inte ta bort några enkelfnuttar som inkapslar textsträngar eller semikolon som avslutar rader eftersom det kan orsaka syntaxfel i filen.

Switch to our mobile site

Page optimized by WP Minify WordPress Plugin