Il controllo della visibilità dei contenuti in WordPress è una capacità critica per progettisti, sviluppatori e gestori di contenuti. Sia che tu voglia personalizzare le esperienze degli utenti, limitare la visibilità in base al tipo di dispositivo o gestire campagne sensibili al tempo, la possibilità di mostrare o nascondere condizionalmente il contenuto di blocchi in WordPress sblocca un nuovo livello di flessibilità.
Questa guida ti guiderà attraverso tutto ciò che devi sapere sul nascondere o mostrare il contenuto di blocco in WordPress usando plugin, codice personalizzato e funzionalità native nell'editor Block. Esploriamo come rendere il contenuto di WordPress più dinamico , efficiente e su misura per ogni visitatore.
Perché controllare la visibilità del contenuto in blocco in WordPress?
Non tutti i contenuti devono essere visibili a ogni utente. Ecco alcuni motivi del mondo reale per controllare la visibilità del blocco:
- Visualizza contenuti esclusivi solo per gli utenti dell'accesso
- 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 pagine
- Esegui promozioni a tempo limitato senza pubblicare o non pubblicare contenuti manualmente
Queste condizioni di visibilità migliorano sia l'esperienza dell'utente che le prestazioni dei contenuti, in particolare su siti WordPress .
Hai bisogno di aiuto per personalizzare il comportamento del blocco WordPress?
Sia che tu stia costruendo flussi di lavoro editoriali complessi o strutture di contenuti specifiche dell'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 di blocco in WordPress
I plugin sono il modo più accessibile per implementare i controlli di visibilità dei contenuti avanzati nell'editor di blocchi WordPress. Ecco i plugin più affidabili per questo caso d'uso.
Plug -in di visibilità del blocco
Il di visibilità del blocco è uno strumento completo che aggiunge dozzine di impostazioni di visibilità direttamente ai singoli blocchi. Si integra con Block Editor e supporta:
- Controllo del tipo di dispositivo (mobile, tablet, desktop)
- Targeting del browser (Chrome, Safari, Firefox)
- Pianificazione della data e ora
- Personalizzazione a base di cookie
- Ruoli dell'utente e stato di accesso
- Larghezza dello schermo e dimensioni dello schermo
- Fonti di riferimento e corde di query
- Metadati personalizzati e rilevamento della posizione
Questi controlli sono disponibili nella barra laterale destra nella sezione di visibilità di ciascun blocco. È inoltre possibile abilitare la modalità di controllo completo nelle impostazioni generali per accedere a ogni opzione in tutti i blocchi.
Caratteristiche chiave:
- Preset di visibilità per la gestione di più blocchi
- Condizioni del percorso URL per contenuto specifico per pagina
- Nascondi il blocco da tutti in attivazione per sovrascrivi rapidi
- Importazione ed esportazione di configurazioni di visibilità
Questo plugin è ideale per gli sviluppatori Web che gestiscono siti WordPress complessi con requisiti di contenuto dinamico.
Plug -in di controllo dei contenuti
Il plug -in di controllo del contenuto semplifica la visibilità del blocco concentrandosi su due set di regole principali:
- Regole del dispositivo (mobile, tablet, desktop)
- Regole dell'utente (ruoli utente di accesso, disconnesso, specifici)
Funziona bene per gli scenari in cui si desidera visualizzare diversi contenuti in base allo stato di accesso o alla dimensione dello schermo. Ad esempio, è possibile servire un'immagine agli utenti mobili e un'altra agli utenti desktop che utilizzano la stessa struttura a blocchi.
Caratteristiche chiave:
- Regola a disattivazione per disabilitare temporaneamente le impostazioni di visibilità
- Impostazioni globali di breakpoint nelle opzioni di plug -in
- Interfaccia utente semplice integrata nell'editor di blocchi
- Funzioni premium opzionali come le condizioni di WooCommerce
Questo plugin è perfetto per principianti o agenzie che cercano una personalizzazione rapida basata su dispositivi o basati sull'utente.
Blocchi condizionali
I blocchi condizionali forniscono un'interfaccia modale per l'aggiunta della logica condizionale ai blocchi WordPress. Mentre la versione gratuita include funzionalità di base come la visibilità del dispositivo e dell'utente, la versione Pro introduce la geolocalizzazione, la pianificazione e le restrizioni basate sull'appartenenza.
Offerte versione gratuita:
- Blocco blocco da tutti
- Display basato su dispositivi
- Condizioni di accesso dell'utente
- E/o combinazioni logiche
La versione Pro aggiunge:
- Pianificazione della data avanzata
- Targeting del ruolo dell'utente
- WooCommerce e controlli di appartenenza
- Punti di interruzione personalizzati e geotargeting
- Manager preimpostazione per le modifiche batch
I blocchi condizionali sono una buona via di mezzo tra semplicità e potere, in particolare per le squadre che necessitano di condizioni riutilizzabili.
Condizioni di blocchi malvagi
La condizione di blocchi malvagi è un plug-in meno noto con opzioni adatte agli sviluppatori come le funzioni PHP . Permette ai blocchi di mostrare o nascondersi in base a:
- Ruolo dell'utente o stato di accesso
- Intervalli di data e ora
- Pubblica stato o categorie
- Stringhe di query URL
- Funzioni logiche personalizzate
Se si desidera combinare la flessibilità a bassa codice con il controllo basato sull'editor, questo plugin è una scelta solida.
Tabella di confronto dei plugin
| Nome plugin | Caratteristiche chiave | Caso d'uso ideale |
|---|---|---|
| Visibilità del blocco | Data/ora, geolocalizzazione, ruolo dell'utente, dimensioni dello schermo, cookie | Controllo completo di visibilità |
| Controllo dei contenuti | Regole del ruolo del dispositivo e dell'utente | Casi d'uso leggeri |
| Blocchi condizionali | E/o logica, preset, punti di interruzione avanzati | Di medie dimensioni a implementazioni avanzate |
| Condizioni di blocchi malvagi | Supporto delle funzioni PHP, targeting della stringa di query | Controllo orientato agli sviluppatori |
Frammenti di codice personalizzato per nascondere o mostrare il contenuto in wordpress
Se preferisci evitare i plugin, è possibile utilizzare le funzioni di WordPress native e la logica condizionale per controllare la visibilità. Questi esempi possono essere aggiunti a un plug -in personalizzato o al file Functions.php del tema figlio.
Nascondi i contenuti per gli utenti logicati
add_action ('wp_head', 'custom_hide_paragraphs_for_logged_in'); funzione custom_hide_paragraphs_for_logged_in () {if (is_user_logged_in ()) {echo 'p {display: none! } '; }}Ciò nasconde tutti gli elementi di paragrafo per gli utenti che hanno effettuato l'accesso. È possibile invertire la condizione o indirizzare altri elementi in base alle tue esigenze.
Nascondere il contenuto in base alla geolocalizzazione
add_action ('wp_head', 'custom_hide_images_us'); funzione custom_hide_images_us () {$ ip = $ _server ['remote_addr']; $ geo = "https://ipapi.co/{$ip>/json/"; $ risposta = wp_remote_get ($ geo); if (is_wp_error ($ risposta)) return; $ data = json_decode (wp_remote_retrieve_body ($ risposta)); if (ISSET ($ data-> country_code) && $ data-> country_code === 'us') {echo 'img {display: nessuno! IMPORTANTE; } '; }}Usa questo script per nascondere tutte le immagini per gli utenti che visitano dagli Stati Uniti. Tieni presente che le chiamate API su ogni carico di pagina possono influire sulle prestazioni, quindi utilizzare i transitori o la memorizzazione nella cache ove possibile.
Nascondere l'immagine in primo piano per categoria
add_filter ('post_thumbnail_html', 'custom_hide_feature_image', 10, 2); funzione custom_hide_featured_image ($ html, $ post_id) {if (has_category ('books', $ post_id)) {return ''; } return $ html; }Questo codice rimuove l'immagine in primo piano su tutti i post assegnati alla categoria "Libri". È possibile modificarlo per tag, tassonomie personalizzate o metadati.
Testare le condizioni di visibilità del contenuto
Per evitare sorprese sul tuo sito in diretta, ecco alcune migliori pratiche:
- Usa ambienti di stadiazione per le corse di prova
- Cancella browser e cache del sito prima di visualizzare le modifiche
- Cambiare i ruoli utente per verificare le condizioni di visibilità
- Controlla l'origine della pagina per confermare se gli elementi nascosti vengono rimossi o semplicemente nascosti con CSS
- Utilizzare strumenti per dev browser per simulare diversi dispositivi e dimensioni dello schermo
Queste precauzioni ti aiutano a evitare problemi SEO e comportamenti inaspettati, in particolare su grandi siti Web WordPress .
Impostazioni e suggerimenti di plugin
Ogni plugin sopra menzionato viene fornito con aree di configurazione specifiche all'interno di WP Admin > Impostazioni. A seconda del plugin, puoi:
- Definire 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 o debug
Comprendere i controlli di visibilità predefiniti e personalizzarli in modo che corrisponda al tuo flusso di lavoro editoriale comporterà una migliore governance dei contenuti in tutto il tuo sito.
Quando dovresti usare un plug -in vs. codice personalizzato?
La scelta tra plugin e codice personalizzato dipende dalla complessità del progetto, dalle capacità di squadra e dagli obiettivi di prestazione.
Usa un plugin se:
- Hai bisogno di utenti non tecnici per gestire la visibilità
- Il tuo sito richiede dozzine di condizioni tra le pagine
- Desideri accedere a funzionalità Pro come la pianificazione o il geotargeting
Usa il codice personalizzato se:
- Vuoi prestazioni più magre
- Stai prendendo di mira condizioni uniche non supportate da plugin
- Il tuo sito è piccolo e strettamente ampliato
Per i siti di grandi dimensioni, un approccio ibrido funziona spesso meglio. Utilizzare i plugin per controlli di visibilità regolari e scrivere una logica personalizzata ove necessario.
Casi d'uso pratici per la visibilità del blocco WordPress
Comprensione dei controlli di visibilità è una cosa. Applicarli in modo efficace è un altro. Esploriamo situazioni specifiche del mondo reale in cui la visualizzazione condizionale dei blocchi di contenuti diventa una parte essenziale della strategia del sito Web.
Contenuti personalizzati per gli utenti dell'accesso
Molti siti di abbonamento, piattaforme di e -learning e dashboard aziendali interni utilizzano le condizioni di visibilità per limitare i contenuti . È possibile visualizzare un messaggio di benvenuto o una dashboard personalizzata solo per gli utenti dell'accesso. Se qualcuno si disconnette, lo stesso blocco di contenuti scompare automaticamente dalla vista.
Questo è facilmente gestito con il plug -in di visibilità del blocco o il controllo dei contenuti assegnando le impostazioni di visibilità in base al ruolo dell'utente e allo stato di accesso. È un metodo intuitivo di segmentazione dei contenuti senza bisogno di capacità di sviluppo avanzate.
Siti WordPress multilingue
Le aziende globali spesso creano blocchi di contenuti diversi per ogni lingua. Invece di costruire più pagine, è possibile utilizzare i controlli di visibilità dei blocchi per visualizzare i blocchi condizionalmente in base alle preferenze dell'utente o alla posizione. Combina la logica di geolocalizzazione con plug-in multilingue per servire contenuti specifici della regione senza duplicare lo sforzo.
Annunci in base al tempo
Potresti voler eseguire vendite flash, lanci di prodotti o banner promozionali che vengono visualizzati solo durante una determinata finestra temporale. Utilizzando le condizioni di data e tempo nel plug -in di visibilità del blocco, è possibile pianificare i blocchi per mostrare o nascondersi in momenti precisi.
Questo tipo di automazione mantiene corrente il tuo sito Web WordPress ed elimina la necessità di pubblicare o rimuovere manualmente i blocchi.
Layout condizionale per dispositivi mobili
Diverse dimensioni dello schermo 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 blocchi in base alla dimensione dello schermo o al tipo di dispositivo e migliora la UX mobile mantenendo tutto modificabile in un unico posto.
Ciò è particolarmente utile per mostrare diverse navigazione, pulsanti o dimensioni dell'immagine per schermi più piccoli, miglioramento dell'usabilità e prestazioni della pagina.
Come i controlli di visibilità funzionano nell'editor di blocchi WordPress
Se si utilizza l'editor di blocchi Gutenberg (ora lo standard per WordPress), le impostazioni di visibilità vengono visualizzate nella barra laterale di destra una volta installato un plug-in come la visibilità del blocco o i blocchi condizionali.
Quando si modifica un post o una pagina:
- Seleziona un blocco di contenuto
- Cerca una sezione etichettata la visibilità o le condizioni di visualizzazione
- Utilizzare le caselle di controllo, i discese o gli interruttori a disattivazione per controllare chi vede il blocco e quando
Alcuni plugin aggiungono anche un'icona della barra degli strumenti o le impostazioni in "Avanzate" nella sezione editor di blocchi. Questi consentono un rapido accesso a opzioni di visibilità come dimensioni dello schermo, ruoli utente, stato di accesso o stringhe di query URL.
Best practice per la gestione delle impostazioni di visibilità
Per evitare confusione e gestire le prestazioni, ecco alcuni suggerimenti di esperti:
- Blocchi correlati di gruppo : utilizzare gruppi di blocchi o modelli per applicare le regole di visibilità tra le sezioni
- Usa preset : in strumenti come la visibilità del blocco o blocchi condizionali, salva le impostazioni comuni come preset
- Limite Plug -in sovrapposizione : evitare di utilizzare più plugin per lo stesso scopo per ridurre i conflitti
- Allena il tuo team : i redattori non tecnici dovrebbero comprendere le condizioni di visibilità per evitare l'errore di configurazione
- Testa tutti i ruoli utente : verificare come viene visualizzato ciascun blocco di contenuto per diversi tipi di utente, effettuato l'accesso o disconnesso
Queste abitudini aiutano a mantenere flussi di lavoro puliti ed evitare problemi di prestazioni o confusione dei contenuti.
Pensieri finali
La possibilità di nascondere o mostrare il contenuto di blocco in WordPress non è più una funzione solo per sviluppatori. Con i plugin giusti o il codice personalizzato, chiunque può creare esperienze utente su misura che rispondano a ruolo, posizione, dispositivo o tempo.
Sia che tu stia costruendo un portale di abbonamento, un sito di e-commerce o un hub di contenuti , le impostazioni di visibilità dei contenuti ti aiutano a consegnare il messaggio giusto al pubblico giusto al momento giusto.
Padroneggiando i controlli di visibilità del blocco, si sblocca un sito WordPress più dinamico, personalizzato e orientato alle prestazioni.
