Kaip tinkinti savo „WordPress“ svetainę naudojant CSS: 3 paprasti metodai

„WordPress“ bėgant metams vystėsi ir šiandien yra gana lanksti ir lengvai pritaikoma platforma naudojant blokų rengyklę „Gutenberg“. Vis dėlto bus atvejų, kai jums reikės šiek tiek daugiau pasiekiamumo, nei suteikia Gutenbergo redaktorius.

Čia praverčia tinkintas CSS. CSS stilius leidžia redaguoti spalvas, tarpus, šriftus, išdėstymus ir iš esmės visus kitus vaizdinius jūsų „WordPress“ svetainės elementus, kad galėtumėte atrodyti taip, kaip norite.

Šiame straipsnyje paaiškinsime, kaip tinkinti „WordPress“ svetainę naudojant CSS.

Kodėl verta tinkinti savo svetainę naudojant CSS?

Tinkinto CSS pridėjimas yra tik vienas iš būdų, kuriuos galite naudoti norėdami patobulinti savo svetainės išvaizdą. Kiti metodai apima a puiki „WordPress“ temaarba įdiegti puslapių kūrimo priemonę.

Nors šiuos du metodus yra šiek tiek lengviau naudoti pradedantiesiems ir jiems nereikia kodavimo žinių, pasirinktinio CSS naudojimas yra naudingesnis dviem pagrindiniais būdais:

Nulinė kaina

Aukščiausios kokybės temos ir „WordPress“ puslapių kūrėjai gali būti naudingi, tačiau jie kainuoja – doleriais ir centais. Kita vertus, apsiginklavę žiniomis, kaip parašyti pasirinktinį CSS, galite pasiekti tą patį efektą nepatirdami jokių papildomų išlaidų.

Minimalus išsipūtimas

Puslapių kūrimo priemonės ir geros temos sukurtos taip, kad vartotojams būtų suteikta daugiau lankstumo ir daugybės galimybių tinkinti savo svetaines. Dėl šios priežasties jie linkę išpūsti svetaines, todėl jos gali sulėtinti.

Kita vertus, rašydami tinkintą CSS pridėsite tik būtinas funkcijas, todėl svetainės paprastai bus lengvesnės ir įkėlimo greitis bus greitesnis.

3 paprasti metodai, kaip tinkinti savo „WordPress“ svetainę naudojant CSS

Tikimės, jūs jau žinote kaip rašyti CSS. Susipažinę su pagrindais, galite naudoti bet kurį iš šių metodų, kad pridėtumėte tinkintą CSS į savo „WordPress“ svetainę:

1 būdas: naudokite „WordPress“ tinkinimo priemonę

Naudodami WordPress 4.7 arba bet kurią po jos versiją, galite pridėti pasirinktinį CSS tiesiai iš administratoriaus srities. Tai pats paprasčiausias būdas, o kadangi yra tiesioginė peržiūra, galite matyti visus atliktus pakeitimus realiuoju laiku.

Tai taip pat labiausiai rekomenduojama, nes visi jūsų atlikti pakeitimai išsaugomi pačioje „WordPress“. Tai reiškia, kad net jei pakeisite ar atnaujinsite temą, neprarasite tinkinto CSS.

Toliau nurodyti veiksmai, kurių reikia imtis:

1 žingsnis: eikite į Išvaizda > Tinkinti.

Bus atidarytas „WordPress“ temos tinkinimo įrankis, kuriame dešinėje bus rodoma tiesioginė jūsų svetainės peržiūra ir kai kurios tinkinimo parinktys kairėje. Slinkite žemyn iki kairiojo skydelio apačios ir rasite Papildomas CSS skirtukas.

2 žingsnis: spustelėkite Papildomas CSS Skirtukas.

Kairėje srityje atsidarys mažas langelis, kuriame galėsite pridėti pasirinktinį CSS. Galite įvesti tiek CSS kodo eilučių, kiek norite. Puikus šio redaktoriaus dalykas yra tai, kad jis patvirtina jūsų kodą ir įspės jus, jei yra kokių nors klaidų.

3 veiksmas: paskelbkite pakeitimus.

Bet kuri jūsų pridėta galiojanti CSS taisyklė bus rodoma tiesioginės peržiūros srityje dešinėje. Norėdami pritaikyti pakeitimus savo svetainėje, spustelėkite Paskelbti mygtuką kairiosios srities viršuje, kai būsite patenkinti. Jei nenorite, kad pakeitimai įsigaliotų iš karto, taip pat galite suplanuoti paskelbimą vėliau arba išsaugoti savo darbą kaip juodraštį.

Svarbu atminti, kad visi pakeitimai, kuriuos atliekate naudodami tinkinimo priemonę, yra susieti su dabartine tema. Jei kada nors persijungsite į kitą temą, pakeitimai bus prarasti, nebent nukopijuosite pasirinktinį CSS ir pridėsite jį prie naujos temos. Gera praktika visus pasirinktinius CSS, kuriuos pridedate prie temos, išsaugoti užrašų knygelėje. Tokiu būdu galite tiesiog nukopijuoti kodą ir įklijuoti jį į skyrių „Papildoma CSS“, skirta kitai temai.

Jei tai atrodo per daug darbo ir jums labiau patinka sprendimas, leidžiantis pritaikyti pasirinktinį CSS bet kuriai jūsų naudojamai „WordPress“ temai, kitas metodas yra skirtas jums.

2 būdas. Naudokite papildinį

Pasirinktiniai CSS papildiniai saugo jūsų pasirinktinį CSS atskirai nuo temos, todėl pakeitimai gali būti taikomi neatsižvelgiant į tai, kurią temą naudojate. Šiuose papildiniuose taip pat yra papildomų funkcijų, pvz., automatinio užbaigimo, kurios gali palengvinti CSS pridėjimą.

Vienintelis trūkumas yra tai, kad tai yra trečiosios šalies programinė įranga, o tai reiškia, kad jos gali sulėtinti jūsų svetainę. Tačiau dauguma šių įskiepių yra lengvi, todėl paprastai nedaro įtakos jūsų svetainės našumui. Štai keletas geriausių pasirinktinių CSS papildinių, kuriuos galite naudoti:

• Paprastas pritaikytas CSS

Paprastas pritaikytas CSS yra vienas iš populiariausių pasirinktinių CSS įskiepių. Jis yra lengvas, paprastas naudoti ir siūlo puikias funkcijas. Jį nustatyti paprasta. Viskas, ką jums reikia padaryti, tai įdiegti ir suaktyvinti papildinį. Tada eikite į Išvaizda kairiojoje prietaisų skydelio srityje.

Pamatysite naują parinktį Tinkintas CSS. Spustelėjus jį, atsidarys redaktorius, kuriame galėsite pridėti pasirinktinį CSS. Spustelėkite Atnaujinkite tinkintą CSS mygtuką, kad išsaugotumėte pakeitimus. Norėdami peržiūrėti pakeitimus, tiesiog atnaujinkite savo svetainę.

• Paprastas tinkintas CSS ir JS

Jei norite dar daugiau funkcijų, Paprastas tinkintas CSS ir JS papildinys yra puikus pasirinkimas. Be CSS pridėjimo, jis leidžia pridėti „JavaScript“ įrašų.

• CSS herojus

Jei nenorite rašyti nė vienos kodo eilutės, CSS Hero papildinys puikiai tinka tau. Šis papildinys siūlo vaizdinį CSS rengyklę su išskleidžiamaisiais meniu ir įvesties laukais, leidžiančiais redaguoti beveik bet kokį CSS stilių jūsų svetainėje, jums nereikia rašyti jokio kodo.

3 būdas. Redaguokite neapdorotą kodą

Aukščiau aprašyti du metodai leidžia prie svetainės pridėti pasirinktinį CSS, neliesdami jokių temų failų. Tačiau kai kuriais atvejais galbūt norėsite redaguoti temos CSS arba tiesiogiai pridėti pasirinktinį CSS prie temos kodo.

Norėdami tai padaryti, turėsite pasiekti savo svetainės stiliaus lentelę. Lengvas būdas pasiekti šį stiliaus lapą yra per Temos redaktorius „WordPress“ prietaisų skydelyje.

Tačiau prieš eidami toliau, turite įdiegti keletą apsaugos priemonių. Pirmas, sukurkite savo svetainės atsarginę kopiją. Redaguodami temos failus nesunku padaryti klaidų, dėl kurių svetainė gali sugesti.

Atsarginė kopija užtikrina, kad turite funkcionalią svetainę, į kurią norite grįžti. Kitas, sukurti vaiko temą. Jei tiesiogiai redaguosite pirminę temą, pakeitimai bus prarasti kiekvieną kartą, kai bus atnaujinta tema.

Įdiegę šias apsaugos priemones, prisijunkite prie savo „WordPress“ sistemos. Eiti į Išvaizda > Temų redaktorius. Kai spustelėsite temos rengyklės parinktį, pamatysite iššokantįjį langą, įspėjantį nedaryti tiesioginių temų failų pakeitimų. Jei atliksite aukščiau nurodytus veiksmus, galite pradėti.

Spustelėkite aš suprantu Pereiti.

Spustelėję pagal numatytuosius nustatymus turėtumėte matyti savo svetainės stiliaus lentelę. Jei ne, tiesiog pažiūrėkite į dešinę sritį ir spustelėkite stilius.css pagal Stiliaus lapas variantas.

Čia galite tiesiogiai keisti temos failus. Tik nepamirškite paspausti Išsaugoti ir atnaujinti kai tik baigsi.

Valdykite savo svetainės išvaizdą naudodami tinkintą CSS

Pradedantiesiems gali prireikti šiek tiek laiko, kol išmoksite rašyti tinkintą CSS naudodami „WordPress“, tačiau tai suteiks jums galimybę tikrai valdyti savo svetainės išvaizdą. Ir tai nieko nekainuoja ir turi minimalų poveikį jūsų svetainės našumui.

Tačiau jei nenorite kurti rankinio dizaino, yra ir kitų būdų, kaip atlikti darbą, pavyzdžiui, naudojant vieną iš geriausių „WordPress“ puslapių kūrimo priemonių.

5 „WordPress“ puslapių kūrimo priemonės, galinčios padėti jums sukurti nuostabias svetaines

Norite, kad jūsų „WordPress“ svetainė atrodytų nuostabiai, bet negalite sau leisti kūrėjo? Vietoj to išbandykite šias „WordPress“ puslapių kūrimo priemones.

Skaitykite toliau

Apie autorių