Joomla-mallin Muokkaaminen

Sisällysluettelo:

Joomla-mallin Muokkaaminen
Joomla-mallin Muokkaaminen

Video: Joomla-mallin Muokkaaminen

Video: Joomla-mallin Muokkaaminen
Video: Шаблон Joomla 4 – RSMatias 2024, Saattaa
Anonim

Sivuston yksilöllisyyden lisäämiseksi verkkovastaava asettaa alkuperäisen mallin, koska suunnittelu on sivuston kasvot. Tänään Internetistä voidaan ladata suuri määrä asetteluasetteluja, ja niillä on erittäin miellyttävä ilme. Tyypillisesti verkosta kopioituja malleja muokataan, jotta sivusto olisi ainutlaatuinen.

Joomla-mallin muokkaaminen
Joomla-mallin muokkaaminen

Se on välttämätöntä

  • - kuvankatseluohjelma;
  • - FileZilla;
  • - tekstieditori Notepad ++.

Ohjeet

Vaihe 1

Tarkastele ja muokkaa mallitiedostoja FileZillan avulla. Sen avulla voit työskennellä määritystiedostojen kanssa verkossa. Pääsääntöisesti 3 tiedostoa käsitellään sivuston suunnittelun muuttamiseksi: index.php, template.css ja templateDetails.xml.

Vaihe 2

Sivuston "otsikko" on sivuelementti, joka kulkee sisällön alusta alkuun, joten nimi. Sitä kutsutaan myös otsikoksi. Yleensä vain logo tai mikä tahansa muu kuva (logo.jpg) tulisi korvata sivuston "otsikossa". Sivuston logon sijainti on template.css-tiedostossa. Avaa se Notepad ++: lla.

Vaihe 3

Jos haluat etsiä arvoa, käytä "Etsi elementtiä" -vaihtoehtoa: paina Ctrl + F-näppäinyhdistelmää ja kirjoita haluamasi arvo tyhjään kenttään. Jos haluat muuttaa "otsikossa" olevan kuvan leveyttä tai korkeutta, kirjoita sanan otsikko hakupalkkiin ja paina Enter-näppäintä.

Vaihe 4

Etsityn sanan alapuolella näet rivit: Korkeus (korkeus) ja Leveys (leveys). Muuta nämä arvot ja tallenna sitten muutokset painamalla Ctrl + S. Napsauta avautuvassa FileZilla-valintaikkunassa Kyllä-painiketta.

Vaihe 5

Mene sivustolle nähdäksesi muutokset. Jos et ole tyytyväinen niihin, palaa tiedostoon ja kirjoita uudet arvot.

Vaihe 6

Jos haluat muuttaa sivuston pääsivun fontin kokoa ja nimeä, käytä hakua. Kirjoita sanan runko ja paina Enter-näppäintä. Tämän operaattorin alla on rivit font-family (nimi) ja font-size (koko tai piste). Muuta heidän arvojaan, tallenna muutokset ja siirry sivustolle tarkastelemaan niitä.

Vaihe 7

Jos haluat muuttaa linkkien näyttötapaa, kirjoita arvot a: linkki (vakiolinkki), a: vierailtu (vierailtu linkki) ja a: hover (aktiivinen linkki) hakulomakkeeseen. Paina Enter löytääksesi nämä elementit template.css-tiedostosta.

Vaihe 8

Muokkaa fontin kokoa ja väriparametreja. Kun olet vaihtanut ne, huomaat todennäköisesti, että kaikki linkit eivät ole saaneet erilaista väriä tai kirjasinkokoa. Tässä tapauksessa sinun on etsittävä vaihtoehtoisia linkkien sijoitteluvaihtoehtoja. Esimerkiksi ne, jotka ovat pysyneet muuttumattomina, sijaitsevat päävalikossa, joten sinun on etsittävä konsonanttielementti.

Vaihe 9

Etsi sana "Main" ja paina Enter. Todennäköisesti löydät itsesi vierestä vasemman col-linkin ja vasemman col-nykyisen linkin elementit, joiden arvoa sinun on muutettava. Kun olet muokannut niitä, tallenna tulos ja siirry sivustosivulle, kaikkien ladatun sivun linkkien tulisi muuttua ulkoisesti.

Suositeltava: