Controllare la visibilità dei contenuti in WordPress è una funzionalità fondamentale per designer, sviluppatori e content manager. Che si voglia personalizzare l'esperienza utente, limitare la visibilità in base al tipo di dispositivo o gestire campagne con scadenze temporali, la possibilità di mostrare o nascondere in modo condizionale i contenuti dei blocchi in WordPress apre un nuovo livello di flessibilità.
Questa guida ti spiegherà tutto ciò che devi sapere su come nascondere o mostrare i contenuti dei blocchi in WordPress utilizzando plugin, codice personalizzato e funzionalità native nell'editor a blocchi. Scopriamo come rendere i tuoi contenuti WordPress più dinamici, efficienti e personalizzati per ogni visitatore.
Perché controllare la visibilità dei contenuti bloccati in WordPress?
Non tutti i contenuti devono essere visibili a tutti gli utenti. Ecco alcuni motivi concreti per controllare la visibilità dei blocchi:
- Mostra contenuti esclusivi solo agli utenti registrati
- Mostra offerte basate sulla posizione utilizzando il geotargeting
- Cambia i titoli in base all'ora del giorno
- Crea layout specifici per dispositivi mobili senza duplicare le pagine
- Esegui promozioni a tempo limitato senza pubblicare o annullare la pubblicazione manuale dei contenuti
Queste condizioni di visibilità migliorano sia l'esperienza utente sia le prestazioni dei contenuti, soprattutto su siti WordPress.
Hai bisogno di aiuto per personalizzare il comportamento dei blocchi di WordPress?
Che tu stia creando flussi di lavoro editoriali complessi o strutture di contenuti specifiche per l'utente, i nostri sviluppatori esperti possono aiutarti a implementare il controllo completo della visibilità utilizzando WordPress.
Utilizzo dei plugin per mostrare o nascondere il contenuto dei blocchi in WordPress
I plugin rappresentano il modo più accessibile per implementare controlli avanzati di visibilità dei contenuti nell'editor a blocchi di WordPress. Ecco i plugin più affidabili per questo caso d'uso.
Plugin di visibilità dei blocchi
Il Block Visibility è uno strumento completo che aggiunge decine di impostazioni di visibilità direttamente ai singoli blocchi. Si integra con l'editor di blocchi e supporta:
- Controllo del tipo di dispositivo (mobile, tablet, desktop)
- Targeting del browser (Chrome, Safari, Firefox)
- Pianificazione di data e ora
- Personalizzazione basata sui cookie
- Ruoli utente e stato di accesso
- Larghezza e dimensione dello schermo
- Fonti di riferimento e stringhe di query
- Metadati personalizzati e rilevamento della posizione
Questi controlli sono disponibili nella barra laterale destra, nella sezione Visibilità di ogni blocco. Puoi anche abilitare la Modalità Controllo Completo nelle impostazioni generali per accedere a tutte le opzioni in tutti i blocchi.
Caratteristiche principali:
- Preimpostazioni di visibilità per la gestione di più blocchi
- Condizioni del percorso URL per contenuti specifici della pagina
- Nascondi il blocco a tutti per sovrascritture rapide
- Importazione ed esportazione delle configurazioni di visibilità
Questo plugin è ideale per gli sviluppatori web che gestiscono siti WordPress complessi con requisiti di contenuto dinamico.
Plugin di controllo dei contenuti
Il plugin Content Control semplifica la visibilità dei blocchi concentrandosi su due set di regole principali:
- Regole del dispositivo (mobile, tablet, desktop)
- Regole utente (connesso, disconnesso, ruoli utente specifici)
Funziona bene negli scenari in cui si desidera visualizzare contenuti diversi in base allo stato di accesso o alle dimensioni dello schermo. Ad esempio, è possibile mostrare un'immagine agli utenti mobili e un'altra agli utenti desktop utilizzando la stessa struttura a blocchi.
Caratteristiche principali:
- Regola per disattivare temporaneamente le impostazioni di visibilità
- Impostazioni globali del punto di interruzione nelle opzioni del plugin
- Interfaccia utente semplice integrata nell'editor a blocchi
- Funzionalità premium opzionali come le condizioni WooCommerce
Questo plugin è perfetto per i principianti o per le agenzie che cercano una personalizzazione rapida basata sul dispositivo o sull'utente.
Blocchi condizionali
Conditional Blocks offre un'interfaccia modale per aggiungere logica condizionale ai blocchi di WordPress. Mentre la versione gratuita include funzionalità di base come la visibilità di dispositivi e utenti, la versione pro introduce geolocalizzazione, pianificazione e restrizioni basate sull'iscrizione.
La versione gratuita offre:
- Blocca il blocco da tutti
- Visualizzazione basata sul dispositivo
- Condizioni di accesso dell'utente
- Combinazioni logiche AND/OR
La versione Pro aggiunge:
- Pianificazione anticipata delle date
- Targeting del ruolo utente
- WooCommerce e controlli di appartenenza
- Punti di interruzione personalizzati e geotargeting
- Gestore preimpostato per modifiche batch
Conditional Blocks rappresenta una buona via di mezzo tra semplicità e potenza, soprattutto per i team che necessitano di condizioni riutilizzabili.
Condizione dei blocchi malvagi
Wicked Blocks Condition è un plugin meno conosciuto con opzioni intuitive per gli sviluppatori, come funzioni PHP personalizzate. Permette di mostrare o nascondere i blocchi in base a:
- Ruolo utente o stato di accesso
- Intervalli di data e ora
- Stato o categorie dei post
- Stringhe di query URL
- Funzioni logiche personalizzate
Se vuoi combinare la flessibilità low-code con il controllo basato sull'editor, questo plugin è una scelta solida.
Tabella di confronto dei plugin
| Nome del plugin | Caratteristiche principali | Caso d'uso ideale |
|---|---|---|
| Visibilità del blocco | Data/ora, geolocalizzazione, ruolo utente, dimensioni dello schermo, cookie | Controllo completo della visibilità |
| Controllo dei contenuti | Regole per i ruoli utente e dispositivo | Casi d'uso leggeri |
| Blocchi condizionali | Logica AND/OR, preimpostazioni, punti di interruzione avanzati | Implementazioni di medie e avanzate dimensioni |
| Condizione dei blocchi malvagi | Supporto delle funzioni PHP, targeting della stringa di query | Controllo orientato allo sviluppatore |
Frammenti di codice personalizzati per nascondere o mostrare contenuti in WordPress
Se preferisci evitare i plugin, puoi utilizzare le funzioni native di WordPress e la logica condizionale per controllare la visibilità. Questi esempi possono essere aggiunti a un plugin personalizzato o al file functions.php del tuo tema figlio.
Nascondi contenuto per gli utenti registrati
add_action( 'wp_head', 'custom_hide_paragraphs_for_logged_in' ); function custom_hide_paragraphs_for_logged_in() { if ( is_user_logged_in() ) { echo 'p { display: none !important; }'; } }In questo modo vengono nascosti tutti gli elementi del paragrafo per gli utenti che hanno effettuato l'accesso. È possibile invertire la condizione o selezionare altri elementi in base alle proprie esigenze.
Nascondi contenuto in base alla geolocalizzazione
add_action('wp_head', 'custom_hide_images_us'); function custom_hide_images_us() { $ip = $_SERVER['REMOTE_ADDR']; $geo = "https://ipapi.co/{$ip}/json/"; $response = wp_remote_get($geo); if ( is_wp_error($response) ) return; $data = json_decode( wp_remote_retrieve_body($response) ); if ( isset($data->country_code) && $data->country_code === 'US' ) { echo 'img { display: none !important; }'; } }Utilizza questo script per nascondere tutte le immagini agli utenti che visitano gli Stati Uniti. Tieni presente che le chiamate API a ogni caricamento di pagina possono influire sulle prestazioni, quindi utilizza transienti o la memorizzazione nella cache ove possibile.
Nascondi l'immagine in evidenza per categoria
add_filter('post_thumbnail_html', 'custom_hide_featured_image', 10, 2); function custom_hide_featured_image($html, $post_id) { if ( has_category('books', $post_id) ) { return ''; } return $html; }Questo codice rimuove l'immagine in evidenza da tutti i post assegnati alla categoria "libri". Puoi modificarlo per tag, tassonomie personalizzate o metadati.
Test delle condizioni di visibilità dei contenuti
Per evitare sorprese sul tuo sito live, ecco alcune best practice per i test:
- Utilizzare ambienti di staging per le prove
- Cancella la cache del browser e del sito prima di visualizzare le modifiche
- Cambia i ruoli utente per verificare le condizioni di visibilità
- Controllare la sorgente della pagina per confermare se gli elementi nascosti vengono rimossi o semplicemente nascosti con CSS
- Utilizzare gli strumenti di sviluppo del browser per simulare diversi dispositivi e dimensioni dello schermo
Queste precauzioni ti aiutano a evitare problemi SEO e comportamenti imprevisti, soprattutto sui siti web WordPress.
Impostazioni e suggerimenti per i plugin
Ciascun plugin menzionato sopra presenta aree di configurazione specifiche all'interno di WP Admin > Impostazioni. A seconda del plugin, è possibile:
- Definisci i punti di interruzione del dispositivo
- Abilita la visibilità del blocco nel pannello dell'editor
- Disabilita i plugin su determinati blocchi
- Attiva le modalità di controllo completo o di debug
Comprendere i controlli di visibilità predefiniti e personalizzarli in base al flusso di lavoro editoriale si tradurrà in una migliore gestione dei contenuti in tutto il sito.
Quando dovresti usare un plugin anziché un codice personalizzato?
La scelta tra plugin e codice personalizzato dipende dalla complessità del progetto, dalle competenze del team e dagli obiettivi prestazionali.
Utilizza un plugin se:
- Hai bisogno di utenti non tecnici per gestire la visibilità
- Il tuo sito richiede decine di condizioni su tutte le pagine
- Vuoi accedere a funzionalità professionali come la pianificazione o il geotargeting
Utilizza codice personalizzato se:
- Vuoi prestazioni più snelle
- Stai prendendo di mira condizioni uniche non supportate dai plugin
- Il tuo sito è piccolo e con un ambito ristretto
Per i siti di grandi dimensioni, un approccio ibrido spesso funziona meglio. Utilizzate plugin per i controlli di visibilità regolari e scrivete una logica personalizzata dove necessario.
Casi d'uso pratici per la visibilità dei blocchi di WordPress
Comprendere i controlli di visibilità è una cosa. Applicarli in modo efficace è un'altra. Esploriamo specifiche situazioni reali in cui la visualizzazione condizionale dei blocchi di contenuto diventa una parte essenziale della strategia di un sito web.
Contenuto personalizzato per gli utenti registrati
Molti siti di iscrizione, piattaforme di eLearning e dashboard aziendali interne utilizzano condizioni di visibilità per limitare i contenuti. È possibile visualizzare un messaggio di benvenuto o una dashboard personalizzata solo per gli utenti registrati. Se qualcuno si disconnette, lo stesso blocco di contenuti scompare automaticamente dalla vista.
Questa operazione può essere facilmente gestita con il plugin Block Visibility o Content Control, assegnando impostazioni di visibilità in base al ruolo dell'utente e allo stato di accesso. Si tratta di un metodo intuitivo per segmentare i contenuti, che non richiede competenze di sviluppo avanzate.
Siti WordPress multilingue
Le aziende globali spesso creano blocchi di contenuto diversi per ogni lingua. Invece di creare più pagine, è possibile utilizzare i controlli di visibilità dei blocchi per visualizzarli in modo condizionale in base alle preferenze dell'utente o alla posizione geografica. Combina la logica di geolocalizzazione con plugin multilingue per offrire contenuti specifici per regione senza duplicare gli sforzi.
Annunci basati sul tempo
Potresti voler organizzare vendite lampo, lanci di prodotti o banner promozionali da visualizzare solo durante una determinata finestra temporale. Utilizzando le condizioni di data e ora nel plugin di visibilità dei blocchi, puoi programmare la visualizzazione o la scomparsa dei blocchi in momenti precisi.
Questo tipo di automazione mantiene aggiornato il tuo sito web WordPress ed elimina la necessità di pubblicare o rimuovere manualmente i blocchi.
Layout condizionali per dispositivi mobili
Dimensioni dello schermo diverse richiedono spesso layout diversi. Invece di creare più versioni di una pagina, le impostazioni di visibilità dei blocchi consentono di creare blocchi di contenuti specifici per dispositivi mobili. Visualizza i blocchi in base alle dimensioni dello schermo o al tipo di dispositivo e migliora l'esperienza utente mobile mantenendo tutto modificabile in un unico posto.
Ciò è particolarmente utile per mostrare diverse dimensioni di navigazione, pulsanti o immagini per schermi più piccoli, migliorando l'usabilità e le prestazioni della pagina.
Come funzionano i controlli di visibilità nell'editor a blocchi di WordPress
Se utilizzi l'editor a blocchi Gutenberg (ora lo standard per WordPress), le impostazioni di visibilità vengono visualizzate nella barra laterale destra una volta installato un plugin come Block Visibility o Conditional Blocks.
Quando modifichi un post o una pagina:
- Seleziona un blocco di contenuto
- Cerca una sezione denominata Visibilità o Condizioni di visualizzazione
- Utilizza le caselle di controllo, i menu a discesa o gli interruttori a levetta per controllare chi vede il blocco e quando
Alcuni plugin aggiungono anche un'icona nella barra degli strumenti o delle impostazioni nella sezione "Avanzate" dell'editor a blocchi. Queste consentono un rapido accesso a opzioni di visibilità come dimensioni dello schermo, ruoli utente, stato di accesso o stringhe di query URL.
Procedure consigliate per la gestione delle impostazioni di visibilità
Per evitare confusione e gestire le prestazioni, ecco alcuni suggerimenti degli esperti:
- Blocchi correlati al gruppo: usa gruppi di blocchi o modelli per applicare regole di visibilità tra le sezioni
- Usa i preset: in strumenti come Visibilità blocco o Blocchi condizionali, salva le impostazioni comuni come preset
- Limita la sovrapposizione dei plugin: evita di utilizzare più plugin per lo stesso scopo per ridurre i conflitti
- Forma il tuo team: gli editor non tecnici devono comprendere le condizioni di visibilità per evitare configurazioni errate
- Testa tutti i ruoli utente: verifica come appare ogni blocco di contenuto per diversi tipi di utenti, connessi o disconnessi
Queste abitudini aiutano a mantenere flussi di lavoro puliti ed evitare problemi di prestazioni o confusione nei contenuti.
Considerazioni finali
La possibilità di nascondere o mostrare i contenuti bloccati in WordPress non è più una funzionalità riservata agli sviluppatori. Con i plugin giusti o codice personalizzato, chiunque può creare esperienze utente personalizzate che si adattano a ruolo, posizione, dispositivo o orario.
Che tu stia creando un portale per abbonati, un sito di e-commerce o una piattaforma di contenuti, le impostazioni di visibilità dei contenuti ti aiutano a veicolare il messaggio giusto al pubblico giusto al momento giusto.
Padroneggiando i controlli sulla visibilità dei blocchi, potrai ottenere un sito WordPress più dinamico, personalizzato e orientato alle prestazioni.
