Ghid pentru utilizarea condițională a blocurilor în Gutenberg

Ghid pentru utilizarea condițională a blocurilor în Gutenberg. Afișarea condițională a blocurilor în Gutenberg este o metodă eficientă de a personaliza conținutul în WordPress.

Fie că folosiți pluginuri intuitive sau soluții personalizate, această funcționalitate vă permite să creați experiențe dinamice, relevante și optimizate pentru SEO.

Ce înseamnă afișarea condițională a blocurilor?

În editorul Gutenberg din WordPress, blocurile reprezintă elementele de bază ale conținutului.

Afișarea condițională a blocurilor înseamnă că anumite blocuri vor fi vizibile doar în anumite contexte, cum ar fi pentru un anumit tip de utilizator, pe o anumită pagină sau pentru un anumit dispozitiv.

De ce să folosiți afișarea condițională?

• Personalizare a experienței utilizatorului.
• Conținut direcționat în funcție de roluri (ex: administratori vs. vizitatori).
• Optimizare pentru dispozitive (ex: conținut exclusiv pentru mobil).
• Performanță îmbunătățită prin afișarea selectivă.

Ghid pentru utilizarea condițională

1. Utilizarea pluginurilor dedicate

Cea mai simplă metodă pentru utilizarea condițională a blocurilor este prin instalarea unui plugin WordPress specializat. Printre cele mai populare se numără:

• Block Visibility – oferă opțiuni de afișare pe bază de rol, timp, dispozitiv, limbă etc.
• Conditional Blocks – permite afișarea în funcție de user, post ID, pagină, categorie și multe altele.
• EditorsKit – include vizibilitate condiționată și multe funcționalități utile pentru editori.

2. Activarea logicii condiționale în blocuri

După instalarea unui plugin, accesați o pagină sau un articol în editorul Gutenberg.

Selectați blocul dorit și veți vedea o nouă secțiune în bara laterală, unde puteți seta condițiile de afișare.

Exemple de condiții:

• Afișează doar pentru utilizatori autentificați.
• Afișează doar pe paginile de tip „Produs”.
• Afișează doar pe mobil (sub o anumită lățime a ecranului).
• Afișează doar într-un anumit interval de timp.

3. Utilizarea shortcode-urilor personalizate pentru condiționalitate

Pentru dezvoltatori sau utilizatori avansați, este posibilă și crearea de shortcode-uri PHP care să controleze afișarea conținutului:

<?php
function doar_pentru_logati( $atts, $content = null ) {
    if ( is_user_logged_in() ) {
        return do_shortcode($content);
    }
    return '';
}
add_shortcode('numai_logati', 'doar_pentru_logati');
?>

Acum puteți introduce în editorul Gutenberg un bloc shortcode cu:

[numai_logati]Acest conținut este doar pentru utilizatori autentificați[/numai_logati]

4. Afișare condiționată prin cod custom în blocuri reutilizabile

Blocurile reutilizabile pot fi extinse cu cod custom și condiționalitate folosind filtre sau hook-uri.

Această abordare necesită cunoștințe de PHP și WordPress REST API, dar permite un control total asupra conținutului.

5. Recomandări pentru utilizare eficientă

• Evitați utilizarea excesivă pentru a nu afecta performanța website-ului.
• Testați fiecare variantă de afișare pe desktop și mobil.
• Documentați clar regulile de vizibilitate folosite pentru conținutul critic.
• Folosiți blocurile condiționale doar acolo unde aduc un beneficiu clar experienței utilizatorului.