showi

<p>This plugin collect data attached to post/article via <strong>custom field</strong> and make<br />
chart of it.<br />
This plugin use <strong>Chart.js</strong> for chart drawing <a href="http://www.chartjs.org/" rel="nofollow ugc">ChartJs</a></p>
<p>Data are collected by looking for specific <em>custom field</em> attached to your<br />
post/page. You can change aggregation method, intervall…</p>
<p>See <a href="https://wordpress.org/plugins/wp-custom-field-chart/other_notes/" rel="ugc">usage</a></p>
<h3>Usage</h3>
<p>Edit your post/page in text mode and put some Javascript and a WordPress tag</p>
<h4>Minimum</h4>
<pre><code><script>
var mydata = { datasets: [{}]};
</script>
[custom_field_chart fields="humidity" js_data="mydata"]
</code></pre>
<p>For each field you need to put empty {} into datasets.</p>
<p>For two fields:</p>
<pre><code><script>
var mydata = {datasets: [{},{}]}
</script>
[custom_field_chart fields="humidity,temperature" js_data="mydata"]
</code></pre>
<p>But it’s pretty useless to put more than one field without different colors 🙂</p>
<h4>More</h4>
<pre><code><script>
var mydata = {
    datasets: [
        {
            label: "Humidity",
            fillColor: "rgba(255,73,0,1)",
            strokeColor: "rgba(255,73,0,1)",
            pointColor: "rgba(255,73,0,1)",
            pointStrokeColor: "#fff",
            pointHighlightFill: "#fff",
            pointHighlightStroke: "rgba(220,220,220,1)",
        },
        {
            label: "Temperature",
            fillColor: "rgba(255,73,0,1)",
            strokeColor: "rgba(255,73,0,1)",
            pointColor: "rgba(255,73,0,1)",
            pointStrokeColor: "#fff",
            pointHighlightFill: "#fff",
            pointHighlightStroke: "rgba(220,220,220,1)",
        },
    ]
};

var myopts = {
    pointDotRadius: 1,
    bezierCurveTension: 0.2,
    barStrokeWidth : 2,
    barValueSpacing : 2,
    barDatasetSpacing : 0,
};

// Optional...
jQuery(window).load(function() {
    Chart.defaults.global.responsive = true;
    Chart.defaults.global.animationEasing = "easeOutBounce";
    Chart.defaults.global.onAnimationComplete = function(){
        alert('Hello');
    }
});
// End optional
</script>

[custom_field_chart width="1000" height="300"
  kind="line" method="track" interval="day" interval_count="31" 
  fields="humidity,temperature" js_data="mydata" js_options="myopts"]
</code></pre>
<h4>Notes</h4>
<ol>
<li>js_data and js_options must reflect name given to your javascript variable.</li>
<li>Look at http://chartjs.org/ for documentation</li>
<li>You don’t need to supply labels and data (like in chartjs.org example) 🙂</li>
</ol>
<h3>Tag attributes</h3>
<p>= Required =<br />
1. <em>fields</em>: Custom field separate by comma<br />
1. <em>js_data</em>: Name of javascript variable holding chart datasets</p>
<h4>Optional</h4>
<ol>
<li><em>width</em>: Chart width (default: 400)</li>
<li><em>height</em>: Chart Height (default: 200)</li>
<li><em>method</em>: Aggregate method track, delta or cumulative (defaul: track)</li>
<li><em>interval</em>: year, month, day (default: day)</li>
<li><em>interval_count</em>: How many year, mont or day (default: 31)</li>
<li><em>js_options</em>: Name of javascript variable holding chart options</li>
<li><em>kind</em>: Chart type line or bar (default: line)</li>
<li><em>to_date</em>: Current date by default, post date if ‘post’ specified else value supplied </li>
<li><em>dump</em>: Dumping attributes for debug (default: False)</li>
<li><em>round</em>: Rounding data with specified precision</li>
</ol>
<h3>Note</h3>
<p>Beta software… Interface may change.</p>


Wp Custom Field Chart

Make chart from custom field attached to your post/page using Chart.js javascript library.

Toro_Unit (Hiroshi Urabe)

Okamoto Hidetaka

Takashi Kitajima

Mayo Moriyama

Hidekazu Ishikawa

Justin Fletcher

sysbird

まーちゅう

Kengyu Nakamura

けい (Kei Nomura)

hanamura

Toshihiro Kanai

Toshimichi Mimoto

yousan

fuyuan9

designhehe

Robssanches

Hisako Isaka

<p>Smart Custom Fields is a simple plugin for managing custom fields.</p>
<h4>Features</h4>
<ul>
<li>Field group loop support.</li>
<li>Meta data revision support.</li>
<li>Meta data preview support.</li>
</ul>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/WxPZurn0yvI?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h4>Field Types</h4>
<ul>
<li>Text</li>
<li>Textarea</li>
<li>Radio</li>
<li>Select</li>
<li>Checkbox</li>
<li>WYSIWYG editor</li>
<li>Image</li>
<li>File</li>
<li>Related Posts</li>
<li>Related Terms</li>
<li>Color picker</li>
<li>Date picker</li>
<li>Datetime picker</li>
<li>Boolean</li>
<li>Message</li>
</ul>
<h4>How to get meta data ?</h4>
<p>**The return value of each of the following methods is not sanitized. Please sanitize them if necessary. **</p>
<p>https://developer.wordpress.org/apis/security/escaping/</p>
<p><strong>Post meta data</strong></p>
<p>This method can get any meta data.</p>
<pre><code>SCF::get( 'field-name' )
</code></pre>
<p>This method can get meta data of any group.</p>
<pre><code>SCF::get( 'group-name' )
</code></pre>
<p>This method can get all meta data.</p>
<pre><code>SCF::gets()
</code></pre>
<p><strong>User meta data</strong></p>
<p>This method can get any user meta data.</p>
<pre><code>SCF::get_user_meta( $user_id, 'field-name' )
</code></pre>
<p>This method can get user meta data of any group.</p>
<pre><code>SCF::get_user_meta( $user_id, 'group-name' )
</code></pre>
<p>This method can get all user meta data.</p>
<pre><code>SCF::get_user_meta( $user_id )
</code></pre>
<p><strong>Term meta data</strong></p>
<p>This method can get any term meta data.</p>
<pre><code>SCF::get_term_meta( $term_id, $taxonomy 'field-name' )
</code></pre>
<p>This method can get term meta data of any group.</p>
<pre><code>SCF::get_term_meta( $term_id, $taxonomy, 'group-name' )
</code></pre>
<p>This method can get all term meta data.</p>
<pre><code>SCF::get_term_meta( $term_id, $taxonomy )
</code></pre>
<p><strong>Custom options page meta data</strong></p>
<p>This method can get any custom options page meta data.</p>
<pre><code>SCF::get_option_meta( $menu_slug, 'field-name' )
</code></pre>
<p>This method can get custom options page meta data of any group.</p>
<pre><code>SCF::get_option_meta( $menu_slug, 'group-name' )
</code></pre>
<p>This method can get all custom options page meta data.</p>
<pre><code>SCF::get_option_meta( $menu_slug )
</code></pre>
<h4>Create custom options page</h4>
<pre><code>SCF::add_options_page( $page_title, $menu_title, $capability, $menu_slug, $icon_url = '', $position = null );
</code></pre>
<h4>Register custom fields by the code.</h4>
<p><style>.gist table { margin-bottom: 0; }</style>
<div style="tab-size: 8" id="gist19764654" class="gist">
<div class="gist-file" translate="no" data-color-mode="light" data-light-theme="light">
<div class="gist-data">
<div class="js-gist-file-update-container js-task-list-container">
<div id="file-gistfile1-php" class="file my-2">
<div itemprop="text"
      class="Box-body p-0 blob-wrapper data type-php  "
      style="overflow: auto" tabindex="0" role="region"
      aria-label="gistfile1.php content, created by inc2734 on 04:18PM on February 25, 2015."
    ></p>
<div class="js-check-hidden-unicode js-blob-code-container blob-code-content">
<p>  <template class="js-file-alert-template"></p>
<div data-view-component="true" class="flash flash-warn flash-full d-flex flex-items-center">
  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert">
    <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path>
</svg><br />
    <span><br />
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.<br />
      <a class="Link--inTextBlock" href="https://github.co/hiddenchars" target="_blank" rel="nofollow ugc">Learn more about bidirectional Unicode characters</a><br />
    </span></p>
<div data-view-component="true" class="flash-action">        <a href="{{ revealButtonHref }}" data-view-component="true" class="btn-sm btn" rel="nofollow ugc">    Show hidden characters<br />
</a>
</div>
</div>
<p></template><br />
<template class="js-line-alert-template"><br />
  <span aria-label="This line has hidden Unicode characters" data-view-component="true" class="line-alert tooltipped tooltipped-e"><br />
    <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert">
    <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path>
</svg><br />
</span></template></p>
<table data-hpc class="highlight tab-size js-file-line-container" data-tab-size="4" data-paste-markdown-skip data-tagsearch-path="gistfile1.php">
<tr>
<td id="file-gistfile1-php-L1" class="blob-num js-line-number js-blob-rnum" data-line-number="1"></td>
<td id="file-gistfile1-php-LC1" class="blob-code blob-code-inner js-file-line"><?php</td>
</tr>
<tr>
<td id="file-gistfile1-php-L2" class="blob-num js-line-number js-blob-rnum" data-line-number="2"></td>
<td id="file-gistfile1-php-LC2" class="blob-code blob-code-inner js-file-line">/**</td>
</tr>
<tr>
<td id="file-gistfile1-php-L3" class="blob-num js-line-number js-blob-rnum" data-line-number="3"></td>
<td id="file-gistfile1-php-LC3" class="blob-code blob-code-inner js-file-line"> * カスタムフィールドを定義</td>
</tr>
<tr>
<td id="file-gistfile1-php-L4" class="blob-num js-line-number js-blob-rnum" data-line-number="4"></td>
<td id="file-gistfile1-php-LC4" class="blob-code blob-code-inner js-file-line"> * </td>
</tr>
<tr>
<td id="file-gistfile1-php-L5" class="blob-num js-line-number js-blob-rnum" data-line-number="5"></td>
<td id="file-gistfile1-php-LC5" class="blob-code blob-code-inner js-file-line"> * @param array  $settings  Smart_Custom_Fields_Setting オブジェクトの配列</td>
</tr>
<tr>
<td id="file-gistfile1-php-L6" class="blob-num js-line-number js-blob-rnum" data-line-number="6"></td>
<td id="file-gistfile1-php-LC6" class="blob-code blob-code-inner js-file-line"> * @param string $type      投稿タイプ or ロール</td>
</tr>
<tr>
<td id="file-gistfile1-php-L7" class="blob-num js-line-number js-blob-rnum" data-line-number="7"></td>
<td id="file-gistfile1-php-LC7" class="blob-code blob-code-inner js-file-line"> * @param int    $id        投稿ID or ユーザーID</td>
</tr>
<tr>
<td id="file-gistfile1-php-L8" class="blob-num js-line-number js-blob-rnum" data-line-number="8"></td>
<td id="file-gistfile1-php-LC8" class="blob-code blob-code-inner js-file-line"> * @param string $meta_type post | user</td>
</tr>
<tr>
<td id="file-gistfile1-php-L9" class="blob-num js-line-number js-blob-rnum" data-line-number="9"></td>
<td id="file-gistfile1-php-LC9" class="blob-code blob-code-inner js-file-line"> * @return array</td>
</tr>
<tr>
<td id="file-gistfile1-php-L10" class="blob-num js-line-number js-blob-rnum" data-line-number="10"></td>
<td id="file-gistfile1-php-LC10" class="blob-code blob-code-inner js-file-line"> */</td>
</tr>
<tr>
<td id="file-gistfile1-php-L11" class="blob-num js-line-number js-blob-rnum" data-line-number="11"></td>
<td id="file-gistfile1-php-LC11" class="blob-code blob-code-inner js-file-line">function my_register_fields( $settings, $type, $id, $meta_type ) {</td>
</tr>
<tr>
<td id="file-gistfile1-php-L12" class="blob-num js-line-number js-blob-rnum" data-line-number="12"></td>
<td id="file-gistfile1-php-LC12" class="blob-code blob-code-inner js-file-line">	</td>
</tr>
<tr>
<td id="file-gistfile1-php-L13" class="blob-num js-line-number js-blob-rnum" data-line-number="13"></td>
<td id="file-gistfile1-php-LC13" class="blob-code blob-code-inner js-file-line">	// SCF::add_setting( 'ユニークなID', 'メタボックスのタイトル' );</td>
</tr>
<tr>
<td id="file-gistfile1-php-L14" class="blob-num js-line-number js-blob-rnum" data-line-number="14"></td>
<td id="file-gistfile1-php-LC14" class="blob-code blob-code-inner js-file-line">	$Setting = SCF::add_setting( 'id-1', 'functions.php から追加 その1' );</td>
</tr>
<tr>
<td id="file-gistfile1-php-L15" class="blob-num js-line-number js-blob-rnum" data-line-number="15"></td>
<td id="file-gistfile1-php-LC15" class="blob-code blob-code-inner js-file-line">	</td>
</tr>
<tr>
<td id="file-gistfile1-php-L16" class="blob-num js-line-number js-blob-rnum" data-line-number="16"></td>
<td id="file-gistfile1-php-LC16" class="blob-code blob-code-inner js-file-line">	// $Setting->add_group( 'ユニークなID', 繰り返し可能か, カスタムフィールドの配列 );</td>
</tr>
<tr>
<td id="file-gistfile1-php-L17" class="blob-num js-line-number js-blob-rnum" data-line-number="17"></td>
<td id="file-gistfile1-php-LC17" class="blob-code blob-code-inner js-file-line">	$Setting->add_group( 'group-name-1', false, array(</td>
</tr>
<tr>
<td id="file-gistfile1-php-L18" class="blob-num js-line-number js-blob-rnum" data-line-number="18"></td>
<td id="file-gistfile1-php-LC18" class="blob-code blob-code-inner js-file-line">		array(</td>
</tr>
<tr>
<td id="file-gistfile1-php-L19" class="blob-num js-line-number js-blob-rnum" data-line-number="19"></td>
<td id="file-gistfile1-php-LC19" class="blob-code blob-code-inner js-file-line">			'name'  => 'field-1',</td>
</tr>
<tr>
<td id="file-gistfile1-php-L20" class="blob-num js-line-number js-blob-rnum" data-line-number="20"></td>
<td id="file-gistfile1-php-LC20" class="blob-code blob-code-inner js-file-line">			'label' => 'テストフィールド',</td>
</tr>
<tr>
<td id="file-gistfile1-php-L21" class="blob-num js-line-number js-blob-rnum" data-line-number="21"></td>
<td id="file-gistfile1-php-LC21" class="blob-code blob-code-inner js-file-line">			'type'  => 'text',</td>
</tr>
<tr>
<td id="file-gistfile1-php-L22" class="blob-num js-line-number js-blob-rnum" data-line-number="22"></td>
<td id="file-gistfile1-php-LC22" class="blob-code blob-code-inner js-file-line">		),</td>
</tr>
<tr>
<td id="file-gistfile1-php-L23" class="blob-num js-line-number js-blob-rnum" data-line-number="23"></td>
<td id="file-gistfile1-php-LC23" class="blob-code blob-code-inner js-file-line">		array(</td>
</tr>
<tr>
<td id="file-gistfile1-php-L24" class="blob-num js-line-number js-blob-rnum" data-line-number="24"></td>
<td id="file-gistfile1-php-LC24" class="blob-code blob-code-inner js-file-line">			'name'    => 'field-2',</td>
</tr>
<tr>
<td id="file-gistfile1-php-L25" class="blob-num js-line-number js-blob-rnum" data-line-number="25"></td>
<td id="file-gistfile1-php-LC25" class="blob-code blob-code-inner js-file-line">			'label'   => 'テストフィール2',</td>
</tr>
<tr>
<td id="file-gistfile1-php-L26" class="blob-num js-line-number js-blob-rnum" data-line-number="26"></td>
<td id="file-gistfile1-php-LC26" class="blob-code blob-code-inner js-file-line">			'type'    => 'text',</td>
</tr>
<tr>
<td id="file-gistfile1-php-L27" class="blob-num js-line-number js-blob-rnum" data-line-number="27"></td>
<td id="file-gistfile1-php-LC27" class="blob-code blob-code-inner js-file-line">			'default' => 2,</td>
</tr>
<tr>
<td id="file-gistfile1-php-L28" class="blob-num js-line-number js-blob-rnum" data-line-number="28"></td>
<td id="file-gistfile1-php-LC28" class="blob-code blob-code-inner js-file-line">		),</td>
</tr>
<tr>
<td id="file-gistfile1-php-L29" class="blob-num js-line-number js-blob-rnum" data-line-number="29"></td>
<td id="file-gistfile1-php-LC29" class="blob-code blob-code-inner js-file-line">	) );</td>
</tr>
<tr>
<td id="file-gistfile1-php-L30" class="blob-num js-line-number js-blob-rnum" data-line-number="30"></td>
<td id="file-gistfile1-php-LC30" class="blob-code blob-code-inner js-file-line">	</td>
</tr>
<tr>
<td id="file-gistfile1-php-L31" class="blob-num js-line-number js-blob-rnum" data-line-number="31"></td>
<td id="file-gistfile1-php-LC31" class="blob-code blob-code-inner js-file-line">	$settings[] = $Setting;</td>
</tr>
<tr>
<td id="file-gistfile1-php-L32" class="blob-num js-line-number js-blob-rnum" data-line-number="32"></td>
<td id="file-gistfile1-php-LC32" class="blob-code blob-code-inner js-file-line">	return $settings;</td>
</tr>
<tr>
<td id="file-gistfile1-php-L33" class="blob-num js-line-number js-blob-rnum" data-line-number="33"></td>
<td id="file-gistfile1-php-LC33" class="blob-code blob-code-inner js-file-line">}</td>
</tr>
<tr>
<td id="file-gistfile1-php-L34" class="blob-num js-line-number js-blob-rnum" data-line-number="34"></td>
<td id="file-gistfile1-php-LC34" class="blob-code blob-code-inner js-file-line">add_filter( 'smart-cf-register-fields', 'my_register_fields', 10, 4 );</td>
</tr>
</table>
</div></div>
</p></div>
</div></div>
<div class="gist-meta">
        <a href="https://gist.github.com/inc2734/9f6d65c7473d060d0fd6/raw/10bdf9bf49f4b3a67ae89b8f7c6123f45438589a/gistfile1.php" style="float:right" class="Link--inTextBlock" rel="nofollow ugc">view raw</a><br />
        <a href="https://gist.github.com/inc2734/9f6d65c7473d060d0fd6#file-gistfile1-php" class="Link--inTextBlock" rel="nofollow ugc"><br />
          gistfile1.php<br />
        </a><br />
        hosted with ❤ by <a class="Link--inTextBlock" href="https://github.com" rel="nofollow ugc">GitHub</a>
      </div>
</p></div>
</div>
<h4>GitHub</h4>
<p>https://github.com/inc2734/smart-custom-fields/</p>
<h4>Translators</h4>
<ul>
<li>Japanese(ja) – <a href="https://profiles.wordpress.org/tai/" rel="nofollow ugc">JOTAKI Taisuke</a></li>
</ul>
<p>You can translate this plugin into your language by using <a href="https://translate.wordpress.org/projects/wp-plugins/smart-custom-fields" rel="nofollow ugc">GlotPress</a>.</p>


Smart Custom Fields

GUIでカスタムフィールドを管理するプラグインとして必要な機能を満たし、かつ軽いです。また、他のプラグインでは有料オプションであるサイクリックにフィールドを増やす機能がデフォルトでついていて助かります。

Wp Custom Field Chart vs Smart Custom Fields