ianuarie 24, 2022

cum să adăugați corect un fișier CSS la o temă WordPress folosind cPanel

pentru un dezvoltator de teme WordPress, primul lucru este să înțelegeți structura sa; și după aceea, vine vorba de a învăța despre adăugarea de scripturi și foi de stil.

majoritatea designerilor web fac o greșeală creând o temă WordPress la fel ca un șablon HTML simplu.

ar trebui să înțelegeți că WordPress este o platformă bazată pe PHP, iar temele sale sunt dinamice. Adăugarea unui fișier CSS nu este așa cum faceți într-un timp creând un site web static.

WordPress are standardul său de codificare pe care trebuie să îl urmați. Enqueuing un fișier CSS în mod corespunzător poate fi un pic de complicat pentru mulți dezvoltatori web/designeri.

în acest tutorial, am de gând să te plimbi printr-un proces pas cu pas, ceea ce explică Codexul WordPress de a adăuga un fișier CSS la o temă WordPress.

presupunând că aveți o găzduire WordPress bună cu WordPress configurat, să începem!

înțelegeți funcția wp_enqueue_style ()

în timp ce dezvoltați un site web HTML static, puteți conecta fișierul CSS la cap, dar nu este același caz într-o temă WordPress.

cu o înțelegere clară a Codexului PHP și WordPress, ar trebui să învățați să utilizați funcțiile tematice.

să începem cu funcția wp_enqueue_style (), care este utilizată pentru a lega un fișier CSS la tema dvs. Parametrii impliciți sunt după cum urmează.

wp_enqueue_style( $handle, $src, $deps, $ver, $media );

permiteți-mi să explic toți acești parametri.

  • $mâner:- Este un câmp obligatoriu, care include numele foii de stil
  • $src:- de asemenea, este necesar să completați. Este calea foii de stil în raport cu directorul rădăcină
  • $deps:- este opțional să creați o matrice pentru a controla foaia de stil
  • $ver:- dacă doriți să controlați versiunea foii de stil, puteți.
  • $media:- dacă doriți să utilizați foaia de stil pentru orice tip de suport, puteți. În caz contrar, nu este nevoie.

s-ar putea să aveți o idee acum. Doar primele două opțiuni sunt necesare pentru a completa, restul pe care îl puteți lăsa gol pentru a ridica valorile implicite.

Notă: acum, dacă numele foii de stil este „stil” și este în folderul principal nume temă, codul va fi după cum urmează.

wp_enqueue_style( 'style', get_stylesheet_uri() );

dar, după cum puteți vedea, îl faceți să funcționeze; trebuie să creați o funcție WordPress, care să poată lega fișierul de cap într-un mod adecvat.

permiteți-mi să vă arăt codul.

functionnew_theme_css_file{wp_enqueue_style( 'style', get_stylesheet_uri() );}add_action('wp_enqueue_scripts', 'new_theme_css_file' );

s-ar putea să vă întrebați ca și cum ar fi cel mai bun loc pentru a adăuga funcția. Ei bine, dacă știți puțin despre dezvoltarea temei WordPress, este posibil să știți că funcțiile.fișier php controlează toate funcțiile.

deci, trebuie să deschideți fișierul și să adăugați această funcție.

dacă ați observat, există un cârlig „add_action” cu un parametru „wp_enqueue_scripts”, care este folosit pentru a cerceta stiluri și scripturi.

tot ce trebuie să înțelegeți este funcția principală wp_enqueue_style ().

pentru dezvoltatorii WordPress începători, poate fi greu să apuci astfel de lucruri tehnice, dar odată ce învață Codexul WordPress, totul merge bine.

sper că nu este atât de dificil să adăugați un fișier CSS la o temă WordPress

îmi amintesc când am început să dezvolt teme WordPress acum câțiva ani, a fost un dezastru. Când vă păstrați practica site-uri statice și dintr-o dată vin să știu despre natura dinamică a web 2.0, s-ar putea agita un pic.

odată ce vă angajați cu codurile WordPress, puteți începe să vă simțiți interesant. Adăugarea unui fișier CSS este unul dintre elementele de bază pentru dezvoltarea unei teme WordPress de la zero.

concluzie

dezvoltarea Web poate fi dificilă și poate speria utilizatorii WordPress începători. Ghidul este destinat persoanelor care doresc să înceapă să-și dezvolte tema personalizată WordPress.

Vă mulțumim că ați urmat acest tutorial.

consultați aceste top 3 Servicii de găzduire WordPress:

HostArmada SUPERB!
5.0

273 recenzii

$2.49/MO

preț de pornire

  • ușor de utilizat
    5.0

  • suport
    5.0

  • caracteristici
    5.0

  • fiabilitate
    5.0

  • prețuri
    4.9

FastComet SUPERB!
4.8

1161 recenzii

$2.49/MO

preț de pornire

  • ușor de utilizat
    4.8

  • suport
    4.9

  • caracteristici
    4.8

  • fiabilitate
    4.8

  • prețuri
    4.7

InterServer SUPERB!
4.4

390 recenzii

$2.50/MO

preț de pornire

  • ușor de utilizat
    4.4

  • suport
    4.4

  • caracteristici
    4.4

  • Fiabilitate
    4.4

  • Prețuri
    4.6

Lasă un răspuns

Adresa ta de email nu va fi publicată.