Comment ajouter des profils de membre du personnel dans WordPress avec Staffer

Comment ajouter des profils de membre du personnel dans WordPress avec Staffer / Plugins WordPress

On nous demande souvent comment ajouter facilement des profils de membre du personnel dans WordPress. Auparavant, nous vous avions montré comment ajouter des pages de profil de membre du personnel, mais cela nécessitait l'édition de modèles. Et si nous vous disions qu'il existe un moyen plus simple de gérer les profils des membres du personnel dans WordPress? Dans cet article, nous allons vous montrer comment ajouter des profils de membre du personnel dans WordPress avec Staffer. Espérons que ce tutoriel facilitera l'ajout de membres du personnel pour la plupart des utilisateurs..

Didacticiel vidéo

Abonnez-vous à WPBeginner

Si vous n'aimez pas la vidéo ou si vous avez besoin de plus d'instructions, continuez à lire..

La première chose à faire est d’installer et d’activer le plugin Staffer. Lors de l'activation, le plugin ajoutera un nouveau menu administrateur appelé Staff et une zone de configuration appelée Staffer Options..

Pour configurer les paramètres du plugin, vous devez visiter Paramètres »Options de personnel.

Si vous souhaitez afficher les photos et les descriptions de votre personnel dans une jolie grille, activez la première option de la page. Ensuite, vous devez choisir le nombre de profils que vous souhaitez afficher sur une page. Par défaut, il affiche 9 profils, mais vous pouvez le modifier en fonction de vos préférences. Staffer vous permet également de choisir un titre de page personnalisé et un slug d’URL pour la page Staff..

Comme il existe des milliers de thèmes WordPress avec leurs propres feuilles de style et mises en page, il est difficile de faire en sorte que la grille CSS fonctionne correctement avec chaque thème. C'est pourquoi le plugin a une option pour enrouler la grille autour de vos propres wrappers personnalisés.

Pour peaufiner l'apparence de la grille, vous pouvez également ajouter vos propres règles CSS personnalisées. Nous avons dû utiliser cette ligne de CSS lorsque nous avons testé le plugin avec le thème par défaut TwentyTwelve.

 .staffer-archive-grid li vertical-align: top;  

Une fois que vous êtes satisfait des paramètres, vous devez cliquer sur le bouton Sauvegarder les modifications bouton pour enregistrer vos paramètres.

Ajout de vos profils de personnel

Staffer facilite l'ajout de profils de personnel. Toutefois, les membres de votre personnel ne peuvent modifier leurs propres profils que s'ils disposent des autorisations nécessaires pour modifier ou rédiger des publications sur votre site Web. Pour créer une page de profil de membre du personnel, vous devez visiter Staff »Ajouter un nouveau

Commencez par ajouter le nom de votre membre du personnel, puis ajoutez des informations biographiques dans l'éditeur de publication. Sur votre droite, vous verrez une boîte personnalisée. La première option de la boîte de méta personnalisée est intitulée titre. C'est ici que vous pouvez ajouter le rôle ou la position de la personne dans votre organisation. Ci-dessous, vous pouvez ajouter des liens vers les profils de membre du personnel sur les réseaux sociaux..

Vous pouvez ajouter une photo d'un membre du personnel en cliquant sur l'image sélectionnée et en téléchargeant une photo de profil. Une fois que vous avez terminé, vous pouvez enregistrer le profil du membre du personnel ou le publier..

Affichage des profils des membres du personnel sur votre site WordPress

Comme Staffer utilise un type de message personnalisé appelé staff pour stocker les profils des membres, tous les profils du personnel sont automatiquement affichés sur une page Staff..

Si vous utilisez une structure d'URL conviviale pour le référencement sur votre site WordPress, l'URL de votre page de membre du personnel serait alors, par défaut, la suivante:

http://www.example.com/staff/

Vous pouvez ajouter cette URL dans le menu de navigation de votre site en allant à Apparence »Menus dans votre zone d'administration. Sur votre gauche, vous devez ajouter l'URL et le titre dans la zone "Liens". Cliquez sur le bouton Ajouter au menu, puis sur le bouton Enregistrer le menu pour enregistrer vos modifications. Un lien vers la page des membres de votre personnel apparaîtra dans le menu de navigation de votre site..

Nous espérons que cet article vous a aidé à apprendre un moyen plus facile d’ajouter des pages de profil de membre du personnel dans WordPress. Si vous préférez simplement afficher une simple liste de membres du personnel, consultez notre guide sur la création d'une liste simple de personnel dans WordPress..

Si vous avez aimé cet article, abonnez-vous à nos tutoriels vidéo sur la chaîne YouTube pour WordPress. Vous pouvez aussi nous trouver sur Twitter et Google+.