WordPress Photolog Theme: Photo-Biyori

japanese  english  

pb-dk-screen.jpgpb-lt-screen.jpgSince I moved my photolog, PHOTOMO, from Movable Type to WordPress in 2006, I’ve been asked if there is a photolog theme available like mine.Finally, here it is. :)

Features
- Generate thumbnail automatically.
- Insert thumbnail automatically.
- Built-in thumbnail navigation.
- Buit-in random link navigation.
- Widget ready.
- Comment threading ready.
- Default picture size: 500 px
- Default thumbnail size:60 px x 60 px

Requirements
- WordPress 2.7+

STEP 1 – Installation

Download Photo-Biyori theme.
(Version 2.0.1 | Last Updated: 2.17.2009)

Download Photo-Biyori LT  Download Photo-Biyori DK
Upload Photo-Biyori folder under /wp-content/themes/.

STEP 2 – Settings

Login to your admin panel.

  1. Choose Photo-Biyori as your theme from Appearance > Themes.
  2. Settings > Media > Image sizes
    Thumnail size – width 60 / height 60
    Check “Crop thumbnail to exact dimensions (normally thumbnails are proportional)”.
    Medium size: Max width 500 / Max height 500
  3. Settings > Reading > Blog pages show at most 36(*1)
  4. If you use comment threading
    Settings> Discussion > Other comment settings
    Check “Enable threaded (nested) comments x levels deep”.

STEP 3 – How to Post

Use WordPress default media uploader. In upload window, choose “Alignment – None, Size – Medium” and insert into post. At this point, the excerpt field is still blank. Once you click “Save Draft”, the thumbnail code appears in the excerpt field.(*2)

STEP 4 – How to Create Pages

  • Archives page
    Page slug: archives-index(*3)
    Attributes > Tempate > Archives
  • Tags page
    Attributes > Tempate > Tags
  • Links page
    Attributes > Tempate > Links

To use widgets in Photo-Biyori, please read this post.

If you have any questions or feedbacks, please leave your comment here.

Big thanks to: Balazs @ Lost in Pixels for the inspiration to show/hide comments!

  1. This defines number of thumbnails shown in archive pages.[]
  2. if image source code is still blank like <img src=' ' />, click “Save Draft” again.[]
  3. Click “Screen Options” if you don’t see page slug field.[]