New2WP » Featured

Hackathon In Boston? And Hi Again…

Jared — Mon, 29 Aug 2011 13:00:35 +0000

So wow, hi again. It's been quite some time since there was a recent post on this site huh? I know I know, sorry about that. It's been quite a year let me say. I have decided to share some updates and some cool news that you may be interested in!

Isobar Create 48. Invent Something. Change Everything.

Isobar is hosting a 3 day non-stop event starting September 13th called Isobar Create 48. This is the first DevCon of its kind to explore the NFC chip inside the Google Nexus S. Essentially, it's going to be a 48 hour hackathon that everyone is invited to and encouraged to bring anyone they like with them.

Near Field Communication (NFC) technology will let us make transactions, exchange digital content, and connect electronic devices like never before. Your phone will be your credit card, boarding pass, hotel room key, coupons at the supermarket. You’ll buy only the 3 minutes you need on the parking meter.

If you're interested in checking this out, you can get all the details here. Don't worry if you don't have a team, you will be able to jump in with any team, or go here to organize with others who need a team too.

This is sure to be an event you don't want to miss!

Now For An Update

This year started out with a bang really, at least for me. It was kinda not so great the first couple weeks of the year but, then I started a job working as a Front-end Developer at Isobar, which to say the least, has been really great. My first day I was working on adidas.com, which after my third week there, was suddenly the main front-end developer working on that project. It was crazy intense and a very quick learning experience, but a really awesome one for sure.

The sites I've worked on for adidas are under the Sports Performance part of their site. Some of these I worked on more than others, and some way more than others.

I've been extremely busy working for some really high-profile clients and doing a ton of really cool stuff on the front-end. Also, I helped re-develop and design the Isobar Front-end Code Standards & Best Practices page making it HTML5, I wrote the web typography section as a new addition as well as some various other minor edits and additions to the page content too, and I also added in some really cool easter eggs that change the logo to a canvas animation I made and make #plaidirish all over the place which is pretty baller. :)

We put the doc up on Github and welcome everyone to come give their feedback, open issues for any edits or additions you'd like to see added, and of course, fork us!!

I've also been doing some really cool stuff with HTML5 and Canvas on Anti-code, one of my new sites, so check that out. Plus some even cooler stuff for Samsung's Olympic Genome Project using HTML5 and Canvas too. It's going to be a Facebook app that will be released in the somewhat near future, so be on the lookout for that it's going to be amazing.

You like ovals?

As you can see I haven't been doing all that much with my time. But really I have barely had the time to sleep let alone write a new post here. Apologies for disappearing like that. Maybe leaving you with this little snippet will make up for it?

// here's a helper function for drawing ovals with bezier curves in canvas
function ovalMaker(centerX, centerY, width, height) {
	con.beginPath();
	con.moveTo(centerX, centerY - height / 2);

	con.bezierCurveTo(
		centerX + width / 2, centerY - height / 2,
		centerX + width / 2, centerY + height / 2,
		centerX, centerY + height / 2
	);
	con.bezierCurveTo(
		centerX - width / 2, centerY + height / 2,
		centerX - width / 2, centerY - height / 2,
		centerX, centerY - height / 2
	);

	con.fill();
	con.closePath();
}

This function is useful in Canvas to draw oval shapes, or circles that aren't perfectly round....ovals. How do you use it? Simple.

// USAGE

// vertical skinnier oval
bezierCurve(x + 60, y + 75, 80, 130);

// vertical fatter oval
bezierCurve(x + 150, y + 75, 100, 120);

// small oval
bezierCurve(x + 125, y + 175, 20, 30);

// horizontal oval
bezierCurve(x + 105, y + 225, 200, 50);

Well, that's all I have time for today. I have to get back to working on work work, work. I work on work when not at work, until I leave for work to work on work work.

That^ pretty much sums up these past months for me right there. All I gotta say is love what you do, it's awesome.

[Review] GD Press Tools Plugin For WordPress

Jared — Mon, 14 Feb 2011 12:00:49 +0000

Possibly The Most Useful WordPress Plugin Ever

I recently had the pleasure of being able to review some of the premium products from Dev4Press one of which was their WordPress plugin GD Press Tools, and I was blown away by it. I mean literally in total awe for the 3 hours it took for me to get through playing with all of it's features, options and tools which made my jaw drop on more than occasion. It is the single most useful plugin and most advanced one I have seen to this date. I really can't stress that enough.

How many plugins (or functions you've custom coded into your theme if you're like me) do you use for things that you consider an essential feature or enhancement to the WP dashboard? Maybe a handful or more, right? And how many plugins would you install if not for the fact you don't want 1001 plugins installed just to do one thing here, two things there, etc.? Probably more than a handful, and possibly much more. I know because I would just from the number of custom code functions I wrote or use as common include for every site I make. The dashboard is good, but it can be so much better mostly in little ways depending on your personal preferences.

Now think about how keeping these things all up to date and otherwise regularly maintained and working properly....

Let's say you have 5 plugins installed for enhancing the admin some how in some way, all created by different people. It's not guaranteed that they all will be maintained and/or updated as needed or even at all in some cases. You have to rely on the developers of each plugin to release updates. Plus, let's say even if all 5 of them DID update their plugins regularly, that still means you have 5 things to install updates for. Not to mention options for these things might be non-intuitively implemented like in a section or existing options page you wouldn't expect, or just entirely non-existent. I can think of many more things I have disliked about plugins, leading me to just start coding my own things into my themes and reducing the need to install plugins by a lot.

One Plugin + One Place + One Update = Win

"The idea is to include as many admin related features as I can, and eliminate need for many different plugins that will potentially break with WordPress updates because their authors didn't update them. So, I am adding all the things I need, and as this is premium plugin, it will be updated to be compatible with latest versions of WP minimizing problems to users when switching to new version."

- Milan Petrovic

There are far too many features available in GD Press Tools to list here, but they are organized under the following:

Database tools
Backup Tools
Registrations And Users Management
Search engine optimization
Cron scheduler
Administration tools
Info
Integration
Logging and Debugging
Dashboard Widgets

Post Tools
Auto Tagging
RSS Feeds
Security
CSS Hacks
Updates
Tracking Visits
PHP Settings
Various Tweaks

WOW!!! Even as I made that list I said to myself holy S***! I'm serious. And these are just the sections, which each include sub-sections. Basically, picture something like 2 dozen separate things that are like multiple common little plugins your using on your site right now, all packed into one plugin and organized nicely and with more options than those you have installed all have if they were combined into one.

Take a look at the screen shots of just a few of the options pages to see what kinds of settings and features you can customize to get a better idea what I'm talking about.

Options Front Page

Backup Panel

Database Backup

Unserializer Tool

User Management Panel

Meta Tags

Maintenance Mode

Database Table Tools

There really wasn't anything I found wrong or negative about it. I even said to Antonio how amazed I was with how optimized it was based on the performance and speed of the site. I would think such a plugin would use a lot of memory and slow down your site since I have seen tiny plugins use more memory, but surprisingly, there was no difference at all in speed that I noticed.

The plugin is constantly in development with many new options added with every major update. GD Press Tools 4.0 Pro Beta 1 is coming out on Tuesday, which includes many rewritten or massively improved plugin parts, plus tons of newly added features!! After I heard this, I couldn't even think what else there could even be left to add so I can't wait to see what's new. The official version of 4.0 is set to be released at the end of this month.

On top of regular improvements and additional features it is always kept up to date with latest WordPress core development. It's tested with WordPress 2.8 and newer, including WordPress 3.0 even in multi site mode with additional global settings for the site administrator. Yes there are options pages and settings which allow you to control the multi site features in 3.0 which is wicked awesome.

There are 3 editions of GD Press Tools available. The Free Edition is the Lite version, which has less options and features and doesn't include other really good things like documentation, support, and tutorials. The Standard Membership is the Pro version, and includes everything. The Developer Membership is the same as Standard but with email support, SVN and TRAC access included as well.

Special Offer For Our Readers

As an added bonus to readers of this site, use the coupon code NEW2WP when purchasing this plugin and you will receive a 20% discount (on initial product purchase payment). This promo coupon is good for the next year.

I did the math for you too (I really hate math just so you know):
Using Coupon: NEW2WP
You pay only: €48 or $65 first year (€24 or $32.50 after that)

That's a pretty good deal, and even more worth it, as if the number of plugins this one plugin could replace, and/or improve or add on your site wasn't enough already.

Go check out the huge list of features.

I personally think it should've won the 2010 WPHonors Commercial Plugins if only more people had an idea of what it is capable of.

If anyone has used this plugin before, what did you think about it? Post a comment with your experience of it, and let us know.

New2 TipItUp jQuery Plugin With Event Delegation

Jared — Mon, 06 Dec 2010 12:15:53 +0000

Tool Tips For Everyone!

Okay maybe not everyone, but anyone who wants some can try using this jQuery plugin I developed. It's called $.TipItUp(), and it uses event delegation in generating the tooltips. Along with the JavaScript events mouseOver, mouseOut and mouseMove.

Fork and download it from the Github repository. I had a demo page and had written a blog post about it be recently lost the entire site because I forgot to back it up when switching hosts, and I haven't had time to recreate the site or the post.

Although, I just realized that my host screwed up the configuration of my nameservers for the domain, and I no longer own New2jQuery.com because of it. That's just great news. So I am sorry, but currently the only place this plugin is available is on the Github repository.

New2WP Latest Posts For Custom Types Sidebar Widget WordPress Plugin

Jared — Fri, 19 Nov 2010 13:00:14 +0000

Finally, Just What We All Needed!

If you've been using WordPress custom post types at all on your site, like I have been now for about 10 months or so... since 3.0 Alpha version, then you'll probably love this.

I've created a new custom sidebar widget for WordPress, to display the latest posts for other post types besides the 'post' post type. This widget actually lets you show not only custom post types, but you can choose to display content from any public post type which includes the built-in post types 'page' and 'attachment', and of course 'post'.

So as long as your custom post types are publicly available, you can display the latest posts for them in your widgetized sidebar areas. What I mean when I say public, that means you must have specified in your code when registering your post type the property 'public' => true in the $args array which you must set up when you use register_post_type().

Since I don't use custom post type plugins I don't know if you have that capability to set 'public' => true or not. I assume you would be able to, but I'm not sure.

Plugin Features:

This plugin is similar to another plugin widget I made and recently released for showing your latest Tweets. It simply adds a new custom widget to your Widgets page in the WordPress dashboard, which you can use in your widgetized sidebars.

I have yet to see or hear about anything like this which displays the latest published custom post type posts in your sidebar. It's a replacement for the well-known Latest Posts widget which only displays the latest posts from the 'post' post type, and that's it.

Features Built Into this Plugin/Widget

Ability to choose which post type to display the latest posts from.

Able to control the heading HTML tag for formatting the widget title depending on how your theme displays the headings of widgets.

Control the number of posts to display.

Customizable widget title text.

Full localization of text to support use with non-English languages.

Link to view all posts from XXXX post type, whichever it is you have selected to display.

Plugin Installation:

You will need to Download the n2wp-latest-ptypes.zip file.

Unzip the folder `/n2wp-latest-ptypes/` to your computer.
Upload the entire contents of `/n2wp-latest-ptypes/` to the `/wp-content/plugins/` directory of your WordPress installation.
Activate the plugin through the 'Plugins' menu in the WordPress dashboard.
Go to your Widgets panel in the dashboard, and drag the New2WP Latest Custom Posts widget to your sidebar, and configure the settings to your liking.

Download Latest Posts For Custom Types

Fork Me And Watch The Git Repository...

If you like this, you might like some of my other crappy plugins that I've made.

You can see this widget in the sidebar right here showing Latest Snippets →

Let me know what you think of it in the comments, and if you find any bugs please tell me so I can fix them. I really like this widget myself, and would like to get it added to the WordPress plugin directory if I can.

New2WP Basic Sidebar Twitter Widget Plugin

Jared — Mon, 08 Nov 2010 14:30:19 +0000

You Know The Digits, So Push The Widgets

I just wrote a sidebar widget for showing Twitter updates, for some reason. Don't ask me how I got so distracted with what I was doing a couple hours ago that I managed to begin writing a sidebar widget for displaying your latest tweets but I did.

I just finished the first version of it, and figured I'd do a blog post to release it to anyone interested in using it. It's quite basic, nothing really all that fancy going on here with this widget.

Advertise on New2WP

Plugin Features:

This is a plugin that just adds a custom sidebar widget I made, for displaying your latest Tweets from Twitter. Here's what it has so far:

Show Tweets from an account on Twitter you define in the settings
Control the number of Tweets to show in the sidebar
Easily enable/disable the loading of jQuery.js. Chances are you have it already loaded on your site (possibly more than once) so this allows you to decide whether to load it or not.
Fetches the Tweet data using Ajax and JSON (cool stuff)

As of right now that's all that it really needs. I have it running over there in the sidebar down at the bottom, so you can get an idea of what it does.

I may eventually add an options page for it, so you can control some more stuff such as the styling, showing people's avatars, and making the links and stuff clickable. For now, this is good enough until I get some feedback on it at least.

Plugin Installation:

Simply download the n2wp-witter-twidget.zip file, and unzip the /n2wp-witter-twidget/ folder to your plugins directory.
Then go to your plugins page in your WP dashboard, and activate it.
Once it's activated, you go to the Widgets page of your dashboard, and add the Witter Twidget to a widgetized sidebar area which you should already have, otherwise you need to create a widgetized sidebar. Once you add it there, you can control the settings of it as you wish.

Download New2WP Witter Twidget Plugin

Let me know what you think of it in the comments

New Textmate and Coda Starter Plugins For WordPress Developers

Antonio — Sat, 23 Oct 2010 16:44:57 +0000

Announcing Two New Plugins For WP Devs

I created a plugin for Textmate and Coda to help speed up development for WordPress, and to make my life easier really. It makes adding commonly used WP snippets of code to a document I'm working on extremely easy. Currently this only exists for Textmate and Coda on Mac. Depending on the demand, there may be support for other applications in the future.

The Textmate WP Starter Plugin and The Coda WP Starter Plugin have two modes:

WP Quick: Which is a folder and file skeleton.
WP Full: Which is a full theme structure markup and base styling.

DOWNLOAD TEXTMATE WP_STARTER

DOWNLOAD CODA WP_STARTER

NOTE: These plugins are still in beta, i am sure there are errors. Let me know ( and BE NICE!) and i will fix them immediatly

Create A WordPress 3.0 jQuery Drop Down Nav Menu

Jared — Mon, 18 Oct 2010 12:00:47 +0000

Finally!! A Drop Down WP Nav Menu!

This is what you will be thinking if you're like me and have been searching the web for days on how to use the new wp_nav_menu() to create a nice drop down menu, and finally have full control over how the links are nested and arranged from the dashboard Menus page, and have probably been unable to find much of anything that is helpful in doing so. Am I right? If you know of any other sources please share in the comments.

I know this because I have been searching not just for days, but for months now for any kind of information I could find on making a drop down menu that doesn't use the disgusting way of the past using wp_page_menu(), wp_list_pages(), wp_list_categories(), or any one of the other wp_list_xxx() methods that you were able to do this in the past.

Then this week I found myself in desperate need of a custom wp_nav_menu() that dropped down and was all fancy pants, so I had to suck it up and create it from scratch. This is the WP drop down nav menu I made.

As you can see it is rather big, though I wouldn't consider it a mega menu, just a long list that I found a way to display in not only 4 colums but 2 or 3 columns as well to see which would look best. In the interest of time, I will not make you create 20 menu items for making a menu like this, but it is possible with 4 items, if displaying as 4 columns.

Got Menus?

So first thing we should do is register some menus. This I'll go over quickly since it is more documented and you probably already have it done at least to some extent.

Adding theme support for nav menus has recently changed with an update that was made. You should now be adding support to themes for menus like this.

// Theme support adding changed from 'nav-menus' to just 'menus'
add_theme_support( 'menus' );

Once that is done, you need should register a menu or 3 and give it a location for use. I recommend that when you make your menus that you don't go crazy and make a whole bunch, at least not until there is a released fix for the quirk that having more than 4 menu tabs causes. You have to scroll horizontally to view all the tabs for each menu.

Once you have added theme support for menus, you can no register some wp_nav_menus and the location they will be used to give them a context.

// Function for registering wp_nav_menu() in 3 locations
add_action( 'init', 'register_navmenus' );
function register_navmenus() {
	register_nav_menus( array(
		'Header' 	=> __( 'Header Navigation' ),
		'Sidebar'	=> __( 'Sidebar Navigation' ),
		'Footer'	=> __( 'Footer Navigation' ),
		)
	);
}

Once your theme supports the use of menus, and registered at least one which you want to use, you then need to open the template file which should display your menu. Using wp_nav_menu(), pass the arguments to it that you need to show different menus and settings.

The nav menu for will show any menu that is defined for it.
If one isn't filled out, wp_nav_menu falls back to wp_page_menu
The menu assiged to the primary position is the one used
If none is assigned, the menu with the lowest ID is used

Since this is the case, on the Menu page of the dashboard I have created a menu named 'Header'. Then added the following code to the header.php temeplate.

 'Header', // Select the menu to show by Name
	'class' => '',
	'container' => false, // Remove the navigation container div
	'theme_location' => 'Header'
	)
);
?>

You can view a list of other arguments here which can be useful depending on your needs.
Now let's check out the HTML code that is output by the wp_nav_menu() function so that you can see what we're working with. I

The HTML Output Of wp_nav_menu()

The structure of the menu that I am going to be building for this tutorial will be able to have custom post types, custom taxonomies, pages, categories and tags, and custom links combined in one menu that I'll be able to reorder simply by dragging and dropping them on the menu page in the dashboard.

Here is what my example menu structure looks like:

The HTML code that this menu structure will output when wp_nav_menu() is called will give me something like this, only with the links and page titles.


	

		
			No Drop
		

		
			Drop Down
			

				
					Link
				
				
					Link
				
				
					Link
				
				
					Link
				

			
		

		
			Drop Down
			

				
					Link
				
				
					Link
				
				
					Link
				
				
					Link
				

			
		

		
			No Drop

The most important part in this code are the things that can be selected using CSS and jQuery. More specifically, what selectors will select a groups of items. Anything that shows up more than once, can be used to style all that have it.

Which CSS And jQuery Selectors To Use

div.menu-header
ul
li
a
menu-main-menu
menu
ul.sub-menu
menu-item
current_page_item

For now just leave the selectors that are specific to a type alone. The selectors that indicate whether its a post_type, _page, _tag, etc. can be used for selecting a set of those items, but with the menu being easily changeable the set list of items may be altered accidently later on.

So now that we know a little more about what were dealing with, we can style it with some CSS code using these ID and class selectors. You can also enable the CSS Classes option under the Screen Options slide down menu of the dashboard menu page.

Why Won't This Menu Drop Down, Damnit?!

If you are not familiar with making drop down menus you might come to find it frustrating. If you're like me and other people I know, then you try to avoid having to make them at all costs. That is why I've made it simple for you, and have already done the work. Below is the CSS for my drop down menu, which uses CSS3 gradients, border radius and other things.

There are a few comments in this code that you should notice. First, you can control the width of the drop menu and the number of columns the list items form using the width amounts I've outlined here.

	/* Width of drop menu for changing number of columns:
	  2 columns: 424px;
	  3 columns: 638px;
	  4 columns: 848px;
	  */

The other part that is very important and one of the single things you should get from this tutorial is below. The trick to making drop menus is to make the parent item of the child items visible using display: block;. That way you can position it correctly and design the desired look and feel while it is visible without hovering. Once that's done you can hide it with display: none;.

#menu-header ul ul {
	display: none; /* For testing, change to display: block; to make visible */
	list-style:none;
	z-index:100;
}
#menu-header ul li:hover > ul {
/*  Uncomment to show drop down for testing purposes
	display: block;
*/
}

Animating The Drop Menu With jQuery

This is the jQuery code that I wrote for making my drop down menu a little more slick. It's a basic animation that simply slides up and down when hovering on and off of the tabs and drop menu.

There is a .delay() that prevents the animation from firing immediately when your mouse touch the tab buttons. Without the .delay() whenever you move your mouse over the tabs, but not intending to open the menu, it would cause it to flicker from your moving too fast for it to drop. I've made it so you have to stop on the tab for it to drop. Just thought I'd explain that since it was something I learned the hard way doing this. That's pretty much all there is to it.

Check This Out On WPHonors

You can see another example of this drop menu as a single column drop down over on WPHonors.com. The menu I made for that site is much nicer looking because I used much more CSS3 styling and customizing.

Also, I wrote this post a long time ago, and realized I never published it. So don't kill me if it turns out to be incomplete or doesn't work. If you have any questions you're always welcome to post a comment below.

363 Vibrant Color Swatches For Photoshop Download Pack

Jared — Sat, 21 Aug 2010 11:04:52 +0000

DarkSide of the Sun Palette

Needless to say, I spent the better part of my day yesterday grabbing colors from everything and the same things with different color adjustments applied to alter the colors of them. It was not something I planned on doing, but have needed to do for a long time.

This palette of swatches is more than I need to do what I need to do currently. Plus it goes well with the 50 pack of smooth gradients I made not long ago which you can download here by the way. Hope this color pack helps you make some cool designs! (pay no attention to my misspelling of palette on the image :P)

Click here to download this swatch pack

View more downloads...

OOPost Types: Objects Part 3 – Object Oriented WordPress 3.0 App

Jared — Tue, 10 Aug 2010 12:00:35 +0000

Time To Make Some Magic Happen

Continuing where we left of in part 2 of OOPost Types where we finished building a Php class for setting up methods that our Sites custom post type will use, we now need to put all that code to use.

If you haven't yet read either one of the previous tutorials, you may want to go back and do that before you continue. You will learn how to create the class and functions which are used in this part.

This part of the OOPost Types series will go over how to make use of the custom post type WordPress class created in the previous posts, to easily display the Sites post content on a custom page template. That means we will be instantiating the class to create an new object of it.

I've added a method to the class finished in part 2 that is what our object for showing the sites url and screenshot. If you haven't already, add this function below the meta_options() function at the bottom of the post type class.

    public function mshot($mshotsize) {
        global $post;
        $imgWidth = $mshotsize;
        $myurl = get_post_meta($post->ID, 'siteurl', true);
		if ( $myurl != '' ) {
			$mshoturl = '';
			if ( preg_match( "/http(s?):\/\//", $myurl )) {
				$siteurl = get_post_meta( $post->ID, 'siteurl', true );
				$mshoturl = 'http://s.wordpress.com/mshots/v1/' . urlencode( $myurl );
			} else {
				$siteurl = 'http://' . get_post_meta( $post->ID, 'siteurl', true );
				$mshoturl = 'http://s.wordpress.com/mshots/v1/' . urlencode('http://'.$myurl );
			}
		}
        $mshotimg = '';

        return array( $siteurl, $mshotimg );
	}

This returns an array consisting of the site url which was entered for each site, and the output of the screenshot image that is created with the use of that url.

Creating Custom Page Template

In order to display the content of our Sites post type, we need to either create a custom query to be used in the default WordPress theme templates, or better yet, create new custom WordPress page templates. To learn the best and most stress free way to create new custom templates you should read a previous post I wrote on making custom WordPress page templates.

The format mentioned in that post to create new page templates using page-[slug].php, so what we need to do for displaying the list of submitted Sites is create a new file named page-sites.php.

In order to display the information of the Site posts, we need to make a custom query which we pass to the Loop.

First create your page-sites.php template. You can copy and paste the code from page.php or index.php into this new file and remove the IF statement that loops through the posts. It should be something like if( have_posts()) : while( have_posts()) : the_post();

Custom Post Type Queries For The Loop

Below is the loop which will display the sites. It first checks to see if were on the right page, and then if so it runs the code. We create an object of the class we made to display the screenshot image of the sites, which is done just with the use of the site url entered when posting. The custom loop query will be done by using WP_Query() to query the post_type.

I've commented the code for further explanation. Pay specific attention to the part that instantiates the custom post type class that was made in the previous posts. The $s = new TypeSites(); and $a = $s->mshot(250); are important for showing the submitted site information.

query( 'post_type=site' );

	/* Begin the Loop */
	if ($q->have_posts()) :
		while ($q->have_posts()) : $q->the_post();

			/**
			 * Now instantiate the Sites class we made in posttypes.php setting the $s variable
			 * Create a new variable $a set to the value of the mshot(250) function from the class.
			 */
			$s = new TypeSites();
			$a = $s->mshot(250);

			/**
			 * Output the content of the Site posts
			 */
			?>

Make A Custom Single Template

We also need to create a new custom single post template which is what will display the single posts for the Sites. So also create a new file named single-site.php. You might remember the reference to single-site.php was made in the template redirect function we made in the class. If you neglected to create this single template, then later down the line you might find yourself getting a Php error saying that it does not exist.

So create another new file named single-site.php and use this code for the Loop.

	
	mshot(600);
	?>

	
		
		
			Added by:  on  |

This is all you need to display your custom post types in WordPress. This is more specifically used for the particular post type we've set up using the class, but you can use this same idea to display custom post types that are not created using a class as well.

Full page-sites.php Code




	

	$q = new WP_query();
	$q->query( 'post_type=site' );

	/* Begin the Loop */
	if ($q->have_posts()) :
		while ($q->have_posts()) : $q->the_post();

			/**
			 * Now instantiate the Sites class we made in posttypes.php setting the $s variable
			 * Create a new variable $a set to the value of the mshot(250) function from the class.
			 */
			$s = new TypeSites();
			$a = $s->mshot(250);

			/**
			 * Output the content of the Site posts
			 */
			?>

Full single-site.php Code




	

	
	mshot(600);
	?>

	
		
		
			Added by:  on  |

If you have any questions on this let me know in the comments below. Also, let me know if there are any errors in my code. I have tested this, and it does work for me but based on the last post there may be issues for other people that I was not aware of.

« Part 2

Part 4 »

New2Tip: Learn The WordPress Core With The Php Cross Reference

Jared — Tue, 08 Jun 2010 13:00:54 +0000

Easily search through the WordPress source

If you haven't already heard about the Php Cross Reference for the WordPress source code, or even used it and didn't realize like I had many times before understanding what it was all about, it's an amazing tool provided by Yoast using PHPXref.

Trunk versions of WordPress are updated from SVN every 30 minutes,
In the video below, Joost de Valk, talks about what it can do and how to use and cross reference things in the WordPress source code.

Install the plugins

To make it even easier for you, there are plugins you can install to make searching through code even more convenient for you. There's one for each of the following:

WordPress Trunk Install Search Plugin
WordPress 2.9.2 Install Search Plugin
WordPress MU Trunk Install Search Plugin
BBPress Trunk Install Search Plugin

Also, if you find this to be a greatly useful tool and have a little extra change laying around, or if you use this tool to make money yourself, you can/should make a donation via Paypal and show your support for this great free service.

That is all for now

Hope this helps you out, and motivates you to kick start your longing desires to learn the WP core once and for all. I know it is something that many people would like to do, but put it off, understandably, as can be a lot to try and take in.

Have fun!

New2WP » Featured

Hackathon In Boston? And Hi Again…

Isobar Create 48. Invent Something. Change Everything.

Now For An Update

You like ovals?

Related Posts

[Review] GD Press Tools Plugin For WordPress

Possibly The Most Useful WordPress Plugin Ever

One Plugin + One Place + One Update = Win

Special Offer For Our Readers

Related Posts

New2 TipItUp jQuery Plugin With Event Delegation

Tool Tips For Everyone!

Related Posts

New2WP Latest Posts For Custom Types Sidebar Widget WordPress Plugin

Finally, Just What We All Needed!

Plugin Features:

Plugin Installation:

Related Posts

New2WP Basic Sidebar Twitter Widget Plugin

You Know The Digits, So Push The Widgets

Plugin Features:

Plugin Installation:

Related Posts

New Textmate and Coda Starter Plugins For WordPress Developers

Announcing Two New Plugins For WP Devs

DOWNLOAD TEXTMATE WP_STARTER

DOWNLOAD CODA WP_STARTER

Related Posts

Create A WordPress 3.0 jQuery Drop Down Nav Menu

Finally!! A Drop Down WP Nav Menu!

Got Menus?

The HTML Output Of wp_nav_menu()

Which CSS And jQuery Selectors To Use

Why Won't This Menu Drop Down, Damnit?!

Animating The Drop Menu With jQuery

Check This Out On WPHonors

Related Posts

363 Vibrant Color Swatches For Photoshop Download Pack

DarkSide of the Sun Palette

Click here to download this swatch pack

Related Posts

OOPost Types: Objects Part 3 – Object Oriented WordPress 3.0 App

Time To Make Some Magic Happen

Creating Custom Page Template

Custom Post Type Queries For The Loop

Make A Custom Single Template

Full page-sites.php Code

Full single-site.php Code

Related Posts

New2Tip: Learn The WordPress Core With The Php Cross Reference

Easily search through the WordPress source

Install the plugins

That is all for now

Related Posts