ensimmäisen täydellisen Moodle-teeman luominen

joten aloitetaan…

uuden teeman luominen

perusteeman löytäminen Moodle-teeman luomiseksi on ensimmäinen asia, joka sinun täytyy tehdä.On kuitenkin olemassa erilaisia tapoja tehdä tämä; voit tehdä kopion standardin teemasta ja nimetä sen uudelleen, kuten teit osassa tätä artikkelia, tai voit käyttää kantateemaa, joka perustuu myös standarditeemaan.

tärkeää tässä on se, että Moodlen mukana tuleva standarditeema on Moodle-teemaprosessin kulmakivi. Joka toinen Moodle teema olisi perustuttava tähän teemaan, ja yleensä kuvata eroja standardin teema. Vaikka tämä menetelmä ei toimi ja on yksinkertainen tapa aloittaa Moodle teemat, se aiheuttaa ongelmia, koska uusia ominaisuuksia voidaan lisätä Moodle, jotka saattavat aiheuttaa teema näyttää tai toimia väärin. Vakioteema päivittyy aina ennen uuden Moodlen julkaisua. Joten jos päätät tehdä kopion standardin teema ja muuttaa sen tyylejä, se olisi parasta varmistaa, että käytät vanhempi teema samoin. Tällä tavalla, vanhempi teema on pohja teema yhdessä muutoksia, jotka teet kopio standardin teema.

on kuitenkin olemassa toinen tapa luoda ensimmäinen teema, ja se on luoda kopio teemasta, joka on hyvin lähellä standarditeemaa, kuten standardwhite, ja käyttää tätä teemana. Tämän jälkeen Moodle käyttää standard-teemaa perusteemanaan ja soveltaa kaikki muutokset, joita teet standardwhite-teemaan ylhäällä (vanhempi). Kaikki mitä teemme on kuvata eroja standardin ja standardwhite teemoja. Tämä on parempi, koska Moodlen kehittäjät tekevät joskus muutoksia vakioteemaan ollakseen ajan tasalla uusien Moodle-ominaisuuksien kanssa. Tämä tarkoittaa, että Jokaisessa Moodle-päivityksessä vakioteemasi kansio päivittyy automaattisesti, jolloin vältetään Moodle-päivitysten aiheuttamat ikävät näyttöongelmat.

tapa, jolla voit määrittää Moodle teemat on täysin sinun. Jos näet teema, joka on lähes mitä haluat ja ei ole todella paljon muutoksia tarvitaan, sitten käyttämällä vanhemman teema on järkevää, koska useimmat tyylit, jotka tarvitset on jo kirjoitettu. Kuitenkin, jos haluat luoda teema, joka on täysin erilainen kuin mikään muu teema tai haluavat todella päästä Moodle theming, sitten käyttämällä kopio yhden standardin arkkia olisi parasta.

mennään siis eteenpäin ja katsotaan, mitä eroja eri teema-asetelmien käytössä on, ja katsotaan, mikä vaikutus näillä eri menetelmillä on teemaprosessiin.

• Selaa teema-kansioon C: Program FilesApache Software FoundationApache 2.2 htdocstheme.
• Kopioi standardi teema napsauttamalla hiiren kakkospainikkeella teeman kansiota ja valitsemalla Kopioi.
• liitä kopioitu teema teemahakemistoon (samaan hakemistoon, jossa olet tällä hetkellä).
• nimeä standardikansion kopio uudelleen blackandblueksi tai miksi tahansa muuksi nimeksi, jonka haluat valita (muista olla käyttämättä suuraakkosia tai välilyöntejä).
• avaa Moodle-sivustosi ja siirry sivuston ylläpitoon ulkonäkö / Teemat| Teemavalitsin / ja valitse juuri luomasi blackandblue-teema.

olet saattanut huomata, että edellisessä kuvakaappauksessa näytetyssä teemassa on otsikko, jossa lukee musta ja sininen teema. Tämä johtuu siitä, että olen lisännyt tämän koko sivuston nimi etusivun asetukset-sivulla.

aika toimia-vanhemman teeman asettaminen

1. Avaa selaimesi ja siirry Moodle-sivustollesi ja kirjaudu sisään ylläpitäjänä.
2. siirry sivuston ylläpitoon | ulkonäkö | Teemat | Teemavalitsin ja valitse blackandblue-teemasi, jos sitä ei ole jo valittu.
3. Selaa blackandblue-kansiosi juureen ja napsauta Asetukset hiiren kakkospainikkeella.php tiedosto, ja valitse Avaa / WordPad.

4. sinun on tehtävä neljä muutosta tähän tiedostoon, jotta voit käyttää tätä teemaa ja yläteemaa varmistaen samalla, että käytät edelleen perusasetusteemaa. Tässä ovat muutokset:

    $THEME - > sheets = array ("user_styles");
   $THEME->standardsheets = true;
   $THEME->parentsheets = array ("styles");

   tarkastellaan jokaista näistä lausumista vuorollaan.

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

   Tämä sisältää kaikkien niiden tyylisivutiedostojen Nimet, jotka haluat sisällyttää tähän blackandblue-teemaasi, eli user_styles.

    $THEME - > standardsheets = true;

   tätä parametria käytetään standarditeeman tyylisivujen sisällyttämiseen. Jos se on asetettu True, se käyttää kaikkia tyylisivut standardin teema. Vaihtoehtoisesti se voidaan asettaa array jotta ladata yksittäisten tyylisivut missä tahansa järjestyksessä tarvitaan. Olemme asettaneet tämän todeksi, joten käytämme kaikkia standarditeeman tyylisivuja.

    $THEME - > parent = "autumn";

   tämä muuttuja voidaan asettaa käyttämään pääteemana teemaa, joka sisältyy ennen nykyistä teemaa. Tämä helpottaa muutosten tekemistä toiseen teemaan ilman varsinaisten tiedostojen muuttamista.

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

   tätä muuttujaa voidaan käyttää valitsemaan joko kaikki kantateeman tyylisivut tai yksittäiset tiedostot. Se on asetettu sisällyttää tyylejä.CSS tiedosto vanhempi teema, eli syksy. Koska syksyn teemassa on vain yksi tyylisivu, voit asettaa tämän muuttujan todeksi. Lopputulos on joka tapauksessa sama.

5. Save themeblackandblueconfig.php, ja päivitä selainikkuna. Sinun pitäisi nähdä jotain vastaavaa seuraavassa kuvakaappaus. Huomaa, että lohkot voivat olla erilaisia kuin alla, mutta voit sivuuttaa tämän.

mitä juuri tapahtui?

Okei, joten nyt on standarditeeman kopio, joka käyttää Vanhempanaan (Patrick Malleyn kirjoittamaa) Syysteemaa. Olet ehkä huomannut, että otsikko ei ole oikea ja että oikea syksyn teema otsikko ei näy. Hyvin, tämä johtuu siitä, että olet lähinnä käyttää kopion standardin teema ja että otsikko tästä teemasta on yksi, että näet edellä. Se on vain CSS-tiedostoja, jotka sisältyvät tähän hierarkiaan, joten mitään HTML muutoksia ei nähdä ennen kuin muokkaat standardin teeman otsikkoa.html-tiedosto.

Have a go hero-choose another parent theme

Go back and have a look through some themes on Moodle.org ja lataa sellainen, josta pidät. Lisää Tämä teema vanhempana teema blackandblue teeman config.php tiedosto, mutta tällä kertaa valita tyylisivut haluat käyttää kyseisestä teemasta. Takaisin kouluun-teema sopii tähän harjoitukseen, sillä sen tyylisivut on selvästi merkitty. Joten voit

Kopioida otsikko-ja alatunnistetiedostot

osoittaaksesi, että käytät syksyn teeman CSS-tiedostoja ja standardin teeman HTML-tiedostoja, voit vain mennä kopioimaan otsikon.html ja alatunniste.html tiedostoja Patrick Malley syksyn teema ja liitä ne blackandblue teema kansioon. Älä murehdi ylikirjoittamalla otsikko-ja alatunnistetiedostot, koska voit aina vain kopioida ne uudelleen Act-standardin teema-kansiosta.

aika toimia-otsikon kopiointi.html ja alatunniste.html-tiedostot

1. Selaa syksyn teeman kansioon ja korosta molemmat otsikot.html ja alatunniste.html-tiedostoja pitämällä Ctrl-näppäintä ja klikkaamalla niitä molempia. Napsauta hiiren kakkospainikkeella valitut tiedostot ja valitse Kopioi.
2. Selaa blackandblue-teeman kansioon ja napsauta hiiren kakkospainikkeella ja valitse Liitä.
3. palaa selainikkunaan ja päivitä sivu painamalla F5-painiketta. Nyt nähdään koko syksyn teema.

mitä juuri tapahtui?

olet kopioinut syksyn teeman otsikkoa.html ja alatunniste.html-tiedostoja blackandblue teema, joten voit nähdä koko syksyn teema toimii. Et todennäköisesti käytä otsikkoa.html ja alatunniste.html-tiedostoja, jotka juuri kopioitu, koska tämä oli vain esimerkki siitä, miten Moodle theming prosessi toimii.

sinulla on siis nyt muokkaamaton kopio vakioaiheesta nimeltä blackandblue, joka käyttää syksyn teemaa kantateemanaan. Kaikki mitä sinun tarvitsee tehdä nyt tehdä muutoksia tähän teemaan on muokata CSS-tiedoston blackandblue teema kansio.

Teemakansion kotityöt

on kuitenkin pari asiaa, jotka sinun täytyy tehdä ensin, koska sinulla on tarkka kopio normaalista teemasta otsikkoa lukuun ottamatta.html ja alatunniste.html-tiedostoja. Tämä kopioitu kansio sisältää tiedostoja, joita et tarvitse, koska ainoa tiedosto, jonka asetit teemallesi käytettäväksi, oli user_styles.CSS-tiedosto asetuksissa.php tiedosto aiemmin. Tämä oli ensimmäinen muutos, jonka teit:

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

the user_style.CSS-tiedostoa ei ole blackandblue-teeman kansiossa, joten sinun täytyy luoda se. Sinun täytyy myös poistaa muita CSS-tiedostoja, jotka ovat läsnä, koska uusi blackandblue teema käyttää vain yhtä tyylisivua, nimittäin user_styles.CSS-tiedosto, jonka luot seuraavissa kohdissa.

aika toimia-tyylisivumme luominen

1. napsauta hiiren kakkospainikkeella missä tahansa blackandblue-kansiossasi ja valitse uusi teksti Document|.
2. nimeä tämä teksti uudelleen muotoon user_styles.css napsauttamalla uudelleen hiiren kakkospainikkeella ja valitsemalla Nimeä uudelleen.

time for action-deleting CSS files that we don ’ t need

1. Delete the following CSS files by selecting them and then right-clicking on the selected files and choosing Delete.
   • tyyli_väri.css
   • tyyli_ie6.css
   • tyyli_ie6.css
   • tyyli_ie7.css
   • tyyli_layout.css
   • styles_moz.css

   {Tausta: #000000;}

   

mitä tapahtui?

kahdessa viimeisessä tehtävässä loit tyhjän CSS-tiedoston nimeltä user_style.css blackandblue-teeman kansiossa. Poistit sitten kaikki CSS-tiedostot blackandblue teema kansio, koska et enää tarvitse niitä. Muista, nämä ovat vain kopioita CSS-tiedostoja standardin teema kansio ja olet asettanut teema käyttää standardin teema sen pohja blackandblue teema config.php-tiedosto.

tehdään joitakin muutoksia

nyt olet asettanut teemasi niin kuin haluat, eli käytät omaa blackandblue-teemaasi käyttämällä perusaihetta pohjana ja Syysteemaa vanhempana. Siirry eteenpäin ja tee muutamia muutoksia käyttäjätyyliisi.CSS-tiedosto, jotta voit nähdä, mitä vaikutusta tällä on teema, ja tarkistaa, että kaikki config.php-tiedoston asetukset ovat oikein. Muista, että kaikki ajankohtaiset tyylit periytyvät syksyn teemasta.

aika tarkistaa asetelmamme

1. avaa Moodle – sivustosi ajankohtaisella teemalla (jonka pitäisi olla blackandblue, mutta näyttää syksyn teemalta).
2. Siirry blackandblue-teeman kansioon ja napsauta hiiren kakkospainikkeella käyttäjätunnusta.css-tiedosto, ja valitse Avaa. Tiedoston pitäisi olla täysin tyhjä.

3. Kirjoita runkoelementin CSS: n seuraava rivi ja tallenna sitten fi le:

    body {
   background: #000000;
   }

   

4. Päivitä nyt selainikkunasi. Näet, että tausta on nyt musta.

   

Huomaa: Kun käytät Firebugia tunnistaaksesi käytettävät tyylit, ei välttämättä ole aina selvää, missä ne ovat tai mikä tyyli hallitsee kyseistä sivun osaa. Esimerkki tästä on body {background: #000000;} – koodi, jonka juuri liitimme user_style-tiedostoomme.CSS-tiedosto. Jos olisimme käyttäneet Firebugia tuon tyylin tunnistamiseen, emme olisi löytäneet sitä. Sen sijaan, otin vain tarkastella CSS tiedosto syksyn teema. Yritän tässä sanoa, että aina on olemassa jokin nuuskimisen ja yrityksen ja erehdyksen Elementti.

mitä juuri tapahtui?

kaikki näyttää hyvältä siellä, eikö vain? Olet lisännyt yhden tyylin julistuksen tyhjään user_style-tyyliisi.CSS-tiedosto muuttaa taustavärin, ja on tarkistanut muutokset selaimessasi. Nyt tiedät, miten emoteemat toimivat ja tiedät, että sinun tarvitsee vain kopioida tyylit Firebugista user_style-tyyliisi.CSS-tiedosto ja muokata tyyli ilmoitukset, jotka on muutettava.