Category Archives: News

Styling Navigation Background Colors (1.6+)

With the 1.6 version of WPFolio I added a drop down menu bar. The default hover and background styles are shades of grey. The background colors in the navigation menu can be changed using your child theme the code snippet below.

WPFolio version 1.6 includes a sample child theme for adding your own modifications. These modifications stay separate from WPFolio so you can update and keep your tweaks.

The code below should help you get started. Add a color value after “background:” and before the semicolon. You can use hex values (or rgba if you care to be so bold).

Posted in News | Tagged , , , , , , | 15 Comments

Insert gallery with 4 images across using a child theme (1.6+)

When adding an image gallery to a post WordPress’ default is to have 3 images across. While you it’s possible to select 4 across when selecting options for the gallery or by changing the options in the gallery shortcode, it won”t display correctly. If you add the following code to an activated child theme, you can use 4 image across galleries (but be aware your old 3 across galleries will start to look off).

WPFolio version 1.6 includes a sample child theme for adding your own modifications. These modifications stay separate from WPFolio so you can update and keep your tweaks.

Posted in News | Tagged , , , , | 4 Comments

Quick and easy way to add video to a WordPress post

I just learned this very simple way of adding a video to a post.

Just paste the URL on it’s own line like so:

Check out this cool video:

http://www.yuotube.com/watch?v=nTDNLUzjkpg

That was a cool video.

WordPress will automatically embed the video when the post is viewed! For more, see Adding Video on WPFolio.

Now, how did I not know this before?

Posted in News | Tagged , , , | 1 Comment

Adding rounded accents with a child theme (1.6+)

Read up on using child themes to modify your theme files. If you have trouble, check out the troubleshooting area.

WPFolio version 1.6 includes a sample child theme for adding your own modifications. These modifications stay separate from WPFolio so you can update WPFolio in the future and keep your tweaks.

One change you may want to add is to add rounded corners to your design. The following code snippet, added to your child theme’s style.css file will add these rounded corners.

Posted in News | Tagged , , , , | 5 Comments

VOTE: How should we move forward?

I’ve moved our ticket system to GitHub. Now, you can vote on tickets and provide feedback on where development of WPFolio should go. So, take a minute and check out the tickets on GitHub and vote up what you’d like to see as a priority.

Posted in News | Tagged , | 1 Comment

Upgrading to 1.6

Exciting – WPFolio 1.6 is almost here. And with it, all kinds of new features and improvements. This post will go over what you can expect when you update and how to have your site looking at it’s best quickly and easily.

WPFolio 1.6 takes advantage of features in WordPress 3.0. When you update, you’ll need to make a few adjustments to your theme to make it current. You will also want to experiment with some of the new features. So, why not start by watching this exciting video on WordPress 3.0?

Updating

look for updates here

First, WPFolio 1.6 requires WordPress 3.0 and up. It’s highly recommended to keep WordPress, your themes, and your plugins updated. And with WordPress 3.0 you can do all this easily from the Admin Interface under Dashboard > Updates. But before we continue, you should already be updated to WordPress 3.0, and all your plugins should be updated. Read more about it at Updating WordPress on the WordPress Codex.

When WPFolio 1.6 is released you can update the theme in the Appearances > Themes area. If that’s not an option, you can download WPFolio from WordPress.org and upload it to your server with your favorite FTP program.

Ok now, everything is up to date and you have the latest version of WPFolio. Have a look around at your site, and then say…

“What happened to my menu?”

WPFolio uses the new custom menu features of WordPress 3.0 that allow you to have beautiful custom, drop-down menus. No more clunky widget hacks! However, by default, when you install the theme it will just show a list of pages in the navifation. There’s a few steps you’ll need to take to make the magic happen!

Step 1. Create A Menu

Start by going to Appearance > Menus. Name your menu, then click on create menu. It needs a name so if you want to have a few and switch them around, you can.

Create a Menu

Step 2. Select Your Menu

Select Your Menu

Select Your Menu

Step 3. Select and Arrange Menu Items

Select the pages and categories you want to include in your menu, then click add. You can drag these around and arrange them into submenus. Submenus will drop down and look pretty.

add menu items, then drag and drop to arrange them into submenus

add menu items, then drag and drop to arrange them into submenus

Adding Yearly Archive links and external links

Using the Custom Links box, you can add a link to your menu to anywhere. An external link to a project site, another blog, whatever you like. You can also create internal links. And here’s a trick. By adding the code “/?m=2008″ at the end of the url for your wordpress installation this creates a link to yearly archive. For example:

http://yourwebsite.com/?m=2010 creates a link to all work you dated with in the year 2010
http://yourwebsite.com/?m=2009 does the same for 2009
http://yourwebsite.com/?m=2008 ...you get the idea.

If your wordpress installation is in a subfolder, it would work like this:

http://yourwebsite.com/subfolder/?m=2010

Changing the Background

With WordPress 3.0 you can change the background color AND add a background image if you like. The background image will appear on every page. You can tile it or have one image that spreads across the whole background. Solid colors, gradients, tiled wallpaper, big images, yes you can now have any of these options at your fingertips. Exciting!

Using Background Options

Using Background Options

Note: the background color is called as a color elsewhere in the theme so remember not to leave it blank.

“Oh my, I get more options for fonts?!”

Yes! Another fun new thing is that you have more options for fonts in the WPFolio Theme Options. These options should work on most computers and degrade to close matches when the first choice of font is available on the users computer. All the changes are based on recommendations in this article on Better Font Stacks.

Category Descriptions!

Category descriptions now appear above the grid of thumbnails on a category page:

Category Description

You can use this area to introduce a category of work in your portfolio

You can write a description under Posts > Category.

“What happened to my widgets, my fonts, my ____?”

When updating, hopefully all your old selections will remain intact. If not, don’t worry, most can be restored easily, And all the widgets you have created before are saved toward the bottom of the widgets page under Appearance > Widgets and you can put them all back. But it should be fine.

Better Resume Styling

As it turns out, the resume styling in the last version was broken(!) so now it’s fixed. Additionally, the resume css is in a separate resume.css file that’s only called when necessary, which helps load your website faster (in some nearly imperceptibly way). “But how do I take advantage of this?” you ask. I added better instructions and a code sample on the creating pages area on this site. Your resume is about to look sharp.

Previous/Next Links

They work and are included. Make sure you put work in only one category for the best results. For example, you could have a parent category of ART and a child category of DRAWING. Only select drawing and your post will automatically be included in the parent and child categories – and the previous/next navigation will work as expected.

Wide Margins on Pages

Pages now have a default margin of 135 pixels on each side. This is to make the text on pages (about me, resume, contact page, etc) more readable. Though it does cause one problem: if you have a 900px wide image on any page (except the Home page), it throws off the alignment a bit. So as a rule, 630px wide images work best on Pages (again except the home page). If you want to disable this, you can do it by:

  • adding the .widemargins-override class to an image (kinda works)
  • using the Full Width Page Template – you can select it under Attributes > Template when writing or editing your Page.

Child Theme included!

This is the most powerful part of WPFolio and it will allow you to do… anything really. I’ve written about the reason you’d want to use a Child Theme to modify WPFolio and now there’s a childtheme included to make it as easy as possible. Child Themes allow you to make changes, tweaks, adjustments, rewrites, and generally manipulate theme files and keep your changes separate from the WPFolio code. Why? So you can upgrade to the next new version of WPFolio without losing all your changes! Just drag the sample child theme into your themes directory using your FTP program of choice, and start manipulating the existing files, adding your own template files, and more. I’ve started posting some examples of changes you can make in a child theme on the news area of this site.

Tons of miscellaneous improvements

There are a ton of little improvements in 1.6 like dynamic classes that make WPFolio easier to style, customize, and tweak to your liking. Added efficiencies that make it work better, faster, and leaner. Is it perfect? WPFolio is an ongoing project and there’s always more that can be done. Right now it’s better than ever. If you’d like to contribute, clone the project on github so we can incorporate your improvements!

Thanks & now, please, help us get further.

I want to thank the beta testers who checked this code out and made suggestions. Particularly Karen Bennett who made her opinions known, and send screen shots and code snippets with suggestions on improvements. As well as Mushon Zer-Aviv, Jeff Crouse, Daniel Weiner, Patrick Carey, and Julia Schwadron, and others who sent feedback.

All the changes are great right? Just looking at this list I’m quite proud of this release. But whew, it is a lot of work. It took hours of work over weeks. And untold time in my idle thoughts thinking of little ways to improve things. And there’s more to come. I have more ideas and requests to make WPFolio better.

But in all honesty, what makes it worth it is knowing it’s helping artists get their work online using the best, open source tools available. That WPFolio could mean the difference between someone overspending on Dreamweaver, getting frustrated, and not having a website, and someone using WordPress and WPFolio, spending some time on this site, and having a website that works – that’s a wonderful thing.

It feels great. And money is nice too. Donations help hire skilled programmers that can improve the project. Donations are also a gesture that show you value the code, the tutorials, and the time WPFolio has saved you. If you can’t donate, you can contribute your code (send your child theme!), your feedback on beta releases, or some other way. Part of what fuels this is reciprocation, so please, find a way to reciprocate. It means a lot.
Click here to lend your support to: WPFolio and make a donation at www.pledgie.com !

Posted in News | Tagged , , , , , , , , , , , , , , , , , , | 17 Comments

Securing WordPress

Nobody wants their site hacked and cleaning up the mess once it has been is much more time consuming than securing your site to begin with. Take a few minutes and implement some of the security strategies outlined in the following posts and save yourself some trouble in the future.

Posted in News | Tagged | 5 Comments

New mailing list!

I created a mailing list so you can stay informed on WPFolio. Mainly, I wanted to be able to contact users when we release a new version and some notes on the changes. You’ll get emails about once a month, maybe less. You can sign up and unsubscribe at anytime on the WPFolio Mailing List page.

Posted in News | Tagged | Leave a comment

Help test WPFolio v1.5.3 beta

I just went through a fit of coding making some improvements to WPFolio. Help test it and give some feedback.

A word of warning, there may be some code in here that is a little buggy. It’s not likely to break your site, but keep your stable version of WPFolio on hand so you can switch back if you have problems or don’t like it.

You can download the beta from github. The lastest version is 1.5.3b0713.

Improvements include:

  • sample child theme added with header image included as a demo
  • jQuery drop down menus that fall back to css (these may need some more design work)
  • using new WordPress 3.0 navbar
  • using new WordPress 3.0 image backgrounds
  • new admin interface with email list signup
  • uses category descriptions
  • better footer styling
  • better font selection that degrades gracefully
  • navigation validates – navigation widgets are deprecated
  • more specific classes for easier custom styling
  • and various code and design fixes

What to expect when updating:

Your widgets and background settings might not appear right away. Resave your theme options and drag widgets back into the widget areas. Background color is now handled under Appearances > Background.

Posted in News | Tagged , | 5 Comments

Question: How important is the foreground color to you?

As I’m working on the next version of the theme, it struck me that it would be a whole lot easier if the foreground color were consistently white. It seems most people are using a white foreground anyway. If you’re not, how comfortable would you be in learning to make those changes yourself?

Posted in News | 1 Comment

Contribute: help style drop down menus

Here’s a chance to contribute to WPFolio – I’ve got new features made available by WordPress 3.0 ready to go, but I need some help in smartly designing how drop down menus will work. If you think you can help, get in touch through this contact form.

Posted in News | Tagged , , , | 2 Comments

WordPress 3.0 Released

WordPress 3.0 is released and we’re excited about it. We’re working on integrating new features that will make menus easier to configure (without our WPFolio Categories and Pages widgets) and better define portfolio/art posts vs news/blog posts. Daniel Wiener has been working on some of the improvements on GitHub and I’ll be chipping in soon.

As far as we know, all versions of WPFolio are compatible with WordPress 3.0, though they don’t take advantage of the new features of course.

Posted in News | Tagged | Leave a comment

Question: What’s the first thing you changed in WPFolio?

What’s the first thing you customized when using WPFolio? I’m interested in any changes, but especially if you made changes to the code.

Discuss in the comments!  Thanks!

Posted in News | Tagged | 5 Comments

Adding a Thumbnail to a Video Post

I noticed in the search logs that someone was trying to figure out how to add a thumbnail for their video. I added instructions for that to the Adding Video post.

Posted in News | Tagged , , | Leave a comment

Sophie Kahn’s custom WPFolio site

Artist, Sophie Kahn recently posted her WPFolio site and I asked her to share some of the modifications she made.

Before we go into the customizations, I encourage anyone who is modifying the theme to check out child themes. By creating a child theme for your changes, you have the advantage of updating WPFolio as we make improvements and not losing your changes. If you have more technical ability, consider forking the project on github so we can include your changes in core releases.

Here’s some changes Sophie made to version 1.4.1 of WPFolio (with the help of her google engineer husband, David):

Bigger thumbnails. I found the default thumbnails were too small for my taste, so changed them to 250 x 250 px. This caused some layout problems, so Dave adjusted the max-width and max-height CSS parameters of the image containers to make them lay out properly again.

Fixing Captioning problems in Lightbox. I have long titles and the default text in the lightbox theme I liked was too large; it doesn’t wrap well and was overlaying the ‘image 1 of 5′ text. It was also hard to read as it sometimes overlaid the image and the font was fairly light, which was a problem for renders with a white background. Using CSS, made the font for the caption a bit smaller, and put a padding-right on the caption to stop it overlapping with the page indicator, which as a float:right can occupy the same space.  Fiddled the layout a bit so that there was enough space in the margin above the image to accommodate two lines rather than just one.  Again, nothing fancy.  If it goes to three lines it’s still wrong, but as there aren’t any images which this causes problems with on the site yet I haven’t bothered fixing it.

Removed auto-headings from pages and categories. I felt my images and text were self-explanatory.  Just commented out the relevant sections in the category and page php templates.

Using Plugins. We did some other customizations – Constant Contact signup button (Dave changed the look a little to make it cleaner), RSS button and Twitter follow button hard coded into the footer and sidebar templates.

Posted in News | Tagged , , , , , , | 13 Comments

Getting rid of “Comments are closed” message

At the LMCC workshop someone pointed out to me that when comments are disabled, rather than showing nothing, the words “Comments are closed” appear. That’s not what we want!
Unfortunately I missed it when I was coding. I just fixed this in the WPFolio code, but the change won’t come until the next update of WPFolio. So for the eager, here’s how you can remove it until the next version comes.
Go to the Appearances > Editor in the WordPress Administration menu and select the comments.php file to edit.
Find this line in the code code:


Comments are closed.

And comment out the “Comments are closed” message like so:


	

You can just replace the top section with the bottom by copy and pasting if you like.

Posted in News | Tagged , , , , | 6 Comments

Version 1.5.2.1 is on WordPress.org

This is the version we just submitted to WordPress.org. If you can’t wait, it’s available on github.

The only difference between this version and the last is this newer one takes advantage of WordPress’s threaded comments feature.

Update:

It’s now live on WordPress.org

Posted in News | Tagged , | Leave a comment

WPFolio 1.5.2b1 is online – small fix

Just posted WPFolio 1.5.2b1 – I had included a small error in spacing in the functions.php file that could cause occasional problems. If you’re running 1.5.2b, you should update it to this version.

WPFolio 1.5.2b1

Also, if you’re running any of the Beta’s, please report any problems on the ticket system.

Thanks!

Posted in News | Tagged | 2 Comments

LMCC Workshop

Free Tools to Create Your Own Artist Website

Led by Steve Lambert, New Media Artist and Code Developer of WPFolio

This workshop will provide artists with the basic skills to create a personal website that is easy to update and maintain. Participants will learn how to use WPFolio, a free and open source website template on WordPress, created by artists for artists. Via these tools, Steve Lambert will walk through step by step on how to set up a website during the course of the evening. This two-hour workshop covers the essentials artists need to know about DIY website creation, with tips on how to maintain your online presence in the most cost- and time-effective way.

Date and Time

Thursday, May 20, 6:30PM–8:30PM

Location

Lower Manhattan Cultural Council 125 Maiden Lane, 2nd Floor

Workshop is free, but space is limited. RSVP is required.

TNT: Training, Networking and Talks is supported by New York City Department of Cultural Affairs, New York State Council on the Arts, and The Joan Mitchell Foundation.

Posted in News | Tagged , , | Leave a comment

1.5.2 beta is up

You can download it 1.5.2 beta from Github. The new version includes a taxonomy (like a tag) for media. Exciting! Will post a tutorial on the wiki soon.

Posted in News | Tagged , , | Leave a comment
Are you signed up for     WPFolio email updates? »