WP Team Displayのドキュメント

前書き

WP Team Displayは退屈なHTMLテーブルプレゼンテーションを作成せずにフローチャートを管理するために使用されるパフォーマンスプラグインです。

WPチームディスプレイ

 

I. WP TEAM DISPLAYのインストール

1.1インストール

私たちのプラグインをインストールするには、標準のWordPressインストーラを使うか解凍して/ wp-content / pluginに全てのフォルダを置いてください。

install-wp-media-folder

 

それからをクリックしてください プラグインを有効にする、WordPressの左メニューにWP Media Folderメニューが表示されるのを確認します。

WP Media Folderは、メディアメニューとエディタの上にあるメディアボタンからアクセスできます。 また、 "設定"メニューの下にパラメータがあります。

 

1.2プラグインを更新する

WP Media Folderを更新するためには、WordPressのデフォルトのアップデータを使用することができます。 www.joomunited.comからダウンロードした.zipファイルから新しいバージョンを削除してインストールすることもできます。 いずれにせよ、すべてがデータベースに保存されているため、コンテンツを失うことはありません。

更新通知

 

セキュリティと安定性の問題を避けるために、常に最新版を入手してください。

 

II。 WP TEAM DISPLAYの一般的な使用


2.1投稿/ページからフローチャートを管理する

 

WP Team displayの主なアイデアはあなたのWYSIWYGエディタからすべてを設定することです。 WP Team displayは、すべてのWordPress WYSIWYGエディタ(公開側と管理側の両方)で動作します。 たとえば、投稿やページにそれを使用することができます。
WP Team displayをインストールすると、エディタにボタンが表示されます。 に行くことができます 左メニュー>設定> WP Team Display チャートも管理します。

フローチャートボタン

 

あなたのエディタにすでにフローチャートがある場合は、それをクリックし、次にこのボタンをクリックしてそれを再度開くか、上のチャート記号を使ってください。

チャート既存


 
2.2新しいフローチャートを始める


新しいフローチャートを作成するには、ライトボックスから名前を追加してをクリックしてください。 新しいチャートを追加 (大きな左の青いボタン)

新しいフローチャート

 

インターフェースの左側には、既存のフローチャートがリストされています。

フローチャートリスト


2.3テーマを選ぶ


4つのテーマが用意されており、いつでも好きなときに選択または変更できます。 テーマを選択しても、管理者側の編集インタフェースは変わりません。フロントエンドの表示だけが変わります。

テーマリスト

III。 WP TEAM DISPLAYエディション

3.1人を追加する

最初に画像を選択する必要がある最初の人物を追加するには、ボタンを使用します 写真をアップロードまたは選択する

写真選択

 

画像はメディアライブラリから取得することも、新しいライブラリをアップロードすることもできます。 画像を選択して 画像を挿入 他のWordPress画像と同じようにこの写真を追加するボタン。

写真の選択

 

たとえば、人物の顔の中央に画像を配置したい場合は、特定のツールを使用して画像をトリミングすることができます。 緑色の矢印をクリックしてください。

クロップリンク

その後、画像をトリミングして保存することができます。

クロップインターフェース

3.2情報を追加する

公開部分には、名前、会社内の役職、説明などの情報が表示されます。 名前と位置はグローバルビューに表示され、詳細なライトボックスビューに説明が表示されます。

個人情報表示


管理者側でそれらの情報のいくつかを追加するだけです、名前は必須です、そしてそれを保存するために“ add a person”をクリックしてください。

個人情報版

注:フラットテーマでは、ソーシャルネットワークリンクを持つ追加のフィールドがあります。

社会情報

 

 

3.3フローチャートを整理する

人物を追加すると、その人物はフローチャートの中央部分に表示され、その後階層の編成が始まります。 あなたは人々を整理するためにドラッグ&ドロップを使用する必要があります。

人をドラッグし始めると、その人を動かすための矢印が表示されます。 写真を新しいゾーンに配置して、縦または横に移動します。

フローチャート階層

注:チャートは1行に5人でうまく表示されます。

3.4既存の人を編集する

あなたが人を追加したとき、それらは再利用されるためにあなたのデータベースに登録されます。 右下の列に、その人が[追加]ボタンと共に表示されます。 別のフローチャートを選択し、それをクリックしてこの人物を再び追加します。

再挿入人

人はフローチャートによって「譲渡可能」です。 既存の人物の情報を編集または削除するには、写真の上にある鉛筆/ゴミ箱のアイコンをクリックします。

編集者


IV。 フロントにWP TEAM DISPLAY

4.1エディタにWP Team displayを追加する

最後に、フロントエンドにフローチャートを表示するには、をクリックしてください。 グラフを挿入 右上のボタン あなたのページ/投稿を保存すれば完了です。

挿入フローチャート

そして、あなたのWP Team displayフローチャートがエディタで具体化されます。

フローチャートインエディタ

右パネルの上部には、投稿にチャートを挿入するために使用できるショートコードがあります。 例:[teamchart id = '1' title = 'sample chart']

ショートコードチャート

4.2グーテンベルクのブロック

グーテンベルグは現在WordPressのデフォルトエディタなので、チャートを表示するためにショートコードを使うかWP Team Displayブロックを使うことができます。

まず、をクリックします WP Team Display ウィジェットカテゴリのボタン。 次にを押して、挿入するチャートを選択します。 新しいチャートを追加 ボタン。 それで全部です。

チームディスプレイブロック

 

4.3テーマの概要


デフォルトテーマ

デフォルトテーマ

 

フラットとサークルのテーマ

平円形

 

ナチュラのテーマ

自然テーマライトボックス