http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Sat, 04 Feb 2012 04:09:07 +0000 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> http://themeshaper.com/forums/topic/jquery-masonry-basics#post-21412 Sat, 21 May 2011 17:46:16 +0000 helgatheviking 21412@http://themeshaper.com/forums/ <p>i started converting a couple of thematic layouts to 1140</p> <p><a href="https://github.com/helgatheviking/Thematic-Adaptive" rel="nofollow">https://github.com/helgatheviking/Thematic-Adaptive</a></p> <p>i haven't figured out how to get masonry to resize, but i've been told that Isotope does. <a href="http://isotope.metafizzy.co/" rel="nofollow">http://isotope.metafizzy.co/</a> </p> http://themeshaper.com/forums/topic/jquery-masonry-basics#post-21411 Sat, 21 May 2011 17:38:26 +0000 amzero427 21411@http://themeshaper.com/forums/ <p>Got it working! I started from scratch -again- and the above worked out for whatever reason. I think I was missing something simple before. Now if I can only get the fluid layout and <a href="http://cssgrid.net/" rel="nofollow">http://cssgrid.net/</a> working... </p> http://themeshaper.com/forums/topic/jquery-masonry-basics#post-21407 Sat, 21 May 2011 11:52:29 +0000 amzero427 21407@http://themeshaper.com/forums/ <p>Thanks Helga, I've changed it since then, now it's:</p> <pre><code>//Masonry jQuery(window).load(function(){ jQuery(&#39;#boxes&#39;).masonry({ singleMode: true, itemSelector: &#39;.box&#39; }); });</code></pre> <p>And the CSS for it is in my default.css and looks like:</p> <pre><code>/**** Masonry CSS ****/ .wrap { background: #FFF; border: 0px solid #456; padding: 10px; margin-bottom: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .wrap:after { content: &quot;.&quot;; display: block; height: 0; clear: both; visibility: hidden; } .box { margin: 5px; padding: 5px; background: #D8D5D2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 11px; float: left; }</code></pre> <p>It looks like it's almost working, but it won't A) rearrange and B) the grid is weird-it's like it's still sorting it horizontally? It's like the images aren't being pushed up underneath each other, I'll take a screenshot when I get a chance. Any thoughts on the css for it?</p> <p>I'm pretty new to all this, thanks for helping! </p> http://themeshaper.com/forums/topic/jquery-masonry-basics#post-21405 Sat, 21 May 2011 05:03:43 +0000 helgatheviking 21405@http://themeshaper.com/forums/ <p>don't you have to wrap it in a ready container?</p> <pre><code>jQuery(document).ready(function($){ $(&#39;ul.xoxo&#39;).masonry({ singleMode: true, itemSelector: &#39;.widgetcontainer&#39; }); });</code></pre> <p>i have masonry working at<br /> <a href="http://www.chicagointerhandball.com/" rel="nofollow">http://www.chicagointerhandball.com/</a> </p> http://themeshaper.com/forums/topic/jquery-masonry-basics#post-21399 Fri, 20 May 2011 13:30:16 +0000 amzero427 21399@http://themeshaper.com/forums/ <p>OK. Paths are fixed, everything seems OK, except still not getting any masonry action. I think it's a problem with the css styling? Or the masonry options? It basically looks like it's starting to stack the images, but they don't look like they're aligning correctly... </p> http://themeshaper.com/forums/topic/jquery-masonry-basics#post-21397 Thu, 19 May 2011 20:15:54 +0000 amzero427 21397@http://themeshaper.com/forums/ <p>Nevermind. Path got screwed up. </p> http://themeshaper.com/forums/topic/jquery-masonry-basics#post-21384 Thu, 19 May 2011 15:35:19 +0000 amzero427 21384@http://themeshaper.com/forums/ <p>I know this was covered 8 months ago, but I'm still struggling...</p> <p>I've installed the proper script in my functions.php to call /js/jquery.masonry.min.js , and it appears to be working- when I view the source, it's up there in the head, as well as the wp included and up to date version of jquery (1.4.4). After the script to call /js/jquery.masonry.min.js , I have:</p> <pre><code>function my_script() {?&gt; &lt;script&gt; jQuery(&#39;#primary&#39;).masonry({ columnWidth: 100, itemSelector: &#39;.hentry&#39; }); &lt;/script&gt; &lt;?php } add_action(&#39;wp_head&#39;, &#39;my_script&#39;);</code></pre> <p>So the whole thing looks like:</p> <pre><code>function add_stuff() { wp_enqueue_script(&#39;jquery&#39;, (&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js&lt;/a&gt;&quot;), false, &#39;1.4.4&#39;); wp_enqueue_script(&#39;masonry&#39;,get_bloginfo(&#39;stylesheet_directory&#39;) . &#39;/scripts/masonry.js&#39;); } add_action(&#39;init&#39;,&#39;add_stuff&#39;); function my_script() {?&gt; &lt;script&gt; jQuery(&#39;#primary&#39;).masonry({ columnWidth: 100, itemSelector: &#39;.hentry&#39; }); &lt;/script&gt; &lt;?php } add_action(&#39;wp_head&#39;, &#39;my_script&#39;);</code></pre> <p>My biggest question is what to do now? I would like to be able to post small and medium sized images in a masoned grid, of varied sizes/widths, on certain pages and posts, and I would like them to be animated. Do I add some css styling to my child themes style.css? Do I throw in some extra div tags in the posts/pages with the images? How should I insert the images in their posts/pages? </p> <p>I've tried a bunch of different things, read the previous forum posts, and given up and started from scratch numerous times. Please help a noob. </p> http://themeshaper.com/forums/topic/wp_enqueue_scriptjsfunction#post-21285 Fri, 13 May 2011 03:44:32 +0000 lastraw 21285@http://themeshaper.com/forums/ <p>HTV I'm not seeing any Nivo action on <a href="http://www.chicagointerhandball.com," rel="nofollow">http://www.chicagointerhandball.com,</a> I'm assuming in the header?</p> <p>Easy Nivo Slider plugin ideally would make a custom sized slider from photos attached to the post or page, but I'm unable to change the type in customizations (started a new post on that one)</p> <p>ScottNix counting on you slogging through shortcodes! </p> http://themeshaper.com/forums/topic/using-featured-image-dynamically-in-css#post-21234 Wed, 11 May 2011 20:04:14 +0000 dados 21234@http://themeshaper.com/forums/ <p>I need now something like this, actually same thing :) <a href="http://heirloomcouture.com/press.html" rel="nofollow">http://heirloomcouture.com/press.html</a> see the gallery on right, when you hover with mouse over thumbs you get image big in right frame.. </p> http://themeshaper.com/forums/topic/wp_enqueue_scriptjsfunction#post-21232 Wed, 11 May 2011 19:04:16 +0000 helgatheviking 21232@http://themeshaper.com/forums/ <p>but, but, but... shortcodes are fun! ;) paul has some great tuts at his site. </p>