Il blocco HTML personalizzato è ideale per gli utenti che desiderano flessibilità e controllo sui propri contenuti. Permette di aggiungere codice HTML direttamente ai post o alle pagine senza alterare i file del tema.
Aggiunge anche widget, moduli o script personalizzati da piattaforme esterne, come Google Maps, social media embed o strumenti analitici. Consente inoltre di visualizzare l'anteprima del codice prima della pubblicazione.
Oggi vi mostreremo come utilizzare il blocco HTML personalizzato in WordPress con semplici passaggi. Assicuratevi di seguirci.
Che cos'è il blocco HTML personalizzato di WordPress?
Che cos'è il blocco HTML personalizzato di WordPress?
Il blocco HTML personalizzato è un blocco centrale che consente di visualizzare codice HTML personalizzato nei post e nelle pagine. È uno strumento utile per aggiungere elementi di design unici, incorporare script esterni, ecc.
Supporta l'input HTML grezzo. Pertanto, si ha il controllo completo dell'output sul front-end del sito web.
Quali sono le caratteristiche principali del blocco HTML personalizzato?
- Opzione anteprima: Visualizza come il codice HTML apparirà sul front-end senza lasciare l'editor.
- Flessibilità: Aggiungete script, stili in linea o incorporamenti personalizzati senza restrizioni sul tipo di codice HTML utilizzato.
- Reattività: Garantisce che gli output HTML personalizzati si adattino ai diversi dispositivi, a seconda della struttura del codice.
Quali sono le caratteristiche della barra degli strumenti del blocco HTM personalizzato??
- Trasformare in: È possibile trasformare questo blocco nei blocchi Colonne, Codice, Dettagli e Gruppo.
- Maniglie di spostamento: Consente di spostare il blocco in alto e in basso nell'editor per organizzare meglio i contenuti.
- Trascinare: Consente di trascinare e rilasciare il blocco dedicato in qualsiasi punto.
- HTML: Questo pulsante consente di e inserire il codice HTML nel blocco.
- Anteprima: Anteprima consente di mostrare l'anteprima del codice HTML nell'editor, in modo da poter modificare l'output dall'editor.
- Opzioni: Offre più opzioni relative alla sezione del blocco, come duplicare, copiare, raggruppare, ecc.

Creare bellissimi tavoli
Con l'editor di blocchi

Come utilizzare il blocco HTML personalizzato in WordPress?
Chiunque non abbia competenze di codifica può facilmente utilizzare il blocco HTML personalizzato. Tutto ciò che dovete fare è seguire i passaggi indicati di seguito.
Passo 1: Inserire il blocco HTML personalizzato di WordPress
Andare al post o alla pagina in cui si desidera aggiungere i blocchi HTML personalizzati. Successivamente, fare clic sul pulsante Aggiungi blocco ("+") icona (1), tipo "HTML personalizzato" nella casella di ricerca (2)e fare clic su "HTML personalizzato" (3).

Passo 2: Inserire il codice HTML personalizzato
Incollare il codice all'interno del blocco Codice personalizzato.

È anche possibile vedere direttamente l'output del codice nell'editor selezionando il pulsante di anteprima.

Ecco come utilizzare il blocco HTML personalizzato. Assicuratevi di pubblicare o salvare il post dopo aver aggiunto il blocco.
L'HTML personalizzato non contiene altre personalizzazioni nelle impostazioni del blocco. Tutte le personalizzazioni sono per ora nella barra degli strumenti.
Pensieri finali!
Il blocco HTML personalizzato aiuta le funzionalità predefinite di WordPress con codice personalizzato. La sua interfaccia intuitiva e l'opzione di anteprima lo rendono un blocco HTML perfetto.
Spero che questo piccolo tutorial vi abbia aiutato a saperne di più sul blocco e su come utilizzarlo. Fatemi sapere se non capite qualche passaggio.
Per saperne di più!
- Come utilizzare il blocco codice in WordPress in 3 semplici passi
- Come utilizzare il blocco delle citazioni in WordPress in 3 semplici passi
- Come aggiungere la "Tabella dei pro e dei contro" in WordPress
- 7 migliori plugin per il layout del blog su WordPress Tableberg
- 7 migliori plugin WordPress per l'affiliazione ad Amazon (2025)