Come programmare in WordPress con l'intelligenza artificiale

In passato, gli utenti di WordPress senza conoscenze di programmazione trascorrevano ore su Google alla ricerca di una risposta o sollecitavano l’aiuto di uno sviluppatore web professionista. Con l’avvento dell’intelligenza artificiale (AI), le cose stanno cominciando a cambiare. Esistono diversi strumenti di assistente al codice AI, ma non tutti sono pensati specificamente per WordPress. In questo post ti mostreremo come programmare in WordPress con l'intelligenza artificiale in modo da poter risparmiare tempo e denaro duramente guadagnato per altre attività.

Immergiamoci.

Cos’è la codifica assistita dall’intelligenza artificiale per WordPress?

La codifica assistita dall'intelligenza artificiale è l'uso di modelli di intelligenza artificiale generativa di machine learning che aiutano nella creazione di codice per WordPress. La maggior parte degli assistenti di codifica AI consentono agli utenti di WordPress di descrivere cosa desiderano che il codice faccia inserendo un semplice messaggio di testo. Da lì, l'intelligenza artificiale genera automaticamente il codice per te, completo di nomi di variabili personalizzate o classi CSS.

Perché dovresti programmare in WordPress con l'intelligenza artificiale

immagine creata con Divi AI

Esistono diversi motivi per programmare in WordPress con l’intelligenza artificiale. Innanzitutto, consente ai programmatori alle prime armi o a coloro che non hanno conoscenze di programmazione di aggiungere snippet di codice PHP o JavaScript che modificano la funzionalità del tuo sito. Allo stesso modo, l'intelligenza artificiale può anche generare CSS per te, permettendoti di apportare modifiche stilistiche avanzate agli elementi di design del tuo sito. Un altro motivo per cui dovresti considerare l’utilizzo dell’intelligenza artificiale per la codifica in WordPress è la risoluzione degli errori. Se ti sei mai trovato in una situazione in cui vedi la schermata bianca della morte o altri errori comuni, l'intelligenza artificiale può aiutarti a capire dove si trova il problema e a risolverlo.

Quali sono i vantaggi della codifica in WordPress con l'intelligenza artificiale?

immagine creata con Divi AI

Ci sono innumerevoli vantaggi nel programmare in WordPress con l’intelligenza artificiale. Ne evidenziamo alcuni in modo che tu possa comprendere meglio come l'intelligenza artificiale può aiutarti a semplificarti la vita:

• Curva di apprendimento minima: quando si utilizza l’intelligenza artificiale, non è necessario dedicare innumerevoli ore ai tutorial PHP. In effetti, può lasciarti confuso e frustrato. Opta invece per l’aiuto dell’intelligenza artificiale. Probabilmente imparerai anche alcune cose.
• Modificare i file dei temi: se sei principalmente un web designer, potresti non sentirti a tuo agio nel modificare i file dei temi. Con l'intelligenza artificiale, puoi tranquillizzare i tuoi problemi perché un messaggio di testo può aiutarti a creare quegli hack sui file Functions.php che prima avevi troppa paura di provare.
• Risparmia denaro: in passato, se avevi bisogno di fare qualcosa che richiedeva conoscenze di programmazione, avresti dovuto imparare a programmare, il che richiede tempo e talvolta costoso, oppure pagare uno sviluppatore per aiutarti. Usando l'intelligenza artificiale, puoi evitare gli intermediari e risparmiare denaro per qualcos'altro, come l'acquisto di plugin essenziali o un tema WordPress premium.
• Fai risaltare il tuo sito: gli utenti di WordPress non dovrebbero mai accontentarsi di un sito web realizzato con lo stampino. La bellezza di WordPress è che puoi far apparire il tuo sito come preferisci. Detto questo, a volte il tuo sito potrebbe aver bisogno di un po’ di “grinta” in più. Aggiungere codice in WordPress con l'intelligenza artificiale è un ottimo modo per aggiungere animazioni o altre funzionalità per rendere unico il tuo sito web.

Come programmare in WordPress con l'intelligenza artificiale

immagine creata con Midjourney

Esistono un paio di modi in cui puoi programmare in WordPress con l'intelligenza artificiale. Puoi utilizzare un generatore di pagine AI come Elementor per creare CSS personalizzati o uno strumento AI come CodeWP per PHP. Al momento della stesura di questo articolo, nessun plugin ti consentirà di codificare PHP all'interno di WordPress. Tuttavia, CodeWP è stato appositamente addestrato utilizzando i file e la struttura di WordPress, quindi sa il fatto suo. Un ulteriore vantaggio è la possibilità di archiviare gli snippet nel cloud in modo da poterli salvare per il riutilizzo.

Prima di iniziare a collegare snippet di codice personalizzati al tuo sito, dovresti fare una delle due cose. Ti consigliamo di creare un tema figlio o un sito di staging. Anche fare entrambe le cose è una buona idea. Indipendentemente da ciò, il tuo tema principale o il tuo sito live saranno protetti da snippet di codice che potrebbero danneggiare il tuo sito web.

Esaminiamo i passaggi necessari per impostare le cose e generare codice in WordPress.

Come codificare CSS in WordPress con l'intelligenza artificiale

Elementor è uno dei page builder più popolari al mondo. Negli ultimi mesi, hanno aderito alla rivoluzione dell’intelligenza artificiale offrendo la generazione di testo, immagini e CSS personalizzati. Funziona attivando il pulsante Modifica con AI nel generatore di pagine front-end di Elementor in qualsiasi modulo contenente testo o immagini.

Genera CSS in Elementor AI

Per la generazione di CSS, dovrai sborsare una licenza professionale, ma puoi provare la generazione di testo e immagini di Elementor AI nella versione gratuita. Con la versione pro attivata, passa con il mouse su una sezione per visualizzare il pulsante di modifica della sezione .

Successivamente, fai clic sull'icona avanzata nelle impostazioni delle sezioni.

Scorri per rivelare la scheda CSS personalizzato . Espandi il menu a discesa per mostrare la casella CSS personalizzata .

Fai clic sul pulsante Modifica con AI sopra la casella CSS personalizzata.

Quando viene visualizzata la finestra di dialogo, digitare un messaggio di testo, ad esempio animazione colore di sfondo a 2 colori (1). Quindi fare clic sul pulsante Genera codice (2).

Elementor AI si metterà al lavoro generando il tuo snippet di codice. Il rendering potrebbe richiedere fino a un minuto. Una volta completato, riceverai un'anteprima del tuo codice. Se sei soddisfatto dei risultati, fai clic sul pulsante Inserisci per aggiungere il codice nella casella CSS personalizzato.

Una volta inserito il codice, puoi guardare l'animazione dal vivo nel builder Elementor.

Una volta pubblicato il codice CSS, puoi modificare i colori, la velocità dell'animazione e apportare altre modifiche in base alle tue preferenze.

Se desideri generare facilmente CSS per i tuoi progetti web con Elementor, puoi iscriverti per una licenza Pro annuale per $ 59. Ricorda, per utilizzare il generatore CSS di Elementor AI, dovrai iscriverti a un piano a pagamento. I prezzi partono da $ 2,99 al mese per 18.000 crediti.

Come codificare PHP per WordPress con l'intelligenza artificiale

CodeWP è uno strumento AI addestrato specificamente utilizzando WordPress. Ti aiuta a creare snippet di codice personalizzati per estenderne le funzionalità o evitare l'uso di plugin pesanti. Quando sei pronto per implementare gli snippet di codice generati, dovrai installare un plug-in per gli snippet di codice, come WPCode, o creare un tema figlio e copiare file specifici dalla cartella include per posizionare i tuoi snippet.

Se sei un utente Divi e desideri creare un tema figlio, abbiamo un tutorial dettagliato sui passaggi che dovrai eseguire. Detto questo, se sei un utente inesperto, ti consigliamo vivamente il percorso del plugin snippet.

Registrati per un account CodeWP

Se non ti sei registrato a CodeWP, fai clic sul pulsante Inizia gratuitamente .

Quando la schermata si aggiorna, puoi creare un account collegando il tuo profilo Facebook, l'account GitHub o creando un nome utente e aggiungendo il tuo indirizzo email.

Navigazione nell'interfaccia CodeWP

Il CodeWP è piuttosto intuitivo. Potrai visualizzare i tuoi snippet, sfogliare gli snippet pubblici (verificati) inviati da altri utenti, ricevere le ultime notizie e avviare diversi generatori di codice.

Per questo tutorial, lavoreremo con la versione gratuita di CodeWP, che viene fornita con un'unica interfaccia: WordPress PHP. Per sbloccare gli altri, devi iscriverti a una licenza pro.

Genera PHP in CodeWP

Per generare il tuo primo snippet, fai clic sul pulsante Genera codice in alto a sinistra nell'interfaccia CodeWP.

Successivamente, fare clic sul pulsante del nuovo prompt per aprire la finestra di dialogo del prompt di testo.

Per dimostrare quanto sia facile lavorare all'interno di CodeWP, gli chiederemo di creare un nuovo tipo di post personalizzato per le auto e alcuni campi personalizzati che possiamo compilare nel tipo di post relativo alle auto.

Inizia inserendo il seguente messaggio nel campo di testo:
Crea un tipo di post personalizzato chiamato automobili e includi una tassonomia per il tipo di veicolo. Aggiungi i seguenti meta campi al tipo di post personalizzato delle auto.

metacampo di numeri interi chiamato make
meta campo numero intero chiamato modello
meta campo numero intero chiamato prezzo
campo meta numero intero chiamato colore esterno
meta campo del numero intero chiamato colore interno
metacampo di numeri interi chiamato capienza
metacampo di numeri interi chiamato drivetrain
metacampo del numero intero chiamato trasmissione
metacampo di numeri interi chiamato cilindri
metacampo di numeri interi chiamato MPG

Infine, fai clic sul pulsante Genera codice WP .

Dopo un minuto o due, CodeWP genererà il tuo codice PHP personalizzato. Per utilizzarlo in WordPress, dovremo utilizzare il plugin snippet WPCode (o simile).

Copia l'output dopo il tag PHP di apertura in modo da poterlo incollare in WPCode.

Aggiunta di codice PHP a WordPress

Torna alla dashboard dell'amministratore di WordPress. Se hai ancora bisogno di installare WPCode, fallo ora. Se hai bisogno di indicazioni sull'installazione dei plugin, abbiamo una pratica guida all'installazione dei plugin da seguire.

Passare a Snippet di codice > + Aggiungi snippet (1). Da lì, fai clic su Aggiungi il tuo codice personalizzato (Nuovo snippet) (2).

Per impostazione predefinita, WPCode seleziona l'inserimento automatico e imposta la posizione su ovunque, che è ciò che vogliamo che faccia. Per rendere attivo il tuo snippet, seleziona PHP dal menu a discesa (1) e incolla lo snippet PHP nell'anteprima del codice (2). Successivamente, attiva lo snippet (3) e salvalo (4).

Una volta salvato, un nuovo tipo di post verrà visualizzato nella dashboard di amministrazione di WordPress.

Per assicurarti che tutto funzioni correttamente, passa il mouse sopra l'auto nel pannello di amministrazione e fai clic su Aggiungi nuovo .

Scorri verso il basso fino a individuare i metacampi dell'auto . Se sono lì, congratulazioni! In caso contrario, puoi utilizzare CodeWP per modificare il codice di conseguenza.

Considerazioni finali sulla codifica in WordPress con l'intelligenza artificiale

Lo sviluppo di WordPress si sta evolvendo rapidamente con l’integrazione dell’intelligenza artificiale. Utilizzando strumenti come Elementor AI o CodeWP, puoi rinunciare a ore di ricerca o costosi servizi di sviluppo web. Gli strumenti di intelligenza artificiale progettati specificamente per WordPress possono far risparmiare tempo e denaro e insegnare anche all'utente più inesperto come programmare. Che tu abbia bisogno di aggiungere uno script PHP personalizzato o portare il design del tuo sito a un livello superiore con i CSS, gli assistenti di codifica AI offrono un supporto inestimabile.

Se desideri saperne di più su cosa puoi fare con l'intelligenza artificiale per WordPress, dai un'occhiata ad alcuni dei nostri altri post relativi all'intelligenza artificiale:

• Come utilizzare Divi AI: tutto ciò che devi sapere
• Costruire una home page con Divi AI dall'inizio alla fine
• Come generare bellissime immagini AI con diffusione stabile (2023)
• Come utilizzare l'intelligenza artificiale per creare fantastici web design con Divi (utilizzando ChatGPT e MidJourney)

Immagine in primo piano tramite Leonid studio / shutterstock.com