Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie Sie Ihr Firmenorganigramm in WordPress erstellen

Nach jahrelanger Erfahrung in der Entwicklung von WordPress Websites haben wir gelernt, dass es ein Element gibt, das auf keiner Website fehlen sollte: ein klares Organigramm.

Denken Sie einmal darüber nach. Haben Sie jemals die Website eines Unternehmens besucht und sich gefragt, wer für was zuständig ist? Oder sind Sie ein Angestellter, der herauszufinden versucht, an wen er sich in einer bestimmten Angelegenheit wenden kann? Da kommt ein Organigramm gerade recht.

WordPress verfügt nicht über einen eingebauten Block zum Erstellen von Organigrammen, aber wir haben ein großartiges Plugin für genau diesen Zweck gefunden. Und diese Anleitung zeigt Ihnen, wie es geht.

How to create your company org chart in WordPress

Warum ein Unternehmensorganigramm für Ihre WordPress Website erstellen?

Ein Organigramm zeigt, wie ein Unternehmen strukturiert ist, vom CEO bis hin zu den verschiedenen Teams und den einzelnen Mitarbeitern innerhalb jedes Teams.

Vielleicht möchten Sie Ihrem öffentlichen WordPress-Blog oder sogar Ihrer Landing Page ein Organigramm hinzufügen, um die menschliche Seite Ihres Unternehmens zu zeigen und den Ruf Ihrer Marke zu verbessern.

Ein hilfreiches Organigramm kann den Mitarbeitern auch helfen zu verstehen, wie andere Teams strukturiert sind und an wen sie sich in jeder Situation wenden müssen.

Außerdem kann ein Organigramm auch für Dritte nützlich sein. Wenn Sie zum Beispiel ein Kundenportal erstellen, kann ein Organigramm den Kunden helfen, den besten Ansprechpartner zu finden.

Werfen wir also einen Blick darauf, wie man in WordPress auf einfache Weise ein Organigramm für ein Unternehmen erstellen und verwalten kann.

Wie Sie Ihr Firmenorganigramm in WordPress erstellen

Der einfachste Weg, ein Mitarbeiterdiagramm zu erstellen, ist die Verwendung von Organigrammen.

Mit diesem kostenlosen WordPress Plugin für Organigramme können Sie Diagramme mit einem einfachen visuellen Editor erstellen und Bilder, Links, Text und Popups zu Ihrem Organigramm hinzufügen.

An org chart, created using WordPress

Als Erstes müssen Sie das WordPress-Plugin für das Organigramm installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nachdem Sie das kostenlose Plugin aktiviert haben, gehen Sie zu Wpdevart Chart “ Charts. Klicken Sie dann auf die Schaltfläche „Neu hinzufügen“.

How to create a company org chart in WordPress

Dadurch wird der benutzerfreundliche visuelle Editor gestartet.

Geben Sie zunächst einen Titel für das Organigramm des Unternehmens ein. Dieser dient nur als Referenz, Sie können also alles verwenden, was Sie wollen.

Adding a title to a company organizational chart

Standardmäßig fügt das Organigramm ein Element in die Diagrammvorlage ein. In der Regel wird dies der Leiter Ihrer Organisation sein, z. B. der Teamleiter oder der Geschäftsführer.

Um dem Diagramm weitere Personen hinzuzufügen, bewegen Sie den Mauszeiger einfach über das Standardelement. Sie sehen nun zwei kleine Symbole: einen Bleistift und einen Pfeil.

Klicken Sie auf den Pfeil, um ein weiteres Element direkt unter dem ersten Element hinzuzufügen.

Building an organizational chart in WordPress using a plugin

Wenn Sie nun mit der Maus über dieses neue Element fahren, sehen Sie drei Pfeile.

Damit können Sie ein weiteres Element rechts oder links von dieser Person hinzufügen. Normalerweise haben Personen auf derselben Ebene in einem Organigramm dieselbe Berufsbezeichnung oder ähnliche Aufgaben.

Adding multiple levels to a company org chart

Sie können auch auf den nach unten zeigenden Pfeil klicken, um eine neue Ebene unter dieser Person zu erstellen. Normalerweise berichten Personen an die Person, die in einem Organigramm über ihnen steht.

Wenn Sie mit dem Mauszeigerkontakt über die einzelnen Elemente fahren und auf die verschiedenen Pfeile klicken, können Sie ganz einfach die Struktur Ihres Unternehmens für Ihre WordPress-Website erstellen. Dies schließt mehrere verschiedene Zweige oder Teams ein.

Customizing a company employee chart

Der nächste Schritt ist das Hinzufügen von Inhalten zu den einzelnen Elementen, z. B. den Namen der Person, das Autorenfoto oder die E-Mail-Adresse.

Bewegen Sie dazu den Mauszeiger über ein beliebiges Element und klicken Sie dann auf das kleine Bleistiftsymbol.

Adding content to a company staff chart

In dem daraufhin angezeigten Popup müssen Sie ein Foto der Person hinzufügen.

Klicken Sie auf die Schaltfläche „Hochladen“ und wählen Sie dann entweder ein Bild aus der WordPress-Mediathek oder laden Sie ein neues Bild von Ihrem Computer hoch.

Adding employee images to a hierarchical chart

Danach geben Sie einen „Titel“ ein, der direkt unter dem Bild der Person erscheint. In der Regel sollten Sie den Namen der Person verwenden.

Sie können dann eine „Beschreibung“ hinzufügen, die unter dem Titel erscheint. Normalerweise geben Sie die Berufsbezeichnung der Person ein, aber Sie können auch einen kurzen Satz über ihre Rolle hinzufügen.

Adding a title to an employee chart

Als Nächstes können Sie einen Link zu dem Bild, dem Titel oder der Beschreibung hinzufügen. Sie könnten zum Beispiel einen Link zu einem Kontaktformular für die betreffende Person oder zu einer Seite einfügen, auf der potenzielle Kunden das Portfolio des Mitarbeiters sehen können.

Geben Sie dazu einfach die gewünschte URL ein. Wählen Sie dann den Bereich aus, in den Sie den Link einfügen möchten, indem Sie die Einstellungen im Abschnitt „Wählen Sie den Linkbereich“ verwenden. Sie könnten zum Beispiel einen Link zum Bild oder zur Beschreibung der Person hinzufügen.

Adding links to a staff chart

Standardmäßig wird der Link in der gleichen Registerkarte geöffnet. Vielleicht möchten Sie den Link lieber in einer neuen Registerkarte öffnen, insbesondere wenn Sie eine externe URL verwenden. Aktivieren Sie dazu einfach das Kontrollkästchen neben „URL in einer neuen Registerkarte öffnen“.

Vielleicht möchten Sie mehr Informationen über jede Person im Organigramm des Unternehmens anzeigen. Sie können zum Beispiel die E-Mail-Adresse und Telefonnummer, den Lebenslauf, eine detailliertere Stellenbeschreibung oder andere gewünschte Informationen hinzufügen.

Mit diesem Plugin können Sie für jede Person ein Popup erstellen. Auf diese Weise können Sie detaillierte Informationen anzeigen, ohne das Diagramm kompliziert oder textlastig aussehen zu lassen.

Um ein Popup hinzuzufügen, klicken Sie einfach auf die Registerkarte „Popup“.

Adding popups to a staff chart in WordPress

Sie können nun Ihre Nachrichten in den kleinen Texteditor eingeben. Dieser Editor verfügt über alle WordPress-Standardformatierungen, so dass Sie Links hinzufügen, eine Aufzählungsliste erstellen, fett und kursiv formatierten Text verwenden können und vieles mehr.

Wenn Sie mit den eingegebenen Informationen zufrieden sind, können Sie über die Einstellungen neben „Wählen Sie den Popup-Bereich“ festlegen, wie die Besucher das Popup öffnen sollen.

How to add popups to a business website

Klicken Sie anschließend auf „Aktualisieren“.

Wiederholen Sie diesen Vorgang nun einfach für jede Person im Organigramm des Unternehmens.

Building an employee page using WordPress

Wenn Sie mit dem Aussehen des Diagramms zufrieden sind, klicken Sie auf die Schaltfläche „Speichern“.

Danach können Sie das Diagramm zu Ihrem Blog oder Ihrer Website hinzufügen. Öffnen Sie einfach den Gutenberg Editor für die Seite oder den Beitrag, auf der Sie das Organigramm anzeigen möchten, und klicken Sie dann auf das „+“-Symbol.

Geben Sie in dem erscheinenden Popup ‚WpDevArt-Organigramm‘ ein. Wenn der richtige Block angezeigt wird, klicken Sie darauf, um ihn der Seite hinzuzufügen.

Adding a block to a WordPress website

Öffnen Sie anschließend die Dropdown-Liste „Baum auswählen“ und wählen Sie das zuvor erstellte Organigramm aus.

Wenn Sie bereit sind, das Organigramm in Betrieb zu nehmen, klicken Sie entweder auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“.

Publishing an organizational chart in WordPress

Jetzt können Sie die Website Ihres Unternehmens besuchen, um das Organigramm in Aktion zu sehen.

Wenn Sie ein klassisches WordPress-Theme verwenden, ist es auch möglich, das Organigramm als Widget hinzuzufügen. Gehen Sie einfach zu Darstellung „ Widgets und klicken Sie auf die Schaltfläche „+ Widget hinzufügen“ in einem beliebigen Widget-Bereich.

Suchen Sie dann das Widget „Wpdevart Organigramm“ und wählen Sie es aus.

Adding the organization chart as a widget

Wählen Sie wie zuvor das Organigramm aus, das Sie zuvor erstellt haben.

Klicken Sie anschließend auf die Schaltfläche „Aktualisieren“, damit die Änderungen wirksam werden.

Selecting an organization chart to display in a WordPress widget

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie Sie Ihr Organigramm auf Ihrer WordPress-Website erstellen können. Vielleicht interessieren Sie sich auch für unsere Anleitung zum Erstellen einer individuellen Seite in WordPress und unsere Liste der besten Beispiele und Templates für „Demnächst“-Seiten.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

3 KommentareEine Antwort hinterlassen

  1. Ralph

    This looks like a great way to present company structure in easy visaul way. Most people have no idea about hierarchy and what a CEO, CFO, COO, CIO, CTO, CMO even is. This can definitely help.

    • WPBeginner Support

      It can definitely be good to have a visual guide on who to get in touch with for what :)

      Admin

  2. Friday Alex

    Have been lookin for this plugin to customize my start-up!

    Thank you very for this post.

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.