Hur döljer eller visar man blockerat innehåll i WordPress?

[aioseo_eeat_author_tooltip]
[aioseo_eeat_reviewer_tooltip]

Att kontrollera innehållssynlighet i WordPress är en viktig funktion för designers, utvecklare och innehållshanterare. Oavsett om du vill anpassa användarupplevelser, begränsa synlighet baserat på enhetstyp eller hantera tidskänsliga kampanjer, låser möjligheten att villkorligt visa eller dölja blockerat innehåll i WordPress upp en ny nivå av flexibilitet.

Den här guiden guidar dig igenom allt du behöver veta om att dölja eller visa blockinnehåll i WordPress med hjälp av plugins, anpassad kod och inbyggda funktioner i blockredigeraren. Låt oss utforska hur du kan göra ditt WordPress-innehåll mer dynamiskt, effektivt och anpassat till varje besökare.

Varför kontrollera synligheten av innehåll i WordPress?

Inte allt innehåll behöver vara synligt för alla användare. Här är några verkliga skäl att kontrollera blocksynlighet:

  • Visa exklusivt innehåll endast för inloggade användare
  • Visa platsbaserade erbjudanden med hjälp av geotargeting
  • Ändra rubriker baserat på tid på dagen
  • Skapa mobilspecifika layouter utan att duplicera sidor
  • Kör tidsbegränsade kampanjer utan att manuellt publicera eller avpublicera innehåll

Dessa synlighetsvillkor förbättrar både användarupplevelsen och innehållets prestanda, särskilt på stora eller komplexa WordPress-webbplatser.

Behöver du hjälp med att anpassa WordPress blockbeteende?

Oavsett om du bygger komplexa redaktionella arbetsflöden eller användarspecifika innehållsstrukturer kan våra expertutvecklare hjälpa dig att implementera fullständig kontroll över synlighet med WordPress.

Använda plugins för att visa eller dölja blockerat innehåll i WordPress

hide-show-block-content-in-wp.webp

Plugins är det mest tillgängliga sättet att implementera avancerade kontroller för innehållssynlighet i WordPress blockredigerare. Här är de mest pålitliga pluginsen för detta användningsfall.

Plugin för blocksynlighet

Block Visibility är ett omfattande verktyg som lägger till dussintals synlighetsinställningar direkt till enskilda block. Det integreras med blockredigeraren och stöder:

  • Kontroll av enhetstyp (mobil, surfplatta, dator)
  • Webbläsarinriktning (Chrome, Safari, Firefox)
  • Schemaläggning av datum och tid
  • Cookie-baserad personalisering
  • Användarroller och inloggningsstatus
  • Skärmbredd och skärmstorlek
  • Referenskällor och frågesträngar
  • Anpassad metadata och platsidentifiering

Dessa kontroller finns tillgängliga i den högra sidofältet under avsnittet Synlighet för varje block. Du kan också aktivera Fullständig kontrollläge i de allmänna inställningarna för att få åtkomst till alla alternativ i alla block.

Viktiga funktioner:

  • Förinställningar för synlighet för att hantera flera block
  • URL-sökvägsvillkor för sidspecifikt innehåll
  • Dölj blockering från alla-växlingsknappar för snabba åsidosättningar
  • Import och export av synlighetskonfigurationer

Detta plugin är idealiskt för webbutvecklare som hanterar komplexa WordPress-webbplatser med dynamiska innehållskrav.

Plugin för innehållskontroll

Plugin -programmet Content Control förenklar blocksynligheten genom att fokusera på två huvudregeluppsättningar:

  • Enhetsregler (mobil, surfplatta, dator)
  • Användarregler (inloggad, utloggad, specifika användarroller)

Det fungerar bra för scenarier där du vill att olika innehåll ska visas baserat på inloggningsstatus eller skärmstorlek. Du kan till exempel visa en bild för mobilanvändare och en annan för datoranvändare med samma blockstruktur.

Viktiga funktioner:

  • Regelväxlar för att tillfälligt inaktivera synlighetsinställningar
  • Globala brytpunktsinställningar i plugin-alternativ
  • Enkelt användargränssnitt integrerat i blockredigeraren
  • Valfria premiumfunktioner som WooCommerce-villkor

Denna plugin är perfekt för nybörjare eller byråer som letar efter snabb enhetsbaserad eller användarbaserad anpassning.

Villkorliga block

Conditional Blocks tillhandahåller ett modalt gränssnitt för att lägga till villkorlig logik till WordPress-block. Medan gratisversionen innehåller grundläggande funktioner som enhets- och användarsynlighet, introducerar proversionen geolokalisering, schemaläggning och medlemskapsbaserade begränsningar.

Erbjudanden för gratisversionen:

  • Lås block från alla
  • Enhetsbaserad visning
  • Villkor för användarinloggning
  • OCH/ELLER-logikkombinationer

Pro-versionen lägger till:

  • Avancerad datumplanering
  • Användarrollinriktning
  • WooCommerce och medlemskontroller
  • Anpassade brytpunkter och geotargeting
  • Förinställningshanterare för batchändringar

Villkorliga block är en bra medelväg mellan enkelhet och kraft, särskilt för team som behöver återanvändbara villkor.

Wicked Blocks skick

Wicked Blocks Condition är ett mindre känt plugin med utvecklarvänliga alternativ som anpassade PHP-funktioner. Det låter block visas eller döljas baserat på:

  • Användarroll eller inloggningsstatus
  • Datum- och tidsintervall
  • Inläggsstatus eller kategorier
  • URL-frågesträngar
  • Anpassade logikfunktioner

Om du vill kombinera flexibilitet med låg kod och redigeringsbaserad kontroll är detta plugin ett bra val.

Jämförelsetabell för plugin-program

Plugin-namnViktiga funktionerIdealt användningsfall
Blockera synlighetDatum/tid, geolokalisering, användarroll, skärmstorlek, cookiesFullständig siktkontroll
InnehållskontrollRegler för enhets- och användarrollerLätta användningsfall
Villkorliga blockOCH/ELLER-logik, förinställningar, avancerade brytpunkterMedelstora till avancerade implementeringar
Wicked Blocks skickStöd för PHP-funktioner, målinriktning av frågesträngarUtvecklarorienterad kontroll

Anpassade kodavsnitt för att dölja eller visa innehåll i WordPress

Om du föredrar att undvika plugins kan du använda inbyggda WordPress-funktioner och villkorlig logik för att kontrollera synligheten. Dessa exempel kan läggas till i ett anpassat plugin eller i ditt barntemas functions.php-fil.

Dölj innehåll för inloggade användare

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; }'; } ..

Detta döljer alla styckeelement för användare som är inloggade. Du kan vända villkoret eller rikta in dig på andra element baserat på dina behov.

Dölj innehåll baserat på geolokalisering

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; }'; } }  Behöver du en specifik text eller ett namn? Behöver du en specifik text? Behöver du en specifik text? Behöver du en specifik text? Behöver du en specifik text? Behöver du en specifik text? Behöver du en specifik text? Behöver du en specifik text? Behöver du en specifik text? Behöver du en specifik text? Behöver du en specifik text?

Använd det här skriptet för att dölja alla bilder för användare som besöker sidan från USA. Var medveten om att API-anrop vid varje sidinläsning kan påverka prestandan, så använd transienter eller cachning där det är möjligt.

Dölj utvald bild efter kategori

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; }   Behöver du en specifik kod? Lägg till "}" och "$html" i den här funktionen, använd "custom_hide_featured_image" för att skapa en egen kod

Den här koden tar bort den utvalda bilden från alla inlägg som är tilldelade kategorin "böcker". Du kan ändra den för taggar, anpassade taxonomier eller metadata.

Testa villkor för innehålls synlighet

För att undvika överraskningar på din webbplats, här är några bästa praxis för testning:

  • Använd testmiljöer för testkörningar
  • Rensa webbläsarens och webbplatsens cache innan du visar ändringar
  • Byt användarroller för att verifiera synlighetsvillkor
  • Kontrollera sidans källa för att bekräfta om dolda element tas bort eller bara döljs med CSS
  • Använd webbläsarutvecklingsverktyg för att simulera olika enheter och skärmstorlekar

Dessa försiktighetsåtgärder hjälper dig att undvika SEO-problem och oväntat beteende, särskilt på stora WordPress-webbplatser.

Plugin-inställningar och tips

Varje plugin som nämns ovan har specifika konfigurationsområden i WP Admin > Inställningar. Beroende på vilket plugin du använder kan du:

  • Definiera enhetsbrytpunkter
  • Aktivera blocksynlighet i redigeringspanelen
  • Inaktivera plugins på vissa block
  • Aktivera fullständig kontroll eller felsökningslägen

Att förstå standardkontrollerna för synlighet och anpassa dem för att matcha ditt redaktionella arbetsflöde kommer att resultera i bättre innehållsstyrning på hela din webbplats.

När ska du använda ett plugin kontra anpassad kod?

Att välja mellan plugins och anpassad kod beror på projektets komplexitet, teamets färdigheter och prestandamål.

Använd ett plugin om:

  • Du behöver icke-tekniska användare för att hantera synligheten
  • Din webbplats kräver dussintals villkor över sidor
  • Du vill ha tillgång till proffsfunktioner som schemaläggning eller geotargeting

Använd anpassad kod om:

  • Du vill ha smidigare prestanda
  • Du riktar in dig på unika villkor som inte stöds av plugins
  • Din webbplats är liten och har ett begränsat omfång

För stora webbplatser fungerar en hybridmetod ofta bäst. Använd plugins för regelbundna synlighetskontroller och skriv anpassad logik där det behövs.

Praktiska användningsfall för WordPress blocksynlighet

Att förstå synlighetskontroller är en sak. Att tillämpa dem effektivt är en annan. Låt oss utforska specifika verkliga situationer där villkorlig visning av innehållsblock blir en viktig del av webbplatsstrategin.

Anpassat innehåll för inloggade användare

Många medlemswebbplatser, e-lärplattformar och interna affärsinstrumentpaneler använder synlighetsvillkor för att begränsa innehåll. Du kan visa ett välkomstmeddelande eller en personlig instrumentpanel endast för inloggade användare. Om någon loggar ut försvinner samma innehållsblock automatiskt från vyn.

Detta hanteras enkelt med blockvisibilitetspluginet eller Content Control genom att tilldela synlighetsinställningar baserat på användarroll och inloggningsstatus. Det är en användarvänlig metod för innehållssegmentering utan behov av avancerade utvecklingsfärdigheter.

Flerspråkiga WordPress-webbplatser

Globala företag skapar ofta olika innehållsblock för varje språk. Istället för att bygga flera sidor kan du använda blocksynlighetskontroller för att villkorligt visa block baserat på användarpreferenser eller plats. Kombinera geolokaliseringslogik med flerspråkiga plugins för att servera regionspecifikt innehåll utan dubbelarbete.

Meddelanden baserade på tid

Du kanske vill köra flash-försäljningar, produktlanseringar eller reklambanners som bara visas under ett visst tidsfönster. Med hjälp av datum- och tidsvillkoren i plugin-programmet för blockvisibilitet kan du schemalägga block så att de visas eller döljs vid exakta tidpunkter.

Den här typen av automatisering håller din WordPress-webbplats aktuell och eliminerar behovet av att manuellt publicera eller ta bort blockeringar.

Villkorliga layouter för mobila enheter

Olika skärmstorlekar kräver ofta olika layouter. Istället för att skapa flera versioner av en sida kan du med inställningar för blocksynlighet skapa mobilspecifika innehållsblock. Visa block baserat på skärmstorlek eller enhetstyp och förbättra mobilanvändarupplevelsen samtidigt som allt är redigerbart på ett ställe.

Detta är särskilt användbart för att visa olika navigeringar, knappar eller bildstorlekar för mindre skärmar, vilket förbättrar användbarhet och sidprestanda.

Hur synlighetskontroller fungerar i WordPress blockredigerare

Om du använder Gutenbergs blockredigerare (nu standarden för WordPress) visas synlighetsinställningar i den högra sidofältet när ett plugin som Block Visibility eller Conditional Blocks har installerats.

När du redigerar ett inlägg eller en sida:

  1. Välj ett innehållsblock
  2. Leta efter ett avsnitt märkt Synlighet eller Visningsförhållanden
  3. Använd kryssrutorna, rullgardinsmenyerna eller växlingsknapparna för att kontrollera vem som ser blocket och när

Vissa plugins lägger också till en verktygsfältsikon eller inställningar under "Avancerat" i blockredigeringsavsnittet. Dessa ger snabb åtkomst till synlighetsalternativ som skärmstorlek, användarroller, inloggningsstatus eller URL-frågesträngar.

Bästa praxis för att hantera synlighetsinställningar

För att undvika förvirring och hantera prestanda, här är några experttips:

  • Grupprelaterade block: Använd blockgrupper eller mönster för att tillämpa synlighetsregler över sektioner
  • Använd förinställningar: Spara vanliga inställningar som förinställningar i verktyg som Blocksynlighet eller Villkorliga block.
  • Begränsa överlappning mellan plugins: Undvik att använda flera plugins för samma ändamål för att minska konflikter
  • Träna ditt team: Icke-tekniska redaktörer bör förstå synlighetsförhållanden för att undvika felkonfiguration.
  • Testa alla användarroller: Verifiera hur varje innehållsblock visas för olika användartyper, inloggade eller utloggade

Dessa vanor hjälper till att upprätthålla rena arbetsflöden och undvika prestandaproblem eller innehållsförvirring.

Slutliga tankar

Möjligheten att dölja eller visa blockerat innehåll i WordPress är inte längre en funktion som endast är tillgänglig för utvecklare. Med rätt plugins eller anpassad kod kan vem som helst skapa skräddarsydda användarupplevelser som anpassas efter roll, plats, enhet eller tid.

i företagsklass en innehållsnav, hjälper inställningarna för innehållssynlighet dig att leverera rätt budskap till rätt målgrupp vid rätt tidpunkt.

Genom att bemästra blocksynlighetskontrollerna låser du upp en mer dynamisk, personlig och prestandaorienterad WordPress-webbplats.

Relaterade inlägg

Topp HIPAA-kompatibla WordPress-plugins för bättre webbplatssäkerhet

Topp HIPAA-kompatibla WordPress-plugins för bättre webbplatssäkerhet

HIPAA-kompatibla WordPress-plugins hjälper vårdwebbplatser att skydda känslig patientinformation, förbättra webbplatssäkerheten och minska

Förstå WooCommerce-kostnaden för växande onlinebutiker

Förstå WooCommerce-kostnaden för växande onlinebutiker

WooCommerce-kostnaderna ökar snabbt i takt med att webbutiker växer och behöver bättre prestanda, säkerhet, plugins, webbhotell,

WordPress för påverkansarbete och policyorganisationer

WordPress för opinionsbildning och policyorganisationer: Bästa praxis för tillväxt och engagemang

Vad är WordPress för påverkansarbete och policyorganisationer? WordPress för påverkansarbete och policyorganisationer hänvisar till

Kom igång med Seahawk

Registrera dig i vår app för att se våra priser och få rabatter.