WpFunc » jquery http://wpfunc.com Awesome, Quick, Simple WordPress Functions! Thu, 01 Dec 2011 01:17:01 +0000 en hourly 1 http://wordpress.org/?v= Include jQuery to your theme http://wpfunc.com/wordpress/include-jquery-to-your-theme.html http://wpfunc.com/wordpress/include-jquery-to-your-theme.html#comments Thu, 08 Oct 2009 17:34:14 +0000 http://www.wpfunc.com/?p=244 Hi again. The jQuery is the most easy javascript framework. You can integrate most of useful javascript commands and code to your site with this framework. Also you can addjQuery to your WordPress theme easily…

Here is the code;

<?php wp_enqueue_script("jquery"); ?>

Add this code to your header.php. Paste this code between <head> and </head> tags.

That’s All! Have a nice day.

]]> http://wpfunc.com/wordpress/include-jquery-to-your-theme.html/feed 1 Use Tabs in Your Blog! http://wpfunc.com/wordpress/use-tabs-in-your-blog.html http://wpfunc.com/wordpress/use-tabs-in-your-blog.html#comments Wed, 30 Sep 2009 18:34:09 +0000 http://www.wpfunc.com/wordpress/use-tabs-in-your-blog.html Some Premium WordPress themes have jQuery tabs in the original. But if you have a non-premium theme you can easily apply this tabs in your theme. You integrate 1 js file and 1 css file in your theme and some code :) Let’s Begin…

Here is the code and files;

Firstly Download this file for the begining. There are 2 css files in this zip archive. Upload these files in yout theme directory and just add these code in your themes header.php above the </head> tag;

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/domtab.js"></script>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/domtab.css" media="screen" />

After that we will make our tabs. Just copey this code and paste it into your sidebar;

<div class="domtab">
<ul class="domtabs">
<li><a href="#t1">Tab 1</a></li>
<li><a href="#t2">Tab 2</a></li>
<li><a href="#t3">Tab 3</a></li>
</ul>
<div>
<a name="t1" id="t1"></a>
<p>Insert contents of the first tab here,
e.g. The code for a plugin.</p>
</div>
<div>
<a name="t2" id="t2"></a>
<p>Insert contents of the second tab here.</p>
</div>
<div>
<a name="t3" id="t3"></a>
<p>Insert contents of the third tab here.</p>
</div>
</div>

You can make changes for your interests. That’s All. Thanks to Blog-oh-Blog for this code.

]]> http://wpfunc.com/wordpress/use-tabs-in-your-blog.html/feed 0