WordPressで会社の組織図を作成する方法

長年WordPressウェブサイトを開発してきた経験から、すべてのビジネスサイトに必須の要素が1つあることを学びました。それは、明確な組織図です。

考えてみてください。会社のウェブサイトを訪れて、誰が何を担当しているのか疑問に思ったことはありませんか?あるいは、特定の件について誰に連絡すればよいか分からない従業員かもしれません。そこで組織図が役立ちます。

WordPressには組織図を作成するための組み込みブロックはありませんが、この目的にぴったりの優れたプラグインを見つけました。このガイドでその方法を説明します。

WordPressで会社の組織図を作成する方法

WordPressサイトに会社の組織図を作成する理由

組織図は、CEOから各チーム内のさまざまなチームや個々の従業員まで、会社の構造を示しています。

ビジネスの人間的な側面を示し、ブランドの評判を向上させるために、会社の組織図を公開のWordPressブログランディングページに追加することを検討してください。

役立つ組織図は、従業員が他のチームの構造を理解し、どのような状況で誰に連絡する必要があるかを把握するのに役立ちます。

さらに、組織図は第三者にとって役立つ場合があります。たとえば、クライアントポータルを作成している場合、組織図はクライアントが連絡すべき最適な人物を見つけるのに役立ちます。

とはいえ、WordPressで会社の組織図を簡単に作成および管理する方法を見ていきましょう。

WordPressで会社の組織図を作成する方法

従業員チャートを構築する最も簡単な方法は、Organization Chartを使用することです。

この無料のWordPress組織図プラグインを使用すると、シンプルなビジュアルエディターでチャートを作成し、画像、リンク、テキスト、ポップアップを会社の組織図に追加できます。

WordPressで作成された組織図

まず、組織図のWordPressプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドを参照してください。

無料プラグインを有効にした後、Wpdevart Chart » Chartsに移動します。次に、「新規追加」ボタンをクリックします。

WordPressで会社の組織図を作成する方法

これにより、使いやすいビジュアルエディターが起動します。

開始するには、会社の組織図のタイトルを入力します。これは参照用なので、好きなものを自由に使用できます。

会社の組織図にタイトルを追加する

デフォルトでは、組織図はチャートテンプレートに1つの要素を追加します。通常、これをチームリーダーやCEOなど、組織のトップに変換します。

チャートにさらに人を追加するには、デフォルトの要素にカーソルを合わせるだけです。すると、鉛筆と矢印の2つの小さなアイコンが表示されます。

矢印をクリックすると、最初の要素の真下に1つの要素が追加されます。

プラグインを使用してWordPressで組織図を作成する

次に、この新しい要素にマウスカーソルを合わせると、3つの矢印が表示されます。

これにより、この人物の右または左に別の要素を追加できます。通常、組織図の同じレベルにいる人々は、同じ役職または同様の責任を持っています。

会社の組織図に複数のレベルを追加する

下向きの矢印をクリックすると、この人物の下に新しいレベルを作成することもできます。通常、組織図では、上の人物に報告します。

各要素にカーソルを合わせ、異なる矢印をクリックすることで、WordPressウェブサイトの会社の構造を簡単に作成できます。これには、複数の異なる部署やチームが含まれます。

会社の従業員チャートのカスタマイズ

次のステップは、人物の名前、著者の写真、またはメールアドレスなどの各要素にコンテンツを追加することです。

開始するには、いずれかの要素にカーソルを合わせ、小さな鉛筆アイコンをクリックします。

会社のスタッフチャートにコンテンツを追加する

表示されるポップアップで、その人の写真を追加する必要があります。

[アップロード] ボタンをクリックし、WordPressのメディアライブラリから画像を選択するか、コンピューターから新しい画像をアップロードしてください。

階層図に従業員の画像を追加する

その後、「役職」を入力します。これは、人物のすぐ下に表示されます。通常は、その人物の名前を使用します。

次に、「説明」を追加できます。これはタイトルの下に表示されます。通常、その人物の役職を入力しますが、その役割に関する短い文章を追加することもできます。

従業員チャートに役職を追加する

次に、画像、タイトル、または説明へのリンクを追加したい場合があります。たとえば、その人物のお問い合わせフォームや、潜在的なクライアントが従業員のポートフォリオを見ることができるページにリンクすることができます。

これを行うには、使用したいURLを簡単に入力します。「リンクエリアの選択」セクションの設定を使用して、リンクを追加したい領域を選択します。たとえば、人物の画像や説明にリンクを追加することができます。

スタッフチャートにリンクを追加する

デフォルトでは、リンクは同じタブで開かれます。特に外部URLを使用している場合は、リンクを新しいタブで開くことをお勧めします。これを行うには、[新しいタブでURLを開く] の横にあるチェックボックスをオンにするだけです。

会社の組織図で各人物に関する詳細情報を表示したい場合があります。例えば、ビジネスメールアドレス電話番号、経歴、より詳細な職務内容、またはその他の必要な情報を追加できます。

このプラグインを使用すると、各担当者ごとにポップアップを作成できます。これにより、チャートが複雑になったり、テキストが多すぎたりすることなく、詳細情報を表示できます。

ポップアップを追加するには、「ポップアップ」タブをクリックするだけです。

WordPressでスタッフチャートにポップアップを追加する

これで、小さなテキストエディターにメッセージを入力できます。このエディターには、WordPressの標準的な書式設定がすべて含まれているため、リンクを追加したり、箇条書きリストを作成したり、太字や斜体のテキスト書式設定を使用したりできます。

入力した情報に満足したら、[ポップアップエリアを選択] の横にある設定で、訪問者がポップアップをどのように開くかを指定できます。

ビジネスウェブサイトにポップアップを追加する方法

これが完了したら、「更新」をクリックします。

これで、会社の組織図のすべての担当者に対して、このプロセスを繰り返します。

WordPressで従業員ページを作成する

グラフの外観に満足したら、[保存] ボタンをクリックします。

その後、グラフをブログやウェブサイトに追加します。会社の組織図を表示したいページまたは投稿のエディターを開き、「+」アイコンをクリックするだけです。

表示されるポップアップで、「WpDevArt organization chart」と入力します。正しいブロックが表示されたら、クリックしてページに追加します。

WordPressウェブサイトにブロックを追加する

これが完了したら、「ツリーの選択」ドロップダウンを開き、以前に作成した組織図を選択します。

組織図を公開する準備ができたら、「更新」または「公開」ボタンのいずれかをクリックします。

WordPressで組織図を公開する

これで、ビジネスウェブサイトにアクセスして、会社の組織図が実際にどのように表示されるかを確認できます。

クラシックWordPressテーマを使用している場合、組織図をウィジェットとして追加することも可能です。外観 » ウィジェットに移動し、任意のウィジェットエリアで「+ウィジェットを追加」ボタンをクリックするだけです。

次に、「Wpdevart organization chart」ウィジェットを見つけて選択します。

組織図をウィジェットとして追加する

前と同様に、作成した組織図を選択します。

完了したら、「更新」ボタンをクリックして変更を公開します。

WordPressウィジェットに表示する組織図の選択

この記事が、WordPressウェブサイトで会社の組織図を作成する方法を学ぶのに役立ったことを願っています。また、WordPressでカスタムページを作成する方法に関するガイドや、最高の近日公開ページ例とテンプレートのリストも参照することをお勧めします。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

4 CommentsLeave a Reply

  1. EXCELLENT ARTICLE!!
    I’ve been looking for a way to improve a team structure of a local company website, and this article provides the perfect solution. :)

    追加情報を含むポップアップを追加できる機能は、以前は思いもよらなかった素晴らしい機能です。これにより、メインチャートを煩雑にすることなく、各チームメンバーに関する詳細情報を提供できるようになります。
    この貴重なリソースを再度ありがとうございます。本当に助かりました!!

  2. これは、会社の構造を簡単な視覚的な方法で提示するのに最適な方法のようです。ほとんどの人は、階層や、CEO、CFO、COO、CIO、CTO、CMOが何であるかさえ知りません。これは間違いなく役立つでしょう。

  3. スタートアップをカスタマイズするためにこのプラグインを探していました!

    この投稿、本当にありがとうございます。

返信する

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。