Kuidas Muuta Wordpressi Malli

Sisukord:

Kuidas Muuta Wordpressi Malli
Kuidas Muuta Wordpressi Malli

Video: Kuidas Muuta Wordpressi Malli

Video: Kuidas Muuta Wordpressi Malli
Video: Kodulehe Tegemine | Kuidas teha ise koduleht Wordpressis? 2024, Mai
Anonim

Kui teil on Wordpressi platvormil sait, teate tõenäoliselt, et teie blogi malli saab piiramatult muuta, sest täiuslikkusel pole piiri. Sellest platvormist on saanud veebimeistri jaoks kiiresti õpitud tööriist, eriti kuna nahka saab muuta tavapäraste programmide abil.

Kuidas muuta Wordpressi malli
Kuidas muuta Wordpressi malli

Vajalik

  • Tarkvara:
  • - Interneti-brauser Firefox;
  • - lisand Firebug.

Juhised

Samm 1

Paljud veebimeistrid ütlevad, et ideaalne brauser surfamiseks ja saidi loomiseks on Mozilla toode. Firefox on ehk ainus programm, mis toetab nii paljusid rakendusi ja lisandmooduleid. Mallide muutmiseks mis tahes platvormil on vaja Firebugi pistikprogrammi, mis võimaldab teil saidil kuvada ja redigeerida kõiki malliparameetreid.

2. samm

Selle installimiseks peate klõpsama brauseri ülemises menüüs "Tööriistad" ja valima üksuse "Lisandmoodulid" või vajutama klahvikombinatsiooni Ctrl + Tõstuklahv + A. Ärge oodake avanevas aknas allalaadimist soovitatud rakendused Firefoxi jaoks, peaksite panema kursori väljale tekstiga "Otsi saadaolevate lisandmoodulite hulgast" ja tutvustama Firebugi.

3. samm

Klõpsake otsingutulemite loendis Firebugi üksuse vastas oleval nupul. Pärast selle lisandmooduli allalaadimist muutub nupp Taaskäivita nüüd aktiivseks. Muudatuste rakendamiseks klõpsake seda. Kui seda rakendust mingil põhjusel otsingutulemustes ei kuvata, minge Mozilla ametlikule veebisaidile ja installige Firebug järgmiselt lingilt

4. samm

Pärast selle lisandmooduli installimist ilmub brauseriakna alaossa väike ikoon koos mardipildiga, klõpsake seda - lisandmoodul muutub aktiivseks. Näiteks soovite muuta linkide kuvamist saidi avalehel, selle elemendi koodi leidmiseks aknast "viga", mis on jagatud kaheks osaks, peate vaheldumisi valima HTML ja Stiil. Nüüd kuvatakse akna ühes osas HTML-kood, teises osas failide style.css kood.

5. samm

HTML-plokis navigeerige failis, klõpsates perioodiliselt plokkidel, näete, et pärast klõpsamist ühel "vea" plokil ilmub lehele valik samast plokist. Nii on üsna lihtne leida muudetav element, mille koodi te ei tea.

6. samm

Kui olete leidnud soovitud koodiploki, viige kursor kõrval olevasse aknasse (Style). Siin näete kõiki antud ploki kuvamisvalikuid, näiteks pole fondi suurus muud kui fondi suuruse element. Kui soovite seda suurendada, lisage mõni ühik juba olemasolevale väärtusele. Pange tähele, et peate muutma ainult numbrit, px-lühendit ei tohiks puudutada (pikslitähis).

7. samm

Pöörake samas plokis tähelepanu kõigile elementidele, nende hulgas võib olla polsterdus, margioon jne. Teile harjumatute elementide nimede mõistmiseks on soovitatav kasutada spetsiaalset veebikäskude viidet - https://htmlbook.ru. Järgige seda linki, paremas ülanurgas on väli "Saidiotsing". Sisestage otsitav käsk ja vajutage sisestusklahvi.

8. samm

Näete selle elemendi variatsioone otsingutulemites. Näiteks mõtlete, mida marginaali element tähendab. Sisestage see sõna otsinguväljale ja vajutage sisestusklahvi. Valige otsingutulemitest esimene CSS-link - veeris. Pärast selle lingi järgimist saate selle käsuga tutvuda ja õppida kõike selle rakenduse kohta.

Soovitan: