Ha van webhelye a Wordpress platformon, akkor valószínűleg tudja, hogy a blogjában található sablon korlátlan ideig megváltoztatható, mert a tökéletességnek nincs határa. Ez a platform gyorsan elsajátított eszközzé vált a webmester számára, különösen azért, mert a bőr szerkeszthető hagyományos programokkal.
Szükséges
- Szoftver:
- - Firefox internetes böngésző;
- - addon Firebug.
Utasítás
1. lépés
Sok webmester szerint az ideális böngésző a szörfözéshez és az oldalépítéshez a Mozilla terméke. A Firefox talán az egyetlen olyan program, amely ennyi alkalmazást és kiegészítőt támogat. Bármely platformon lévő sablonok szerkesztéséhez szüksége van a Firebug bővítményre, amely lehetővé teszi a sablonparaméterek megjelenítését és szerkesztését a helyszínen.
2. lépés
A telepítéshez kattintson a böngésző felső menüjének "Eszközök" elemére, és válassza ki a "Kiegészítők" elemet, vagy nyomja meg a Ctrl + Shift + A billentyűkombinációt. A megnyíló ablakban ne várja meg a Firefox böngészőhöz ajánlott alkalmazásokat, helyezze a kurzort a "Keresés az elérhető kiegészítők között" szövegű mezőbe, és vezesse be a Firebug alkalmazást.
3. lépés
A keresési eredmények listájában kattintson a Firebug tétellel szemben lévő gombra. A bővítmény letöltését követően az Újraindítás most gomb aktívvá válik. Kattintson rá a módosítások alkalmazásához. Ha valamilyen oknál fogva ez az alkalmazás nem jelenik meg a keresési eredmények között, lépjen a hivatalos Mozilla webhelyre, és telepítse a Firebug alkalmazást a következő linkről:
4. lépés
A kiegészítő telepítése után a böngészőablak alján megjelenik egy kis ikon, bogárképpel, kattintson rá - a kiegészítő aktívvá válik. Például meg akarja változtatni a linkek megjelenítését a webhely kezdőlapján, hogy megtalálja ennek az elemnek a kódját a "hiba" ablakban, amely 2 részre oszlik, felváltva kell választania a Html és a Stílust. Most az ablak egyik részében megjelenik a html-kód, egy másik részben pedig a style.css fájlok kódja látható.
5. lépés
A html blokkban keresse meg a fájlt, időnként kattintva a blokkokra, látni fogja, hogy miután a "hiba" egyik blokkjára kattintott, ugyanazon blokk kiválasztása jelenik meg az oldalon. Így nagyon könnyű olyan szerkeszthető elemet találni, amelynek kódját nem ismeri.
6. lépés
Miután megtalálta a kívánt kódblokkot, vigye a kurzort a szomszédos ablakba (Stílus). Itt láthatja az adott blokk összes megjelenítési beállítását, például a betűméret nem más, mint a betűméret elem. Ha növelni szeretné, adjon hozzá néhány egységet a már meglévő értékhez. Felhívjuk figyelmét, hogy csak a számot kell megváltoztatnia, a px rövidítést nem szabad megérinteni (pixel jelölés).
7. lépés
Ugyanabban a blokkban figyeljen az összes elemre, ezek között lehetnek kitöltések, margók stb. Az Ön számára ismeretlen elemek nevének megértéséhez ajánlott egy speciális online parancs hivatkozást használni - https://htmlbook.ru. Kövesse ezt a linket, a jobb felső sarokban van egy "Site Search" mező. Írja be a keresett parancsot, és nyomja meg az Enter billentyűt.
8. lépés
Ennek az elemnek a változatai láthatók a keresési eredmények között. Például arra kíváncsi, hogy mit jelent a margin elem. Írja be ezt a szót a keresőmezőbe, és nyomja meg az Enter billentyűt. A keresési eredmények közül válassza ki az első CSS hivatkozást - margót. A link követése után megismerheti ezt a parancsot, és mindent megtudhat az alkalmazásáról.
