az első teljes Moodle-téma létrehozása

tehát térjünk rá…

új téma létrehozása

a Moodle-téma létrehozásához szükséges alaptéma megtalálása az első dolog, amit meg kell tennie.Ennek azonban különféle módjai vannak; készíthet másolatot a szokásos témárólés nevezze át úgy, mint a cikk egy részében, vagy használhat egy szülő témát, amely szintén a szokásos témán alapul.

a lényeg itt az, hogy a Moodle-hoz tartozó standard téma a Moodle tematizálási folyamatának sarokköve. Minden más Moodle-témának ezen a témán kell alapulnia, és általában leírja a standard témától való eltéréseket. Bár ez a módszer működik, és egyszerű módja a Moodle-tematizálás megkezdésének, problémákat okoz, mivel új funkciók kerülhetnek a Moodle-ba, amelyek miatt a téma helytelenül jelenhet meg vagy működhet. A standard téma mindig frissül, mielőtt a Moodle új kiadása elindulna. Tehát, ha úgy dönt, hogy másolatot készít a szokásos témáról, és megváltoztatja annak stílusát, akkor a legjobb, ha szülői témát is használ. Ily módon a szülő téma lesz az alaptéma, valamint a szokásos téma másolatán végrehajtott módosítások.

van azonban egy másik módja az első téma létrehozásának, vagyis egy olyan téma másolatának létrehozása, amely nagyon közel áll a standard témához, például a standardwhite-hez, és ezt használja témaként. A Moodle ezután a standard témát használja alaptémaként, és alkalmazza a felül (szülő) lévő standardwhite témán végrehajtott módosításokat. Csak a standard és a standardwhite témák közötti különbségeket írjuk le. Ez azért jobb, mert a Moodle fejlesztői néha módosítják a szokásos témát, hogy naprakészek legyenek az új Moodle funkciókkal. Ez azt jelenti, hogy minden Moodle frissítésnél a szokásos téma, mappa automatikusan frissül, így elkerülhető a Moodle frissítései által okozott csúnya megjelenítési problémák.

a Moodle témák konfigurálásának módja teljesen rajtad múlik. Ha olyan témát lát, amely majdnem az, amit szeretne, és nincs igazán sok változtatás szükséges, akkor a szülő téma használatának van értelme, mivel a legtöbb szükséges stílus már meg van írva. Ha azonban olyan témát szeretne létrehozni, amely teljesen különbözik bármely más témától, vagy valóban be akar lépni a Moodle tematizálásába, akkor a legjobb az egyik szabványos lap másolatának használata.

tehát nézzük meg, mi a különbség a különböző Témabeállítások használatakor, és nézzük meg, hogy ezek a különböző módszerek milyen hatással vannak a tematizálási folyamatra.

• keresse meg a téma mappát a C:Program FilesApache Software FoundationApache 2.2 htdocsheme.
• másolja a normál témát a jobb egérgombbal a téma mappájára kattintva, majd válassza a Másolás lehetőséget.
• illessze be a másolt témát a téma könyvtárba (ugyanabba a könyvtárba, amelyben jelenleg van).
• nevezze át a normál mappa másolatát blackandblue névre vagy bármilyen más névre, amelyet választani szeretne (ne feledje, hogy ne használjon nagybetűket vagy szóközöket).
• nyissa meg a Moodle webhelyét, és keresse meg a Site Administration Appearance | Themes | Theme Selector| elemet, majd válassza ki az imént létrehozott blackandblue témát.

lehet, hogy észrevetted, hogy az előző képernyőképen látható téma fejlécében Fekete-kék téma szerepel. Ennek oka az, hogy ezt hozzáadtam a teljes webhelynévhez a Kezdőlapbeállítások oldalon.

a cselekvés ideje – szülői téma beállítása

1. nyissa meg a böngészőt, navigáljon a Moodle webhelyére, és jelentkezzen be Rendszergazdaként.
2. lépjen a Site Administration | Appearance | Themes | Theme Selector oldalra, és válassza ki a blackandblue témát, ha még nincs kiválasztva.
3. keresse meg a blackandblue mappa gyökerét, kattintson a jobb gombbal a konfigurációra.php fájl, és válassza a Megnyitás / WordPad.

4. négy módosítást kell végrehajtania a fájlban, hogy ezt a témát és egy szülő témát használhassa, miközben biztosítja, hogy továbbra is az alapértelmezett szabványos témát használja alapként. Itt vannak a változások:

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

   nézzük meg ezeket az állításokat, cserébe.

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

   Ez tartalmazza az összes stíluslap fájl nevét, amelyet ebbe bele kíván foglalni a blackandblue témához, nevezetesen a user_styles.

   $THEME-> standardsheets = true;

   ez a paraméter a standard téma stíluslapjainak beillesztésére szolgál. Ha True értékre van állítva, akkor a szokásos téma összes stíluslapját használni fogja. Alternatív megoldásként tömbként is beállítható, hogy az egyes stíluslapokat bármilyen sorrendben betölthesse. Ezt True értékre állítottuk, így a szokásos téma összes stíluslapját használni fogjuk.

    $ téma - > parent = 'autumn';

   ez a változó beállítható úgy, hogy egy témát használjon szülő témaként, amely az aktuális téma előtt szerepel. Ez megkönnyíti egy másik téma módosítását anélkül, hogy meg kellene változtatnia a tényleges fájlokat.

   $THEME-> parentsheets = array('stílusok');

   ez a változó használható a szülő téma összes stíluslapjának vagy egyedi fájljának kiválasztására. Úgy lett beállítva, hogy tartalmazza a stílusokat.css fájl a szülő témából, nevezetesen ősszel. Mivel csak egy stíluslap van az őszi témában, beállíthatja ezt a változót True értékre. Másik út, ugyanaz lesz az eredmény.

5. téma Mentésefekete és kékkonfig.php, és frissítse a böngésző ablakát. Látnia kell valami hasonlót a következő képernyőképhez. Ne feledje, hogy a blokkok eltérhetnek az alábbiaktól, de ezt figyelmen kívül hagyhatja.

mi történt?

Oké, így most van egy példánya a standard téma, amely az őszi téma (Patrick Malley), mint a szülő. Lehet, hogy észrevette, hogy a fejléc nem megfelelő, és hogy a megfelelő őszi téma fejléc nem jelenik meg. Nos, ez azért van, mert lényegében a szabványos téma másolatát használja, és hogy a téma fejlécét látja fent. Csak a CSS fájlok szerepelnek ebben a hierarchiában, így a HTML-változások nem láthatók, amíg nem szerkeszti a szokásos téma fejlécét.html fájl.

van egy go hero-válasszon másik szülő téma

menj vissza, és nézd át néhány téma a Moodle.org és tölts le egyet, ami tetszik. Adja hozzá ezt a témát szülő témaként a blackandblue téma konfigurációjához.php fájl, de ezúttal válassza ki, hogy melyik stíluslapokat szeretné használni az adott témából. A Vissza az iskolába téma jó ehhez a gyakorlathoz, mivel stíluslapjai egyértelműen fel vannak címkézve. Tehát

a fejléc és a lábléc fájlok másolása

hogy megmutassa, hogy az őszi téma CSS fájljait és a standard téma HTML fájljait használja, egyszerűen átmásolhatja a fejlécet.html és lábléc.html fájlokat Patrick Malley őszi téma és illessze be őket a blackandblue téma mappájába. Ne aggódjon a fejléc-és láblécfájlok felülírása miatt, mivel mindig csak átmásolhatja őket az ac tual standard téma mappából.

a művelet ideje – a fejléc másolása.html és lábléc.html fájlok

1. keresse meg az őszi téma mappáját, és jelölje ki mindkét fejlécet.html és lábléc.html fájlokat a Ctrl billentyű lenyomva tartásával, majd mindkettőre kattintva. Kattintson a jobb gombbal a kiválasztott fájlokra, és válassza a Másolás lehetőséget.
2. keresse meg a blackandblue téma mappáját, kattintson a jobb gombbal, és válassza a Beillesztés lehetőséget.
3. menjen vissza a böngészőablakba, és nyomja meg az F5 gombot az oldal frissítéséhez. Most látni fogja a teljes őszi témát.

mi történt?

lemásolta az őszi téma fejlécét.html és lábléc.html fájlokat a blackandblue téma, így láthatja a teljes őszi téma működik. Valószínűleg nem fogja használni a fejlécet.html és lábléc.az imént másolt html fájlok, mivel ez csak egy példa volt a Moodle tematizálási folyamatának működésére.

tehát most van egy módosítatlan példánya a blackandblue nevű standard témának, amely az őszi témát használja szülő témaként. Csak annyit kell tennie, hogy módosítsa ezt a témát, hogy szerkessze a CSS fájlt a blackandblue téma mappában.

téma mappa házimunka

van azonban néhány dolog, amit először meg kell tennie, mivel a fejlécen kívül a standard téma pontos másolata van.html és lábléc.html fájlok. Ez a másolt mappa olyan fájlokat tartalmaz, amelyekre nincs szüksége, mivel az egyetlen fájl, amelyet a témához beállított, a user_styles volt.css fájl a konfigurációban.php fájl korábban. Ez volt az első változtatásod:

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

a user_style.a css fájl nem létezik a blackandblue téma mappájában, ezért létre kell hoznia. Törölnie kell minden más jelenlévő CSS fájlt is, mivel az új blackandblue téma csak egy stíluslapot fog használni, nevezetesen a user_styles-t.css fájl, amelyet a következő szakaszokban hoz létre.

a cselekvés ideje – stíluslapunk létrehozása

1. kattintson a jobb gombbal a blackandblue mappa bármely pontjára, és válassza az új szöveges dokumentum|lehetőséget.
2. nevezze át ezt a szöveges dokumentumot user_styles névre.css: kattintson a jobb gombbal, majd válassza az Átnevezés lehetőséget.

a cselekvés ideje-a nem szükséges CSS-fájlok törlése

1. törölje a következő CSS-fájlokat úgy, hogy kiválasztja őket, majd jobb egérgombbal kattint a kiválasztott fájlokra, majd a Törlés lehetőséget választja.
   • styles_color.css
   • styles_ie6.css
   • styles_ie6.css
   • styles_ie7.css
   • styles_layout.css
   • styles_moz.css

   {háttér: #000000;}

   

mi történt?

az utolsó két feladatban létrehozott egy user_style nevű üres CSS fájlt.css A blackandblue téma mappájában. Ezután törölte az összes CSS fájlt a blackandblue téma mappájában, mivel már nincs szüksége rájuk. Ne feledje, hogy ezek csak a CSS fájlok másolatai a standard téma mappában, és beállította a témát, hogy a standard témát használja alapként a blackandblue téma konfigurációjában.php fájl.

végezzünk néhány változtatást

most beállította a témát a kívánt módon, vagyis a saját blackandblue témáját használja a standard téma alapként, az őszi téma pedig szülőként. Lépjen tovább, és végezzen néhány változtatást a user_style-on.CSS fájlt, így láthatja, milyen hatással van ez a téma, és ellenőrizze, hogy az összes config.a php fájl beállításai helyesek. Ne feledje, hogy az összes jelenlegi stílus öröklődik az őszi témától.

a cselekvés ideje – a Beállítás ellenőrzése

1. nyissa meg a Moodle webhelyét az aktuális témával (amely Fekete-kék legyen, de úgy néz ki, mint az őszi téma).
2. keresse meg a blackandblue téma mappáját, kattintson a jobb gombbal a user_style elemre.css fájlt, és válassza a Megnyitás lehetőséget. Ennek a fájlnak teljesen üresnek kell lennie.

3. írja be a CSS következő sorát a body elemhez, majd mentse el az fi le-t:

    body {
    háttér: # 000000;
   }

   

4. most frissítse a böngészőablakot. Látni fogja, hogy a háttér most fekete.

   

megjegyzés: amikor a Firebug segítségével azonosítja a használt stílusokat, előfordulhat, hogy nem mindig nyilvánvaló, hogy hol vannak, vagy melyik stílus vezérli az oldal adott elemét. Erre példa a body {background: #000000;}kód, amelyet éppen beillesztettünk a user_style-be.css fájl. Ha a Firebugot használtuk volna ennek a stílusnak az azonosítására, nem találtuk volna meg. Ehelyett csak megnéztem a CSS fájlt az őszi témából. Azt próbálom itt elmondani, hogy mindig lesz egy elem a szaglászás és a próbálkozás és a hiba.

mi történt?

ott minden rendben van, nem? Egy stílus deklarációt adott hozzá az üres user_style-hoz.css fájl változtatni a háttér színét, és ellenőrizte a változásokat a böngészőben. Most már tudod, hogyan működnek a szülő témák, és tudod, hogy csak a Firebug stílusait kell másolnod a user_style-ba.CSS fájlt, és módosítsa a stílus deklarációk, amelyeket meg kell változtatni.