Dacă aveți un site pe platforma Wordpress, probabil știți că șablonul de pe blogul dvs. poate fi schimbat la nesfârșit, deoarece nu există limită la perfecțiune. Această platformă a devenit un instrument rapid învățat pentru webmaster, mai ales că skin-ul poate fi editat folosind programe convenționale.
Necesar
- Software:
- - browser Internet Firefox;
- - addon Firebug.
Instrucțiuni
Pasul 1
Mulți webmasteri spun că browserul ideal pentru navigare și crearea de site-uri este un produs de la Mozilla. Firefox este poate singurul program care acceptă atât de multe aplicații și programe de completare. Pentru a edita șabloane pe orice platformă, aveți nevoie de programul de completare Firebug, care vă permite să afișați și să modificați parametrii șablonului pe site.
Pasul 2
Pentru a-l instala, trebuie să faceți clic pe meniul de sus „Instrumente” al browserului și să selectați elementul „Suplimente” sau să apăsați combinația de taste Ctrl + Shift + A. În fereastra care se deschide, nu așteptați descărcarea aplicații recomandate pentru Firefox, ar trebui să puneți cursorul în câmp cu textul „Căutați printre suplimentele disponibile” și să introduceți Firebug.
Pasul 3
În lista cu rezultatele căutării, faceți clic pe butonul de lângă elementul Firebug. După descărcarea acestui supliment, butonul Reporniți acum va deveni activ. Faceți clic pe acesta pentru a aplica modificările. Dacă din anumite motive această aplicație nu apare în rezultatele căutării, accesați site-ul oficial Mozilla și instalați Firebug de pe următorul link
Pasul 4
După instalarea acestui add-on, o pictogramă mică cu o imagine de gândac va apărea în partea de jos a ferestrei browserului, faceți clic pe el - add-on-ul va deveni activ. De exemplu, doriți să modificați afișarea linkurilor pe pagina principală a site-ului dvs., pentru a găsi codul acestui element în fereastra „bug”, care este împărțită în 2 părți, trebuie să selectați alternativ Html și Stil. Acum, într-o parte a ferestrei va fi afișat codul html, într-o altă parte, codul din fișierele style.css va fi vizibil.
Pasul 5
În blocul html, navigați prin fișier, făcând clic periodic pe blocuri, veți vedea că după ce faceți clic pe unul dintre blocurile din „eroare”, o selecție a aceluiași bloc va apărea pe pagină. În acest fel, este destul de ușor să găsiți un element editabil pentru care nu știți codul.
Pasul 6
După ce ați găsit blocul de cod dorit, mutați cursorul în fereastra adiacentă (Stil). Aici veți vedea toate opțiunile de afișare pentru un bloc dat, de exemplu, dimensiunea fontului nu este altceva decât elementul dimensiune font. Dacă doriți să o măriți, adăugați câteva unități la valoarea deja existentă. Rețineți că trebuie doar să schimbați numărul, abrevierea px nu trebuie atinsă (denumirea pixelilor).
Pasul 7
În același bloc, acordați atenție tuturor elementelor, printre care pot exista umplutură, margion etc. Pentru a înțelege numele elementelor care nu vă sunt familiare, este recomandat să utilizați o referință specializată de comandă online - https://htmlbook.ru. Urmați acest link, în colțul din dreapta sus există un câmp „Căutare site”. Introduceți comanda pe care o căutați și apăsați tasta Enter.
Pasul 8
Veți vedea variații ale acestui element în rezultatele căutării. De exemplu, vă întrebați ce înseamnă elementul margin. Introduceți acest cuvânt în câmpul de căutare și apăsați Enter. Din rezultatele căutării, selectați primul link CSS - marjă. După ce urmați acest link, vă veți putea familiariza cu această comandă și veți afla totul despre aplicația sa.
