Ako vytvoriť skin mediawiki na základe vzhľadu monobooku?
Softvér MediaWiki je softvér s otvoreným zdrojovým kódom, z ktorého vychádzajú sprievodca, Wikipedia, Wikislovník a mnoho ďalších stránok wiki. Tento softvér je dodávaný s mnohými vynikajúcimi funkciami vrátane predvolenej sady vzhľadov.
Možno však budete chcieť použiť softvér a jeho silu, ale mať na svojom webe vlastné rozhranie. Vtedy sa objavia skiny. Slúžia na prispôsobenie vzhľadu a štýlu softvéru MediaWiki. Tento článok namiesto toho, aby ste si od začiatku vytvárali svoj vlastný vzhľad, vám ukáže, ako vytvoriť vzhľad na základe vzhľadu MonoBook, ktorý je pripravený so softvérom. Túto šablónu potom môžete bezpečne upraviť bez toho, aby ste ohrozili pôvodnú šablónu, a máte tak miesto na vyskúšanie akýchkoľvek úprav, ktoré by ste mohli chcieť pridať, bez toho, aby ste museli upravovať pôvodný vzhľad. Je to tiež užitočné pre ľudí, ktorí sa chcú naučiť sťahovať z kože na stránkach MediaWiki pomocou praktického prístupu. Na účely demonštrácie článok bude predpokladať, že chcete vytvoriť vzhľad s názvom MonoBookModified, ktorý je pôvodne presnou kópioupredvolený vzhľad MonoBook.
- 1Vytvorte nový adresár s názvom monobookmodified v adresári skins, ktorý je v koreňovom adresári vašej inštalácie mediawiki. Je dôležité vytvoriť adresár s malými písmenami a nepoužívať v názve adresára veľké písmená, aj keď ich názov vašej pokožky obsahuje.
- 2Skopírujte všetky súbory v skins/monobook do adresára skins/monobookmodified.
- 3Vytvorte nový textový súbor v adresári skins a pomenujte ho monobookmodified.php
- 4Skopírujte celý obsah monobook.php do súboru monobookmodified.php.
- 5Otvorte súbor monobookmodified.php v textovom/php editore, ako je napríklad poznámkový blok, poznámkový blok ++, dreamweaver, kate alebo iný editor schopný vyhľadávať a nahrádzať text!
- 6Nájdite a nahraďte kód na monobookmodified.php, ako je uvedené v časti o nahradení kódu v tomto článku.
- 7Prejdite do adresára skins/monobookmodified a otvorte súbor main.css v textovom editore (alebo v akomkoľvek programe na úpravu šablón štýlov). V šablóne so štýlmi zmeňte niečo jednoduché (najľahšie je nahradiť farbu hlavičiek zmenou farby položky h1, h2, h3, h4, h5, h6 z „čiernej“ na „modrú“)
- 8Otvorte webovú stránku mediawiki, ktorú ste upravovali, vo webovom prehliadači a prejdite na stránku predvolieb. Zmeňte vzhľad na nový vzhľad a znova načítajte svoju stránku. Hlavičky by sa teraz mali zobrazovať modrou farbou (alebo akoukoľvek farbou, ktorú si vyberiete predtým)
- 9Začnite úpravou súboru main.css, aby sa zmenili štýly nového vzhľadu.
- Tento vzhľad bol upravený z pôvodného vzhľadu MonoBook vo farbe pozadia a pridaním druhého panela s nástrojmi v spodnej časti každého článku.
Metóda 1 z 1: nahradenie kódu
- Nájdite nasledujúci kód:
SkinMonoBook triedy rozširuje SkinTemplate { /** pomocou monobooku. */ funkcia initPage (& $ out) {SkinTemplate:: initPage ($ out); $ this-> skinname = 'monobook'; $ this-> stylename = 'monobook'; $ this-> template = 'MonoBookTemplate'; }}
A nahraďte ho:
trieda SkinMonoBookModified rozširuje SkinTemplate { /** pomocou monobookmodified. */ funkcia initPage (& $ out) {SkinTemplate:: initPage ($ out); $ this-> skinname = 'monobookmodified'; $ this-> stylename = 'monobookmodified'; $ this-> template = 'MonoBookModifiedTemplate'; }}
- Nájdite nasledujúci kód:
trieda MonoBookTemplate rozširuje QuickTemplate {
a nahraďte ho
trieda MonoBookModifiedTemplate rozširuje QuickTemplate {
- Nájdite nasledujúci kód:
wfRunHooks ('MonoBookTemplateToolboxEnd', pole (& $ this));
a nahraďte ho
wfRunHooks ('MonoBookModifiedTemplateToolboxEnd', pole (& $ this));
- Nájdite nasledujúci hovor:
html ('csslinks')?>
a nahraďte ho:
<link rel = "stylesheet" type = "text/css" media = "screen" <br = ""> href = "text ('stylepath')?>/common/shared.css?" /> <link rel = "stylesheet" type = "text/css" media = "print" <br = ""> href = "text ('stylepath')?>/common/commonPrint.css?" /> <link rel = "stylesheet" type = "text/css" media = "screen" <br = ""> href = "text ('stylepath')?>/text ('stylename')?>/main. css? " />
<link rel = "stylesheet" type = "text/css" <br = ""> href = "/index.php? title = MediaWiki: Common.css & usemsgcache = yes & ctype = text%2Fcss & action = raw"/> <link rel = "stylesheet" type = "text/css" media = "print" <br = ""> href = "/index.php? title = MediaWiki: Print.css & usemsgcache = yes & ctype = text%2Fcss & action = raw"/> <link rel = "stylesheet" type = "text/css" <br = ""> href = "/index.php? title = MediaWiki: Monobookmodified.css & usemsgcache = yes & ctype = text%2Fcss & action = raw"/> <link rel = "stylesheet" <br = ""> href = "/index.php? title =-& action = raw & ts = 20090313183030 & gen = css" type = "text/css"/>
- Odporúča sa otestovať váš nový vzhľad na rôznych typoch stránok (normálne články/stránky, špeciálne stránky, stránky v rôznych menných priestoroch a podobne), aby ste sa presvedčili, že je všetko v poriadku.
- Predtým, ako ho použijete v „predvoľbách“, možno budete chcieť použiť odkaz „ukážka“ vedľa názvu pokožky.
- Odporúča sa tiež nastaviť nový vzhľad ako predvolený, keď s ním skončíte.
- Postup popísaný v tomto článku by nemal byť implementovaný v produkčnom prostredí. Malo by byť vytvorené laboratórne alebo testovacie prostredie, ktoré čo najviac napodobňuje živé prostredie. V tomto prostredí vyskúšajte postup. Keď sú všetky súčasti testované a úspešne fungujú, mali by byť skopírované do produkčného prostredia a na servery.
- Ak je nový vzhľad aplikovaný bez jeho ukážky, je často ťažké nájsť a obnoviť pôvodný vzhľad, ak by niečo zlyhalo alebo neprešlo schválením.
- Tento postup by mal absolvovať personál oboznámený s PHP a HTML alebo by mal v prípade komplikácií dohliadať taký človek.