Com afegir adequadament un fitxer CSS a un tema de WordPress mitjançant cPanel

Per als desenvolupadors de temes de WordPress, el primer és comprendre la seva estructura; i després d’això, es tracta d’aprendre sobre afegir guions i fulls d’estils.


La majoria dels dissenyadors web s’equivoquen en crear un tema de WordPress igual que una simple plantilla HTML.

Heu d’entendre que WordPress és una plataforma basada en PHP i els seus temes són dinàmics. Afegir un fitxer CSS no és com es fa al mateix temps mentre es crea un lloc web estàtic.

WordPress té el seu estàndard de codificació que heu de seguir. Per a molts desenvolupadors / dissenyadors web es pot complicar adequadament un fitxer CSS.

En aquest tutorial, us dirigiré a través d’un procés pas a pas, que explica el còdex de WordPress per afegir un fitxer CSS a un tema de WordPress.

Suposant que teniu un bon allotjament de WordPress amb WordPress configurat, comencem!

Comprendre la funció wp_enqueue_style ()

Mentre desenvolupeu un lloc web HTML estàtic, podeu enllaçar el fitxer CSS al cap, però no és el mateix cas en un tema de WordPress.

Amb una clara comprensió de PHP i WordPress Codex, heu d’aprendre a utilitzar funcions de tema.

Comencem per la wp_enqueue_style () funció, que s’utilitza per enllaçar un fitxer CSS al vostre tema de WordPress. Els paràmetres predeterminats són els següents.

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

Permetin-me explicar tots aquests paràmetres.

  • $ handle:- És un camp obligatori, que inclou el nom del full d’estils
  • $ src:- També cal omplir-ho. És la ruta del full d’estils en relació al directori arrel
  • $ deps:- És opcional crear una matriu per controlar el full d’estils
  • $ ver:- Si voleu controlar la versió del full d’estils, podeu fer-ho.
  • $ mitjans:- Si voleu utilitzar el full d’estils per a qualsevol tipus de suport, podeu fer-ho. En cas contrari, no cal.

És possible que en tingueu alguna idea. Només cal completar les dues primeres opcions, la resta que es pot deixar en blanc per recollir els valors per defecte.

Nota: ara si és el nom de la fulla d’estil "estil" i es troba a la carpeta del nom del tema principal, el codi serà el següent.

wp_enqueue_style (‘estil’, get_stylesheet_uri ());

Però, com veieu, la feu funcionar; cal crear una funció de WordPress, que pugui enllaçar el fitxer amb el cap d’una manera adequada.

Permeteu-me que us mostri el codi.

functionnew_theme_css_file {
wp_enqueue_style (‘estil’, get_stylesheet_uri ());
}
add_action (‘wp_enqueue_scripts’, ‘new_theme_css_file’);

Potser us estareu preguntant com si és el millor lloc per afegir la funció. Bé, si coneixeu una mica el desenvolupament de temes de WordPress, potser sabreu que funcions.php fitxer controla totes les funcions.

Per tant, heu d’obrir el fitxer i afegir aquesta funció.

Si us heu adonat, hi ha un ganxo "add_action" amb un paràmetre "wp_enqueue_scripts," que s’utilitza per obtenir estils i scripts.

Tot el que heu d’entendre és el principal wp_enqueue_style () funció.

Per als desenvolupadors de WordPress principiants, pot ser difícil agafar coses tècniques, però, un cop apresos WordPress Codex, tot va bé.

Espero que no sigui tan difícil afegir un fitxer CSS a un tema de WordPress

Recordo quan vaig començar a desenvolupar temes de WordPress fa uns anys, va ser un desastre. Quan seguiu practicant llocs web estàtics i de sobte coneixeu la naturalesa dinàmica de la web 2.0, potser us enyoreu una mica.

Una vegada que hàgiu relacionat amb els codis de WordPress, potser us resultarà interessant. Afegir un fitxer CSS és un dels fonaments bàsics per desenvolupar un tema de WordPress des de zero.

Conclusió

El desenvolupament web pot resultar complicat i pot espantar els usuaris de WordPress de principiants. La guia s’adreça a les persones que desitgen començar a desenvolupar el seu tema personalitzat de WordPress.

Gràcies per seguir aquest tutorial.

Consulteu aquests tres millors serveis d’allotjament de WordPress:

FastComet

Preu inicial:
2,95 dòlars


Fiabilitat
9.7


Preu
9.5


Usuari amigable
9.7


Assistència
9.7


Característiques
9.6

Llegiu comentaris

Visita FastComet

Hostinger

Preu inicial:
0,99 USD


Fiabilitat
9.3


Preu
9.3


Usuari amigable
9.4


Assistència
9.4


Característiques
9.2

Llegiu comentaris

Visita Hostinger

A2 Hosting

Preu inicial:
3,92 dòlars


Fiabilitat
9.3


Preu
9.0


Usuari amigable
9.3


Assistència
9.3


Característiques
9.3

Llegiu comentaris

Visita Hosting A2

Articles relacionats amb la informació

  • Com afegir adequadament un fitxer JavaScript al tema de WordPress mitjançant cPanel
    expert
  • Com desconnectar tots els usuaris a WordPress alhora
    intermèdia
  • Com editar el fitxer .htaccess del vostre lloc web de WordPress mitjançant cPanel
    principiant
  • Com iniciar sessió en WordPress mitjançant Softaculous de cPanel
    intermèdia
  • Com solucionar un error HTTP que apareix a la mediateca de WordPress
    principiant
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me