[記事数:1,202] 日本を元気にするキーワード、地域活性化×中小企業× ITのTips and Quotes(秘訣と引用文)
creative  link  memo 

WordPressに綺麗なグラフやチャートを表示するプラグインまとめ




Visualizer

グラフのビジュアルも美しく、グラフ上へマウスカーソルをのせるとツールチップで数値を表示してるほど、高機能なグラフを作成可能です。
CSVファイルのデータを読み込むため、いちいちデータをWordPressへ手入力する必要はありません。数字のデータを編集するのはExcelで行うのが一番効率的なので、サクッとグラフを作成したいときには嬉しい機能です。

CSVファイルのアップロードもウィザード画面のステップの一つとして組み込まれており、ファイルアップロードのための画面遷移が少なくて済むのでとても使いやすいです。

グラフの種類も豊富でイチオシのプラグインです。

Chart Expert

こちらもCSVファイルを読み込みグラフを作成します。
Visualizerに比べれば、グラフの機能やビジュアル面で見劣りしますが、機能がシンプルなほうが操作を覚えやすいというメリットもあります。
TinyMCE Advancedというプラグインのインストールが必要になりますが、記事の投稿画面上からグラフを挿入できるのも魅力です。

amCharts

表示されるときのアニメーションだけでなく、マウスを載せたときのツールチップやライン表示など、高機能なグラフを作成できます。
データを登録する際にの記述はjavascriptでコードを記述しなければならないため、少し敷居が高いです。

WordPress Chart

良く知られているプラグインのようですが、ショートコード内にグラフのデータをカンマ区切りで記述する作成方法であり、個人的には使い勝手が悪い印象。
シンプルなグラフであれば良いかもしれませんが、データの項目数が多い場合には、グラフ作成における作業ミスが起こりやすいと思われます。
また、自分でCSSをカスタマイズしないとレイアウトが崩れるみたいです。

読み込み直後にグラフがアニメーションで動きながら描画されるので、見栄えはします。こういう気の利いたデザインは評価ポイントを上げますが、ショートコードのパラメータ記述がちょっと複雑でWordPress初級者には間違いなく使いにくいでしょう。

凡例の表示もなく、マウスをのせたときのツールチップ等のインタラクティブな表現もできないので、実用性に乏しいかなとも思います。

スプレッドシートのグラフを Web サイトに埋め込む

グラフをホームページで公開する
今回はあらかじめグラフを作成してあります。これを公開する手順をご紹介致します。と言っても手順はとても簡単です!

まずグラフの上をクリックすると、右上に[▼]が表示されます。これをクリックするとメニューがいくつか表示されるので、[グラフを公開]をクリックしてください。
graph01

[埋め込む]タブを選択し[インタラクティブ]を選択してください。インタラクティブにすると、スプレッドシート上でデータを変更した時に、ホームページに挿入したグラフの内容も変化します。それが嫌であれば[画像]を選択してください。
graph02

[公開]ボタンをクリックするとコードが表示されます。これをコピーしてホームページのソースコードに挿入してみてください。
graph03

実際に埋め込みをしたグラフが下図の通りです。

問題なく表示されていますね!簡単にホームページで公開することができるので、ブログなどを公開されている方はぜひ活用してみてください。





FavoriteLoadingお気に入りAdd to favorites
WordPress Plugins 特長 Featuresまとめ (adsbygoogle = window.adsbygoogle || []).push({}); h3.widget-title { position: relative; padding-bottom: .5em; border-bottom: 1px solid ...
WordPress Plugins 「TOPに戻る」ボタンを付けるプラグイン... WordPress Plugins よくある「一番上に戻る」「TOPに戻る」 ボタンを付けてくれます。このサイトでも付けてます。右下に表示されているのがそれです...
Grab & Save 画像ファイルをurlから取り込む WordPressプラグイン... Grab & Save グラブ&セーブ Requires: 2.8 or higher Compatible up to: 3.5.2 Last Updated: 4 years ago Active Installs: 8,000+ urlから画像を挿入するときに、その画像URLを指...
タグとカテゴリーを相互に変換できるプラグイン... Categories to Tags Converter Importer カテゴリーからタグ、タグからカテゴリーへの変換 - WordPressの使い方
Really Simple CSV Importer 記事の更新(上書き)や削除が可能なCSV イン... Really Simple CSV Importer の特徴 ・CSV から記事の新規追加が可能 ・CSV から既存記事の更新(上書き)や削除が可能 ・カスタムフィールドにも対応 ・カスタム投稿タイプにも対応 ・カスタム投稿タイプの親子記事にも対応 post_id ...
TinyMCE Advanced ビジュアルエディタを高度にカスタマイズすることができるWordPr... TinyMCE Advanced の設定方法と使い方 TinyMCE Advanced – 使い方完全マニュアル | WordPress Plugin Admindocs 「TinyMCE Advanced」をカスタマイズする | WordPre...
どのプラグインがWordPressへ負荷をかけているのかをチェックできるプラグイン... P3 (Plugin Performance Profiler)は、どのプラグインがWordPressへ負荷をかけているのかをチェックできるプラグインです。 WordPressの数少ない欠点は、多機能な反面サイトが重くなりやすい点です。重いかも?と思った時はこのプラグインを使ってチェックし...
カスタム投稿記事をターム毎に分類して一覧表示する... カスタム投稿記事をターム毎に分類して一覧表示する | naoyu.net - Part 583 web帳 | WordPress 特定のカスタム分類 記事表示 カテゴリIDで指定した複数カテゴリの投稿記事を新着順にリスト表示 ...
Infinite Timeline Requires: 3.8 or higher Compatible up to: 4.1.10 Last Updated: 1 year ago Active Installs: 200+ post_type: 投稿タイプ(post または page または、カスラ...
JetPackで問い合わせフォームを設定する... プラグイン1個で超多機能!ありがたすぎるJetPackで問い合わせフォームを作ってみた | ノマドWEB - サイト制作・ブログ運営に役立つ情報をメモ 『Jetpack』にフォームが実装されたので試してみたよ | 鉄王 コンタクトフォーム(Jetpack)...

コメントを残す