WordPressで棒グラフやグラフを追加しますか、それともWordPressでグラフ視覚化ツールを作成する方法を知りたいですか?
グラフ、棒、円グラフなどの視覚補助は、投稿/ページでデータをより適切に表示するための理想的な方法です。
このチュートリアルでは、プラグインを使用してバーとグラフィックを作成する方法を示します ビジュアライザワードプレスチャート ワードプレス。
しかし、前に、WordPressをインストールしたことがない場合は、 WordPressのブログ7の手順をインストールする方法 et あなたのブログにワードプレスのテーマを、見つけインストールしてアクティブにする方法
それから私たちがここにいる理由に戻りましょう。
WordPressのバーとグラフィックの問題
多くのがあります。 WordPressのプラグイン 棒やグラフをコンテンツに追加します。 ただし、ほとんどのユーザーは、これらのツールを使いにくいと感じています。
私たちを発見 あなたのウェブサイトに図を作成するための8 WordPressプラグイン
これらのプラグインの中には、ユーザーが内部にデータを追加する必要があるものもあります ショート 非常に複雑な形式で覚えておいてください。
これらのプラグインを使用する代わりに、多くのユーザーはデスクトップアプリでグラフィックを作成し、それらを画像に変換することになります。
何も変更する予定がない場合は機能する可能性があります。 ただし、ユーザーが特定のセクション上でマウスを動かしたときにペイロードデータが表示されるインタラクティブグラフを画像で置き換えることはできません。
グラフィックを使用すると、次のことが可能になります。
- コンピューターまたはWeb上のデータソースからデータを追加します。
- データを使用してグラフ、チャート、バーに入力します。
- 優れたインタラクティブでカラフルな応答性の高いグラフィックを作成します。
- さらに重要なことは、必要なときにいつでもデータを更新できることです。
とはいえ、Visualizer WordPress Chartsがどのように役立つかを見てみましょう。
Visualizer WordPress Chartsでグラフィックを作成する方法
最初に行う必要があるのは、プラグインをインストールしてアクティブ化することです ビジュアライザワードプレスチャート。 詳細については、ガイドの手順をご覧ください WordPressプラグインをインストールする方法のステップ.
無料版はあなたが必要とするすべてをするわけではありませんが、このプラグインの開発者はまた提供します Visualizer WordPress Proチャート スプレッドシートをインターフェースとして使用してデータを追加したり、他のソースからデータをインポートしたりするなど、追加機能を追加します。
1年間のカスタマーサポートと1つのライセンスに対して79ドルの費用がかかります。 更新情報 定期的な
注意: このチュートリアルでは、プラグインの無料版に基づいています。
アクティベーション後、ページにアクセスする必要があります " メディア>ビジュアライザーライブラリ 」。 これは、すべてのグラフィックが表示される場所です。
ボタンをクリックする必要があります« Add 最初のグラフを追加します。
これにより、画面にウィンドウが表示されます。 利用可能なさまざまなタイプのチャートが表示されます。 追加するチャートのタイプを選択し、次のボタンをクリックして続行します。
発見も WordPress Webサイトにインタラクティブマップを追加する方法
次のステップは、CSV形式でデータソースを追加することです。 Excelスプレッドシート、Googleスプレッドシート、またはその他のプログラムを使用してデータを保存した場合は、CSVファイルとしてエクスポートできます。
発見も ワードプレス上のデータをインポートするプラグインWP究極のCSVインポートを使用する方法
CSVファイルをコンピューターにダウンロードまたは保存し、それを使用してグラフを生成できます。
CSVファイルの最初の行に列名、2番目の行にデータ型が必要です。 このプラグインは、文字列、数値、ブール値、日付、時刻、日付、時刻のデータ型をサポートしています。
GoogleSheetsで入手できるこのサンプルファイルをご覧ください。
この記事を見つけて学ぶ ユーザーデータをCSVファイルにエクスポートする方法
テキストエディタを使用してCSVファイルを作成している場合は、次のサンプルCSVファイルを参照してください。
ブラウザ、来場者の列、数クロム、Firefoxの7894、6754のInternet Explorer、Safariの4230、2106 627オペラ
GoogleドライブスプレッドシートからWordPressにグラフを追加する
データをスプレッドシートとしてGoogleドライブに保存している場合は、エクスポートせずにチャートに追加できます。
私たちも発見することをお勧めします あなたのウェブサイトにGoogleドライブを統合するための5 WordPressプラグイン
Googleスプレッドシートでデータファイルを開き、[ ファイル> Web用に公開 '。
これにより、このドキュメントの公開方法を選択するウィンドウが表示されます。 「」を選択する必要があります カンマ区切り値(.csv) ドロップダウンメニュー。
ボタンをクリックすることを忘れないでください« パブリッシュ データの公開バージョンにアクセスするため。
スプレッドシートの公開URLがCSVファイルとして表示されます。 このURLをコピーして、Visualizerプラグインテーブルに戻る必要があります。
ボタンをクリックしてください ウェブから そして、Google SpreadsheetcsvファイルのURLを入力します。
URLを入力するとすぐに、プラグインはCSVファイルを検索し、チャートのリアルタイムプレビューを表示します。
テーブルの作成ボタンをクリックして、グラフを保存できます。
記事またはページへのグラフィックの追加
記事やWordPressページに表やグラフを追加するには、記事やページに画像を追加するのと同じくらい簡単にできます。
クッキーとワードプレス:どのように作成、取得および削除します このリンクをクリックしてそれらを発見する
新しい投稿/ページを作成するか、テーブルを追加する既存の投稿/ページを編集します。 編集画面で、「 メディアを追加する ビジュアルエディターの上。
これにより、メディアのポップアップウィンドウが表示されます。 左側の列の[視覚化]タブをクリックする必要があります。 作成して保存したすべてのグラフィックがこのWebサイトにあります。
下の挿入アイコンをクリックして追加します。 ポップアップが消え、テーブルがWordPressの投稿に追加されたことが表示されます。 ショート.
WordPressの記事/ページに保存し、Webサイトにアクセスして、どのように機能するかを確認できます。
WordPressでVisualizerプラグインのグラフィックを編集する
チャートはいつでも編集および編集できます。 ただ訪問する メディア>ビジュアライザーライブラリ 」。 このページから、テーブルのクローンを作成、削除、または視覚的な設定を変更できます。
Visualizerを使用すると、テーブルを変更せずに既存のチャートからデータを更新するのは非常に簡単です。
Google Spreadsheetからデータを追加した場合、データを更新するために必要なのは、次の場所に移動することだけです。 " ファイル>ウェブ用に公開 スプレッドシートを再公開します。 変更は自動的に更新されます。
また、ご相談ください あなたのブログにGoogleマップを埋め込む10 WordPressのプラグイン
一方、CSVファイルをダウンロードした場合は、コンピューター上のCSVファイルを更新する必要があります。 完了したら、更新するチャートを選択し、[テーブルの編集]リンクをクリックします。
セクションで アップロード 新しいCSVファイルをアップロードするだけです。 変更は自動的に更新されます。
サイドバーへのチャートの追加
ビジュアライザーはショートコードを使用してグラフィックを挿入します。 ただ「 メディア>ビジュアライザーライブラリ 各グラフの下にショートコードが表示されます。
ショートコードをコピーして、「 外観>ウィジェット 」。 テキストウィジェットをサイドバーにドラッグアンドドロップし、ウィジェット内にショートコードを貼り付けます。
プレミアムWordPressプラグインもご覧ください
他にも使えます WordPressのプラグイン モダンな外観を与え、ブログやウェブサイトの取り扱いを最適化します。
ここでは、そのためのプレミアムWordPressプラグインを提供しています。
1。 WordPressのPDO CRUD
WordPress PDO Crudは、フロントエンドデータの追加、変更、削除操作を実行するためにフォームを作成できる強力なプラグインです。
それは、いくつかの方法でデータを追加できる美しいテーブルを提供します。これは、ウェブマスターが簡単に定義できます。
主な機能は次のとおりです。シンタックスは非常にシンプルで、複数の出現の支持、gデータベーステーブルからの挿入または更新フォームの自動生成、特定のフィールドの表示、p多くのサポート WordPressのプラグイン、pdf、xml、csvおよびexcel、diのデータのxportationパーソナライズ設定に、多言語アップポート、r特定のフィールドを検索する複数削除オプション、eもっと
2。 注目のオーディオ
注目のオーディオは素晴らしいです WordPressのプラグイン 名前が示すように、最高の HTML5 機能を継承しています。 このプラグインを使用すると、投稿やページごとに選択した音声の音量を調整できます。
とりわけ、フロントページの曲、HTML5を完全にサポートするオーディオプレーヤー、iPhone、iPad、Android、WP7などのモバイルデバイスのサポート、WordPressメディアライブラリに保存されているオーディオファイルの再生などの機能があります。 、古いブラウザのサポート、オーディオ形式のサポート:mp3、wav、oggなど…、多言語、その他多数…
3。 ChimpMate Pro
チンパンジーは WordPressのプラグイン 読者をサブスクライバーに変えるのに役立つMailChimpポップアップから。 迷惑なポップアップで訪問者を苛立たせることなく、メーリングリストを増やすように設計されています.
それは完全にカスタマイズ可能であり、いつどこでポップアップを表示するかをマスターします。 彼の他の機能は次のとおりです。彼fいくつかのブラウザで完全に動作し、p複数のスケジューリングオプション、完全にカスタマイズ可能なレイアウト、応答性の高い顧客サポート、私はとの完全な統合 WooCommerce、e優れたキャッシュ管理、完全な統合 多くは WordPressテーマ、 WPMLプラグインによる多言語サポート、およびもうそんなにない。
その他の推奨リソース
また、以下のリソースを参照して、Webサイトとブログの把握と管理をさらに進めてください。
- 単一ページにすべてのWordPressの出版物を表示する方法
- ワードプレスに効果的なカテゴリやタグを使用する方法
- WordPressブログにWhatsAppボタンを追加する方法
- スポンサーを見つけてブログを収益化する方法は? :ガイド
まとめ
それだけです! このチュートリアルは以上です。 WordPressでマップやグラフィックスをより適切に表示できるようになることを願っています。 お気軽に ソーシャルネットワークで友達とヒントを共有する.
しかし、あなたも私たちに相談することができます ressources、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログの作成。
しかし、それまでの間、あなたについて教えてください commentaires 専用セクションの提案。
...