• View Demo
• Download Source
• Plugin Homepage

The Screencast

The Final Plugin

(function($) {
 
$.fn.jwAnnounce = function(options) {
 
	var options = $.extend({
		className : 'notice',
		text : null,
		siteWidth : null }, options);
 
	return this.each(function() {
		$(this).prepend('<div class="' + options.className + '" />');
 
		var $announceDiv = $('.' + options.className);
 
		$announceDiv
			.append('<div>' + options.text + '</div>')
			.children('div:last')
				.css({
					'width' : options.siteWidth,
					'margin' : 'auto'
				})
			.end()
			.prepend('<span class="close">X</span>')
			.children('.close')
				.css({
					'position' : 'absolute',
					'cursor' : 'pointer',
					'display' : 'none'
				})
			.end()
 
			.hover(function() {
				// over
				$(this)
					.children('.close')
					.show()
					.click(function() {
						$announceDiv.slideUp(250, function() {
							$(this).remove();
						});
					})
			}, function() {
				$('.close').hide();
			});
	}); // end each
 
}
 
})(jQuery);

In only a few steps, I’ll show you exactly how to implement this plugin into your own project.

Screencast Version

Written Version

Step 1: Install the Plugin

We begin by accessing the control panel of our WordPress installation. Next, within the sidebar, we choose “Add New”, under the “Plugins” widget.

Once the page loads, search for “Envato Marketplace Items.”

Look far to the right, and click “Install.” A modal box will pop up where you can then officially install the plugin. Once the installation has completed, simply click “Activate!”

Step 2: The Settings

The next step is to choose your settings. Don’t worry, it’s simple. Refer back to the sidebar of your control panel, scroll to the bottom, and under “Settings,” choose “Envato Marketplace.”

Most of the options are self-explanatory. You have the ability to choose your marketplace, select which kinds of files to display, and the text for the heading of your widget. An additional nifty little feature is the ability to append your referral id to the end of every link. This means that you’ll receive 30% from your referred user’s first deposit! Please refer here for more details.

When choosing which files to display on your blog, you have three options:

1. Files According to User
2. Files by Category
3. Popular Files

If working with one of the first two options listed above, you’ll need to fill out the following textbox, “API Set Parameter.” The value within this box should reflect your desired outcome. For example, if I wanted to display only WordPress templates, I would type “wordpress.” Alternatively, if I only wanted to display my personal items, I would simply type in my username.

Step 3: Add the Code Snippet

The final step is to place the provided code snippet (available in the “Envato Marketplace” settings page) anywhere within our project:

<?php if (function_exists('envato_marketplace_items')) { envato_marketplace_items(); } ?>

Most likely, you’ll choose to place this snippet somewhere within your sidebar, as I have.

Once you’ve added this snippet, save it, and upload the revised file to your server! That’s all! It’s as easy as that.

Questions?

As always, if you have any questions, feel free to leave a comment and we’ll try help you as soon as possible!

Please note that this tutorial assumes that you’re using WordPress 2.8 or newer. If you happen to be using an older installation, you’ll need to manually download the files, and then upload them to the “Plugins” folder of your WordPress installation.

Day 18: Creating an AJAX Contact Form

Resources you May Enjoy…

• jquery.post function
• PHP – filter_var()
• WP Codex- wp_enqueue_script()

• Subscribe to the Theme Forest RSS Feed and follow us on Twitter.

Day 17: Slider

Resources you May Enjoy.

• Awesome image attachment recipes via DigWP.
• Codex: WP_Query
• Codex: wp_get_attachment_link

What’s Next?

It’s your call. Now that we have completely covered the slider, what section of the theme would you like to tackle next? The choice is yours!

• Subscribe to the Theme Forest RSS Feed and follow us on Twitter.

Day 16

Resources you may enjoy:

• Wp Codex: Using Custom Fields
• 20 tutorials and resources for working with custom fields

• Subscribe to the Theme Forest RSS Feed and follow us on Twitter.

What do you think? I love it.

• Please subscribe to the Theme Forest RSS Feed, and follow us on Twitter.

Day 16: Database Abstraction Class

• Subscribe to the Theme Forest RSS Feed.

Day 15: The Slider

Resources You May Enjoy

• Looped Slider Plugin
• Google AJAX Libraries

Custom queries coming!

On day 16 of our series, we will take the slider we have created and learn how to pull out the information the user has entered. No need for the end user to hard code anything, stay tuned!

• Subscribe to the Theme Forest RSS Feed.