• 10.1.08 |Wordpress Portfolio using custom fields and templates

    I recently updated my portfolio page at www.d-allison.com, which took some pains to set up. I had very specific needs, some of which I still haven’t completely figured out, but I think that it turned out nicely.

    (0)

    9.12.08 |Using Javascript Image Pop Ups for Websites

    There are lots of ways to show your imagery on your website, whether you have a photo blog, a photography website, or just a plain ole corporate site.  Traditionally, when one clicked on an image to see a larger view, it took you to a separate page, a new pop up window, or even worse, [...]

    (0)

    10.1.08 Wordpress Portfolio using custom fields and templates

    I recently updated my portfolio page at www.d-allison.com, which took some pains to set up. I had very specific needs, some of which I still haven’t completely figured out, but I think that it turned out nicely.

    Much of my website is done using Wordpress, with a template that I’ve completely designed myself.  What I wanted to accomplish is to have my portfolio main page display a thumbnail of the website that I was featuring along with a title. When you click on it, it takes you to a another POST page which shows the portfolio item.

    Individual Pages

    To accomplish this, I had to create an individual post for each portfolio item. I included them into one specific category; in this case web design.  At this point, each page look like every other post in my blog which I did not want. To distinguish these pages from the others, I created a single post template based on the category.

    Custom Category & Single Post Pages

    To find the category number in Wordpress, go to the categories section in the Wordpress administration panel, hover over the category that you’re working on, and you should see the category id in the status bar of your browser.  Now, armed with my category number, I take the single.php template in Wordpress, copy it, and append the category id number to it. Example: Copy of single.php becomes single-9.php. Wordpress will now look for the single-9.php template for individual Web Design posts rather than the default single.php template.  This should also be done for the category page as well. Wordpress will automatically look for the archives template unless you specify (ie. category-9, category-10, etc).  So now when a user goes to the Web Design category, a specific page will show the listings, and a specific page will show the individual posts. Now, you can format the single-9.php page (or something similar) to look how you want it to look.

    Read the rest of this page »

    9.12.08 Using Javascript Image Pop Ups for Websites

    There are lots of ways to show your imagery on your website, whether you have a photo blog, a photography website, or just a plain ole corporate site.  Traditionally, when one clicked on an image to see a larger view, it took you to a separate page, a new pop up window, or even worse, a new browser window or external application.

    I am no expert at this, but I prefer Javascript pop ups that display images inline so that they don’t open a new window. There are still a few that will open a window that look really nice, and I will give space to those as well.

    I use Dreamweaver and/ or Wordpress to design most of my sites. In Dreamweaver, you can install extensions to give you added functionality.  The Just So PhotoAlbum3 from Valleywebdesigns is a great tool that allows you to specify a folder and automatically create thumbnails, and pop up images using Fireworks and Dreamweaver.

    Read the rest of this page »