WP Team Display documentatie

Invoering

WP Team Display is een performance-plug-in die wordt gebruikt om het stroomdiagram te beheren zonder een saaie HTML-tabelpresentatie te maken.

 

WP-Team-Display

 

I. WP TEAM DISPLAY INSTALLEREN

1.1 Installeren

Om onze plug-in te installeren, moet je het standaard WordPress-installatieprogramma gebruiken of unzippen en alle mappen in / wp-content / plugin plaatsen.

 

install-wp-media-map

 

Klik vervolgens op activeer plugin, om het WP Media Folder-menu te zien verschijnen in het linker menu van WordPress.

WP Media Folder is toegankelijk via het mediamenu en de mediaknop boven je editor. U hebt ook de parameters in het menu "Instellingen".

 

1.2 Update de plug-in

Om de WP Media Folder bij te werken, kunt u de standaardupdater van WordPress gebruiken. U kunt de nieuwe versie ook verwijderen en installeren vanuit een ZIP-bestand dat is gedownload op www.joomunited.com. In ieder geval verliest u geen inhoud omdat alles in de database is opgeslagen.

 

wp-team-scherm update

 

Zorg dat u altijd de nieuwste versie hebt om problemen met de beveiliging en stabiliteit te voorkomen.

 

II. GEMIDDELD GEBRUIK WP TEAM DISPLAY


2.1 Beheer het stroomdiagram van post / pagina

 

Het belangrijkste idee van WP Team display is om alles in te stellen van uw WYSIWYG-editor. WP Team display werkt op elke WordPress WYSIWYG-editor, zowel publiek als admin. U kunt het bijvoorbeeld gebruiken in berichten en pagina's.
Wanneer WP Team display is geïnstalleerd, verschijnt er een knop op uw editor. Je kan gaan naar Linkermenu> Instellingen> WP Team Display om ook de grafieken te beheren.

 

stroomschema-button

 

Als je al een stroomdiagram hebt in je editor, klik je erop en open je deze knop om hem opnieuw te openen of gebruik je het beschikbare kaartsymbool op: beweeg je afbeelding.

 

chart bestaand


 
2.2 Start een nieuw stroomdiagram


Om een ​​nieuw stroomschema te maken, vanuit de lightbox: voeg een naam toe en klik op Voeg een nieuw diagram toe (de grote linkse blauwe knop).

 

nieuwe stroomschema

 

Aan de linkerkant van uw interface wordt het bestaande stroomschema weergegeven.

 

stroomschema-overzicht


2.3 Selecteer een thema


Er zijn 4 thema's beschikbaar die u kunt selecteren of wijzigen wanneer u maar wilt. De selectie van het thema verandert de interface van de editie aan de admin-kant niet, alleen het frontend-display.

 

thema-lijst

 

III. WP TEAM DISPLAY EDITION

3.1 Voeg een persoon toe

Om de eerste persoon toe te voegen, moet je eerst een afbeelding selecteren, gebruik de knop Upload of kies een afbeelding

 

picture-selectie

 

Afbeeldingen kunnen afkomstig zijn uit de mediabibliotheek of u kunt een nieuwe uploaden. Selecteer vervolgens een afbeelding en klik op de knop Voeg afbeelding in om deze afbeelding toe te voegen zoals elke andere WordPress-afbeelding.

 

foto-selectie

 

U hebt de mogelijkheid om uw afbeelding bij te snijden met een specifiek hulpmiddel, bijvoorbeeld als u de afbeelding in het gezicht van de persoon wilt centreren. Klik daarvoor op de groene pijl.

 

crop-koppeling

 

Vervolgens kunt u de afbeelding bijsnijden en opslaan.

 

crop-grensvlak

 

3.2 Voeg informatie toe

In het openbare gedeelte wordt informatie weergegeven zoals de naam, de positie in het bedrijf en een beschrijving. Naam en positie worden weergegeven in algemene weergave, beschrijving in gedetailleerde lightbox-weergave.

 

person-informatie-scherm


Voeg op het admin-gedeelte enkele van die informatie toe, de naam is verplicht en klik op "add a person" om het op te slaan.

 

person-informatie-editie

 

Opmerking: op het platte thema heeft u aanvullende velden met links naar sociale netwerken.

 

sociaal-informatie

 

 

3.3 Organiseer het stroomdiagram

Zodra u een persoon heeft toegevoegd, verschijnt deze in het midden van uw stroomschema en begint u de hiërarchie te organiseren. Je moet drag'n drop gebruiken om de mensen te ordenen.

Wanneer u een persoon begint te slepen, verschijnt er een pijl om die persoon te verplaatsen. Plaats de foto op een nieuwe zone om ze verticaal of horizontaal te verplaatsen.

 

stroomschema hiërarchie

 

Opmerking: het diagram wordt goed weergegeven met 5 personen per regel.

3.4 Bewerk een bestaande persoon

Wanneer u een persoon heeft toegevoegd, worden deze in uw database geregistreerd om opnieuw te worden gebruikt. In de kolom rechtsonder zie je die persoon verschijnen met een knop Toevoegen. Selecteer een ander stroomschema, klik erop om deze persoon opnieuw toe te voegen.

 

re-insert-person

 

Persoon is "overdraagbaar" door stroomschema's !. Als u informatie van een bestaande persoon wilt bewerken of verwijderen, klikt u op de potlood- / prullenbakpictogrammen op de foto.

 

bewerk-person


IV. WP TEAM DISPLAY OP FRONTEND

4.1 Voeg een WP Team display toe in de editor

Om ten slotte een stroomschema op de frontend weer te geven, klikt u op de Diagram invoegen knop rechtsboven. Sla je pagina / bericht op en je bent klaar!

 

Plaats-stroomschema

 

Vervolgens wordt uw WP Team display-stroomdiagram gematerialiseerd in uw editor.

 

stroomdiagram-in-editor

 

Bovenaan het rechterdeelvenster vindt u de shortcode die u kunt gebruiken om uw diagram in te voegen in uw berichten. Bijvoorbeeld: [teamkaart id = '1' title = 'voorbeeldkaart']

 

shortcode-chart

 

4.2 Blok in Gutenberg

Gutenberg is nu de standaardeditor in WordPress, dus je kunt shortcode gebruiken of WP Team Display-blok gebruiken om je diagram weer te geven.

Klik eerst op de WP Team Display knop in de Widgets-categorie. Kies vervolgens het in te voegen diagram door op te drukken Nieuwe grafiek toevoegen knop. Dat is alles.

 

team-weergave-block

 

4.3 Overzicht van de thema's


Standaard thema

 

Standaard thema

 

Vlak en cirkel thema

 

platte en cirkel

 

Natura-thema

 

natuur-theme-lichttafel