• Articles
• admin

Per uno sviluppatore di temi WordPress, la prima cosa è capire la sua struttura; e dopo, si tratta di imparare ad aggiungere script e fogli di stile.

La maggior parte dei web designer commette un errore creando un tema WordPress proprio come un semplice modello HTML.

Dovresti capire che WordPress è una piattaforma basata su PHP e i suoi temi sono dinamici. L’aggiunta di un file CSS non è come si fa in un momento in cui si crea un sito Web statico.

WordPress ha il suo standard di codifica che devi seguire. Accodare correttamente un file CSS può essere un po ‘ complicato per molti sviluppatori/designer web.

In questo tutorial, ho intenzione di camminare attraverso un processo passo passo, che spiega il codice WordPress di aggiungere un file CSS a un tema WordPress.

Supponendo di avere un buon hosting WordPress con WordPress impostato, iniziamo!

Comprendere la funzione wp_enqueue_style ()

Durante lo sviluppo di un sito Web HTML statico, è possibile collegare il file CSS alla testa, ma non è lo stesso caso in un tema WordPress.

Con una chiara comprensione di PHP e WordPress Codex, si dovrebbe imparare a utilizzare le funzioni del tema.

Iniziamo con la funzione wp_enqueue_style (), che viene utilizzata per collegare un file CSS al tema WordPress. I parametri predefiniti sono i seguenti.

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

Lasciatemi spiegare tutti questi parametri.

• $maniglia:- È un campo obbligatorio, che include il nome del foglio di stile
• sr src: – È anche necessario compilare. È il percorso del foglio di stile relativo alla directory principale
• de deps: – È facoltativo creare un array per controllare il foglio di stile
• v ver:- Se si desidera controllare la versione del foglio di stile, è possibile.
• media media:- Se si desidera utilizzare il foglio di stile per qualsiasi tipo di supporto, è possibile. Altrimenti, non c’è bisogno.

Potresti aver avuto qualche idea ora. Solo le prime due opzioni sono necessarie per compilare, il resto è possibile lasciare vuoto per raccogliere i valori predefiniti.

Nota: Ora se il nome del foglio di stile è “stile” ed è nella cartella del nome del tema principale, il codice sarà il seguente.

wp_enqueue_style( 'style', get_stylesheet_uri() );

Ma come puoi vedere, lo fai funzionare; devi creare una funzione WordPress, che può collegare il file alla testa in modo corretto.

Lascia che ti mostri il codice.

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

Potresti chiederti come se fosse il posto migliore per aggiungere la funzione. Beh, se si conosce un po ‘ di sviluppo tema WordPress, si può sapere che le funzioni.il file php controlla tutte le funzioni.

Quindi, devi aprire il file e aggiungere questa funzione.

Se hai notato, c’è un hook “add_action” con un parametro “wp_enqueue_scripts”, che viene utilizzato per accodare stili e script.

Tutto ciò che devi capire è la funzione principale wp_enqueue_style ().

Per gli sviluppatori di WordPress newbie, può essere difficile afferrare tali cose tecniche, ma una volta che imparano WordPress Codex, tutto va liscio.

Spero che non sia così difficile aggiungere un file CSS a un tema WordPress

Mi ricordo quando ho iniziato a sviluppare temi WordPress a pochi anni fa, è stato un disastro. Quando continui a praticare siti Web statici e improvvisamente vieni a conoscere la natura dinamica del web 2.0, potresti agitarti un po’.

Una volta che ti impegni con i codici WordPress, potresti iniziare a sentirlo interessante. L’aggiunta di un file CSS è una delle basi per lo sviluppo di un tema WordPress da zero.

Conclusione

Lo sviluppo Web può essere complicato e può spaventare gli utenti principianti di WordPress. La guida è per le persone che desiderano iniziare a sviluppare il loro tema WordPress personalizzato.

Grazie per aver seguito questo tutorial.

Dai un’occhiata a questi 3 migliori servizi di hosting WordPress: