Nick Van der Vrekens blog & portfolio

Fhi-zin, free AJAX Wordpress theme template for Portfolio and Photography

October 28th, 2008

AJAX, CSS, Javascript, Noteworthy, Photography, Projects, Themes, Wordpress

Fhi-zin is one of the best Wordpress themes for Portfolio and Photography websites on the web, and with its unique design it doesn’t even look like a Wordpress website ! On top of that, its completely driven by an AJAX engine, is Googlefriendly, SEO-optimised and capable of attaching an unlimited amount of images on each post.

Like I said before, Fhi-zin is completely AJAX-driven. It’s powered by my com.bydust.ajax class, which automatically converts a static website into an AJAX-driven website. The theme runs smoothly on computers with javascript disabled, for example older browsers and search engines. Whenever a javascript error occurs - which should be never, but you never know - the ajax class should commit suicide and your theme will run without the ajax-functions. Offcourse that never happens, its just in case ;-)

Fhi-zin will most likely be used for portfolio sites and photography galleries which will use Wordpress as a CMS-system. The possibility of attaching an unlimited amount of high-resolution images to each post can be used to create a separate gallery from each post in your Wordpress site, which you can group in the standard Wordpress categories. There is no maximum dimension size for these images, but if you pick large dimensions some users may have problems viewing the images since they dont fit on their screen. If you keep the dimensions smaller than 1000×700 things should be fine :)

Apart from the unlimited images, you can define external links and downloadable files for each post too. There is a live demo available for you, and the theme is up for download on Wordpress.org.

When the theme is activated, there will be an information page available in your Wordpress administration. This can be very usefull for adding images and links. If you still have some questions or remarks, please post them here.

For all users who want scrollbars in the post/page content text, I’ve made a modified theme which includes scrollbars. You can download it here. If you already uploaded the Fhi-zin theme, you just need to replace the files “style.css”, “single.php” and “js/main.js”.

I’ve found already quite a few websites who use Fhi-zin, here are a few nice examples:

Subscribe for updates

Leave us your name and email adress and we'll inform you when someone posts a new comment. unsubscribe?




There are 389 replies to this item:




XHTML:Please use "<pre>" to insert code: <pre lang="actionscript asp css html4strict javascript php sql xml[pick any of these languages]" line="45[starting line, optional]"> your code here </pre>

  • #389

    March 5th, 2010

    Anonymous says:

    hi guys,

    i have a situation,i cant get the photos together in one line and make them slide.I dont know that I’m foolowing right approach?

    I add new post, upload image from directory and get the URL and paste it to the value of custom field called
    image_small_120×120.then I add new URLs in same way then i ssave draft and publish, but it shows only one image and no sliding.

  • #388

    March 5th, 2010

    mali says:

    hey Jimic,
    your solution worked on my system thanks :)

    btw I wanna thank u Nick also.

  • #387

    March 4th, 2010

    markomarko says:

    Thanks you for this theme

  • #386

    February 27th, 2010

    Jo says:

    It’s me again :P

    I wasn’t too lazy and read the prevoius posts. Aaaand I’ve found the solution. All the time i thought that the carousel (did I douchebag say slides?! Sorry, it’s already pretty late) is a function that automtically appears (like a gallery). Now I fixed it and I can finally get some sleep ;-)

    Bye!

  • #385

    February 27th, 2010

    Jo says:

    Hey Nick,

    I’m really impressed. This theme is terrific! But I’m having some issues with the ’slides’. Like here: http://www.bydust.com/examples/fhi-zin/#/examples/fhi-zin/category/photography/ I’m trying to figure out for hours how I can make my images appear in a row. The only result I get is the charming “image not found” picture and the option to view 3 images above. The lightbox is working totally fine and I read the instructions a thousand times but I just don’t get it. Maybe you could help me?

    Best regards, Jo

  • #384

    February 17th, 2010

    jimic says:

    oupsss !
    think I made a little mistake using the “

    " to insert the code sample... sorry for this
  • #383

    February 17th, 2010

    jimic says:

    Hello there,

    First my greetings to Nick for your great job, and many thanks for sharing it.(and sorry for my poor english if I were to make mistakes)

    As many of us here, I had this problem with viewing the thumbnailed images with reflection : those famous “image_small_120×120″.

    Looking in the html code of the element, an image with an height=”NaN” was searched (and of course not found) even with the “image not found” image.

    After reading all the posts here (uuhh!) and trying differents solutions, the only way I finally found was to by-pass those lines in the reflect.php :

     /*
        if (ereg_replace('[[:alpha:][:space:]()]+', '', $gd_info['GD Version']) < '2.0.1')
        {
            echo 'GD library is too old. Version 2.0.1 or later is required, and 2.0.28 is strongly recommended.';
            exit();
        }*/
    

    May be this will help some of you…

    And Btw, if someone have any idea about the reason I have to do that…he will be very welcome
    (I’m actually working in local-mode : apache server - php 5.3.0 - with GDsupport enabled and GDversion bundled 2.0.34 compatible.)

  • #382

    February 3rd, 2010

    jean says:

    Hi I really want to use the Fhi-zin theme for wordpress and i have incorporated it into my site …the only thing i do not now to change is the message on the home page …….

    “Hi there,

    welcome on the Fhi-zin example blog.
    This blog is set up so you could see what the Fhi-zin Wordpress theme would look like in action. It is available for download on http://www.bydust.com.”

    Where do i change this….please help
    Jean

  • #381

    February 3rd, 2010

    Tiffany says:

    Hello,

    I am unable to get the photo gallery/lightbox feature to work.

    I’ve attempted to follow the directions in comment #94 by adding custom fields, but have been unsuccessful in getting the links to display. I have also tried going into the image library in Word Press to “attach” the image to a post. No success.

    What do you suggest? Let me know if I need to provide you with additional detail.

    Thanks in advance!

  • #380

    January 26th, 2010

    Debi says:

    Sorry. I think I forgot to include the website URL when my husband started talking to me.

    Please let me know if you need an admin password or anything to look around.

    Debi