{"id":539,"date":"2023-10-03T06:12:00","date_gmt":"2023-10-03T06:12:00","guid":{"rendered":"https:\/\/themepure.net\/plugins\/puremetafields\/?post_type=docs&#038;p=539"},"modified":"2023-10-03T06:49:16","modified_gmt":"2023-10-03T06:49:16","slug":"colorpicker","status":"publish","type":"docs","link":"https:\/\/themepure.net\/plugins\/puremetafields\/docs\/colorpicker\/","title":{"rendered":"Colorpicker"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"539\" class=\"elementor elementor-539\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e3f0cc7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e3f0cc7\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1b8aba7\" data-id=\"1b8aba7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-adb43ea elementor-widget elementor-widget-image\" data-id=\"adb43ea\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.3 - 28-05-2023 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/themepure.net\/plugins\/puremetafields\/wp-content\/uploads\/2023\/10\/colorpicker.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"colorpicker\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NDA1LCJ1cmwiOiJodHRwczpcL1wvdGhlbWVwdXJlLm5ldFwvcGx1Z2luc1wvcHVyZW1ldGFmaWVsZHNcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjNcLzEwXC9jb2xvcnBpY2tlci5wbmcifQ%3D%3D\">\n\t\t\t\t\t\t\t<img decoding=\"async\" loading=\"lazy\" width=\"363\" height=\"389\" src=\"https:\/\/themepure.net\/plugins\/puremetafields\/wp-content\/uploads\/2023\/10\/colorpicker.png\" class=\"attachment-large size-large wp-image-405\" alt=\"\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dfc665b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dfc665b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8659f3e\" data-id=\"8659f3e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3c9c5ec elementor-widget elementor-widget-heading\" data-id=\"3c9c5ec\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.3 - 28-05-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Template Usage<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e95296 elementor-widget elementor-widget-text-editor\" data-id=\"0e95296\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.3 - 28-05-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>You have to specify the <strong>type<\/strong> as <code>colorpicker<\/code>\u00a0inside the <strong>array<\/strong> key called type.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eced1fb elementor-widget elementor-widget-text-editor\" data-id=\"eced1fb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<pre><code>&lt;?php\narray(  \n    'label'     =&gt; esc_html__( 'Your Title', 'textdomain' ),\n    'id'        =&gt; \"_your_id\",\n    'type'      =&gt; 'colorpicker', \/\/ specify the type field\n    'default'   =&gt; '',\n    'conditional' =&gt; array()\n)\n?&gt;<\/code><\/pre>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7b31fc6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7b31fc6\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ce20e22\" data-id=\"ce20e22\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1e19915 elementor-widget elementor-widget-heading\" data-id=\"1e19915\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to fetch the data?<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e6302e6 elementor-widget elementor-widget-text-editor\" data-id=\"e6302e6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Use our function called <code>tpmeta_field<\/code><code>('_your_id_key')<\/code><strong>\u00a0<\/strong>and pass the above array id key to fetch the metadata. Since the function <code>tpmeta_field<\/code><code>('_your_id_key')<\/code><strong>\u00a0<\/strong>will return the value so you have to <strong>echo<\/strong> the value.\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e3ce3a elementor-widget elementor-widget-text-editor\" data-id=\"2e3ce3a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<pre><code>&lt;?php\n$value = function_exists('tpmeta_field')? tpmeta_field('_your_id_key') : '';<br \/>echo esc_html($value);\n?&gt;<\/code><\/pre>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Template Usage You have to specify the type as colorpicker\u00a0inside the array key called type. &lt;?php array( &#8216;label&#8217; =&gt; esc_html__( &#8216;Your Title&#8217;, &#8216;textdomain&#8217; ), &#8216;id&#8217; =&gt; &#8220;_your_id&#8221;, &#8216;type&#8217; =&gt; &#8216;colorpicker&#8217;, \/\/ specify the type field &#8216;default&#8217; =&gt; &#8221;, &#8216;conditional&#8217; =&gt; array() ) ?&gt; How to fetch the data? Use our function called tpmeta_field(&#8216;_your_id_key&#8217;)\u00a0and pass the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":[],"doc_category":[8],"doc_tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/themepure.net\/plugins\/puremetafields\/wp-json\/wp\/v2\/docs\/539"}],"collection":[{"href":"https:\/\/themepure.net\/plugins\/puremetafields\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/themepure.net\/plugins\/puremetafields\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/themepure.net\/plugins\/puremetafields\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themepure.net\/plugins\/puremetafields\/wp-json\/wp\/v2\/comments?post=539"}],"version-history":[{"count":4,"href":"https:\/\/themepure.net\/plugins\/puremetafields\/wp-json\/wp\/v2\/docs\/539\/revisions"}],"predecessor-version":[{"id":584,"href":"https:\/\/themepure.net\/plugins\/puremetafields\/wp-json\/wp\/v2\/docs\/539\/revisions\/584"}],"wp:attachment":[{"href":"https:\/\/themepure.net\/plugins\/puremetafields\/wp-json\/wp\/v2\/media?parent=539"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/themepure.net\/plugins\/puremetafields\/wp-json\/wp\/v2\/doc_category?post=539"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/themepure.net\/plugins\/puremetafields\/wp-json\/wp\/v2\/doc_tag?post=539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}