Kuigi oma CSS-i nullist kirjutamine v\u00f5ib olla v\u00e4ljakutse, peaks eelnevalt kirjutatud v\u00e4ljal\u00f5igete lisamine olema lihtne.<\/p>\n
Sellest \u00f5petusest saate teada, kuidas oma saidile kohandatud CSS-i lisada k\u00f5ige lihtsam ja parim viis, et saaksite oma WordPressi teema stiile muuta.<\/p>\n
Kohandatud CSS-i lisamine<\/h2>\n
Varem soovitasin lihtsat kohandatud CSS-i<\/a> pistikprogrammi, kuid te ei vaja enam oma saidile CSS-i lisamiseks pistikprogrammi.<\/p>\n Selle asemel saate kasutada kohandaja sisseehitatud t\u00e4iendavat CSS-i jaotist. Sellele funktsioonile juurdep\u00e4\u00e4suks kl\u00f5psake k\u00f5igepealt men\u00fc\u00fck\u00e4sku Kohanda, mis asub jaotises V\u00e4limus.<\/p>\n <\/a><\/p>\n J\u00e4rgmisena avage jaotis T\u00e4iendav CSS, mis peaks asuma kohandaja paneeli allservas.<\/p>\n Sees saate lihtsalt kleepida CSS-i, mida peate oma saidile lisama.<\/p>\n T\u00e4iendava CSS-i funktsiooni suurep\u00e4rane on see, et saate reaalajas eelvaate selle kohta, kuidas see teie saiti m\u00f5jutab. Eelvaade v\u00e4rskendatakse kohe ja k\u00fclastajad ei n\u00e4e teie muudatusi enne, kui kl\u00f5psate \u00fclaosas oleval nupul Avalda.<\/p>\n Paljudel WordPressi kasutajatel on kiusatus muuta teema laadilehte otse teemaredaktori men\u00fc\u00fc kaudu.<\/p>\n \u00c4rge kunagi tehke seda.<\/strong><\/p>\n Suurim probleem sellisel viisil muudatuste tegemisel on see, et kogu teie raske t\u00f6\u00f6 l\u00e4heb teema v\u00e4rskendamisel kaotsi. N\u00e4iteks kui kasutate Mission Newsi<\/a> versiooni 1.38 ja homme ilmub 1.39, kopeerib v\u00e4rskendusprotsess k\u00f5ik uued failid vanadele failidele. Teema ei sisalda kindlasti samu kohandusi, mida olete teinud, ja seega l\u00e4hevad need j\u00e4\u00e4davalt kaotsi (kui teil pole hiljutist varukoopiat<\/a> ).<\/p>\n Seda saab v\u00e4ltida, kasutades kohandaja jaotist T\u00e4iendav CSS, mida teemav\u00e4rskendused ei m\u00f5juta.<\/p>\n T\u00e4iendava CSS-i funktsiooni ainsaks v\u00e4ljakutseks on see, et m\u00f5nikord v\u00f5ib CSS-i j\u00f5ustumine olla pisut keerulisem.<\/p>\n Umbrohusse laskumata kasutab CSS spetsiifilisuse s\u00fcsteemi,<\/a> et otsustada, millised stiilireeglid \u00fcksteist \u00fcletavad.<\/p>\n \u00dcks v\u00f5imalus tagada, et teie stiilid alistaksid teema stiilid, on V\u00f5tke n\u00e4iteks see CSS-l\u00f5ik:<\/p>\n K\u00f5igi meie teemade<\/a> puhul muudaks see kood saidi pealkirjaks 28 pikslit. Kui te p\u00e4rast selle koodi rakendamist muudatusi ei n\u00e4e, proovige lisada Selle v\u00e4rskendusega on tagatud, et kood hakkab kehtima seni, kuni see sihib \u00f5iget valijat. Proovige see lihtsalt erilisteks puhkudeks reserveerida, kuna selle k\u00fcmneid kordi kasutamine koodis v\u00f5ib tulevikus stiilide alistamise raskendada.<\/p>\n \u00dcks levinud probleem, millega kasutajad selle funktsiooni kasutamisel kokku puutuvad, on see, et nende kood t\u00f6\u00f6tab reaalajas kohandaja kasutamise ajal, kuid kui nad saidi tavap\u00e4raselt vaatavad, ei kuvata muudatusi.<\/p>\n See on peaaegu alati tingitud vahem\u00e4llu salvestamisest ja ma k\u00e4sitlen lahendust \u00fcksikasjalikult siin:<\/p>\n Kuidas parandada WordPressi muudatusi, mida ei kuvata<\/a><\/p>\n Asjade kordategemiseks peaks kuluma vaid minut v\u00f5i paar.<\/p>\n Isegi kui teil pole \u00f5rna aimugi, kuidas oma CSS-i kirjutada, muudab CSS-i lisafunktsioon koodi saidile kleepimise lihtsaks.<\/p>\n Kui soovite lisateavet WordPressi teemade kohandamise kohta CSS-iga, soovitaksin j\u00e4rgmiseks oma juhendit CSS-i valijate leidmiseks<\/a>.<\/p>\n Ja kui teile meeldis t\u00e4na WordPressi kohta midagi uut \u00f5ppida, v\u00f5ib teile meeldida minu tasuta meilikursus:<\/p>\n![\"Kuidas](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-185827-61701e4f0f93d.png\")
<\/a><\/p>\n![\"Kuidas](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-185827-61701e510ba49.png\")
<\/a><\/p>\nMiks te ei tohiks kunagi muuta faili style.css<\/h2>\n
![\"Kuidas](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-185827-61701e5335117.png\")
<\/a><\/p>\nN\u00e4pun\u00e4iteid kohandatud CSS-i toimimiseks<\/h3>\n
!important<\/code>sildi kasutamine.<\/p>\n.site-title {\n font-size: 28px;\n}<\/code><\/pre>\n!important<\/code>silt j\u00e4rgmiselt:<\/p>\n.site-title {\n font-size: 28px !important;\n}<\/code><\/pre>\nMis siis, kui see kuvatakse ainult reaalajas eelvaates?<\/h2>\n
CSS-iga h\u00f5lpsasti kohandatav<\/h2>\n