vytvoření prvního kompletního motivu Moodle

takže pojďme na …

vytvoření nového motivu

nalezení základního motivu pro vytvoření motivu Moodle je první věc, kterou musíte udělat.Existují však různé způsoby, jak to udělat; můžete vytvořit kopii standardního motivua přejmenujte jej jako v části tohoto článku, nebo můžete použít nadřazené téma, které je také založeno na standardním motivu.

důležitým bodem je, že standardní téma, které přichází s Moodle, je základním kamenem procesu motivování Moodle. Každé další téma Moodle by mělo být založeno na tomto tématu a normálně by popisovalo rozdíly od standardního tématu. Ačkoli tato metoda funguje a je to jednoduchý způsob, jak začít s motivem Moodle, způsobuje problémy, protože do Moodle by se mohly přidat nové funkce,které by mohly způsobit nesprávné zobrazení nebo funkci motivu. Standardní motiv bude vždy aktualizován před spuštěním nové verze Moodle. Pokud se tedy rozhodnete vytvořit kopii standardního motivu a změnit jeho styly, bylo by nejlepší se ujistit, že používáte také nadřazené téma. Tímto způsobem bude nadřazené téma vaším základním motivem spolu se změnami, které provedete v kopii standardního motivu.

Existuje však jiný způsob, jak vytvořit svůj první motiv, a to vytvořit kopii motivu, který je velmi blízký standardnímu motivu, jako je standardwhite, a použít jej jako motiv. Moodle pak použije standardní motiv jako základní motiv a použije všechny změny, které provedete v motivu standardwhite nahoře (rodič). Vše, co děláme, je popisovat rozdíly mezi standardem a standardembílá témata. To je lepší, protože vývojáři Moodle někdy provedou změny standardního motivu, aby byli aktuální s novými funkcemi Moodle. To znamená, že při každé aktualizaci Moodle bude vaše standardní téma, složka automaticky aktualizována, čímž se zabrání nepříjemným problémům se zobrazením způsobeným aktualizacemi Moodle.

způsob, jakým nakonfigurujete motivy Moodle, je zcela na vás. Pokud vidíte téma, které je téměř to, co chcete, a není potřeba mnoho změn, pak použití nadřazeného motivu má smysl, protože většina stylů, které požadujete, již byla napsána. Pokud však chcete vytvořit téma, které je zcela odlišné od jakéhokoli jiného tématu nebo se chcete opravdu dostat do motivů Moodle, bylo by nejlepší použít kopii jednoho ze standardních listů.

pojďme se tedy podívat, jaké jsou rozdíly při použití různých nastavení motivů, a uvidíme, jaký vliv mají tyto různé metody na proces motivů.

• vyhledejte složku motivu v C: Program FilesApache software FoundationApache 2.2 htdocstheme.
• zkopírujte standardní motiv kliknutím pravým tlačítkem myši na složku motivu a výběrem kopírovat.
• vložte zkopírovaný motiv do adresáře motivu (stejný adresář, ve kterém jste aktuálně).
• přejmenujte kopii standardní složky na blackandblue nebo jiný název, který chcete zvolit (nezapomeňte nepoužívat velká písmena nebo mezery).
• otevřete svůj web Moodle a přejděte na stránku Správa Vzhled / Témata / volič motivů| a vyberte téma blackandblue, které jste právě vytvořili.

možná jste si všimli, že motiv zobrazený na předchozím snímku obrazovky má záhlaví, které říká černé a modré téma. Je to proto, že jsem to přidal k úplnému názvu webu na stránce nastavení přední stránky.

čas pro akci-nastavení nadřazeného motivu

1. otevřete webový prohlížeč a přejděte na web Moodle a přihlaste se jako správce.
2. přejděte na administraci webu | Vzhled | Témata / výběr motivu a vyberte motiv blackandblue, pokud ještě není vybrán.
3. přejděte do kořenového adresáře složky blackandblue a klepněte pravým tlačítkem myši na konfiguraci.php soubor a zvolte Otevřít pomocí / WordPad.

4. v tomto souboru musíte provést čtyři změny, abyste mohli používat toto téma a nadřazené téma a zároveň zajistit, že stále používáte výchozí standardní motiv jako základnu. Zde jsou změny:

   $THEME - >sheets = array ('user_styles');
   $THEME - >standardsheets = true;
   $THEME - >parent = 'autumn';
   $THEME - >parentsheets = array ('styles');

   podívejme se na každé z těchto prohlášení.

    $THEME - >sheets = array ('user_styles');

   obsahuje názvy všech souborů stylů, které chcete zahrnout do tohoto tématu blackandblue, jmenovitě user_styles.

   $THEME - >standardsheets = true;

   tento parametr se používá k zahrnutí stylů standardního motivu. Pokud je nastavena na hodnotu True, použije všechny styly ve standardním motivu. Alternativně jej lze nastavit jako pole, aby bylo možné načíst jednotlivé styly v libovolném pořadí. Nastavili jsme to na True, takže použijeme všechny styly standardního tématu.

    $ THEME - >parent = 'autumn';

   tato proměnná může být nastavena tak, aby používala motiv jako nadřazený motiv, který je obsažen před aktuálním motivem. To usnadní provádění změn v jiném motivu, aniž byste museli měnit skutečné soubory.

   $THEME - >parentsheets = array ('styles');

   tato proměnná může být použita k výběru všech stylů nadřazeného motivu nebo jednotlivých souborů. Byl nastaven tak, aby zahrnoval styly.css soubor z nadřazeného tématu, jmenovitě podzim. Protože v podzimním tématu existuje pouze jeden styl stylů, můžete tuto proměnnou nastavit na hodnotu True. Ať tak či onak, budete mít stejný výsledek.

5. Uložit themeblackandblueconfig.php, a aktualizovat okno webového prohlížeče. Měli byste vidět něco podobného následujícímu snímku obrazovky. Všimněte si, že vaše bloky se mohou lišit od níže uvedených bloků, ale můžete to ignorovat.

co se právě stalo?

dobře, takže nyní máte kopii standardního motivu, který používá podzimní téma (Patrick Malley) jako jeho rodič. Možná jste si všimli, že záhlaví není správné a že se nezobrazuje správná hlavička podzimního motivu. Je to proto, že v podstatě používáte kopii standardního motivu a že hlavička z tohoto tématu je ta, kterou vidíte výše. V této hierarchii jsou zahrnuty pouze soubory CSS, takže žádné změny HTML nebudou vidět, dokud neupravíte záhlaví standardního motivu.html soubor.

Have a go hero-choose another parent theme

vraťte se a podívejte se na některá témata na Moodle.org a stáhněte si ten, který se vám líbí. Přidejte toto téma jako nadřazené téma do konfigurace motivu blackandblue.php soubor, ale tentokrát zvolte, které styly chcete použít z tohoto tématu. Téma zpět do školy je pro toto cvičení dobré, protože jeho styly jsou jasně označeny. Takže

kopírování souborů záhlaví a zápatí

Chcete-li ukázat, že používáte soubory CSS podzimního motivu a soubory HTML standardního motivu, stačí jít a zkopírovat záhlaví.html a zápatí.html soubory z Patrick Malley podzimní téma a vložte je do složky blackandblue téma je. Nedělejte si starosti s přepsáním souborů záhlaví a zápatí, protože je můžete vždy znovu zkopírovat ze standardní složky motivu ac tual.

čas pro akci-kopírování záhlaví.html a zápatí.html soubory

1. přejděte do složky podzimní téma a zvýrazněte obě záhlaví.html a zápatí.html soubory podržením klávesy Ctrl a kliknutím na ně oba. Klepněte pravým tlačítkem myši na vybrané soubory a zvolte Kopírovat.
2. přejděte do složky motivu blackandblue a klepněte pravým tlačítkem myši a zvolte Vložit.
3. vraťte se do okna prohlížeče a stisknutím tlačítka F5 obnovte stránku. Nyní uvidíte celé podzimní téma.

co se právě stalo?

zkopírovali jste hlavičku podzimního motivu.html a zápatí.html soubory do vašeho blackandblue téma, takže můžete vidět celý podzimní téma pracovní. Pravděpodobně nebudete ve skutečnosti používat záhlaví.html a zápatí.html soubory, které jste právě zkopírovali, protože to byl jen příklad toho, jak funguje proces motivování Moodle.

takže nyní máte nemodifikovanou kopii standardního motivu s názvem blackandblue, který používá podzimní téma jako své mateřské téma. Vše, co musíte udělat, abyste provedli změny v tomto tématu, je upravit soubor CSS ve složce motiv blackandblue.

téma složka domácí práce

Existuje však několik věcí, které musíte udělat jako první, protože máte přesnou kopii standardního motivu kromě záhlaví.html a zápatí.html soubory. Tato zkopírovaná složka obsahuje soubory, které nepotřebujete, protože jediným souborem, který jste nastavili pro použití motivu, byl user_styles.soubor css v konfiguraci.php soubor dříve. Toto byla první změna, kterou jste provedli:

$THEME - >sheets = array ('user_styles');

user_style.soubor css neexistuje ve složce motivu blackandblue, takže jej budete muset vytvořit. Budete také muset odstranit všechny ostatní soubory CSS, které jsou přítomny, protože vaše nové téma blackandblue bude používat pouze jeden stylesheet, jmenovitě user_styles.css soubor, který budete vytvářet v následujících částech.

čas pro akci-vytvoření naší šablony stylů

1. klepněte pravým tlačítkem myši kdekoli ve složce blackandblue a vyberte nový textový dokument|.
2. přejmenujte tento textový dokument na user_styles.css opětovným kliknutím pravým tlačítkem myši a výběrem přejmenovat.

čas na akci-odstranění souborů CSS, které nepotřebujeme

1. odstraňte následující soubory CSS jejich výběrem a klepnutím pravým tlačítkem myši na vybrané soubory a výběrem možnosti Odstranit.
   • styles_color.css
   • styles_ie6.css
   • styles_ie6.css
   • styles_ie7.css
   • styles_layout.css
   • styles_moz.css

   {souvislosti: #000000;}

   

co se právě stalo?

v posledních dvou úkolech jste vytvořili prázdný soubor CSS s názvem user_style.css ve složce motivu blackandblue. Poté jste odstranili všechny soubory CSS ve složce motivu blackandblue, protože je již nebudete potřebovat. Nezapomeňte, že se jedná pouze o kopie souborů CSS ve složce standardní téma a nastavili jste motiv tak, aby používal standardní motiv jako jeho základnu v konfiguraci motivu blackandblue.php soubor.

pojďme provést některé změny

Nyní jste nastavili téma tak, jak chcete, to znamená, že používáte vlastní téma blackandblue pomocí standardního motivu jako základny a podzimní téma jako rodič. Pokračujte a proveďte několik změn ve vašem user_style.css soubor, takže můžete vidět, jaký vliv to má na téma, a zkontrolujte, zda všechny vaše config.nastavení souboru php je správné. Nezapomeňte, že všechny současné styly jsou zděděny z podzimního tématu.

čas na akci-kontrola našeho nastavení

1. otevřete svůj web Moodle s aktuálním tématem(který by měl být blackandblue, ale vypadá jako podzimní téma).
2. přejděte do složky motivu blackandblue a klikněte pravým tlačítkem na user_style.css soubor a zvolte Otevřít. Tento soubor by měl být zcela prázdný.

3. zadejte následující řádek CSS pro prvek těla a uložte fi le:

    tělo {
   pozadí: #000000;
   }

   

4. nyní obnovte okno prohlížeče. Uvidíte, že pozadí je nyní černé.

   

Poznámka: Při použití Firebugu k identifikaci používaných stylů nemusí být vždy zřejmé, kde jsou nebo který styl ovládá tento prvek stránky. Příkladem toho je Kód body {background: #000000;}, který jsme právě vložili do našeho user_style.soubor css. Kdybychom použili Firebug k identifikaci tohoto stylu, nenašli bychom ho. Místo toho jsem se jen podíval na soubor CSS z podzimního tématu. Snažím se zde říci, že vždy bude existovat prvek šťourání a pokusů a omylů.

co se právě stalo?

všechno se zdá být v pořádku, že? Do prázdného user_style jste přidali jednu deklaraci stylu.css soubor změnit barvu pozadí, a zkontrolovali změny v prohlížeči. Nyní víte, jak fungují nadřazené motivy, a víte, že stačí zkopírovat styly z Firebug do svého user_style.css soubor a upravit styl deklarace, které je třeba změnit.