pensando.itpensando.it
  • Blog
  • In Evidenza
    • Affiliate Marketing
    • Gaming
    • Migliori Negozi Online
    • Tutorial
    • Mondo Apple
    • Recensioni
    • WordPress
    • Fotografia
  • Tecnologia
    • WordPress
    • Temi WordPress
    • Plugin WordPress
    • Telegram
    • Node.js
  • Marketing
    • Affiliate Marketing
    • Inbound Marketing
    • Personal Branding
    • SEO
  • Guide
    • Migliori Ecommerce
    • Mondo Apple
    • iPhone
    • Gaming
    • Recensioni
    • Tutorial
  • Contatti
    • Chi Sono
    • Contattami
    • Il Progetto
    • Portfolio
    • Cookie Policy
    • Privacy Policy
Come integrare ChatGPT 300x199 - Come integrare ChatGPT tramite API REST e librerie
Come integrare ChatGPT tramite API REST e librerie
5 Gennaio 2023
come scegliere ecommere iphone ricondizionati 300x199 - Come scegliere un ecommerce che vende iPhone Ricondizionati
Come scegliere un ecommerce che vende iPhone Ricondizionati
15 Dicembre 2022
smartphone a rate 300x199 - I Migliori Siti  dove Comprare Smartphone a Rate
I Migliori Siti dove Comprare Smartphone a Rate
14 Novembre 2022
Facebook Twitter Instagram YouTube LinkedIn Telegram
pensando.itpensando.it
  • Blog
  • In Evidenza
    1. Affiliate Marketing
    2. Gaming
    3. Migliori Negozi Online
    4. Tutorial
    5. Mondo Apple
    6. Recensioni
    7. WordPress
    8. Fotografia
    In Evidenza
    come scegliere ecommere iphone ricondizionati 1024x680 - Come scegliere un ecommerce che vende iPhone Ricondizionati
    Come scegliere un ecommerce che vende iPhone Ricondizionati
    Di Alessandro De Marchi15 Dicembre 20220
    Recenti
    come scegliere ecommere iphone ricondizionati 300x199 - Come scegliere un ecommerce che vende iPhone Ricondizionati
    Come scegliere un ecommerce che vende iPhone Ricondizionati
    15 Dicembre 2022
    smartphone a rate 300x199 - I Migliori Siti  dove Comprare Smartphone a Rate
    I Migliori Siti dove Comprare Smartphone a Rate
    14 Novembre 2022
    cambia operatore mobile4 300x169 - Cambia Operatore Telefonico Mobile: La Guida Completa
    Cambia Operatore Telefonico Mobile: La Guida Completa
    19 Settembre 2022
  • Tecnologia
    1. WordPress
    2. Temi WordPress
    3. Plugin WordPress
    4. Telegram
    5. Node.js
    6. Vedi Tutto
    Rytr La Piattaforma di AI che ti aiuta a scrivere contenuti efficaci 1024x682 - Rytr: La Piattaforma di AI che ti aiuta a scrivere contenuti efficaci
    Rytr: La Piattaforma di AI che ti aiuta a scrivere contenuti efficaci
    21 Dicembre 2021
    Come installare wordress in locale su macOs 9 1024x683 - Come installare wordress in locale su macOs
    Come installare wordress in locale su macOs
    30 Settembre 2021
    wordpress modalita diagnostica 1024x661 - Come attivare la modalità diagnostica su wordpress
    Come attivare la modalità diagnostica su wordpress
    1 Luglio 2021
    bloccare spam contact form 1024x531 - Come fermare lo spam di Contact Form 7 su WordPress
    Come fermare lo spam di Contact Form 7 su WordPress
    21 Giugno 2021
    wordpress modalita diagnostica 1024x661 - Come attivare la modalità diagnostica su wordpress
    Come attivare la modalità diagnostica su wordpress
    1 Luglio 2021
    neve-tema
    Tema Neve WordPress: nuovo look con focus su velocità e performance
    13 Maggio 2021
    Temi professionali per blog wordpress - migliori 5 a confronto
    Temi professionali per wordpress: i migliori a confronto
    17 Dicembre 2018
    img Tema Newspaper 8.5 1024x683 - Il nuovo look di pensando.it: focus su novità, articoli e categorie con Newspaper 8.5
    Il nuovo look di pensando.it: focus su novità, articoli e categorie con Newspaper 8.5
    15 Gennaio 2018
    youtube pretty blu 450x253 - Come gestire i link affiliati con Pretty Links
    Come gestire i link affiliati con Pretty Links
    13 Maggio 2022
    wordpress modalita diagnostica 1024x661 - Come attivare la modalità diagnostica su wordpress
    Come attivare la modalità diagnostica su wordpress
    1 Luglio 2021
    bloccare spam contact form 1024x531 - Come fermare lo spam di Contact Form 7 su WordPress
    Come fermare lo spam di Contact Form 7 su WordPress
    21 Giugno 2021
    wordpress gutenberg 1024x683 - wordpress gutenberg: tutto quello che c'è da sapere sul nuovo editor di testo
    wordpress gutenberg: tutto quello che c’è da sapere sul nuovo editor di testo
    4 Agosto 2018
    telegram ads 1024x682 - Telegram Ads: Come fare pubblicità con Telegram Promote
    Telegram Ads: Come fare pubblicità con Telegram Promote
    11 Gennaio 2022
    Come far crescere un canale Telegram 1024x683 - Come far crescere un canale Telegram
    Come far crescere un canale Telegram
    16 Novembre 2021
    ricerca organica canale telegram
    Come migliorare la ricerca organica di un canale telegram
    9 Giugno 2021
    creare sondaggio canale telegram
    Come creare un sondaggio per un canale telegram
    29 Gennaio 2021
    Come integrare ChatGPT 450x299 - Come integrare ChatGPT tramite API REST e librerie
    Come integrare ChatGPT tramite API REST e librerie
    5 Gennaio 2023
    node.js su Heroku in Continuous Integration con gitHub 1024x682 - Deployare un'app node.js su Heroku in Continuous Integration con gitHub
    Deployare un’app node.js su Heroku in Continuous Integration con gitHub
    4 Giugno 2018
    iot system demo 1024x683 - Come implementare un (semplice) sistema IoT con redhat jboss fuse, node.js e mongodb
    Come implementare un (semplice) sistema IoT con redhat jboss fuse, node.js e mongodb
    13 Ottobre 2017
    188H 1024x683 - IoT e Javascript: come creare una piattaforma di “Javascript of Anything”
    IoT e Javascript: come creare una piattaforma di “Javascript of Anything”
    6 Ottobre 2015
    Come integrare ChatGPT 450x299 - Come integrare ChatGPT tramite API REST e librerie
    Come integrare ChatGPT tramite API REST e librerie
    5 Gennaio 2023
    come scegliere ecommere iphone ricondizionati 450x299 - Come scegliere un ecommerce che vende iPhone Ricondizionati
    Come scegliere un ecommerce che vende iPhone Ricondizionati
    15 Dicembre 2022
    smartphone a rate 450x299 - I Migliori Siti  dove Comprare Smartphone a Rate
    I Migliori Siti dove Comprare Smartphone a Rate
    14 Novembre 2022
    cambia operatore mobile4 450x253 - Cambia Operatore Telefonico Mobile: La Guida Completa
    Cambia Operatore Telefonico Mobile: La Guida Completa
    19 Settembre 2022
  • Marketing
    1. Affiliate Marketing
    2. Inbound Marketing
    3. Personal Branding
    4. SEO
    5. Vedi Tutto
    Affiliate Marketing e Blockchain 450x300 - Come la Blockchain cambierà l'Affiliate Marketing
    Come la Blockchain cambierà l’Affiliate Marketing
    22 Luglio 2022
    youtube pretty blu 450x253 - Come gestire i link affiliati con Pretty Links
    Come gestire i link affiliati con Pretty Links
    13 Maggio 2022
    migrare da UA a GA4 con Google Tag Manager  450x300 - Come migrare da UA a GA4 con Google Tag Manager
    Come migrare da UA a GA4 con Google Tag Manager
    11 Aprile 2022
    affiliazione ebay 1024x683 - Come guadagnare con l'affiliazione Ebay
    Come guadagnare con l’affiliazione Ebay
    11 Novembre 2021
    ebay partner network 1024x682 - Ebay Partner Network: come convertire i link di tracciamento rover
    Ebay Partner Network: come convertire i link di tracciamento rover
    14 Febbraio 2021
    come guadagnare con un blog plugin migliori
    Come guadagnare con un blog: i plugin wordpress indispensabili
    1 Agosto 2019
    come diventare blogger
    Come diventare Blogger? Attitudini e Competenze che fanno la differenza
    27 Novembre 2017
    condividere articolo social network 1024x683 - Tutti i trucchi per condividere (efficacemente) un articolo sui social network
    Tutti i trucchi per condividere (efficacemente) un articolo sui social network
    17 Luglio 2017
    cloubhouse - Come funziona Clubhouse
    Come funziona Clubhouse
    4 Febbraio 2021
    come guadagnare con un blog plugin migliori
    Come guadagnare con un blog: i plugin wordpress indispensabili
    1 Agosto 2019
    img Tema Newspaper 8.5 1024x683 - Il nuovo look di pensando.it: focus su novità, articoli e categorie con Newspaper 8.5
    Il nuovo look di pensando.it: focus su novità, articoli e categorie con Newspaper 8.5
    15 Gennaio 2018
    come diventare blogger
    Come diventare Blogger? Attitudini e Competenze che fanno la differenza
    27 Novembre 2017
    Rytr La Piattaforma di AI che ti aiuta a scrivere contenuti efficaci 1024x682 - Rytr: La Piattaforma di AI che ti aiuta a scrivere contenuti efficaci
    Rytr: La Piattaforma di AI che ti aiuta a scrivere contenuti efficaci
    21 Dicembre 2021
    penalizzazioni google
    Penalizzazioni google: cosa sono e come uscirne
    2 Novembre 2021
    tag HTML importanti per la SEO 1024x574 - I tag HTML importanti per la SEO
    I tag HTML importanti per la SEO
    24 Maggio 2021
    neve-tema
    Tema Neve WordPress: nuovo look con focus su velocità e performance
    13 Maggio 2021
    casa vacanze 450x300 - Gestionale casa vacanze: Come aumentare le prenotazioni online
    Gestionale casa vacanze: Come aumentare le prenotazioni online
    31 Agosto 2022
    server side tagging aws 450x298 - Come implementare il Server-Side tracking con GTM su AWS
    Come implementare il Server-Side tracking con GTM su AWS
    14 Luglio 2022
    migrare da UA a GA4 con Google Tag Manager  450x300 - Come migrare da UA a GA4 con Google Tag Manager
    Come migrare da UA a GA4 con Google Tag Manager
    11 Aprile 2022
    telegram ads 1024x682 - Telegram Ads: Come fare pubblicità con Telegram Promote
    Telegram Ads: Come fare pubblicità con Telegram Promote
    11 Gennaio 2022
  • Guide
    1. Migliori Ecommerce
    2. Mondo Apple
    3. iPhone
    4. Gaming
    5. Recensioni
    6. Tutorial
    7. Vedi Tutto
    come scegliere ecommere iphone ricondizionati 450x299 - Come scegliere un ecommerce che vende iPhone Ricondizionati
    Come scegliere un ecommerce che vende iPhone Ricondizionati
    15 Dicembre 2022
    smartphone a rate 450x299 - I Migliori Siti  dove Comprare Smartphone a Rate
    I Migliori Siti dove Comprare Smartphone a Rate
    14 Novembre 2022
    smarthone a poco prezzo 450x300 - I migliori Siti dove comprare Smartphone nuovi a poco prezzo
    I migliori Siti dove comprare Smartphone nuovi a poco prezzo
    25 Luglio 2022
    dove comprare monopattino elettrico 450x300 - I migliori siti dove comprare un monopattino elettrico
    I migliori siti dove comprare un monopattino elettrico
    10 Maggio 2022
    iphone 14 evidenza 450x290 - Apple iPhone 14: modelli prezzi e caratteristiche a confronto
    Apple iPhone 14: modelli prezzi e caratteristiche a confronto
    12 Settembre 2022
    comprare iphone a rate 1024x607 - I migliori siti dove comprare iPhone a rate
    I migliori siti dove comprare iPhone a rate
    28 Dicembre 2021
    iphone 13 1024x420 - Apple iPhone 13: modelli prezzi e caratteristiche a confronto
    Apple iPhone 13: modelli prezzi e caratteristiche a confronto
    22 Ottobre 2021
    dove-acquistare-ipod-in-offerta
    I migliori siti dove comprare ipod in offerta
    18 Marzo 2021
    come scegliere ecommere iphone ricondizionati 450x299 - Come scegliere un ecommerce che vende iPhone Ricondizionati
    Come scegliere un ecommerce che vende iPhone Ricondizionati
    15 Dicembre 2022
    iphone 14 evidenza 450x290 - Apple iPhone 14: modelli prezzi e caratteristiche a confronto
    Apple iPhone 14: modelli prezzi e caratteristiche a confronto
    12 Settembre 2022
    comprare iphone a rate 1024x607 - I migliori siti dove comprare iPhone a rate
    I migliori siti dove comprare iPhone a rate
    28 Dicembre 2021
    iphone 13 1024x420 - Apple iPhone 13: modelli prezzi e caratteristiche a confronto
    Apple iPhone 13: modelli prezzi e caratteristiche a confronto
    22 Ottobre 2021
    eneba come funziona
    Eneba come funziona e quali codici sconto offre
    15 Aprile 2021
    mouse gaming per mac 1024x682 - I migliori mouse da gaming per mac
    I migliori mouse da gaming per mac
    19 Gennaio 2021
    migliori-joystick-mac
    I migliori joystick per mac
    4 Novembre 2020
    creare server minecraft
    Come creare un server minecraft
    18 Giugno 2020
    come scegliere ecommere iphone ricondizionati 450x299 - Come scegliere un ecommerce che vende iPhone Ricondizionati
    Come scegliere un ecommerce che vende iPhone Ricondizionati
    15 Dicembre 2022
    smartphone a rate 450x299 - I Migliori Siti  dove Comprare Smartphone a Rate
    I Migliori Siti dove Comprare Smartphone a Rate
    14 Novembre 2022
    iphone 14 evidenza 450x290 - Apple iPhone 14: modelli prezzi e caratteristiche a confronto
    Apple iPhone 14: modelli prezzi e caratteristiche a confronto
    12 Settembre 2022
    smarthone a poco prezzo 450x300 - I migliori Siti dove comprare Smartphone nuovi a poco prezzo
    I migliori Siti dove comprare Smartphone nuovi a poco prezzo
    25 Luglio 2022
    Come integrare ChatGPT 450x299 - Come integrare ChatGPT tramite API REST e librerie
    Come integrare ChatGPT tramite API REST e librerie
    5 Gennaio 2023
    cambia operatore mobile4 450x253 - Cambia Operatore Telefonico Mobile: La Guida Completa
    Cambia Operatore Telefonico Mobile: La Guida Completa
    19 Settembre 2022
    Affiliate Marketing e Blockchain 450x300 - Come la Blockchain cambierà l'Affiliate Marketing
    Come la Blockchain cambierà l’Affiliate Marketing
    22 Luglio 2022
    server side tagging aws 450x298 - Come implementare il Server-Side tracking con GTM su AWS
    Come implementare il Server-Side tracking con GTM su AWS
    14 Luglio 2022
    casa vacanze 450x300 - Gestionale casa vacanze: Come aumentare le prenotazioni online
    Gestionale casa vacanze: Come aumentare le prenotazioni online
    31 Agosto 2022
    dove comprare monopattino elettrico 450x300 - I migliori siti dove comprare un monopattino elettrico
    I migliori siti dove comprare un monopattino elettrico
    10 Maggio 2022
    filtro pixar 1 - Filtro Pixar: dove trovarlo e come utilizzarlo sui Social
    Filtro Pixar: dove trovarlo e come utilizzarlo sui Social
    8 Luglio 2021
    cloubhouse - Come funziona Clubhouse
    Come funziona Clubhouse
    4 Febbraio 2021
  • Contatti
    • Chi Sono
    • Contattami
    • Il Progetto
    • Portfolio
    • Cookie Policy
    • Privacy Policy
pensando.itpensando.it

wordpress gutenberg: tutto quello che c’è da sapere sul nuovo editor di testo

Alessandro De MarchiDi Alessandro De Marchi plugin wordpress tecnologia tutorial wordpress Aggiornato:3 Agosto 20211 commento8 Minuti di Lettura
Facebook Twitter LinkedIn WhatsApp
wordpress gutenberg 1024x683 - wordpress gutenberg: tutto quello che c'è da sapere sul nuovo editor di testo

Ormai ci siamo, WordPress 5.0 è in fase di rilascio e con esso ci sarà una vera e propria rivoluzione alla parte più importante e delicata del CMS ovvero l'editor di testo predefinto.

Si passerà dall'ormai famoso e collaudatissimo TinyMCE al nuovissimo e per molti versi rivoluzionario gutenberg.

Il tuo website è compatibile con gutenberg? Sei pronto per questa rivoluzione visuale?

Seguimi e cercheremo di capire insieme pregi e difetti ma soprattutto compatibilità e problematiche del nuovo editor di testo per wordpress.

I contenuti dell'articolo

  • Non farti cogliere impreparato
    • Sei spaventato da gutenberg? Hai paura per il tuo business? 
  • Come provare wordpress gutenberg
    • Devo farlo sulla versione live del mio blog?
  • Come si presenta una volta installato?
  • I blocchi di wordpress gutenberg
  • Compatibilità con plugin e temi
  • wordpress gutenberg: il video tutorial
  • Conclusioni

Non farti cogliere impreparato

Dopo circa dieci anni cambierà l'editor di testo integrato di wordpress. Si, hai capito bene, con l'uscita di wordpress 5.0 non potrai più usare TinyMCE, l'editor di testo semplice e familiare che usi ogni giorno per scrivere i tuoi articoli, per creare le tue pagine ed inserire contenuti, testo, immagini, video e shortcode nei tuoi post.

Sei spaventato da gutenberg? Hai paura per il tuo business? 

Non voglio alimentare la paura, però se pensi che gutenberg non avrà impatti sul tuo blog e (probabilmente) sul tuo business allora ti sbagli. Parliamo dell'editor di testo predefinito e se utilizzi temi e plugin particolarmente invasivi allora il rischio di incompatibilità è molto alto.

Tuttavia come ogni cambiamento la cosa importante è affrontarlo nella giusta maniera, facendo diventare un potenziale rischio un'opportunità.

Trasforma un rischio in un'opportunità! #pensandoit #gutenberg #wordpress

Click To Tweet

Come prima cosa inizia da subito a studiarlo, provarlo e verificarlo. Lo puoi fare in anteprima con il plugin gutenberg che puoi scaricare in automatico non appena avrai terminato l'upgrade a wordpress 4.9

0 wordpress 4.9 gutenberg 300x97 - wordpress gutenberg: tutto quello che c'è da sapere sul nuovo editor di testo

Questa la schermata che troverai nella tua bacheca wordpress

0 wordpress gutenberg 1024x356 - wordpress gutenberg: tutto quello che c'è da sapere sul nuovo editor di testo

Come provare wordpress gutenberg

Per provarlo in anteprima, quindi, devi aver aggiornato il tuo wordpress alla versione 4.9 e dovrai scaricare il nuovo editor gutenberg dal link che trovi sulla tua bacheca.

Ricorda: Dalla versione 5.0 di wordpress non sarà più un plugin ma sarà l'editor nativo del tuo blog anche se potrai scaricare il plugin classico e continuare a lavorare come fai ora.

Tuttavia quando si utilizza un CMS come wordpress è bene essere sempre allineati con le ultime versioni di rilascio per questo è fondamentale iniziare a testare e provare il nuovo editor gutenberg, familiarizzare con questo strumento e testarne la compatibilità con il tuo tema e con i tuoi plugin, nell'ottica di abbandonare il prima possibile il vecchio editor.

Devo farlo sulla versione live del mio blog?

Anche in questo caso il mio consiglio è di iniziare a familiarizzare con questo editor su un ambiente di staging, per cui su una versione non live del tuo blog o su un blog wordpress di prova.

Solo dopo aver familiarizzato con questo editor ed averne verificato la compatibilità con il tuo tema ed i tuoi plugin potrai iniziare ad usarlo sulla versione live del tuo blog.

Io lo sto provando sull'ambiente di staging di pensando.it (demo.pensando.it), copia speculare di questo blog, in questo modo sono certo di testare la compatibilità con i miei plugin e (soprattutto) con il tema attualmente installato.

Come si presenta una volta installato?

Una volta installato ti renderai subito conte che questo non è solo un “editor” diverso da quello classico ma è una vera e propria rivoluzione concettuale che consente al blogger di strutturare e disegnare la pagina con modalità e strumenti prima di oggi impossibili.

Questo il pensiero di Matt Mullenweg, ideatore di wordpress:

L’editor creerà una nuova esperienza di costruzione di pagine e articoli che agevolerà la scrittura di articoli complessi e con i “blocchi” renderà semplice quello che oggi è prodotto da shortcode, HTML personalizzato ed embed discovery di “provenienza incerta”. — Matt Mullenweg

Molto probabilmente se stai utilizzando un tema visuale o uno dei tanti plugin che ti consentono di disegnare e strutturare le tue pagine a blocchi (Page Builder, Visual Editor, …) allora ti troverai molto più a tuo agio con gutenberg.

Io lo trovo molto interessante proprio perché è un segnale forte che tende a limitare l'area di azione di molti temi/plugin di terze parti, spesso molto cari e pesanti, che snaturano e rendono più lento ed insicuro wordpress.

Con gutenberg tutti i blogger ma anche i webdesigner ed i programmatori avranno uno strumento nativo ed integrato, per cui per sua natura più sicuro e performante, con il quale disegnare e realizzare website più dinamici, sofisticati ed accattivanti.

Torniamo a gutenberg ed a come si presenta una volta installato, questa la prima preview una volta installato:

1 wordpress gutenberg 1024x570 - wordpress gutenberg: tutto quello che c'è da sapere sul nuovo editor di testo

Mentre questa è la preview di un vecchio articolo già pubblicato

2 wordpress gutenberg 1024x503 - wordpress gutenberg: tutto quello che c'è da sapere sul nuovo editor di testo

Questa invece la preview di un nuovo articolo:

3 wordpress gutenberg 1024x537 - wordpress gutenberg: tutto quello che c'è da sapere sul nuovo editor di testo

A me ha ricordato molto l'editor di testo integrato in Linkedin per la pubblicazione di nuovi articoli.

I blocchi di wordpress gutenberg

Il nuovo editor per wordpress gutenberg utilizza il concetto di “blocco” per strutturare la meglio il tuo articolo o la tua pagina.

Un blocco può essere uno dei seguenti elementi: paragrafo, titolo (H1 .. H4), immagine, galleria, lista, citazione, immagine di copertina, galleria.

4 wordpress gutenberg 1024x757 - wordpress gutenberg: tutto quello che c'è da sapere sul nuovo editor di testo

Interessante andare a vedere come i blocchi vengano “rappresentati” a livello di html nella pagina.

Per vedere la nuova sintassi non devi far altro che cliccare sui tre puntini in alto a destra e selezionare la voce: “Editor del Codice“, passerai alla visualizzazione html che ha questa struttura:

5 wordpress gutenberg 1024x705 - wordpress gutenberg: tutto quello che c'è da sapere sul nuovo editor di testo

Viene utilizzata una nuova sintassi gutenberg:

<!-- wp:blocco {opzioni} -->

Un nuovo modo di intendere la struttura di una pagina / articolo, decisamente poco compliant con l'HTML e molto custom wordpress. Questo non mi piace molto, la generazione dell'HTML lato server è una cosa che a me non è mai piaciuta troppo, anche se il codice client generato sembra abbastanza pulito:

6 wordpress gutenberg 300x167 - wordpress gutenberg: tutto quello che c'è da sapere sul nuovo editor di testo

Le vecchie pagine, invece, per forza di cose non potranno essere strutturate con la sintassi gutenberg, per cui le troverai tutte inserite in un unico blocco di tipo “classico”

7 wordpress gutenberg 300x207 - wordpress gutenberg: tutto quello che c'è da sapere sul nuovo editor di testo

Questi blocchi hanno anche il classico editor di testo che ti permette di inserire, ad esempio, shortcode ed oggetti di plugin esterni:

12 wordpress gutenberg 1024x141 - wordpress gutenberg: tutto quello che c'è da sapere sul nuovo editor di testo

Il blocco “classico” per i vecchi articoli è molto importante in quanto consente la retrocompatibilità del tuo blog con i vecchi articoli, per cui presta particolare attenzione a questo particolare blocco.

I tuoi vecchi articoli li vedrai così:

11 wordpress gutenberg 1024x730 - wordpress gutenberg: tutto quello che c'è da sapere sul nuovo editor di testo

Questa la visualizzazione in HTML dei vecchi articoli

13 wordpress gutenberg 1024x875 - wordpress gutenberg: tutto quello che c'è da sapere sul nuovo editor di testo

Come vedi la vecchia versione dell'edito non inseriva codice non W3WC compliant nella pagina, le uniche varianti erano rappresentate dagli shortcode wordpress, inseriti tra le parentesi quadre [].

Con gutenberg si è scelto di inserire ulteriore codice lato server per la generazione dell'html, usando la sintassi gutenberg:

<!-- wp:blocco {opzioni} -->

Vedremo quali saranno gli sviluppi futuri di questa nuiva sintassi.

Compatibilità con plugin e temi

Da quanto ho potuto verificare la compatibilità sembra essere buona, proprio grazie al blocco “classico” che consente di interpretare il vecchio codice HTML come fosse parte integrante di un unico grande blocco, la pagina appunto.

E' molto importante testarne le funzionalità sui vecchi articoli e soprattutto sui plugin che avevano un impatto nel vecchio editor, ovvero su quei plugin che aggiungevano funzionalità all'editor stesso (Es. bottoni, twitter).

Altra caratteristica da verificare assolutamente è legata alla compatibilità con temi visuali che utilizzano una loro sintassi particolare, di solito basata sugli shortcodes, per strutturare in modo visivo una pagina.

Ad esempio per questo blog utilizzo un tema che mi consente di disegnare  dinamicamente e visivamente il layout di una pagina (Es. la home page), utilizza gli shortcodes e la sua struttura, con il nuovo editor, è questa:

14 wordpress gutenberg 1024x790 - wordpress gutenberg: tutto quello che c'è da sapere sul nuovo editor di testo

Ossia un insieme di shortcodes inseriti in un blocco unico di tipo “classico“.

wordpress gutenberg: il video tutorial

Vuoi vedere come creare un post con wordpress gutenberg? buona visione

Conclusioni

Il nuovo editor di testo per wordpress gutenberg è uno strumento molto utile ed interessante che consentirà a blogger, webdesigner e programmatori di disegnare website più dinamici ed accattivanti senza ricorrere ad un uso esagerato di plugin e temi di terze parti, spesso non manutenuti e che appesantiscono e rendono poco sicuro un blog.

Introduce una nuova sintassi lato server per la generazione dinamica dei blocchi e di conseguenza del codice HTML lato client. Seppur il codice generato sembra essere pulito e ben strutturato è una nuova implementazione che andrà seguita con interesse ed attenzione anche in ottica velocità di rendering, performance e retrocompatibilità.

La compatibilità con i vecchi articoli e con la sintassi standard è garantita dal blocco “classico” che permette di incorporare in un unico blocco tutti il codice generato, shortcodes compresi. Questo ne garantisce l'utilizzo anche su blog dalle grandi dimensioni e con molti articoli pubblicati.

E' da verificare come temi e plugin particolarmente invasivi dal punto di vista del design dinamico della pagina si integrino con questo nuovo editor e ne permettano la coabitazione. Per quanto ho potuto verificare sui vari website che ho realizzato in wordpress il blocco “classico” garantisce questa compatibilità.

hai già provato wordpress gutenberg? Che te ne pare? Dimmi tutto nei commenti!

 

ad gutemberg plugin tech tecnologia wordpress wordpress gutemberg
Condividi. Facebook Twitter LinkedIn Email Telegram WhatsApp
Precedente ArticoloGuida alla configurazione della sim iliad su iPhone
Prossimo Articolo Iphone Xs, Xs Max ed Xr: confronto, prezzi e caratteristiche dei nuovi modelli Apple
Alessandro De Marchi
  • Website

Ciao, sono Alessandro De Marchi e questo è il mio blog. Solution Architect, blogger e full stack developer. Amo raccontare ciò che so e grazie alla mia esperienza posso aiutarti a migliorare su Tecnologia e Programmazione web, Blogging e Wordpress, SEO, web ed affiliate marketing. Adoro mia moglie, le mie due figlie, fare la pizza e questo blog.

Potrebbe Interessarti Anche

Come integrare ChatGPT 450x299 - Come integrare ChatGPT tramite API REST e librerie
Come integrare ChatGPT tramite API REST e librerie
Aggiornato:17 Gennaio 2023
come scegliere ecommere iphone ricondizionati 450x299 - Come scegliere un ecommerce che vende iPhone Ricondizionati
Come scegliere un ecommerce che vende iPhone Ricondizionati
Aggiornato:15 Dicembre 2022
smartphone a rate 450x299 - I Migliori Siti  dove Comprare Smartphone a Rate
I Migliori Siti dove Comprare Smartphone a Rate
Aggiornato:8 Gennaio 2023
cambia operatore mobile4 450x253 - Cambia Operatore Telefonico Mobile: La Guida Completa
Cambia Operatore Telefonico Mobile: La Guida Completa
Aggiornato:9 Ottobre 2022
iphone 14 evidenza 450x290 - Apple iPhone 14: modelli prezzi e caratteristiche a confronto
Apple iPhone 14: modelli prezzi e caratteristiche a confronto
Aggiornato:12 Settembre 2022
smarthone a poco prezzo 450x300 - I migliori Siti dove comprare Smartphone nuovi a poco prezzo
I migliori Siti dove comprare Smartphone nuovi a poco prezzo
Aggiornato:14 Novembre 2022

1 commento

  1. Pingback: Come creare una copia di staging del tuo blog wordpress | pensando.it

Lascia un commento Cancella Risposta

Ti serve una Consulenza?
Se ti serve una consulenza fissa un appuntamento gratuito di 30 minuti.

Potremo conoscerci meglio e verificare come collaborare!

FISSA UN APPUNTAMENTO
Seguimi sui Social
Linkedin Telegram Facebook Twitter Youtube Instagram
Offerte su Telegram
Accedi al mio canale telegram dedicato alle migliori offerte tech del momento telegram

Iscriviti alla mia Newsletter

Iscriviti alla mia newsletter e rimani sempre aggiornato su tutte le novità tech che pubblico sul blog

Da Non Perdere
router con sim 450x253 - Come scegliere un router con sim Articoli in Evidenza
Come scegliere un router con sim
Di Alessandro De Marchi8 Marzo 20220

Come scegliere un router con sim? In questo articolo ti mostro come valutare le principali caratteristiche dei router con sim e le varie tipologie in commercio.

smarthone a poco prezzo 300x200 - I migliori Siti dove comprare Smartphone nuovi a poco prezzo

I migliori Siti dove comprare Smartphone nuovi a poco prezzo

25 Luglio 2022
federico leva helsinki 300x200 - Cosa fare se hai ricevuto la mail di Federico Leva da Helsinki

Cosa fare se hai ricevuto la mail di Federico Leva da Helsinki

4 Luglio 2022
dove acquistare Android rigenerati

I migliori siti dove comprare Android ricondizionati

7 Luglio 2018
Popolari
dove acquistare apple watch rigenerati
I migliori siti dove comprare Apple Watch ricondizionati
12 Ottobre 2019
iphone nuovi in offerta
I migliori siti dove comprare iPhone nuovi a poco prezzo
21 Ottobre 2018
dove acquistare iphone rigenerati 300x200 - I migliori siti dove comprare iPhone Ricondizionati
I migliori siti dove comprare iPhone Ricondizionati
28 Ottobre 2014
Ultimi Articoli
Come integrare ChatGPT 300x199 - Come integrare ChatGPT tramite API REST e librerie
Come integrare ChatGPT tramite API REST e librerie
5 Gennaio 2023
come scegliere ecommere iphone ricondizionati 300x199 - Come scegliere un ecommerce che vende iPhone Ricondizionati
Come scegliere un ecommerce che vende iPhone Ricondizionati
15 Dicembre 2022
smartphone a rate 300x199 - I Migliori Siti  dove Comprare Smartphone a Rate
I Migliori Siti dove Comprare Smartphone a Rate
14 Novembre 2022
cambia operatore mobile4 300x169 - Cambia Operatore Telefonico Mobile: La Guida Completa
Cambia Operatore Telefonico Mobile: La Guida Completa
19 Settembre 2022
Ultime novità
Nuovo Apple iPhone 6 Plus 16GB Argento ricondizionato CPO cellulare 4 G 5.5 ' Retina FHD/2Core/16GB/1GB RAM/8MP/1.2mp Apple iPhone 6 Plus 16GB Argento ricondizionato...
Nuovo Apple iPhone 11 Pro 512GB Sbloccato in Fabbrica Se acquistate un iPhone 11 Pro da iShakehands-EU, Riceverete in Omaggio un Obiettivo per Fotocamera e un Supporto per Telefono di Colore Casuale Apple iPhone 11 Pro 512GB Sbloccato in Fabbrica Se... 599,00 EUR
Nuovo Apple iPhone 7 128G Smartphone 4.7 pollici 750 x 1334, 2GB RAM, Memoria 128 GB, 4G,Ricondizionato (128GB, Argento) Apple iPhone 7 128G Smartphone 4.7 pollici 750 x... 139,99 EUR
Bestseller
OffertaBestseller No. 1 Apple iPhone 14 Pro (256 GB) - Argento Apple iPhone 14 Pro (256 GB) - Argento 1.419,99 EUR
OffertaBestseller No. 2 Apple iPhone 14 (128 GB) - viola Apple iPhone 14 (128 GB) - viola 1.045,00 EUR
OffertaBestseller No. 3 Apple PC Portatile MacBook Air 2020: Chip M1, Display Retina 13', 8GB RAM, 256GB SSD, Tastiera retroilluminata, Videocamera FaceTime HD, Touch ID - Argento Apple PC Portatile MacBook Air 2020: Chip M1,... 899,00 EUR
I più visti di sempre
  • iphone nuovi in offerta I migliori siti dove comprare iPhone nuovi a poco prezzo
  • Le migliori frasi della saga di star wars
  • I migliori siti dove comprare iPhone Ricondizionati
  • Pizza di Pasqua dolce: la ricetta originale della Tuscia
  • fotocamere analogiche usate 7 splendidi modelli da scegliere online fotocamere analogiche usate : 7 splendidi modelli 35mm
Chi Sono
Chi Sono

Ciao, sono Alessandro De Marchi e su questo blog parlo di Tecnologia e Programmazione Web, Blogging e Wordpress, SEO, web ed affiliate marketing.

iPhone in Offerta
Bestseller No. 1 Apple iPhone 11 (128GB) - nero Apple iPhone 11 (128GB) - nero 645,00 EUR
OffertaBestseller No. 2 Apple iPhone 13 (128 GB) - verde Apple iPhone 13 (128 GB) - verde 864,62 EUR
OffertaBestseller No. 3 Apple iPhone 14 (128 GB) - viola Apple iPhone 14 (128 GB) - viola 1.045,00 EUR
In Evidenza
come scegliere ecommere iphone ricondizionati 300x199 - Come scegliere un ecommerce che vende iPhone Ricondizionati
Come scegliere un ecommerce che vende iPhone Ricondizionati
15 Dicembre 2022
smartphone a rate 300x199 - I Migliori Siti  dove Comprare Smartphone a Rate
I Migliori Siti dove Comprare Smartphone a Rate
14 Novembre 2022
cambia operatore mobile4 300x169 - Cambia Operatore Telefonico Mobile: La Guida Completa
Cambia Operatore Telefonico Mobile: La Guida Completa
19 Settembre 2022
smarthone a poco prezzo 300x200 - I migliori Siti dove comprare Smartphone nuovi a poco prezzo
I migliori Siti dove comprare Smartphone nuovi a poco prezzo
25 Luglio 2022
Facebook Twitter Instagram YouTube LinkedIn Telegram
  • Privacy Policy
  • Cookie Policy
© 2007-2023 pensando.it | made with pensando.it and alessandro de marchi by etrusco
aws hosting | P. IVA 02325590566

Digita sopra e premi Enter per cercare. Premi Esc per annullare.