Ako vytvoriť skin mediawiki na základe vzhľadu monobooku?

Ako vytvoriť vzhľad na základe vzhľadu MonoBook
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.

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.

Softvér MediaWiki je softvér s otvoreným zdrojovým kódom
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.

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.

Kroky

  1. 1
    Vytvorte 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.
  2. 2
    Skopírujte všetky súbory v skins/monobook do adresára skins/monobookmodified.
  3. 3
    Vytvorte nový textový súbor v adresári skins a pomenujte ho monobookmodified.php
  4. 4
    Skopírujte celý obsah monobook.php do súboru monobookmodified.php.
  5. 5
    Otvorte 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!
  6. 6
    Nájdite a nahraďte kód na monobookmodified.php, ako je uvedené v časti o nahradení kódu v tomto článku.
  7. 7
    Prejdite 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ú“)
  8. 8
    Otvorte 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)
  9. 9
    Zač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'; }}

Ktorý je v koreňovom adresári vašej inštalácie mediawiki
Vytvorte nový adresár s názvom monobookmodified v adresári skins, ktorý je v koreňovom adresári vašej inštalácie mediawiki.

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));

Ktorý je pôvodne presnou kópiou predvoleného vzhľadu MonoBook
Na účely demonštrácie článok bude predpokladať, že chcete vytvoriť vzhľad MonoBookModified, ktorý je pôvodne presnou kópiou predvoleného vzhľadu MonoBook.

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"/>

Tipy

  • 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.

Varovania

  • 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.
FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail