Ți s-a întâmplat vreodată asta? Instalezi un plugin, are exact funcționalitatea pe care o cauți, dar... nu funcționează corect. Chiar și după modificarea tuturor setărilor, acestea din urmă nu se adaptează întotdeauna la dvs WordPress temă. Deci, din cauza acestui mic defect, probabil vă gândiți să alegeți o altă soluție. 
Totuși, dacă sunteți puțin DIY și este posibil să fiți capabil să adăugați cod CSS aici și acolo pentru a rezolva o problemă pe blogul dvs., atunci îl puteți remedia, mai ales dacă în pluginul care nu funcționează nu corect, dezvoltatorul nu oferă secțiunea CSS, va trebui să o faceți singur.
Acest tutorial vă va permite să realizați acest lucru prin adăugarea unui cod corect pe dvs WordPress plug-in.
Dar înainte, dacă nu ați instalat niciodată WordPress, descoperiți Cum se instalează un blog WordPress pași 7 et Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs..
Apoi, înapoi la motivul pentru care suntem aici.
Stiluri CSS personalizate = Mai mult control asupra aspectului
Stilurile CSS personalizate vă permit să manipulați aspectul diferitelor elemente dincolo de ceea ce intenționează dezvoltatorul. Astăzi, multe pluginuri high-end includ opțiuni de stil personalizate, dar pluginurile gratuite nu sunt întotdeauna suficient de meticuloase în acest sens.
Luați unul dintre cele mai populare pluginuri: Formular de contact 7. Oferă manevrabilitate foarte mică din partea CSS. Cu toate acestea, datorită CSS personalizate, puteți schimba complet toate aspectele formularelor dvs.
Dar totuși, chiar și pluginurile cu opțiuni detaliate nu vă oferă întotdeauna posibilitatea de a personaliza codul CSS.
Așadar, învățarea puțin CSS și adăugarea sa în siguranță vă vor permite pentru a putea modela ceea ce vizitatorii pot vedea
De ce trebuie să adăugați corect codul CSS?
Cu siguranță nu doriți să adăugați CSS dezordonat pe site-ul dvs. web. După cum cred mulți dezvoltatori, există o modalitate bună și proastă de a adăuga cod CSS pe blogul tău.
Descoperiți-ne 4 plugin-uri WordPress pentru a personaliza CSS pe blogul dvs.
Când adăugați stiluri CSS în mod corect, acestea vor fi întotdeauna în siguranță, chiar dacă vă actualizați WordPress temă, și le veți putea copia și lipi cu ușurință într-o temă nouă dacă vă decideți vreodată să o schimbați pe a dvs.
Vezi și Cum să personalizați CSS-ul site-ului dvs. WordPress
În schimb, adăugându-le într-un mod greșit, codul dvs. CSS va fi mult mai expus și poate să nu fie eficient. Unii dintre voi folosiți WordPress temă Divi. Așa că vă voi arăta cum să adăugați cod CSS la această temă WordPress.
Unde să adăugați un stil CSS pe Divi
Pentru a adăuga în siguranță un cod CSS pe Divi, va trebui să accesați „ Tema Opțiuni În meniul Divi:
Apoi, în fila „General” (care va fi fila încărcată implicit), va trebui să derulați în partea de jos a paginii. Acolo veți găsi o secțiune numită „ CSS personalizat »:
Din punct de vedere tehnic, tot ce trebuie să faceți este să introduceți codul CSS personalizat aici și să faceți clic pe „ Salvați modificările ". Dar, pentru că dorim să fie foarte ușor de mutat sau de copiat, vom face un pas mai departe. Descoperiți alte tutoriale pe Divi consultându-vă cele mai bune resurse pentru Divi
Deoarece este posibil să fi adăugat deja unele coduri personalizate la Divi, vă va ajuta să organizați CSS-ul personalizat în această secțiune. Pentru a face acest lucru, trebuie să adăugați un comentariu care să spună ceva de genul " Stilurile CSS încep aici pluginul “. Apoi puteți adăuga codul CSS personalizat în această secțiune.
Pentru a adăuga un comentariu, tot ce trebuie să faceți este să copiați și să lipiți acest cod:
/ * Plugin-ul CSS Stiluri Începeți aici * /
Comentariul nu va afecta nimic, dar vă va ajuta să vă organizați diferite stiluri CSS personalizate. Divi vă va păstra în siguranță stilurile CSS personalizate în timpul actualizărilor, astfel încât să nu vă faceți griji cu privire la pierderea lor.
Unde să adăugați cod CSS pe alte teme WordPress
Dacă utilizați o altă temă WordPress, va trebui să adăugați codurile CSS personalizate la tema copilului dvs. Dacă nu utilizați o temă pentru copii sau nu știți ce este, vă invit să citiți acest tutorial: Cum să instalați o temă pentru copii pe WordPress
Presupunând că aveți tema copilului dvs. configurată, o puteți edita direct în tabloul de bord WordPress accesând „ Aspect> Editor "
Asigurați-vă că schimbați tema corectă a copilului. Modificările dvs. trebuie făcute fișierului " styles.css ".
Apoi, trebuie doar să adăugați CSS personalizat exact așa cum ați făcut înainte. Mai întâi, creați un bloc de comentarii și adăugați codul:
Pentru a rezuma
Înainte de a vă îmbarca în această aventură, va trebui să aveți cunoștințe despre CSS. Veți găsi diverse cursuri online. De asemenea, trebuie să știți că adăugarea unui cod nu înseamnă doar adăugarea codului. Pentru a vă regăsi în modificările dvs., va trebui să utilizați, de exemplu, blocuri de comentarii pentru a oferi un motiv pentru orice modificări CSS.
Descoperiți și câteva plugin-uri premium WordPress
Puteți folosi altele WordPress plugin-uri pentru a oferi un aspect modern și pentru a optimiza gestionarea blogului sau site-ului dvs.
Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.
1. Slider Pro
Slider Pro este unul dintre primii trei vânzători ai CodeCanyon. Oferă o interfață de utilizator curată și intuitivă în zona de administrare și o experiență de navigare lină pentru utilizatori și vizitatori.
Evită fanteziile inutile, care sunt adesea un obstacol pentru utilizatorii care caută informațiile de care au nevoie. În plus, se concentrează pe simplitate și performanță, oferind în același timp o gamă largă de posibilități de personalizare.
Descoperă și tu Cum să creați o prezentare de diapozitive cu Slider Revolution pe WordPress
Gestionarea URL-urilor pe bara de căutare a browserului este una dintre caracteristicile care ne-au marcat pe acesta din urmă. După cum sugerează și numele, aceasta este soluția profesională de care aveți nevoie.
Citiți și noastre 5 plugin-uri WordPress pentru a crea întrebări frecvente pe un blog
Caracteristicile sale sunt:exploatarea optimizată a imaginilor, pagpersonalizare ușoară,Nimări curgătoare, pagmulte machete eMai mult.
Descărcați | Demo | web hosting
2. ARMember
ARMember este un WordPress plug-in protecția conținutului. Este o soluție unică care vă permite să vindeți abonamente pe orice site web. Are o gamă întreagă de instrumente care vă permit proteja conținutul complet sau parțial al acestuia.
O altă caracteristică este faptul că oferă o opțiune gratuită puțin limitată din punct de vedere al funcționalității. Apropo de caracteristici, atât de puternic WordPress plug-in oferă printre altele: Posibilitatea de planificați-i conținutul, suport pentru mai multe planuri de abonament, configurare ușoară, migrare între diferite planuri de abonament, Asistență WooCommerce, mai multe modele de formulareȘi multe altele.
Este, de asemenea, o referință în această nișă.
Descarca | Demo | web hosting
3. Transport WooCommerce pe bază de coș
Coșul de transport maritim Bazat vă permite să setați diferite tarife de expediere pe baza articolelor pe care le are un client în coș. Există trei metode de calcul: după prețul total, după numărul de articole din coș și după greutate. 
De exemplu, cu cât subtotalul sau greutatea coșului este mai mare sau cu cât clientul cumpără mai multe articole, cu atât rata de expediere este mai mare.
Vezi și nostru Pluginele 10 WooCommerce pentru a crea scenarii de expediere
De asemenea, puteți seta această caracteristică să fie disponibilă numai în anumite țări.
Descarca | Demo | web hosting
Resurse recomandate
Aflați despre alte resurse recomandate pentru a vă ajuta să construiți și să gestionați site-ul dvs. web.
- Cum de a ascunde link-urile afiliate de pe WordPress
- Cum să vă păstrați vizitatorii mai mult timp pe site-ul dvs. web
- plugin-uri WordPress 9 pentru a gestiona catalogul de produse
- 5 plugin-uri WordPress pentru a crea întrebări frecvente pe un blog
Concluzie
Asta e! Asta este pentru acest tutorial care vă arată cum să adăugați cod CSS personalizat în siguranță la WordPress. Dacă ai comentarii sau sugestii, nu ezitați să ne informați în secțiunea rezervată.
Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.
Dar între timp, împărtășește acest articol pe diferitele rețele de socializare.
...
