<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	
	>
<channel>
	<title>
	Comments on: WordPress Theme Customizer Javascript Interface	</title>
	<atom:link href="https://www.shibashake.com/wp/wordpress-theme-customizer-javascript-interface/feed" rel="self" type="application/rss+xml" />
	<link>https://shibashake.com/wp/wordpress-theme-customizer-javascript-interface</link>
	<description>Adventures in WordPress</description>
	<lastBuildDate>Wed, 15 Nov 2017 06:55:36 +0000</lastBuildDate>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.9</generator>
	<item>
		<title>
		By: MailOptin Plugin		</title>
		<link>https://shibashake.com/wp/wordpress-theme-customizer-javascript-interface/comment-page-2#comment-928461</link>

		<dc:creator><![CDATA[MailOptin Plugin]]></dc:creator>
		<pubDate>Wed, 15 Nov 2017 06:55:36 +0000</pubDate>
		<guid isPermaLink="false">http://shibashake.com/wordpress-theme/?p=11784#comment-928461</guid>

					<description><![CDATA[Excellent overview of the WordPress JS customizer API.

Learned a ton from this post.]]></description>
			<content:encoded><![CDATA[<p>Excellent overview of the WordPress JS customizer API.</p>
<p>Learned a ton from this post.</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		By: Wilson		</title>
		<link>https://shibashake.com/wp/wordpress-theme-customizer-javascript-interface/comment-page-2#comment-900776</link>

		<dc:creator><![CDATA[Wilson]]></dc:creator>
		<pubDate>Tue, 04 Oct 2016 18:17:49 +0000</pubDate>
		<guid isPermaLink="false">http://shibashake.com/wordpress-theme/?p=11784#comment-900776</guid>

					<description><![CDATA[function mySetColor(cname, newColor) {
    var control = api.control.instance(cname);
        picker = control.container.find(&#039;.color-picker-hex&#039;);
         
    control.setting.set(newColor);
    picker.val( control.setting() ); return;
     
}

You use this script to manually set a color controller to a particular value, how I could use it to set the value of a range controller?

I really appreciate any help you can provide, thanks
Wilson]]></description>
			<content:encoded><![CDATA[<p>function mySetColor(cname, newColor) {<br />
    var control = api.control.instance(cname);<br />
        picker = control.container.find(&#8216;.color-picker-hex&#8217;);</p>
<p>    control.setting.set(newColor);<br />
    picker.val( control.setting() ); return;</p>
<p>}</p>
<p>You use this script to manually set a color controller to a particular value, how I could use it to set the value of a range controller?</p>
<p>I really appreciate any help you can provide, thanks<br />
Wilson</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		By: Customizer API &#8211; trigger refresh manually &#124; Question and Answer		</title>
		<link>https://shibashake.com/wp/wordpress-theme-customizer-javascript-interface/comment-page-2#comment-881105</link>

		<dc:creator><![CDATA[Customizer API &#8211; trigger refresh manually &#124; Question and Answer]]></dc:creator>
		<pubDate>Tue, 19 Apr 2016 09:51:32 +0000</pubDate>
		<guid isPermaLink="false">http://shibashake.com/wordpress-theme/?p=11784#comment-881105</guid>

					<description><![CDATA[[&#8230;] manually from js file? I have tried wp.customize.instance(&#039;some_setting_id&#039;).previewer.refresh() http://shibashake.com/wordpress-theme/wordpress-theme-customizer-javascript-interface but that doesn&#8217;t work in my case. Is there any other way? I know that I can change transport [&#8230;]]]></description>
			<content:encoded><![CDATA[<p>[&#8230;] manually from js file? I have tried wp.customize.instance(&#039;some_setting_id&#039;).previewer.refresh() <a href="http://shibashake.com/wordpress-theme/wordpress-theme-customizer-javascript-interface" rel="nofollow ugc">http://shibashake.com/wordpress-theme/wordpress-theme-customizer-javascript-interface</a> but that doesn&#8217;t work in my case. Is there any other way? I know that I can change transport [&#8230;]</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		By: [ASK] wordpress - Customizer API &#8211; trigger refresh manually &#124; Some Piece of Information		</title>
		<link>https://shibashake.com/wp/wordpress-theme-customizer-javascript-interface/comment-page-2#comment-880130</link>

		<dc:creator><![CDATA[[ASK] wordpress - Customizer API &#8211; trigger refresh manually &#124; Some Piece of Information]]></dc:creator>
		<pubDate>Sat, 02 Apr 2016 05:05:45 +0000</pubDate>
		<guid isPermaLink="false">http://shibashake.com/wordpress-theme/?p=11784#comment-880130</guid>

					<description><![CDATA[[&#8230;] manually from js file? I have tried wp.customize.instance(&#039;some_setting_id&#039;).previewer.refresh() http://shibashake.com/wordpress-theme/wordpress-theme-customizer-javascript-interface but that doesn&#8217;t work in my case. Is there any other way? I know that I can change transport [&#8230;]]]></description>
			<content:encoded><![CDATA[<p>[&#8230;] manually from js file? I have tried wp.customize.instance(&#039;some_setting_id&#039;).previewer.refresh() <a href="http://shibashake.com/wordpress-theme/wordpress-theme-customizer-javascript-interface" rel="nofollow ugc">http://shibashake.com/wordpress-theme/wordpress-theme-customizer-javascript-interface</a> but that doesn&#8217;t work in my case. Is there any other way? I know that I can change transport [&#8230;]</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		By: ShibaShake		</title>
		<link>https://shibashake.com/wp/wordpress-theme-customizer-javascript-interface/comment-page-2#comment-872674</link>

		<dc:creator><![CDATA[ShibaShake]]></dc:creator>
		<pubDate>Sun, 10 Jan 2016 04:50:21 +0000</pubDate>
		<guid isPermaLink="false">http://shibashake.com/wordpress-theme/?p=11784#comment-872674</guid>

					<description><![CDATA[In reply to &lt;a href=&quot;https://shibashake.com/wp/wordpress-theme-customizer-javascript-interface/comment-page-2#comment-872650&quot;&gt;Robin&lt;/a&gt;.

You are very welcome. :)]]></description>
			<content:encoded><![CDATA[<p>In reply to <a href="https://shibashake.com/wp/wordpress-theme-customizer-javascript-interface/comment-page-2#comment-872650">Robin</a>.</p>
<p>You are very welcome. 🙂</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		By: Robin		</title>
		<link>https://shibashake.com/wp/wordpress-theme-customizer-javascript-interface/comment-page-2#comment-872650</link>

		<dc:creator><![CDATA[Robin]]></dc:creator>
		<pubDate>Sat, 09 Jan 2016 22:14:25 +0000</pubDate>
		<guid isPermaLink="false">http://shibashake.com/wordpress-theme/?p=11784#comment-872650</guid>

					<description><![CDATA[I&#039;ve been searching for a few days for how to deal with a setting I&#039;m updating using postMessage which refuses to persist through a refresh. Your post is the first (and only) which I&#039;ve found with the information I needed to make the final connection. Thank you!]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been searching for a few days for how to deal with a setting I&#8217;m updating using postMessage which refuses to persist through a refresh. Your post is the first (and only) which I&#8217;ve found with the information I needed to make the final connection. Thank you!</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		By: Theme Customizer – Conditional Controls &#124; Asking		</title>
		<link>https://shibashake.com/wp/wordpress-theme-customizer-javascript-interface/comment-page-1#comment-853154</link>

		<dc:creator><![CDATA[Theme Customizer – Conditional Controls &#124; Asking]]></dc:creator>
		<pubDate>Sun, 13 Sep 2015 05:40:20 +0000</pubDate>
		<guid isPermaLink="false">http://shibashake.com/wordpress-theme/?p=11784#comment-853154</guid>

					<description><![CDATA[[&#8230;] EDIT: 4.Option: Maybe this is also possible through the WordPress Theme Customizer Javascript Interface as described here: http://shibashake.com/wordpress-theme/wordpress-theme-customizer-javascript-interface [&#8230;]]]></description>
			<content:encoded><![CDATA[<p>[&#8230;] EDIT: 4.Option: Maybe this is also possible through the WordPress Theme Customizer Javascript Interface as described here: <a href="http://shibashake.com/wordpress-theme/wordpress-theme-customizer-javascript-interface" rel="nofollow ugc">http://shibashake.com/wordpress-theme/wordpress-theme-customizer-javascript-interface</a> [&#8230;]</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		By: Thomas		</title>
		<link>https://shibashake.com/wp/wordpress-theme-customizer-javascript-interface/comment-page-1#comment-267978</link>

		<dc:creator><![CDATA[Thomas]]></dc:creator>
		<pubDate>Thu, 11 Sep 2014 12:07:54 +0000</pubDate>
		<guid isPermaLink="false">http://shibashake.com/wordpress-theme/?p=11784#comment-267978</guid>

					<description><![CDATA[Hallo ShibaShake,

I have following line in my custimizer.js:
&lt;code&gt;
( function( $ ) {
	wp.customize( &#039;headerbackgroundcolor&#039;, function( value ) {
		value.bind( function( to ) {
			
                      Need value of &#039;headerbackgroundalpha&#039;
		} );
	} );
.
.
.
&lt;/code&gt;

In my Theme Customizer I have the option to set an alpha-value of the header-background. Is it possible to read out the current value of the setting of &#039;&#039;headerbackgroundalpha&#039;&#039; inside the wp.customize prozedure above?

Thanks a lot]]></description>
			<content:encoded><![CDATA[<p>Hallo ShibaShake,</p>
<p>I have following line in my custimizer.js:<br />
<code><br />
( function( $ ) {<br />
	wp.customize( 'headerbackgroundcolor', function( value ) {<br />
		value.bind( function( to ) {</p>
<p>                      Need value of 'headerbackgroundalpha'<br />
		} );<br />
	} );<br />
.<br />
.<br />
.<br />
</code></p>
<p>In my Theme Customizer I have the option to set an alpha-value of the header-background. Is it possible to read out the current value of the setting of &#8221;headerbackgroundalpha&#8221; inside the wp.customize prozedure above?</p>
<p>Thanks a lot</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		By: Brian		</title>
		<link>https://shibashake.com/wp/wordpress-theme-customizer-javascript-interface/comment-page-1#comment-220543</link>

		<dc:creator><![CDATA[Brian]]></dc:creator>
		<pubDate>Sat, 09 Aug 2014 20:26:49 +0000</pubDate>
		<guid isPermaLink="false">http://shibashake.com/wordpress-theme/?p=11784#comment-220543</guid>

					<description><![CDATA[I&#039;m wondering if it&#039;s possible to extend the `customize-control.js` methods that are made available by default.  I need to hook in there and do some special logic, but it&#039;s wrapped in an immediately invoked function expression

/* globals _wpCustomizeHeader, _wpMediaViewsL10n */
(function( exports, $ ){
  // code
})( wp, jQuery );

So I&#039;m not able to extend the prototype from the window object.  Any idea if such a thing is possible?  There is even mention of overriding this in the .toggle() methods documentation / description: https://github.com/WordPress/WordPress/blob/master/wp-admin/js/customize-controls.js#L110, but I&#039;m not sure if they mean by simply forking the whole JS file, dequeueing the WP version and enqueuing your own or if they mean or something different.]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m wondering if it&#8217;s possible to extend the `customize-control.js` methods that are made available by default.  I need to hook in there and do some special logic, but it&#8217;s wrapped in an immediately invoked function expression</p>
<p>/* globals _wpCustomizeHeader, _wpMediaViewsL10n */<br />
(function( exports, $ ){<br />
  // code<br />
})( wp, jQuery );</p>
<p>So I&#8217;m not able to extend the prototype from the window object.  Any idea if such a thing is possible?  There is even mention of overriding this in the .toggle() methods documentation / description: <a href="https://github.com/WordPress/WordPress/blob/master/wp-admin/js/customize-controls.js#L110" rel="nofollow ugc">https://github.com/WordPress/WordPress/blob/master/wp-admin/js/customize-controls.js#L110</a>, but I&#8217;m not sure if they mean by simply forking the whole JS file, dequeueing the WP version and enqueuing your own or if they mean or something different.</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		By: Theme Customizer – Conditional Controls &#124; Question and Answer		</title>
		<link>https://shibashake.com/wp/wordpress-theme-customizer-javascript-interface/comment-page-1#comment-167036</link>

		<dc:creator><![CDATA[Theme Customizer – Conditional Controls &#124; Question and Answer]]></dc:creator>
		<pubDate>Mon, 23 Jun 2014 06:12:12 +0000</pubDate>
		<guid isPermaLink="false">http://shibashake.com/wordpress-theme/?p=11784#comment-167036</guid>

					<description><![CDATA[[&#8230;] EDIT: 4.Option: Maybe this is also possible through the WordPress Theme Customizer Javascript Interface as described here: http://shibashake.com/wordpress-theme/wordpress-theme-customizer-javascript-interface [&#8230;]]]></description>
			<content:encoded><![CDATA[<p>[&#8230;] EDIT: 4.Option: Maybe this is also possible through the WordPress Theme Customizer Javascript Interface as described here: <a href="http://shibashake.com/wordpress-theme/wordpress-theme-customizer-javascript-interface" rel="nofollow ugc">http://shibashake.com/wordpress-theme/wordpress-theme-customizer-javascript-interface</a> [&#8230;]</p>
]]></content:encoded>
		
			</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/

Page Caching using disk: enhanced 
Content Delivery Network via Amazon Web Services: CloudFront: cdn.shibashake.com
Minified using disk
Database Caching using disk (Request-wide modification query)

Served from: www.shibashake.com @ 2026-07-08 16:48:23 by W3 Total Cache
-->