Ak máte web na platforme Wordpress, pravdepodobne viete, že šablónu vo vašom blogu je možné meniť donekonečna, pretože neexistuje žiadny limit pre dokonalosť. Táto platforma sa stala rýchlo naučeným nástrojom pre správcov webových stránok, najmä preto, že vzhľad je možné upravovať pomocou bežných programov.
Nevyhnutné
- Softvér:
- - internetový prehliadač Firefox;
- - doplnok Firebug.
Inštrukcie
Krok 1
Mnoho správcov webu tvrdí, že ideálnym prehliadačom na surfovanie a tvorbu webových stránok je produkt od spoločnosti Mozilla. Firefox je možno jediný program, ktorý podporuje toľko aplikácií a doplnkov. Ak chcete upravovať šablóny na ľubovoľnej platforme, potrebujete doplnok Firebug, ktorý umožňuje zobraziť a upraviť všetky parametre šablón na webe.
Krok 2
Pre jeho inštaláciu musíte kliknúť na hornú ponuku „Nástroje“prehliadača a zvoliť položku „Doplnky“alebo stlačiť kombináciu klávesov Ctrl + Shift + A. V okne, ktoré sa otvorí, nečakajte na stiahnutie odporúčané aplikácie pre Firefox, mali by ste umiestniť kurzor do poľa s textom „Hľadať medzi dostupnými doplnkami“a predstaviť Firebug.
Krok 3
V zozname výsledkov vyhľadávania kliknite na tlačidlo oproti položke Firebug. Po stiahnutí tohto doplnku bude aktívne tlačidlo Reštartovať. Kliknutím na ňu použijete zmeny. Ak sa táto aplikácia z nejakého dôvodu vo výsledkoch vyhľadávania nezobrazí, prejdite na oficiálnu webovú stránku Mozilla a nainštalujte Firebug z nasledujúceho odkazu
Krok 4
Po nainštalovaní tohto doplnku sa v dolnej časti okna prehliadača zobrazí malá ikona s obrázkom chrobáka, kliknite naň - doplnok sa stane aktívnym. Napríklad chcete zmeniť zobrazovanie odkazov na domovskej stránke vášho webu. Ak chcete nájsť kód tohto prvku v okne „chyba“, ktoré je rozdelené na 2 časti, musíte striedavo zvoliť formát HTML a štýl. Teraz sa v jednej časti okna zobrazí html-kód, v inej časti bude viditeľný kód zo súborov style.css.
Krok 5
V bloku html prechádzajte súborom a pravidelne na bloky klikajte, uvidíte, že po kliknutí na jeden z blokov v „chybe“sa na stránke objaví výber rovnakého bloku. Takto je celkom ľahké nájsť editovateľný prvok, pre ktorý nepoznáte kód.
Krok 6
Keď nájdete požadovaný blok kódu, presuňte kurzor na susedné okno (štýl). Tu uvidíte všetky možnosti zobrazenia pre daný blok, napríklad veľkosť písma nie je nič iné ako prvok veľkosti písma. Ak ju chcete zvýšiť, pridajte k už existujúcej hodnote niekoľko jednotiek. Upozorňujeme, že musíte zmeniť iba číslo, skratky px by sa nemali dotknúť (označenie pixelov).
Krok 7
V rovnakom bloku venujte pozornosť všetkým prvkom, medzi nimi môžu byť čalúnenie, okraj atď. Aby ste pochopili názvy prvkov, ktoré vám nie sú známe, odporúča sa použiť špecializovaný odkaz na príkaz online - https://htmlbook.ru. Kliknite na tento odkaz, v pravom hornom rohu sa nachádza pole „Vyhľadávanie na stránkach“. Zadajte hľadaný príkaz a stlačte kláves Enter.
Krok 8
Vo výsledkoch vyhľadávania sa zobrazia variácie tohto prvku. Zaujíma vás napríklad, čo znamená prvok margin. Zadajte toto slovo do vyhľadávacieho poľa a stlačte kláves Enter. Z výsledkov vyhľadávania vyberte prvý odkaz CSS - okraj. Po kliknutí na tento odkaz sa budete môcť oboznámiť s týmto príkazom a dozvedieť sa všetko o jeho použití.
