[記事数: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
ファイル(PDF・zipなど)のダウンロード機能を作成できるプラグイン... WordPress Download Manager ファイル(PDF・zipなど)のダウンロード機能を作成する | 西沢直木のIT講座 WordPress Download Managerの使い方と設定-リンクから直接ファイルをダウンロードするプラグイン |...
記事本文とウィジェットでPHPを利用できるプラグイン... Exec-PHP 記事本文とウィジェットでPHPを利用できる PHP Code Widget ウィジェット内でPHPを使える Exec-PHP - 記事本文とウィジェットでPHPを利用できるWordPressプラグイン - ネタワン WordPressウィジェット...
Public Post Preview – 公開前の投稿やページを共有できるWordPr... 公開前の記事を外部の人に共有できるプラグイン「Public Post Preview」 特徴 下書き、予約投稿、レビュー待ちの記事に対して、ログインなしでも閲覧できるプレビュー用のリンクを生成できる プレビュー用リンクに有効期限を設定できる カスタム投稿タイプにも対応している ...
AJAX Thumbnail Rebuild サムネイル(アイキャッチ)画像を再生成するWordPr... 最初にRegenerate Thumbnailsというプラグインを試してみたのですが、実行した途端サーバーに負荷がかかりまくって急激に重たくなりサーバーが落ちかけました。 調べてみたところ、Regenerate Thumbnailsは一度にすべての画像を処理する仕様のためサーバに負...
WordPress:投稿一覧でアイキャッチ画像を次々登録することができるプラグイン「Easy Fea... WordPressでアイキャッチ画像を指定していく際、普段は各記事の編集ページから設定していくと思いますが、この「Easy Featured Images」というプラグインを使うことでわざわざ編集ページに飛ばなくても投稿一覧の画面のみで次々登録していくことができます。 プラグインを有効化後に投...
記事の目次を自動生成できるWordPressプラグインTable of Contents Plus... Position 目次の表示位置 Show when 見出しの数が何個以上なら目次を表示するか Auto ins… 見出しを表示するページの種類 Heading text 目次のタイトルや表示・非表示のコメント Show hierarchy 階層表示 Number 目次にナ...
WordPress plugin for online booking & availab... WordPress plugin for online booking & availability checking service 入れるだけでホテル、旅館、貸し会議室などで使えるリアルタイム予約管理システムの組み込みが完了するプラグイン。 Downloadはこちら http:...
WordPressを使ってできる革新的な15のこと – まとめ...   ショッピングサイト構築 1. WP e-commerce PaypalやGoogle Checkoutなどの決済にも対応・MP3ファイル用に有料でカスタマイズが可能など、買い物カゴプラグインの代表格。 2. WP Simple Cart 国...
Video Backgrounds for SiteOrigin Page Builder Video Backgrounds for SiteOrigin Page Builder Requires: 3.4 or higher Compatible up to: 4.4.2 Last Updated: 4 months ago Active Installs: 3,000+ ...
投稿、固定ページの新着情報をショートコードで表示するプラグイン... What’s New Generator 特徴 期間を指定してタイトルにNEW!マークを表示させることができます。 新着情報に表示するコンテンツに投稿または固定ページを設定できます。 表示する件数を設定できます。 表示順序は、公開日順・更新日順から選択できます。 カテゴリを指...

コメントを残す