Reflection-Mod Photoblog Theme for WordPress

Theme Updated - 2nd October, 2010 (Reflection-Mod 1.2.1)

Random Thumbnails in WordPress theme Reflection Mod
Reflection Mod WordPress Photoblog Theme - Screenshot
Download Reflection-Mod Photoblog Theme for WordPress

Reflection-Mod v 1.2.1 Photoblog Theme for WordPress : Demo

Reflection-Mod Logo for Header (Photoshop PSD File)

Do you like the Reflection-Mod or Reflection themes for your Photoblog? Then be sure to check out my matching WordPress text blog theme - Refractal

Reflection by David Moxey is a beautiful WordPress theme for photoblogs which utilizes Johannes Jarolim's excellent wordpress plugin, Yet Another PhotoBlog Plugin (YAPB). Reflection-Mod is my modification to the original Reflection theme to enable Category and Tag functionality and a host of other enhancements both in appearance and functionality. These include a number of slick Javascript slider animations that help unclutter the look of the site while still having all the relevant information/links easily accessible. I have listed the features of this theme below. For a detailed description of all the changes made to my theme since it's original release, please check the Reflection-Mod Changelog. The best way to see the differences is to visit my Reflection-Mod Photoblog for a Demo. Also, be sure to check out my new theme - Refractal. This theme is meant to compliment Reflection-Mod as a similar looking theme for your regular blogging purposes.

If you'd like to see a good example of Reflection-Mod integrated with Refractal to form a complete blog+photoblog, check out Markus Hellmold's new site featuring a tight integration between both themes:

Xtropolis (WARNING: Some photographs have adult content, so it isn't a work safe site)

Changes in Latest Reflection-Mod (1.2.1) (October 2nd, 2010)

  • PHP 5.3 compatible: Thanks to Qlawy for a modified version of reflection-mod that got rid of some unsupported code. This should fix issues people were having with reflection-mod spitting out some weird code.
  • Better SEO support with title and alt tags for improved SERPS - Thanks to Harry on the forums

Changes in Reflection-Mod 1.2 (January 31, 2010)

  • Lightbox (SlimBox) effects can be enabled for Category/Tag archive galleries: New in version 1.2 is an option in the admin panel to enable a lightbox effect for quickly browsing through images in your category/tag archives.
Lightbox effect in Category/Tag archives
  • Disable/Enable automatic display of Shot Info (Post Text) with Photoblog Image: Admin panel option to enable or disable the automatic display of your Shot Info/Post text along with the photoblog image. Gives you this option depending on whether the image is of utmost importance or whether you prefer to display both the text and image as a single combined entity.
  • Enable/Disable EXIF link in Photoblog
  • Latest Theme Version Box in Admin Panel: The theme admin panel now displays the latest available version of Reflection-Mod with a link to the download page. Now you will always know if you have the latest version of the theme without having to actively check my site.


  • Implemented a multi-level CSS drop down menu: capable of displaying multiple levels of pages in the navbar.
Reflection-Mod - Drop Down Menu
  • Improved compatibility with older versions of PHP: Introduced an option in the Admin panel to turn of AJAX browsing of images which should make the theme compatible with practically all webhosts and PHP versions. Also includes JSON encoding for better PHP compatibility
  • Ability to change image quality: Implemented an admin menu option enabling the user to specify the image quality of images. Higher quality images will take longer to download. Can be optimized for a given webhost's speed/performance.
  • Support for a lower navbar: Make a separate unordered list in header.php with an id of "navbar2" to create a second set of hard coded links in the lower row of the navbar. Can be useful for integrating the photoblog with a regular text-blog running the Refractal theme.
Lower row of links in Navbar
Reflection-Mod - Lower row of links in Navbar
  • Support for Category and Tag listings. When browsing images in a category, Prev/Next image links allow you to browse single images within the same category. I think this is a key feature missing in almost all WordPress photoblog themes (Even Pixelpost). Note: You need fancy permalinks enabled in WordPress for this to work. If you have the default permalink structure, in-category browsing will not work.
  • Widget ready sidebar (can be disabled): While I prefer to have a completely uncluttered look, I have enabled it to show how it looks. You can use any widget you like.
  • Random images hyperlink now displays a slick slider that pops down with 7 thumbnails of random images from your archive. This allows the user to select an interesting image out of an assortment of random images.
Random Thumbnail Slider in Reflection-Mod
  • Neat slider animations (Javascript - MooTools 1.11) for the Category and Tags listings, Random image slider as well as dynamically loaded comments.
  • AJAX effects are persistent throughout the browsing process. In the original theme, clicking on Archives/Comments, etc would break the AJAX browsing mode and would switch to regular page loading.
  • Robust Admin Menu with tons of options! Now you can control a host of options from the Admin menu such as Copyright Information, enabling/disabling tags, categories, sidebar, reflection-effect, header page listings, etc. This means you shouldn't have to meddle with the actual theme code to get the look you desire.
  • Downloadable Photoshop Template for creating customized header logo for the theme.
  • MOST IMPORTANTLY: A brand new, matching text-blog theme - Refractal - that can be used on your website for a separate WP installation for the regular Blog component of your site. The two themes, Reflection-Mod and Refractal look and feel the same so it allows you to integrate your regular blog and your photoblog under one common umbrella!


Before you install this theme, please make sure that:

  • You have installed the Yet-Another-PhotoBlog plugin correctly and that it is working. Follow the instructions on the plugin webpage to install the plugin properly.
  • Once YAPB is installed, go to the YAPB options section in the Administration section and make sure to disable all the automatic image insertion options for the plugin. If you fail to do so, YAPB will conflict with Reflection-Mod and things will behave very strangely.
  • Like Reflection, this theme requires every post to contain a YAPB image. If you wish to have your own content (without an image) add it in pages and not posts.

Once you have done the above:

  • Download Reflection-Mod 1.2 Photoblog theme for WordPress and unzip the contents of the file.
  • You should now have a directory titled 'reflectionmod'. Copy this directory and all its contents into the wp-content/themes/ folder of your WordPress install.
  • Once all the files have copied over, select Reflection-Mod from the Themes panel in the Administration section and activate it.


Creating your own Reflection-Mod Logo for the Header

This is one of the first things you probably want to change. (I presume that having your own photoblog under my name is not a very appealing option =) ). To make this process simpler for you, I've gone ahead and uploaded a Photoshop template for the logo. Download the Photoshop Template for the Reflection-Mod header and open it in Photoshop. The Layers in the file are labeled and you should be able to easily edit the text in the Title layer. Copy paste the same text into the reflection text layer to get your final logo. Of course, you can go crazy and make a much more creative logo if you feel like it :).

For those who don't have access to photoshop, it won't be as easy, but creating a logo is still simple. Just open up the logo.png file in /reflectionmod/images/ in GIMP (Opensource software equivalent of Photoshop). Use the eyedropper tool to pick the color of the 1pixel gray line, and create a new 1px line of that color on a new layer and position it over the line in the original logo.png image. Then follow a tutorial such as this one to create the reflection effect on your text. Finally save your image as logo.png and overwrite the default file in the /reflectionmod/images/ folder.

Creating Archive/Mosaic Page

If you wish to have a link in your Navbar titled Archive or Mosaic, which contains an array of thumbnails of images from all your posts (grouped by year), then create a new page and make sure to select the Mosaic Page Template instead of the Default template. Unless you want to have some text preceeding the thumbnail archive display, you can leave the body of the page empty. If you have the "Disable AutoPage Listing in NavBar?" option unchecked, the Navbar will automatically update to show a link to the Archive/Mosaic page. If you do choose to disable the AutoPage listing option, then you will need to go into header.php and manually enter the URL to the Archive page as an "a href" link in the Navbar unordered list.

Creating an About Page

Create a new page titled "About", but this time use the "Default Template" for the page. Enter whatever text you want (feel free to embed images too) and then save the page. As mentioned above, it will automatically show up in the Navbar if Autopage listing isn't disabled.

Other Theme Customizations

Most of the other admin options are fairly self explanatory. The first few options deal with the Copyright information that is listed in the footer.

The portrait image width and landscape image width refers to the maximum width the images should have when displayed. Keep in mind that the value in these boxes should not exceed 800 as it will break the theme. (The theme is coded to have a maximum image container size of 800 pixels). The default value is 800 for landscape images and 450 for portrait images.


By default, the Sidebar is disabled. When you first enable it, it will say something like "No Widget". You will need to add elements to the sidebar using the Widgets option in the dashboard. I am currently using the Subscribe Sidebar and the Yet-Another-Photo-Blog sidebar widget plugin on my photoblog. The latter is setup to display 5 recent thumbnails (100px width).

Permalink Structure for your PhotoBlog

I would strongly recommend that you use the fancy permalink structures for your photoblog. This will also enable in-category browsing of posts for this theme. The URL for your posts will look cleaner and the names are far more intuitive than a URL that looks like . My favourite permalink structure for photoblogs is: /%category%/%postname%/ . Check the image below to see what your permalink settings should look like.

Wordpress PhotoBlog Permalink Structure
WordPress PhotoBlog Permalink Structure


To customize the Exif data that is displayed in the overlay panel, select Exif filtering in the YAPB options and select the different field values that you would like to have displayed.

Final Comments

Reflection 1.2 along with Refractal is a new update, and one that I wasn't planning on ever doing, but made possible thanks to feedback from users and encouragement from a good friend (we have come to become friends due to this theme) Markus. So if you like the theme, let me know! I don't expect everyone to donate but it really does help a lot to know that there are folks out there who find this theme useful and enjoying it :). Also if there are any features you'd love to see, let me know. I can't guarantee anything, but you never know!


  • The biggest thanks has to go to Dave Moxey for his Reflection theme. It has been a lot of fun learning PHP, basic Javascript, CSS and WordPress while I tried to modify his theme and I owe it all to him. I would never have started on this if I hadn't fallen in love with the original Reflection 1.0 theme to begin with. Once I started setting it up I got more into it and decided to mod it to my liking resulting in this theme.
  • Johannes also deserves a huge thanks for his amazing Yet-Another-Photo-Blog Plugin for WordPress.
  • A big thanks to and all the other great sites on the net with some amazing tutorials that made modding the theme possible for a PHP/JS/WP newbie such as myself.

Questions? Please use the Forums

Please use the forums for asking theme related questions. I won't be answering theme related or technical questions in the comments section as it makes it really hard for other users to find answers to similar questions later on. Of course, if you just want to stop by and say hi and give me your opinion of the theme, please feel free to do so in the comments section below 🙂

294 thoughts on “Reflection-Mod Photoblog Theme for WordPress

  1. Unfortunately, after upgrading to PHP 5.3 reflection-mod on my site totally crashed. I’m unable to find out why. Tried to updated to newest Reflection-mod but didnt solve the problem. I see part of yapb_filter.php instead of my main site.

    1. I solved this problem. The issue was that php-5.3 seems to not parse code, it need to have instead. After changing all <? to <?php and some other changes theme seems to work well. I can paste patch file if anyone is interested in.

      1. Hello Qlawy,

        I have the same problem 🙁
        but I found not all bugs. I changed all <? to <?php but there are more problems. I'm realy interested in your patch file

  2. Thank you very much for a job well done! I wasn’t able to use it before and now it works wonderfully!

    Hope next we’ll see a rotating slider…;-)

    All the best & keep up the good work!

  3. Is there any way to make this beautiful theme to work in two languages? I tried qtranslate plugin. But pressing prev or next changes the name of the picture and info to default language. Probably using mo-files could help?

  4. Hello! compliments the beautiful template reflectionmod.
    My photoblog is at version 3.01 wordpress hosting free altervista
    db 1 level.
    I installed your template but when I go to see the preview before I activate it opens a blank page with this error:
    Parse error: syntax error, unexpected T_OBJECT_OPERATOR in / members / bfdesign / wordpress / wp-content / themes / reflectionmod / index.php on line 51
    you can tell me how can I fix this?
    I tested it on my pc with xampp and does not give me this kind of problem but when I install it on line I get that error then if I get active on the site ..can you help me please?
    waiting for a response



  5. Hi Sudeep,

    What a great job you did with (the already magnificent) theme! Your enhancements are simply stunning!
    And thanks for sharing it for free!

    I’ve adapted a link to your site in my ‘contact’ segment.

    greetings from holland, Frank.

  6. Hi, this is such a wonderful theme that suits most of my needs! Especially the documenting is very newbie friendly for people like me. I’m just here to say thank you for all the hard work and will be looking forward for any future updates.


    William from Sydney

    1. I will second the suggestion to add it to the template database.

      I might want to add norwegian language in the future depending on what my brother wants on his page …

      — Yngve

      1. Yngve,
        Unfortunately I cannot add it to the database as I believe the dependency on the YAPB plug-in prevents addition to the database. In addition, they are quite snooty (imo) about what can or can’t get in and after trying to submit Refractal to the database, I decided it wasn’t worth the hassle and effort.

        As for adapting it to another language, please do go ahead with it :). This along with Reflection by Dave Moxey are released under GLPv3, so you can do as you like with the theme!


  7. I just wanted to say that your modified reflection theme is just amazing. I’ve used it for my new photoblog – now I just have to add photos, explore and tweak … My brother loved it as well, so I’m gonna use it for his new webpage when I’m setting it up.

    Keep up the good work, and I hope you will welcome suggestions while I explore 😀

  8. Just a quick question concerning the latest picture added to a photoblog. Now when you go to the latest picture you only got an option to go to the previous picture which could confuse visitors. Wouldn’t it be a solution to either add a link to the right side of that picture or a next leading to the oldest picture added?

    — Yngve

  9. I have been using this theme for a Photoblog for awhile. I got annoyed that AJAX effects didn’t seem to work with certain other plugins installed, so finally got around to working out why. Turns out there is a “right” way and a “wrong” way to do AJAX in plugins. The ajax is all supposed to be handled by admin-ajax.php and then you don’t need to do any hacks for getting access to the wordpress database in the theme/plugin.
    I have done some coding and moved ajax_request stuff into admin-ajax, added the hooks and modified the js to call it appropriately now. (The only thing missing is the ajax url which is currently hard coded while I was testing and I’ve not finished changing that to a dynamic url). I’m more than happy to share the code so that others can enjoy ajax goodness too. If you are interested Sudeep in merging my changes back into your version just ask, otherwise I’ll publish at least a patch on my website.


    1. Hi Tim,

      Thanks for posting about your tweaks. That sounds amazing! I would be very happy to incorporate the changes you’ve made and release an updated version on this site (of course, with full credit to you). I do know that, the js conflicts was/is an issue, but if you haven’t figured it out yet, I’m not very familiar with JS or PHP (or even WordPress for that matter). I just like coding and ended up hacking at Reflection and reverse engineering the logic to figure out how things work and then made changes accordingly.

      As a result, I’m sure I didn’t follow best practices, and I’m glad someone like you who is more adept at coding stepped in to fix these issues :). I’ve emailed you to get in touch with you about this.


      1. I really like the Reflection-Mod Theme. I’m just about to start a blog using it but I came across some problems with some wordpress plugins. The layout gets messed up when they are activated (at least in IE). Seems like the java script code does not work then because the plugins insert some code not compatible with the code of the theme.

        Do you know about this problem? I would really like to fix it myself somehow but I have now idea where to start. And I’m unfortunately not good in coding java script.

        Any idea what’s the problem with this uncompatibilities?

        1. Roland,

          Unfortunately it is a difficult/impossible task to fix this. This is most likely caused by different plug-ins using different Javascript frameworks (like Moo Tools, jQuery, Scriptaculous, etc). This theme is built on an older version of MooTools. These frameworks tend to conflict with each other which is why it causes issues when loading multiple plugins that call different frameworks.

          Additionally, it will unnecessarily increase the loading times and size of your website as you will have to load scripts for both frameworks (and the scripts can get quite bulky). I’d personally advise against using plugins using different frameworks.

          Unfortunately it will have to be an either-or decision for the theme depending on whether the plug-in is critical to your site.


  10. Hi. I modified my theme to put back in the login/logout button. I think it would be cool to have this as an option. I would also think it would be cooler if it can be an ajax login like a div hover when you click on it.

    Also, do you know any profile addons that allows users to see their comments?

  11. Hello again!

    I am wondering what code can I replicate to make another button like random that has a drop down. I’d like to have another menu button to show dynamic content like that.

  12. Hi,

    Quick Question. I edited my logo with gimp, by adding the text word “photography” next to my logo “JM”. The JM portion of my logo shows on the webpage, but the :”photography” word that i added with GIMP is not showing. in fact, it is cutting through the border line instead of laying over the border line the way my logo of JM does. Any ideas to get the “Photographer” word to show as well?
    The website is You will see what I mean when you see the site.


  13. Hi Sudeep,
    I have a problem that I can not leave. If I choose to sort by tags, the Lightbox function is turned off, the big match the images displayed are not in accordance with the selection of Thumpnails. More specifically, does the first selected picture, the rest mostly not. I’ve tried different settings in the Administartion, but without success. In the selection of Categories, does the number of pictures shown. What can I do?
    Best regards

  14. Hello Sudeep,

    I need your help please. I have installed your stunning theme, but the links “Prev/Next” do not work and I have configured already the permalinks with the format that you recommend.

    You can check the webpage in

    Could you please help me?

    Thanks in advance!!!

    1. Hi,

      I have the same issue with prev / next. When I hit those buttons, the circle is spinning, but there is no image.

      I saw that you fixed your issue on your blog, maybe you can give me a hint?


      1. Calin,

        If you are having the issue with a fresh install of the theme and with no other plugins loaded/sidebar plugins, then it is most likely an issue with the PHP version on your webhost.

        Otherwise any sort of javascript conflict with a plugin could cause such issues.

  15. Hi Sudeep,

    great Theme!!! It is really awesome.

    When I browse by category, it only shows 10 pictures at a time. To see the remaining ones, I have to select “Older Etnries”
    Is there a way to change this ?

    Thanks a lot

  16. Sudeep, you have a wonderful photoblog and have done a great job building upon the reflection theme. I installed YAPB and your reflection-mod template and both YAPB and the reflection-mod template seem to work on my web site but I am a newbie so I don’t know if it works completely correctly.

    However, when I added an “about page” and saved it according to your installation instructions, nothing appears on that page. The only thing displayed is the blank template with the default menu. I don’t know whether this is a reflection issue or a YAPB issue. Can you give me direction or assistance If I provided monetary support?

Leave a Reply

Your email address will not be published. Required fields are marked *