ChatGPT può creare un utile plugin per WordPress che funzioni davvero?

Pubblicato: 2023-05-22

L'intelligenza artificiale può trasformare i non programmatori in sviluppatori di plugin WordPress professionisti? Per scoprirlo, abbiamo chiesto a ChatGPT di creare da zero un plug-in WordPress personalizzato e poi abbiamo chiesto al nostro team di sviluppatori esperti di esaminare il codice...

AI è la parola di due lettere più popolare al mondo in questo momento. Con tutti i titoli delle notizie recenti sul fatto che l'intelligenza artificiale ci toglierà il lavoro, volevamo sapere... ChatGPT può effettivamente sviluppare un plug-in WordPress funzionale e utile senza dover scrivere codice da zero? E il plugin soddisfa le migliori pratiche di codifica?

Fortunatamente, WPMU DEV crea alcuni dei plug-in WordPress più robusti al mondo, quindi abbiamo molti sviluppatori di plug-in WordPress esperti che possono mettere alla prova ChatGPT.

Infatti, se fai un giro nei corridoi virtuali della nostra azienda, non puoi fare a meno di imbatterti in programmatori e sviluppatori di WordPress. Sembra che tutti qui intorno possano guardare un plugin per WordPress e vedere PHP nel modo in cui Neo vede il codice pioggia digitale di Matrix.

Codice matrice
Come appare il codice PHP agli sviluppatori esperti di plugin WordPress. Fonte: Giphy.com

Tutti, cioè... tranne me!

Sono solo uno scrittore di blog senza capacità di codifica e un ardente desiderio di aggiungere "prompt engineer" al mio CV.

Quindi, in questo post, esploreremo come sfruttare la potenza di ChatGPT per creare un semplice plug-in WordPress personalizzato in modo rapido e sicuro, anche se non hai competenze di programmazione approfondite.

Lo faremo:

1) Chiedere a ChatGPT di generare il codice per un utile plug-in che possiamo testare e

2) Eseguire il codice generato da ChatGPT oltre il nostro team di sviluppatori di plug-in professionisti in modo che possano esaminarlo e fornire il loro feedback onesto.

Tratteremo quanto segue:

  • Passaggio 1: definire la funzionalità del plug-in
  • Passaggio 2: genera frammenti di codice con ChatGPT
  • Passaggio 3: testare il plug-in personalizzato
  • Feedback dei nostri esperti sviluppatori di plug-in
  • ChatGPT può trasformarti in uno sviluppatore di plugin per WordPress?

Passaggio 1: definire la funzionalità del plug-in

Prima di utilizzare ChatGPT per generare codice, dobbiamo avere una chiara comprensione della funzionalità che vogliamo che il nostro plug-in fornisca.

Questo inizia delineando le caratteristiche, le azioni o le modifiche specifiche che vorremmo ottenere con il nostro plug-in. Questo ci aiuterà quindi a generare prompt accurati per ChatGPT e a garantire che il nostro codice generato dall'intelligenza artificiale sia in linea con i risultati desiderati.

Passaggio 2: genera frammenti di codice con ChatGPT

Per generare i nostri frammenti di codice utilizzando ChatGPT, manterremo le cose semplici (e gratuite) e utilizzeremo l'interfaccia disponibile gratuitamente fornita da OpenAI.

Prendi il numero 1...

Nota: il mio primo tentativo di utilizzare ChatGPT per creare un plugin per WordPress da zero era troppo ambizioso. Ho chiesto a ChatGPT di costruirmi un semplice WordPress viaggio nel tempo plug-in per la generazione di testo fittizio , utilizzando il prompt di seguito...

ChatGPT - Richiesta di creazione del plug-in di WordPress.
Questo prompt darà sicuramente il via alle gomme di sviluppo del plug-in WordPress di ChatGPT.

Come qualcuno che passa molto tempo a scrivere tutorial su WordPress, spesso ho bisogno di contenuti fittizi per testare plugin, creare schermate, ecc.

Quindi, ho pensato che sarebbe stato fantastico modellare il mio plug-in di contenuto fittizio generato dall'intelligenza artificiale su un plug-in che uso spesso chiamato FakerPress.

ChatGPT ha respinto la mia richiesta e mi ha fatto sapere che la creazione di un plug-in WordPress completamente funzionante con tutte le funzionalità richieste andava oltre lo scopo di una singola risposta.

Tuttavia, si è offerto di fornirmi un modello di base, di guidarmi su come implementare alcune delle funzionalità che ho menzionato e mi ha persino fornito istruzioni su come creare una directory e un file di plug-in...

Risposta di ChatGPT alla richiesta di sviluppo del plug-in di WordPress.
Mmm…forse il mio primo tentativo di creare un plugin per WordPress era troppo ambizioso!

All'inizio, il codice di output di ChatGPT sembrava piuttosto impressionante...

Codice ChatGPT
Per qualcuno che conosce "zip" sulla codifica, lo snippet di codice sopra sembra sicuramente impressionante!

ChatGPT produce anche tutto il codice aggiuntivo necessario per completare i passaggi successivi.

ChatGPT - Richiesta di sviluppo del plugin per WordPress.
In mancanza di capacità di codifica, mi sono affidato a ChatGPT per guidarmi in ogni fase del processo di sviluppo del plug-in.

Con l'output del codice del plug-in, il passaggio successivo è stato caricare il plug-in sul mio sito di test e testarlo per assicurarmi che funzioni.

Passaggio 3: testare il plug-in personalizzato

Dopo aver caricato la cartella contenente il codice del plugin nella directory wp-content > plugins del mio sito di test e averlo attivato all'interno della schermata Plugins...

Schermata dei plug-in: collegamento al menu di attivazione del generatore di contenuti fittizi.
E ora per il momento stiamo tutti aspettando [rullo di tamburi]...
Ho un errore fatale!

Schermata Plugin - Messaggio di errore irreversibile.
Che delusione... il punto più basso della mia carriera nello sviluppo di plugin per WordPress!

Supponendo che forse non ho aggiunto gli snippet aggiuntivi che ChatGPT ha fornito correttamente, sono tornato indietro e ho chiesto che tutto il codice fosse fornito come un singolo file che potevo semplicemente copiare e incollare per sovrascrivere e aggiornare il file del plugin caricato...

Screenshot del prompt e della risposta di ChatGPT.
Perché non poteva semplicemente darmi l'intero codice copia e incolla la prima volta?

C'era molto codice da produrre, quindi ogni volta che il processo si fermava, ordinavo a ChatGPT di continuare...

Screenshot del prompt e della risposta di ChatGPT.
ChatGPT a volte ha solo bisogno di un piccolo incoraggiamento gentile per andare avanti.

Dopo aver ripetuto questo processo più volte, ChatGPT ha prodotto l'intero codice e ha anche fornito alcune informazioni utili.

Screenshot della risposta ChatGPT.
Dopo aver atteso 2 minuti interi...ChatGPT ha finalmente emesso tutto il codice del plugin!

Ho caricato il file del plug-in con il nuovo codice sul mio sito di test, quindi sono passato all'area di amministrazione del sito e ho attivato il plug-in.

Ha funzionato! O così sembrava.

ChatGPT ha dato al plugin la propria voce di menu...

Plugin WordPress generatore di contenuti fittizi -creato da ChatGPT
ChatGPT ha creato tutto questo!

E una schermata delle impostazioni con un sacco di riquadri e campi fantasiosi...

Schermata delle impostazioni del plug-in WordPress di Dummy Content Generator.
Sembra impressionante... ma funzionerà?

Ma non riuscivo a vedere un campo per specificare quanti post o pagine creare, quindi ho semplicemente spuntato alcune caselle, inserito alcuni valori e fatto clic sul pulsante "Salva modifiche" per vedere cosa succede.

Plugin WordPress generatore di contenuti fittizi -creato da ChatGPT
E ora, per il momento della verità...

E... non è successo assolutamente niente!

Tabella dei post di WordPress che mostra un singolo post "Hello world".
L'ultimo punto più basso della mia carriera nello sviluppo di plugin per WordPress... un plugin che non fa nulla!

Il mio plug-in fantasioso era tutto finto, proprio come una di quelle astronavi da parco giochi per bambini che è piena di manopole inutili che puoi girare e pulsanti che puoi premere fingendo di volare nello spazio.

Quindi, ho contattato uno dei nostri sviluppatori tramite Slack e gli ho chiesto di guardare il file del plugin.

Alcuni dei commenti che sono tornati includevano quanto segue:

  • "Il plug-in tenta di generare contenuti casuali su ogni singolo caricamento della pagina di amministrazione"
  • “Richiama una funzione dummy_content_generator_generate_content_paragraphs che, a sua volta, tenta di chiamare dummy_content_generator_get_random_paragraph per ogni paragrafo che tenta di generare. Il problema è che non esiste una funzione dummy_content_generator_get_random_paragraph .
  • "La pagina si carica fino a un certo punto, quindi si interrompe perché mancano più elementi"
  • "Oltre a tutti i problemi menzionati, non c'è alcuna convalida e nessuna fuga dell'output, il che è terribile"
  • “In termini di avere qualcosa come punto di partenza, questo è molto, molto scarso. In termini di avere un plug-in funzionante, questo non è affatto vicino a quello "

Dopo alcune discussioni avanti e indietro, si è ritenuto che ci fosse molto di sbagliato nel plugin, che ci sarebbe voluto molto lavoro per risolverlo, e mi hanno suggerito di scartare il progetto.

A questo punto, tuttavia, ero troppo preso dalla mia missione per abbandonare semplicemente tutto e arrendermi. Ricordando le famose parole di Sir Winston Churchill ( "Portami un altro brandy" “Mai arrendersi, mai arrendersi, mai, mai, mai…”), ho deciso che era tempo di…

Prendi il numero 2...

Ok, quindi il mio primo tentativo di convincere ChatGPT a creare un plugin per WordPress da zero è stato un triste fallimento. Questo di per sé ha fornito alcune preziose informazioni sulla capacità di ChatGPT di eseguire attività di codifica complesse (o, come ha detto qualcuno nel team, "non puoi programmare utilizzando ChatGPT senza avere una conoscenza approfondita della codifica").

Quindi, per "Take #2", ho deciso di riprovare con una richiesta di plug-in più semplice.

Tornando al tavolo da disegno, nella mia mente si è accesa una lampadina geniale... perché non chiedere a ChatGPT di suggerire idee per semplici plugin di WordPress per i quali potrebbe poi generare il codice?

Quindi, è quello che ho fatto. Ecco il prompt che ho prontamente progettato...

Prompt di ChatGPT per la generazione di idee per i plugin di WordPress.
Il mio suggerimento geniale.

Ed ecco l'elenco dei plugin suggeriti con cui ChatGPT ha risposto...

ChatGPT - Elenco di idee per i plugin di WordPress.
Il progetto del mio impero di plugin per WordPress.

Mi è piaciuto l'ultimo suggerimento, quindi ho chiesto a ChatGPT di generare il codice per un plug-in duplicatore di contenuti funzionali e ha funzionato immediatamente.

ChatGPT richiede di generare il codice per un plug-in di WordPress che duplica il contenuto.
Ecco come appare una licenza per stampare denaro!

ChatGPT ha generato il seguente codice per il plugin in un batter d'occhio:

<?php
/*
Plugin Name: Content Duplicator
Description: Allows users to duplicate posts, pages, or custom post types with one click.
Version: 1.0.0
Author: Your Name
Author URI: https://yourwebsite.com
*/

// Add duplicate action links to post row actions
function content_duplicator_add_duplicate_link( $actions, $post ) {
    if ( current_user_can( 'edit_posts' ) ) {
        $actions['duplicate'] = '<a href="' . wp_nonce_url( admin_url( 'admin-post.php?action=content_duplicator_duplicate_post&post_id=' . $post->ID ), 'content_duplicator_duplicate_post' ) . '" title="Duplicate this item" rel="permalink">Duplicate</a>';
    }
    return $actions;
}
add_filter( 'post_row_actions', 'content_duplicator_add_duplicate_link', 10, 2 );

// Duplicate the post
function content_duplicator_duplicate_post() {
    if ( isset( $_GET['post_id'] ) ) {
        $post_id = absint( $_GET['post_id'] );

        if ( current_user_can( 'edit_posts' ) && wp_verify_nonce( $_GET['_wpnonce'], 'content_duplicator_duplicate_post' ) ) {
            $post = get_post( $post_id );

            $args = array(
                'post_title' => $post->post_title . ' (Duplicate)',
                'post_content' => $post->post_content,
                'post_type' => $post->post_type,
                'post_status' => $post->post_status,
                'post_parent' => $post->post_parent,
                'post_author' => get_current_user_id(),
            );

            $new_post_id = wp_insert_post( $args );

            if ( $new_post_id ) {
                // Duplicate meta fields
                $meta_fields = get_post_custom( $post_id );
                foreach ( $meta_fields as $key => $values ) {
                    foreach ( $values as $value ) {
                        add_post_meta( $new_post_id, $key, $value );
                    }
                }

                // Redirect to the duplicated post
                wp_redirect( admin_url( 'post.php?action=edit&post=' . $new_post_id ) );
                exit;
            }
        }
    }
}
add_action( 'admin_post_content_duplicator_duplicate_post', 'content_duplicator_duplicate_post' );

Ha anche fornito una serie di istruzioni dopo aver generato il codice.

Istruzioni ChatGPT.
Il codice non solo viene fornito con le istruzioni, ma ChatGPT dice anche "Per favore"!

Ho quindi caricato il nuovo file del plugin nella directory wp-content > plugins del mio sito di test utilizzando il file manager di The Hub.

L'Hub - Gestore di file
C'è molta azione da decomprimere in questo screenshot.

E ha creato un post fittizio per testare il plugin con...

Post di prova WordPress.
Il plugin ha duplicato questo post scadente? Scopriamolo!

Ecco le opzioni del menu del post prima di attivare il plugin...

Tabella dei post di WordPress con una singola voce di post.
Un post predefinito con opzioni predefinite.

Dopo aver attivato il plug-in...

Schermata Plugin di WordPress - Attiva Content Duplicator
"Attiva duplicatore di contenuti" - Sembra una battuta di un film di Star Trek.

Successo!

Schermata Plugin di WordPress - Messaggio Plugin attivato.
Uno screenshot gratuito che dimostra che il plug-in è stato attivato correttamente.

Il plug-in attivato. Ma ha funzionato davvero?

Ecco di nuovo il mio post di prova (si noti che il plug-in ha aggiunto una nuova voce "Duplica" al menu dopo l'attivazione). Ho quindi fatto clic su "Duplica" per vedere cosa succede ...

Tabella dei post di WordPress - Pubblica la voce con un nuovo elemento duplicato.
ChatGPT ha persino aggiunto al codice un suggerimento per la voce di menu "Duplica"!

Ed è stato creato un post duplicato!

Un esempio di un post WordPress duplicato.
Un duplicato del post originale.

Ecco la tabella dei post che mostra le voci per il post originale e duplicato.

Tabella dei post di WordPress con post originale e post duplicato.
Il post originale e la sua versione clonata.

Sono sicuro che con una migliore progettazione rapida e alcune modifiche al codice, il plug-in avrebbe potuto essere notevolmente migliorato. Ad esempio, preferirei che il plug-in impostasse lo stato del post appena duplicato su "bozza" invece di pubblicarlo, ma ChatGPT ha fornito un semplice plug-in di WordPress che ha funzionato. Era essenziale, ma ha funzionato.

L'ultimo passaggio è stato chiedere a qualcuno che codifica i plug-in di WordPress per vivere di esaminare il codice e ottenere la propria opinione sull'utilizzo di uno strumento come ChatGPT per codificare i plug-in.

Feedback dei nostri esperti sviluppatori di plug-in

Poco dopo aver caricato il plugin su uno dei nostri canali di test, ho ricevuto un ping da uno dei nostri sviluppatori. Ecco alcuni dei punti chiave forniti nel loro feedback:

  • "ChatGPT e altri sono bravi a rispondere a domande di cui conosci già la risposta."
  • "L'ho usato anche in passato per creare un semplice plug-in per me, ma fintanto che fornivo prompt più complessi, ha iniziato a rovinare le cose, quindi alla fine eseguo manualmente il debug del codice dato in modo che funzioni, altrimenti sarebbe impiegare anni prima che esegua effettivamente il debug riga per riga.
  • “Fondamentalmente, fa quello che dice. Tuttavia, fa quello che dice molto letteralmente. Come in, duplicherà un post e i suoi corrispondenti campi postmeta (personalizzati). Tuttavia, non sembra che propagherà alcuna tassonomia al post duplicato (il plug-in dovrebbe copiare e assegnare gli stessi termini di tassonomia, come categorie o tag, dal post originale al post duplicato)."
  • Se dovessi essere super pignolo su questo, direi anche che non è pronto per L10n - non ci sarà un'opzione per tradurre questo plugin. Ma questo è solo essere molto nitido: non penso davvero, né mi aspetterei, che un plug-in generato da prompt sia abbastanza generico da aver bisogno di qualcosa del genere. Per me, è più una specie di "dominio del problema molto specifico", inclusa la lingua utilizzata. Alla fine della giornata, fa quello che dice che farà, il che è molto bello.

Oltre a esaminare il codice del plug-in di WordPress generato da ChatGPT e fornire feedback come mostrato sopra, i nostri sviluppatori hanno anche concordato con i seguenti punti chiave dopo aver valutato le attuali capacità di ChatGPT di generare codice:

1 – È importante prestare attenzione e non accettare ciecamente il codice generato da ChatGPT come corretto.

  • ChatGPT può fornire risposte, ma sta all'utente valutare se la risposta è corretta o meno.
  • C'è il rischio di ricevere risposte errate o prive di senso da ChatGPT, sia ovvie che sottili.
  • È importante prestare attenzione e non accettare ciecamente il codice generato come corretto.
  • L'output di ChatGPT dovrebbe essere trattato come completamento automatico, semplificando la vita ma richiedendo cautela e verifica.

La capacità di distinguere il codice buono da quello cattivo o privo di senso, tuttavia, implica che...

2 – Gli utenti devono avere una conoscenza e una comprensione sufficienti dello sviluppo dei plugin di WordPress per valutare e modificare il codice generato secondo necessità.

  • ChatGPT può aiutare a semplificare e accelerare il processo di creazione di semplici plug-in WordPress personalizzati, generare frammenti di codice e fornire spiegazioni. Qualsiasi cosa più complessa, tuttavia, richiede esperienza nello sviluppo di plug-in e capacità di codifica.
  • L'utilizzo di ChatGPT senza una conoscenza sufficiente può portare a conseguenze negative o codice inaffidabile.
  • Affidarsi esclusivamente a ChatGPT senza pensiero critico è simile a copiare ciecamente la prima risposta da Stack Overflow (i thread di Stack Overflow forniscono più contesto, risposte multiple e feedback da altri utenti, rendendola una risorsa più affidabile, ma i thread di Stack Overflow tendono ad essere più generico, mentre ChatGPT può fornire risposte specifiche a singole domande).

3 – L'utilizzo di altre risorse, come la documentazione di WordPress, i tutorial e i forum della community, insieme a ChatGPT può fornire una comprensione più completa dello sviluppo dei plugin di WordPress.

  • Mentre esplori le possibilità di utilizzare ChatGPT per lo sviluppo di plug-in di WordPress, è prezioso interagire con la community di WordPress. Condividi le tue esperienze, chiedi feedback e chiedi consiglio a sviluppatori esperti. Partecipare a forum, partecipare a meetup di WordPress o entrare a far parte di community online può fornire preziose informazioni e aiutarti a perfezionare il processo di sviluppo del plug-in.
  • Inoltre, considera di seguire le migliori pratiche di sicurezza di WordPress per salvaguardare il tuo sito Web da potenziali vulnerabilità. ChatGPT può fornire consigli sulle misure di sicurezza che puoi implementare per proteggere il tuo plug-in.
  • È inoltre essenziale mantenere una chiara comprensione della funzionalità desiderata e rivedere e testare accuratamente il codice generato e proteggere i plug-in personalizzati prima di distribuirli in un ambiente di produzione.

ChatGPT può trasformarti in uno sviluppatore di plugin per WordPress?

In questo articolo, abbiamo esplorato come utilizzare ChatGPT per creare semplici plug-in WordPress personalizzati, anche se hai un'esperienza di codifica limitata.

In altri articoli, abbiamo visto che strumenti basati sull'intelligenza artificiale come ChatGP possono semplificare il flusso di lavoro, aumentare la produttività e sbloccare nuove possibilità (dai un'occhiata al nostro recente articolo sui modi in cui ChatGPT può aiutarti come sviluppatore di WordPress).

Sebbene siano disponibili oltre 60.000 plug-in WordPress gratuiti che coprono ogni tipo di funzionalità immaginabile, a volte potresti aver bisogno di una soluzione personalizzata per soddisfare i requisiti specifici di un cliente.

Oltre alle funzionalità di base del tuo plug-in, puoi anche sfruttare ChatGPT per generare codice per interfacce utente personalizzate. Con la sua capacità di comprendere i prompt e generare frammenti HTML, CSS e JavaScript, puoi creare interfacce di amministrazione intuitive, componenti front-end ed elementi interattivi che miglioreranno l'esperienza dell'utente e ti consentiranno di fornire un prodotto finale raffinato.

Utilizzando le capacità del modello linguistico, puoi generare frammenti di codice, ottimizzare le funzionalità e creare interfacce intuitive. Tuttavia, è fondamentale comprendere il codice generato, rivederlo e perfezionarlo e testare a fondo i plug-in personalizzati prima di distribuirli sul tuo sito Web live.

Il codice generato può anche richiedere modifiche per allinearsi agli standard di codifica, alle convenzioni di denominazione o ai requisiti specifici del progetto. Ciò richiede una certa quantità di conoscenze e abilità di codifica, così come l'ottimizzazione del codice e la garanzia che segua le linee guida di codifica di WordPress per una migliore manutenibilità.

La linea di fondo:

Ecco le mie scoperte dopo aver provato a convincere ChatGPT a codificarmi un plugin da zero:

  1. Non avrei potuto ottenere questo risultato senza l'aiuto dei nostri esperti sviluppatori.
  2. Usare ChatGPT per generare codice senza conoscenze di codifica è davvero impegnativo: aiuta a sapere cosa stai facendo :)
  3. Sebbene ChatGPT sia uno strumento potente e prezioso, non sembra che l'intelligenza artificiale sostituirà presto programmatori esperti.

Interessato allo sviluppo di plugin per WordPress?

Dai un'occhiata ad alcuni dei nostri tutorial e articoli sullo sviluppo di plugin per WordPress:

  • Iniziare con lo sviluppo del plugin per WordPress
  • Una guida rapida e approfondita agli hook di WordPress
  • Creazione di plugin per WordPress in modo orientato agli oggetti

Hai provato a utilizzare strumenti di intelligenza artificiale come ChatGPT per creare o personalizzare un plug-in di WordPress? Condividi i tuoi pensieri e le tue esperienze nei commenti qui sotto.