Documentation WP Team Display

introduction

WP Team Display est un plugin de performance utilisé pour gérer un diagramme de flux sans créer une présentation de tableau HTML ennuyeuse.

 

WP-Team-Display

 

I. INSTALLATION DE WP TEAM DISPLAY

1.1 Installer

Pour installer notre plugin, vous devez utiliser le programme d’installation WordPress standard ou décompresser et placer tout le dossier dans / wp-content / plugin.

 

dossier d'installation-wp-media

 

Puis cliquez sur activer le plugin, pour voir le menu WP Media Folder apparaître dans le menu de gauche de WordPress.

WP Media Folder est accessible depuis le menu média et le bouton média au dessus de votre éditeur. Vous avez également les paramètres dans le menu "Paramètres".

 

1.2 Mettre à jour le plugin

Afin de mettre à jour le WP Media Folder, vous pouvez utiliser le programme de mise à jour par défaut de WordPress. Vous pouvez également supprimer et installer la nouvelle version à partir d'un fichier .zip téléchargé sur www.joomunited.com. Dans tous les cas, vous ne perdrez aucun contenu car tout est stocké dans la base de données.

 

wp-team-display-update

 

Assurez-vous de toujours avoir la dernière version pour éviter tout problème de sécurité et de stabilité.

 

II. WP TEAM DISPLAY UTILISATION COMMUNE


2.1 Gérer le diagramme de flux de post / page

 

L'idée principale de WP Team display est de définir tout dans votre éditeur WYSIWYG. WP Team display fonctionne sur chaque éditeur WordPress WYSIWYG, à la fois public et administrateur. Par exemple, vous pouvez l'utiliser dans les publications et les pages.
Lorsque WP Team display est installé, un bouton est affiché dans votre éditeur. Tu peux aller à Menu de gauche> Paramètres> WP Team Display pour gérer les graphiques aussi bien.

 

bouton de diagramme de flux

 

Si vous avez déjà un diagramme de flux dans votre éditeur, cliquez dessus, puis sur ce bouton pour le rouvrir ou utilisez le symbole de diagramme disponible sur: survolez votre image.

 

graphique existant


 
2.2 Créer un nouvel organigramme


Pour créer un nouvel organigramme, dans la lightbox: ajoutez un nom puis cliquez sur Ajouter un nouveau graphique (le gros bouton bleu gauche).

 

nouveau-organigramme

 

Sur le côté gauche de votre interface, l'organigramme existant sera répertorié.

 

flow-chart-list


2.3 Choisir un thème


4 thèmes sont disponibles et ils peuvent être sélectionnés ou modifiés à tout moment. La sélection du thème ne changera pas l'interface d'édition côté administrateur, mais uniquement l'affichage frontal.

 

liste de thèmes

 

III. WP TEAM DISPLAY EDITION

3.1 Ajouter une personne

Pour ajouter la première personne, vous devez d'abord sélectionner une image, utilisez le bouton Télécharger ou choisir une image

 

sélection d'images

 

Les images peuvent provenir de la médiathèque ou vous pouvez en télécharger une nouvelle. Puis sélectionnez une image et cliquez dessus. Insérer une image bouton pour ajouter cette image comme n'importe quelle autre image WordPress.

 

sélection de photo

 

Vous avez la possibilité de recadrer votre image à l'aide d'un outil spécifique, par exemple si vous souhaitez centrer l'image sur le visage d'une personne. Cliquez sur la flèche verte pour le faire.

 

lien de culture

 

Ensuite, vous pourrez recadrer et enregistrer l'image.

 

interface de recadrage

 

3.2 Ajouter des informations

Dans la partie publique, certaines informations sont affichées, telles que le nom, la position dans la société et une description. Le nom et la position sont affichés en vue globale, la description en vue lightbox détaillée.

 

affichage d'informations personnelles


Sur la partie admin, ajoutez simplement certaines de ces informations, le nom est obligatoire, puis cliquez sur «ajouter une personne» pour l'enregistrer.

 

person-information-edition

 

Remarque: sur le thème à plat, vous avez des champs supplémentaires avec des liens de réseaux sociaux.

 

information sociale

 

 

3.3 Organiser l'organigramme

Une fois que vous avez ajouté une personne, celle-ci apparaît dans la partie centrale de votre diagramme, puis vous commencez à organiser la hiérarchie. Vous devez utiliser drag'n drop pour organiser les personnes.

Lorsque vous commencez à faire glisser une personne, une flèche apparaît pour la déplacer. Placez la photo sur une nouvelle zone pour les déplacer verticalement ou horizontalement.

 

hiérarchie des flux

 

Remarque: Le graphique sera bien affiché avec 5 personnes par ligne.

3.4 Modifier une personne existante

Lorsque vous avez ajouté une personne, celle-ci est enregistrée dans votre base de données pour pouvoir être réutilisée. Dans la colonne en bas à droite, vous verrez ces personnes apparaître avec un bouton Ajouter. Sélectionnez un autre organigramme, cliquez dessus pour ajouter à nouveau cette personne.

 

réinsérer personne

 

Les personnes sont «transférables» au moyen d’organigrammes!. Pour modifier ou supprimer les informations d'une personne existante, cliquez sur les icônes crayon / corbeille au-dessus de la photo.

 

modifier-personne


IV WP TEAM DISPLAY SUR FRONTEND

4.1 Ajouter un WP Team display dans l'éditeur

Enfin, pour afficher un organigramme sur l’interface, cliquez sur le bouton Insérer un graphique bouton en haut à droite. Enregistrez votre page / publication et vous avez terminé!

 

diagramme d'insertion

 

Ensuite, votre organigramme WP Team display est matérialisé dans votre éditeur.

 

flow-chart-in-editor

 

En haut du panneau de droite, vous pouvez trouver le shortcode que vous pouvez utiliser pour insérer votre graphique dans vos publications. Par exemple: [teamchart id = '1' title = 'exemple de graphique']

 

shortcode-chart

 

4.2 Bloc à Gutenberg

Gutenberg est maintenant l'éditeur par défaut de WordPress. Vous pouvez donc utiliser le shortcode ou le bloc WP Team Display pour afficher votre graphique.

D'abord, cliquez sur le WP Team Display bouton dans la catégorie Widgets. Puis choisissez le graphique à insérer en appuyant sur Ajouter un nouveau graphique bouton. C'est tout.

 

bloc d'affichage

 

4.3 Aperçu des thèmes


Thème par défaut

 

thème par défaut

 

Thème plat et cercle

 

plat et cercle

 

Thème Natura

 

nature-theme-lightbox