http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Thu, 23 May 2013 14:04:06 +0000 http://themeshaper.com/forums/topic/replace-jquery-on-wp_enqueue_script#post-26687 Fri, 27 Apr 2012 20:25:34 +0000 helgatheviking 26687@http://themeshaper.com/forums/ <p>yes and you should add that to the proper hook</p> <pre><code>function kia_change_jquery(){ wp_deregister_script(&#39;jquery&#39;); wp_register_script( &#39;jquery&#39;, &#39;https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js&#39;, &#39;1.7.2&#39;); } add_action(&#39;wp_enqueue_scripts&#39;,&#39;kia_change_jquery&#39;);</code></pre> http://themeshaper.com/forums/topic/replace-jquery-on-wp_enqueue_script#post-26686 Fri, 27 Apr 2012 19:44:52 +0000 SpacemanSpiff 26686@http://themeshaper.com/forums/ <p>I found the solution, this replaces the default jquery with the jquery hosted on google API.<br /> <pre><code>wp_deregister_script(&#39;jquery&#39;); wp_register_script( &#39;jquery&#39;, &#39;https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js&#39;, &#39;1.7.2&#39;);</code></pre> http://themeshaper.com/forums/topic/replace-jquery-on-wp_enqueue_script#post-26394 Tue, 17 Apr 2012 21:58:55 +0000 helgatheviking 26394@http://themeshaper.com/forums/ <p>this is not a thematic question, but why not upgrade wordpress to 3.3? that uses jquery 1.7ish i think. if not look in the codex for how to deregister a script. </p> http://themeshaper.com/forums/topic/replace-jquery-on-wp_enqueue_script#post-26393 Tue, 17 Apr 2012 21:34:43 +0000 SpacemanSpiff 26393@http://themeshaper.com/forums/ <p>I notice that the wp_enqueue_script('jquery') on function.php is loading the version 1.4.4. This is because i'm using WP 3.1.4 due to the php version on my server.<br /> Is there a way to replace the old version of jquery with a newer one? </p> http://themeshaper.com/forums/topic/how-can-one-implement-a-jquery-slider-without-a-plugin#post-26222 Mon, 09 Apr 2012 13:55:53 +0000 helgatheviking 26222@http://themeshaper.com/forums/ <p>oh... i don't know... you could try reading the forum? seriously, it was the FIRST thread. </p> <p><a href="http://themeshaper.com/forums/topic/slider-images-in-the-header" rel="nofollow">http://themeshaper.com/forums/topic/slider-images-in-the-header</a></p> <p>please try to put a little more effort in to your questions and your research. if you want someone to do it for you, then hire someone. this is a forum to help people learn thematic. </p> <p>btw- there isn't anything wrong with a plugin when a plugin will do. </p> http://themeshaper.com/forums/topic/how-can-one-implement-a-jquery-slider-without-a-plugin#post-26221 Mon, 09 Apr 2012 13:24:33 +0000 Tonie m 26221@http://themeshaper.com/forums/ <p>How can one implement a javascript image slider without using a plugin in Thematic? </p> http://themeshaper.com/forums/topic/wp_enqueue_scriptjsfunction#post-26034 Tue, 20 Mar 2012 20:48:55 +0000 helgatheviking 26034@http://themeshaper.com/forums/ <p>it actually is there now.... months later yes. only ever had 1 image before so there was no rotation. </p> http://themeshaper.com/forums/topic/possible-mods-to-thematic#post-25956 Fri, 16 Mar 2012 20:09:58 +0000 middlesister 25956@http://themeshaper.com/forums/ <p>+1 for filterable div's. Apart from CSS frameworks (like using conditionals to get tailored grid column css classes) it would also make it possible to switch to html5 &lt;header&gt; and &lt;footer&gt; elements. </p> http://themeshaper.com/forums/topic/possible-mods-to-thematic#post-25955 Fri, 16 Mar 2012 17:18:15 +0000 helgatheviking 25955@http://themeshaper.com/forums/ <p>i'd love to see the classes on a lot of items be filterable. lots of layout possibilities would open up.. you could pretty much switch to any CSS layout framework imaginable</p> <pre><code>&lt;div id=&quot;header&quot; class=&quot;&lt;?php echo apply_filters(&#39;thematic_header_class&#39;,&#39;full-width&#39;);?&gt;&quot;&gt;</code></pre> http://themeshaper.com/forums/topic/possible-mods-to-thematic#post-25954 Fri, 16 Mar 2012 17:09:33 +0000 ScottNix 25954@http://themeshaper.com/forums/ <p>Maybe it is just me, but there are things I end up doing on every single Thematic install.</p> <p>What would be a negative to adding a clearfix code/class to Thematic instead of using the overflow trick for float collapse?</p> <p>I end up always applying a <a href="http://nicolasgallagher.com/micro-clearfix-hack/">clearfix</a> to at least the main div (usually because repeating background). This is most easily done by adding a class with jQuery.</p> <pre><code>// add micro clearfix classes jQuery(&quot;#subsidiary, #main&quot;).addClass(&#39;cf&#39;);</code></pre> <pre><code>/* For modern browsers */ .cf:before, .cf:after { content:&quot;&quot;; display:table; } .cf:after { clear:both; } /* For IE 6/7 (trigger hasLayout) */ .cf { zoom:1; }</code></pre> <p>So the jQuery solution works fine... Although, why can you modify the #wrapper, but not the #header or #main. </p> <p>The wrapper is coded</p> <pre><code>if (apply_filters(&#39;thematic_open_wrapper&#39;, true)) { echo (&#39;&lt;div id=&quot;wrapper&quot; class=&quot;hfeed&quot;&gt;&#39; . &quot;\n&quot;); }</code></pre> <p>And is modifiable like so.</p> <pre><code>function childtheme_open_wrapper() { echo &#39;&lt;div class=&quot;wrap shit&quot;&gt;&#39;; } add_filter (&#39;thematic_open_wrapper&#39;, &#39;childtheme_open_wrapper&#39;);</code></pre> <p>Why can't #header/#main and some of the other hard coded divs be the same as the wrapper? I ask because it might be possible that someone might not want or care about divs clearning floats, I can't really think of a reason... </p> http://themeshaper.com/forums/topic/add-slider-only-to-blogs-front-page#post-24996 Fri, 20 Jan 2012 19:29:07 +0000 El_matador 24996@http://themeshaper.com/forums/ <p>oatmeal, I'm new to wordpress and the hole thamtic which I think is awesome. I also wanted to add a slider to a page that I'm doing for Sangamon County Bar Association under angelmedina.co first before I move live. I embedded your code to my functions and it looks great but ...... what's next? how/where do I add the div and CSS to my slider? </p> http://themeshaper.com/forums/topic/jquery-in-thematic-demystified#post-24972 Wed, 18 Jan 2012 18:59:38 +0000 helgatheviking 24972@http://themeshaper.com/forums/ <p>welcome james. and to follow up w/ oakview's post:</p> <p><a href="http://wp.tutsplus.com/tutorials/load-jquery-from-google-cdn-with-local-fallback-for-wordpress/" rel="nofollow">http://wp.tutsplus.com/tutorials/load-jquery-from-google-cdn-with-local-fallback-for-wordpress/</a></p> <p>there is quite a bit of good discussion in the comments too, which suggest that might not be a good solution after all. </p> <p>i think that html5 boilerplate is doing it with a client-side test, which is probably the best... but you have to hard-code the jquery into the header. </p> http://themeshaper.com/forums/topic/jquery-in-thematic-demystified#post-24969 Wed, 18 Jan 2012 18:45:12 +0000 sixfootjames 24969@http://themeshaper.com/forums/ <p>Awesome, thanks Helga! </p> http://themeshaper.com/forums/topic/jquery-slider-above-every-post-title#post-24232 Sun, 11 Dec 2011 21:33:32 +0000 FriedrichS. 24232@http://themeshaper.com/forums/ <p>Hi, thanks for your help. </p> <p>I tried to change this</p> <p><code>add_action(&#39;thematic_content&#39; , &#39;get_the_content_for_the_frikn_slider&#39;);</code></p> <p>to this</p> <p><code>add_action(&#39;thematic_abovepost&#39; , &#39;get_the_content_for_the_frikn_slider&#39;);</code></p> <p>and this</p> <p><code>add_action(&#39;thematic_singlepost&#39; , &#39;get_the_content_for_the_frikn_slider&#39;);</code></p> <p>in all three cases the result is the same. the HTML output looks like this:</p> <pre><code>&lt;div id=&quot;container&quot;&gt; &lt;div id=&quot;content&quot;&gt; &lt;div id=&quot;nav-above&quot; class=&quot;navigation&quot;&gt; &lt;div id=&quot;slides&quot;&gt; &lt;div id=&quot;post-6&quot; class=&quot;post-6 post type-post status-publish format-standard hentry category-allgemein&quot;&gt; &lt;div class=&quot;slides_container&quot; style=&quot;overflow: hidden; position: relative; display: block;&quot;&gt;</code></pre> <p>but the position of the slider is not that important right now. the slilder will not slide. i see the pagination of the slider and the next / prev links - so i guess the jQery-script it doing something but not the desired slidin'. </p> http://themeshaper.com/forums/topic/jquery-slider-above-every-post-title#post-24229 Sun, 11 Dec 2011 19:21:15 +0000 sowingseeds 24229@http://themeshaper.com/forums/ <p>Looks as if you have the wrong hook - try 'thematic_abovepost', 'thematic_content' is not a hook. </p> http://themeshaper.com/forums/topic/jquery-slider-above-every-post-title#post-24228 Sun, 11 Dec 2011 18:08:59 +0000 FriedrichS. 24228@http://themeshaper.com/forums/ <p>Hello friends, </p> <p>i am trying to put a jQuery slider (http://slidesjs.com/examples/simple/) just above every post-title i have on any kind of page. </p> <p>It is a very simple slider. I like it, because of my lack of skill and this one is very easy to understand. </p> <p>this is what logic tells me to do: </p> <p>this is what i added to my <code>functions.php</code> in my thematic-child-theme directory:</p> <pre><code>function get_the_content_for_the_frikn_slider(){ get_template_part(&#39;post&#39;,&#39;slides&#39;); } add_action(&#39;thematic_content&#39; , &#39;get_the_content_for_the_frikn_slider&#39;);</code></pre> <p>with this function i get myself the html-markup to be altered by the slider script. it looks like this:</p> <pre><code>&lt;div id=&quot;slides&quot;&gt; &lt;div class=&quot;slides_container&quot;&gt; [div containing a title and a paragraf] [div containing a title and a paragraf] [div containing a title and a paragraf] &lt;/div&gt; &lt;/div&gt;</code></pre> <p>next: enqueue all the scripts</p> <pre><code>function get_the_frikn_slider() { if (!is_admin()) { wp_enqueue_style(&#39;slider-style&#39;, get_bloginfo(&#39;stylesheet_directory&#39;) . &#39;/js/the_frikn_slider/slidescss.css&#39;, false, &#39;1.3.1&#39;); wp_deregister_script(&#39;jquery&#39;); wp_register_script(&#39;jquery&#39;, &#39;http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js&#39;, false, &#39;1.3.2&#39;, true); wp_enqueue_script(&#39;jquery&#39;); wp_enqueue_script(&#39;my_script&#39;, get_bloginfo(&#39;stylesheet_directory&#39;) . &#39;/js/the_frikn_slider/slides.jquery.js&#39;, array(&#39;jquery&#39;), &#39;1.0&#39;, true); wp_enqueue_script(&#39;my_other_script&#39;, get_bloginfo(&#39;stylesheet_directory&#39;) . &#39;/js/the_frikn_slider/slides.setup.js&#39;, array(&#39;jquery&#39;), &#39;1.0&#39;, true); } } add_action(&#39;init&#39;, &#39;get_the_frikn_slider&#39;);</code></pre> <p>slides.jquery.js: contains the jQuery plugin i mentioned at the beginning.<br /> slides.setup.js: contains the following code:</p> <pre><code>jQuery(function(){ jQuery(&#39;#slides&#39;).slides({ preload: true, generateNextPrev: false }); });</code></pre> <p>slidescss.css: the slider-style</p> <p>The Result is kind of strange: first: The slider will only show above the first post title. Before the second post i see just the contents of <code>post-slides.php</code> (which i got with <code>get_template_part(&#39;post&#39;,&#39;slides&#39;);</code> at the beginning and (more unsettling) second: it does not slide. I see the pagination and the Prev/Next (which are styled correctly by <code>slidescss.css</code>) link but no slidn'.<br /> Ultimately i am trying to use this slider inside of all the post loops (or just the one in single.php for starters) so that things like shot codes an custom field will be available in <code>&lt;div id=&quot;slides&quot;&gt;&lt;div class=&quot;slides_container&quot;&gt;&lt;/div&gt;&lt;/div&gt;</code>.<br /> I guess i am making some kind of embarrassing and obvious mistake. A push in the right direction would be very much appreciated. </p> http://themeshaper.com/forums/topic/wp_enqueue_script-called-incorrectly-wordpress-33-beta#post-23700 Fri, 04 Nov 2011 12:11:56 +0000 middlesister 23700@http://themeshaper.com/forums/ <p>I just realized the OP was using the code in thematic's functions.php and not in a child theme. </p> <p>@caysays: To remove the notice, simply replace <code>wp_enqueue_script(&#39;jquery&#39;);</code> with </p> <pre><code>function thematic_enqueue_scripts() { wp_enqueue_script(&#39;jquery&#39;); } add_action(&#39;wp_enqueue_scripts&#39;, &#39;thematic_enqueue_scripts&#39;);</code></pre> http://themeshaper.com/forums/topic/wp_enqueue_script-called-incorrectly-wordpress-33-beta#post-23687 Thu, 03 Nov 2011 21:48:39 +0000 middlesister 23687@http://themeshaper.com/forums/ <p>Actually, there is no need to enqueue jquery separately. Declaring it as a dependency will make wordpress include it, that is what the parameter is for. If I understand correctly, you could even declare a dependency like <code>array( &#39;jquery&#39;, &#39;jquery-ui-draggable&#39;, &#39;jquery-ui-sortable&#39; )</code> and wordpress will include them before your script. caseysays code looks like it is taken straight from the codex, so it should work without problems.</p> <p>Regarding calling wp_enqueue_script() directly, well you can but it is not recommended. I think they just added the notice in the latest wordpress version to notify theme authors about that. In general, it is a good idea to have <em>all</em> code added to some kind of hook and not run in the main body of the file. This gives you more control over when things are run and in which order, and will avoid conflicts and errors in other cases (such as trying to call custom taxonomies or use conditionals before they are set up).</p> <p>Maybe a bug should be filed for this. </p> http://themeshaper.com/forums/topic/wp_enqueue_script-called-incorrectly-wordpress-33-beta#post-23682 Thu, 03 Nov 2011 16:48:26 +0000 helgatheviking 23682@http://themeshaper.com/forums/ <p>maybe you can't call wp_enqueue_scripts() directly any more</p> <p>i'm surprised that this works b/c your custom-script won't even load w/o jquery (since the array('jquery') means that jquery is a dependency)..</p> <p>btw- you don't need to register and then enqueue.... enqueue will auto-register something that isn't already registered</p> <pre><code>function my_scripts_method() { //enqueue jquery wp_enqueue_script(&#39;jquery&#39;); // enqueue the script wp_enqueue_script(&#39;custom_script&#39;, get_template_directory_uri() . &#39;/js/custom_script.js&#39;, array(&#39;jquery&#39;), &#39;1.0&#39; ); } add_action(&#39;wp_enqueue_scripts&#39;, &#39;my_scripts_method&#39;);</code></pre> http://themeshaper.com/forums/topic/wp_enqueue_script-called-incorrectly-wordpress-33-beta#post-23681 Thu, 03 Nov 2011 10:14:10 +0000 sergiovieira 23681@http://themeshaper.com/forums/ <p>This fixed it for me, thanks! </p> http://themeshaper.com/forums/topic/wp_enqueue_script-called-incorrectly-wordpress-33-beta#post-23672 Wed, 02 Nov 2011 05:33:51 +0000 helgatheviking 23672@http://themeshaper.com/forums/ <p>you removed the script that enqueues jquery? </p> http://themeshaper.com/forums/topic/wp_enqueue_script-called-incorrectly-wordpress-33-beta#post-23670 Wed, 02 Nov 2011 04:51:27 +0000 caseysays 23670@http://themeshaper.com/forums/ <p>Unfamiliar with bbPress forums so forgive me if this has been answered elsewhere; I couldn't find an answer.</p> <p>Fresh install of Thematic on Wordpress 3.3Beta2 gave the following error:</p> <p>"Notice: wp_enqueue_script was called incorrectly. Scripts and styles should not be registered or enqueued until the wp_enqueue_scripts, admin_enqueue_scripts, or init hooks."</p> <p>Following the instructions at <a href="http://codex.wordpress.org/Function_Reference/wp_enqueue_script" rel="nofollow">http://codex.wordpress.org/Function_Reference/wp_enqueue_script</a></p> <p>I replaced "wp_enqueue_script('jquery');" on line 80 of the functions.php with the following:</p> <p>function my_scripts_method() {<br /> // register your script location, dependencies and version<br /> wp_register_script('custom_script',<br /> get_template_directory_uri() . '/js/custom_script.js',<br /> array('jquery'),<br /> '1.0' );<br /> // enqueue the script<br /> wp_enqueue_script('custom_script');<br /> }<br /> add_action('wp_enqueue_scripts', 'my_scripts_method');</p> <p>I'm new to Thematic and I just wanted to confirm with someone that this will work without messing anything up down the road. </p> http://themeshaper.com/forums/topic/using-css-mac-dock-menu-on-thematic#post-22882 Mon, 29 Aug 2011 05:50:57 +0000 Johnetta 22882@http://themeshaper.com/forums/ <p>Jquery javascript is the best. Took my dull marketing, design site and it now looks like the mac OSX operating system. Super flexible.</p> <p>-------------------- </p> <p><a href="http://www.708buy.com/deal/ipad-2-leather-cases">leather ipad 2 case</a> <a href="http://www.708buy.com/deal/ipad-2-case">ipad 2 case</a> <a href="http://www.708buy.com/deal/ipad-2-accessories">ipad 2 accessories</a> </p> http://themeshaper.com/forums/topic/add-slider-only-to-blogs-front-page#post-22702 Mon, 15 Aug 2011 18:11:29 +0000 oatmeal 22702@http://themeshaper.com/forums/ <p>This worked for me at ilovelocalhfx.com/v1:</p> <p><code><br /> function show_slider() {<br /> if (is_front_page()) {<br /> echo "&lt;div id=\"slider\"&gt;";<br /> echo do_shortcode('[smoothslider id=1]');<br /> echo "&lt;/div&gt;";<br /> }<br /> }<br /> add_action('thematic_header','show_slider',10);<br /> </code> </p> http://themeshaper.com/forums/topic/using-css-mac-dock-menu-on-thematic#post-22548 Fri, 05 Aug 2011 20:43:49 +0000 toddskinner 22548@http://themeshaper.com/forums/ <p>Just used this code on my site, works great. Jquery javascript is the best. Took my dull marketing, design site and it now looks like the mac OSX operating system. Super flexible.</p> <p>Here is an example of my site using the code.</p> <p><a href="http://www.visizzle.com">Visizzle - Branding - Marketing</a> </p> http://themeshaper.com/forums/topic/superfish-menu-and-jquery-slider-problem#post-22324 Thu, 14 Jul 2011 12:55:43 +0000 seanhawkridge 22324@http://themeshaper.com/forums/ <p>Hooray - fixed. It was just a CSS issue - gave #main a lower z-index value and it's working fine. </p> http://themeshaper.com/forums/topic/superfish-menu-and-jquery-slider-problem#post-22318 Thu, 14 Jul 2011 08:49:28 +0000 seanhawkridge 22318@http://themeshaper.com/forums/ <p>Hello,</p> <p>I'm building a site which uses a Nivo Slider on the homepage. Somehow the fade function on the slider and the fade function on the Superfish menu are clashing, so the drop downs work in time with the slider... which looks a little odd.</p> <p>The test site is here: <code><a href="www.mighty-oak-creative.com/epic">www.mighty-oak-creative.com/epic</a></code> </p> http://themeshaper.com/forums/topic/another-q-about-adding-custom-scripts#post-21998 Wed, 22 Jun 2011 22:14:50 +0000 maren.m 21998@http://themeshaper.com/forums/ <p>sorry...just found the "jquery in thematic demystified" post... </p> http://themeshaper.com/forums/topic/another-q-about-adding-custom-scripts#post-21996 Wed, 22 Jun 2011 22:12:30 +0000 maren.m 21996@http://themeshaper.com/forums/ <p>Hi!</p> <p>So I'm in the process of trying to add the exciting new lettering.js jquery plugin to WordPress, but I'm having trouble reconciling how the Codex tells me to insert the script with how people seem to be doing it on this forum. This may be because the most recent post is from 2009...</p> <p>Does thematic still not use wp_enque?</p> <p>Here is the "highly recommended" article from the codex I've been looking at:<br /> <a href="http://scribu.net/wordpress/optimal-script-loading.html" rel="nofollow">http://scribu.net/wordpress/optimal-script-loading.html</a></p> <p>Most of it is over my head, but maybe someone can point me in the right direction? </p> http://themeshaper.com/forums/topic/jquery-masonry-basics#post-21413 Sat, 21 May 2011 19:04:34 +0000 amzero427 21413@http://themeshaper.com/forums/ <p>Oh cool! I'll have to play around with Isotope. And thanks for the layouts! I actually did manage to get 1140 working, I don't need any asides yet, so it was pretty easy. But I'll definitely check out the layouts when I have more time...</p> <p>As for masonry, as long as the div container the content is in is fluid, could you set "columnWidth;" in the masonry function to a percentage value? And then 1140 would resize it? I'm only talking images and just guessing, I literally JUST got it all working and I'm a total noob :) </p>