Afficher WordPress Widgets conditionnellement dans des pages particulières

Si vous utilisez WordPress, vous pouvez ajouter du contenu supplémentaire dans la barre latérale en utilisant des widgets. WordPress, par défaut, fournit un ensemble de widgets pour afficher les catégories de publication, les nuages ​​de tags, la recherche et le calendrier. Suivant les thèmes standards de WordPress comme TwentyTen et TwentyTwelve, les widgets seront affichés dans toutes les pages - page d'accueil, post, page et archive.

Mais que faire si nous voulons afficher les widgets seulement dans une page particulière . Jetons un coup d'oeil à nos options pour cela.

Fichier de barre latérale différent

Un thème WordPress nécessite un fichier sidebar.php pour contenir les widgets, et utilise la balise template get_sidebar() pour afficher les widgets sur les pages.

Nous pouvons créer plusieurs fichiers de barre latérale personnalisés à afficher dans les fichiers de modèle de thème.

Par exemple, disons que nous avons une page de contact, et que nous voulons que la barre latérale de cette page soit différente de la barre latérale des autres pages. Dans cette situation, nous pouvons créer un nouveau fichier de barre latérale, et le nommer quelque chose comme sidebar-contact.php .

Ensuite, dans le fichier de modèle de contact, nous pouvons appeler notre nouvelle barre latérale, de cette façon.

 get_sidebar ('contact'); 

Tout ce qui est ajouté dans la barre latérale Contact sera affiché dans la page Contact, et ne sera pas affiché dans les autres pages. De cette façon que nous pouvons afficher des widgets qui sont plus liés à la page.

Utilisation de balises conditionnelles

La méthode ci-dessus suppose que vous avez créé un modèle personnalisé pour votre page. Sinon, si vous n'en avez pas créé, vous pouvez utiliser des balises conditionnelles .

Voici un exemple de code que vous pouvez ajouter dans page.php ; Ce code affichera la barre latérale Contact dans la page de contact, tout en affichant des barres latérales régulières pour les autres pages.

 if (is_page ('contact')) {get_sidebar ('contact'); } else {get_sidebar (); } 

Utilisation de Jetpack

Alternativement, vous pouvez également le faire à partir de l'administrateur principal avec Jetpack. Dans Jetpack, activez le module appelé Widget Visibility . Avec ce module, nous pouvons cacher ou afficher des widgets pour certaines pages.

Allez dans Apparence> Widgets . Vous devriez maintenant trouver un nouveau bouton ajouté dans le widget nommé Visibility. Cliquez sur le bouton et définissez les paramètres.

Dans l'exemple ci-dessus, j'ai défini un widget qui n'apparaîtra que sur la page Contact . Outre Pages, vous pouvez également sélectionner Catégories, Tags et Messages.

Nous espérons que cette astuce peut vous être utile et si vous avez des questions concernant cette discussion, n'hésitez pas à demander dans la boîte de commentaires ci-dessous.

Trouvez les meilleurs cadeaux de design avec ZippList

Combien de fois parvenez-vous sur Google à rechercher une maquette d'interface utilisateur ou un ensemble d'icônes gratuits pour votre prochain projet? Qu'en est-il des photos libres de droits qui semblent vraiment bien dans le travail de conception? Trouver les bonnes ressources peut être ardu si vous ne savez pas où chercher.Mai

(Conseils techniques et de conception)

10 conseils de Codepen pour les débutants

Codepen est un site super facile et populaire pour écrire immédiatement un combo de code frontal fonctionnel . Si vous ne savez pas ce que Codepen est ou n'a pas entendu parler auparavant, il s'agit essentiellement d'un terrain de jeu de code source en ligne (appelons ça OSCP pour être plus ringard) pour les trois mousquetaires du codage frontal; HTML, CSS et JavaScript .Il

(Conseils techniques et de conception)