Mar 072012
 

Recently, I have been working on two sites that required that certain types of posts be listed on certain pages. This goes above and beyond the original usage of posts which was to be a list of brief news items listed on the page designated to be your blog in chronological order. So I had to find a way to make it easy for clients to add info and control when and where it appears on their site. Luckily I found the List Category Posts plugin by Fernandobt.

It’s what you call “elegance in its simplicity”. You assign a post to a particular category, then create a Post or Page and at a bit of short code like the example below.
[catlist id=8 content=yes orderby=date order=DSC numberposts=-1]

To break it down a little:

catlist id=8:this is the number that WordPress assigns to a category you create. How to find that? Go to your dashboard, and hover over Posts to make the Posts menu appear on the right.

Categories can be found in the Posts section in your WP dashboard

Then, in the next window, you should see a list of your post categories. To find its id, simply hover over the name and you should see a url pop up at the bottom of your browser window:

look for where it says category&tag_ID=8 and that's the number of your category

content=yes: This parameter tells the plugin how much of your posts you would like to display on a page. Another choice would be excerpt=yes if you just want to show some of your text.

Tip: thumbnails=yes can also be placed in your shortcode if you would like to show a thumbnail image from your post on the page. Then, either the first image in your post or its Featured Image will be displayed in your post list.

orderby=date: Shows posts in the order of their publishing date. Want to have fun with that? Read this.

order=DSC: (Or, ASC) DSC is short for descending. So the posts arrange themselves by publishing date, with the most recent at the top. ASC will arrange them from oldest at the top to newest at the bottom.

numberposts=-1: This is a good one to know. Say you have a lot of posts from a particular category and they all have to show on the page? Setting the number to negative 1 (-1) will display them all. You could also set it to a number like 10 or 7 if you would like only the most recent posts to display for example.

There are lots of other parameters to use, but these few have served me well on at least 3 different projects so far.

Kudos to Fernanobt for not only creating such a useful tool, but also on a great job documenting how it can be used!

 March 7, 2012  Posted by at 11:24 am Tutorials, Wordpress, WP Plugins Tagged with: , , , ,  No Responses »
Mar 032012
 

I have worked on a couple of projects over the past few months that both needed similar “tweaks” to the usual method WordPress uses to order Posts as well as delving into the various ins and outs of ordering product listings in sites that use the WP E-Commerce plugin. It’s basically very easy. All it takes is altering the date a post or product is published!

To Order Posts

Step 1: Get a strategy in place. Since you are going to be setting your site’s Posts to arrange themselves according to date of publication, what kind of date range should you use? If you are going to be adding things frequently to a particular category, then space their dates out by a few days or more. You don’t have to worry too much though. The publication date also includes a timestamp so you can go down to the minute if necessary. Sometimes it helps to list the desired order of your Posts on a piece of paper and then put a date next to each so you can keep track of what should show up where in the new lineup.

Step 2: Log into your site’s dashboard and find the posts to put in order.
If you need to change a lot of posts’ publish dates, then the most efficient method is to use “Quick Edit” mode. Click on “Posts” in your left toolbar and you will see all your Posts listed. Hovering over the title of a Post makes a few choices available directly underneath (Edit, Quick Edit, View and Trash). If you click on “Quick Edit” a dropdown edit window appears.

Quick Tip: Got a lot of posts to make quick changes to? At the top of your Posts’ listings, there is a dropdown menu of categories. Select one there and click “Filter” to view only the Posts in a particular category.

Step 3: In Edit (or Quick Edit) go to the published date. In Edit it will be to the right, where it says “Published”. In “Quick Edit” it wil be underneath the slug for the Post’s title.  Click on the Edit link next to the date to change it. Once you put in the new date, click “OK” and click the blue “Update” button to save the new published date.
Continue to do the same with the other Posts and then they should be displayed in their revised order on the site.

To Order Product Listings Using the WP-Ecommerce plugin

Step 1: Same as ordering Posts, get a strategy together for ordering your Products. In theory, there is a way that you can custom order your Products using the “drag and drop” method, but I have come across cases where it didn’t work on a site for whatever mysterious reason (maybe the choice of theme?).

Setting Your Products Page to Display Products based on Time Uploaded

You can set your Products Page (the one that can showcase all your products on the site), to display Products by Time Uploaded. In order to set this up, go to your left dashboard toolbar and hover over Settings. Select Store and then in the next page, click on the Presentation tab. Scroll down to where it says “Product Page Settings” and where it says “Sort Product By” select “Time Uploaded” from the dropdown menu.

Again, if you are going to be constantly adding new products, make sure you have enough “time” between Product listings to have some wiggle room.

Step 2: Log into your dashboard and in the left toolbar, go to Store. Hover over it to bring up the quick-jump menu and then select “Products”.

Step 3: You will then see a page that lists all the Products you have on your site (it may be a few pages if you have a lot of products). Click on the Product name to open up its Edit window and then change the Published date and save your changes. Continue to do this with all your Products and then view your Products Page to make sure the order is correct.

The Publish panel on the right side of the Edit Product window

Changing the date the Product was published (you can also change the time too!)

The new date has been entered, now click "OK"

Now that the new date has been saved, click Update

Dec 162010
 

-Now shake hands and play nice…
I’m putting together a proposal site for a (potential) client and using Sayontan’s excellent “Suffusion” theme. What makes it awesome (for me) is that it’s a snap to customize with the various customizing menus. And, it comes with a bunch of different layout templates so it’s easy to set a page to contain sidebars, or not, if the client prefers.

One of the design requirements, is that there had to be an image that would change every time one went to the home page. Not a bad idea, but one of those concepts so deceptively simple that it was lost in a sea of over-elaborate plugins promising to do everything short of picking up your drycleaning. Continue reading »

 December 16, 2010  Posted by at 1:37 pm Tutorials, Wordpress, Wordpress Hack Tagged with: , ,  No Responses »
Dec 112010
 

“The Fighter” has been getting a lot of great reviews and press lately and if you look closely, you can see Christian Bale, who portrays Lowell boxing legend Dick Eklund in the film, sporting a shirt that says Dickeklund.com.
chrisbale
By a stroke of luck, a client of mine also worked as a grip on The Fighter and since he’s a local boxer as well, he and Dicky really hit it off and he offered to find Dicky some help with getting a web site together for his training business. One thing that became apparent right away was the need to showcase all the testimonials that Dicky’s students had about his training method. The JQuery Featured Content Gallery plugin was a great solution for putting as much content as possible on the page without taking up a lot of real estate. Out of curiosity’s sake, I went with the default “Twenty Ten” theme and styled it into the page below.
dickeklundhome
The header contains the JQuery Featured Content rotating banner images which rotate to show the various testimonials along with a photo of the person quoted.
dickeklund-banner
It’s a great plugin to work with. The instructions are easy and fairly self-evident. There’s an option to link each banner to a different page and the styling and sizing are a breeze. Warning, it’s so easy to use, I have to restrain myself from using it everywhere.
When I first took the project on, it mainly because I had actually worked a couple of days on the film and I thought it would be fun to do a site that connected to another area of my life. I totally didn’t expect Christian Bale to throw his weight behind it and start wearing Dickeklund.com swag everywhere! He was fascinating to work around. I don’t think he ever “broke” character and he’s hugely supportive of Dicky. At one point, when the courtroom scene was being filmed, a production assistant accidentally dropped a clipboard that fell onto Bale as he was waiting for his cue. Everyone froze, probably thinking he would go off on another Youtube rant sensation but instead he turned to the quaking kid and said “Hey buddy, ya trying put a hit on me?” in a flawless Lowell accent. The site’s doing really well thanks to his support and I hope it brings Dicky some new fighters to train!

 December 11, 2010  Posted by at 2:24 pm Business, Clients, News Tagged with: ,  No Responses »
Dec 312009
 

UPDATE: January 15, 2013- Hello everybody, I can’t believe how popular this post has gotten! In light of this, and in NextGEN’s acquisition by Photocrati I have installed the latest version of NextGEN on this site and am in the process of putting together a new client gallery with it. I am hoping to have a new version of this guide up soon. Thanks for stopping by! If you have any questions feel free to comment below or here.

As much as everyone loves the NextGen Gallery by Alex Rabe (myself included), a comprehensive guide to how to actually use it seems to be as scarce as the proverbial hens’ teeth. The first time I installed it for a client, I have to admit the sheer amount of options and settings was a little overwhelming. At any rate, you came here for a manual so here it is. Continue reading »

 December 31, 2009  Posted by at 12:33 pm Tutorials, Wordpress, WP Plugins Tagged with: , , , , , ,  37 Responses »
Nov 242009
 

When Katharine Navins, Tallow Studio’s owner needed a WordPress developer to bring her site design for Lovejoy Designs to fruition, she came to Jenn Mears Web Design with the page concepts and site architecture wonderfully laid out with a great eye towards color and balance. Utilizing a theme called Silver Dreams, I was able to re-create Tallow’s design and developed some page templates to match the various looks through-out the site. The biggest challenge came with the desire to present the Portfolio and Featured Products sections with an interactive gallery that allowed the user to click on thumbnails to view a full-size image on the same page. I decided to use Alex Rabe’s NextGen Gallery plugin with some extensive modifications developed by Arafatbd.net and several other members of the WordPress community. After a few late nights and some wp forum stalking, the site finally came together. Love Joy Designs is a Boston-based interior design firm owned by Phoebe Lovejoy Russell, a designer with a great flair for color, form and function. Her throw pillow designs were especially fun ( a great bonus when you are tweaking a gallery of them at 1am!) and her blog, Design Lab, is sure to inspire readers everywhere.

 November 24, 2009  Posted by at 8:33 pm Business, Clients, News, Wordpress Tagged with: , , , , ,  1 Response »