[記事数: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
実はこんなにあった!Google MapをWordPressで魅力的に表示させるプラグイン16選... 実はこんなにあった!Google MapをWordPressで魅力的に表示させるプラグイン16選 | 海外wordpress,Web,ソーシャルメディア情報局 ユーザの位置を自動検索し、近くの店舗を表示 店舗への道順を表示 マーカーの色を選択できる ×PC...
パブリックドメイン画像を探して使えるプラグイン「Pixabay Images」... Pixabayへのリンクが同じウィンドウで開くのでpixabay-images/pixabay-images.php を編集する。 Pixabayプラグインでアイキャッチ画像をさくっとWordpressブログ記事に。 | ノマドWEB - サイト制作・ブログ運営に役立つ情...
WordPress Plugins Posts Number 投稿数まとめ... (adsbygoogle = window.adsbygoogle || []).push({}); h3.widget-title { position: relative; padding-bottom: .5em; border-bottom: 1px solid ...
JetpackがWordPress.comと連携できない サーバー側がアクセスを許可してない為に発生しているエラー 管理ツールの国外IPアクセス制限 ↓ XML-RPC API アクセス制限を無効に WPblog ネットオール Netowl...
写真やアイコンなどの画像販売サイトに出来るプラグイン・Image Store... Image Storeであなたが撮影した写真を販売することができます。こちらも画像販売サイトとしてWebサービス化できそう。スライドショーやライトボックスでの表示も最初から設定されています。「Settings」で画像の料金、サイズ、スライドショー、ウォーターマークなどの設定ができます。 写真や...
Show Post Categories 投稿のカテゴリ、タイトル、ID、著者、タグを表示するWor... Requires: 4.X or higher Compatible up to: 4.4.2 Last Updated: 4 weeks ago Active Installs: 70+ などのすべてのブログ記事/ページにリンクされているカテゴリ、またはリストデータ表示:タイトル、ID、著...
SiteOrigin Widgets by CodeLights – Page Builderを使う...   // SiteOrigin Widgets Bundle Widgets for SiteOrigin Ultimate Addons for SiteOrigin Livemesh SiteOrigin Widgets SiteOrigin Widgets...
サイトマップを自動作成するプラグイン「PS Auto Sitemap」... サイトマップページを5分で作る!【wordpress プラグイン PS Auto Sitemap】 | WordPress初心者でも真似ればできるWeb講座 WordPressでサイトマップを自動作成するプラグイン | ワードプレスの使い方!初心者めっちゃ入門ガイド【ハイパ...
WordPress上で広告の管理ができるプラグイン... Adrotateは、WordPress上で広告の管理ができるプラグインです。広告のA/Bテスト、ランダム表示、インプレッションなどの効果測定、広告の掲載期間設定などを行うことができます。ポータルサイトやメディアサイトなどで純広告を扱うケースなどで活用できます。 Adrotate...
WordPressで住所からGoogle Mapsを簡単表示 WordPressで住所からGoogle Mapsを簡単表示 | 簡単ホームページ作成支援-Detaramehp

コメントを残す