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.

Features

  • 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!

Installation

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.

Customization

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.

Sidebar

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 www.yourdomain.com/?p=XX . 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

EXIF Data

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!

Acknowledgements:

  • 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 www.w3schools.com 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 :)

386 thoughts on “Reflection-Mod Photoblog Theme for WordPress

  1. Today, I went to the beachfront with my kids. I found a sea shell and gave it
    to my 4 year old daughter and said “You can hear the ocean if you put this to your ear.” She placed the shell to her ear
    and screamed. There was a hermit crab inside and it pinched her ear.
    She never wants to go back! LoL I know this is totally off topic but I had to tell someone!

    1. 21st February 2010 at Urgh, that’s really snartge / annoying / frustrating about your phone It might have been some of your apps updating, maybe? I know my brother told me that on his iPhone, he only gets free internet for the first year, then it starts to cost him (on PAYG), so maybe it’s the same for you? How long ago did you get your iPhone? Then again, if it’s connected to Wifi, it shouldn’t cost you anything anyway, because it’s not connecting through the network..Aww, that’s a shame about ballet, because you were really looking forward to teaching (by the sound of it) but, at the moment at least, your university grades are more important than teaching ballet. Maybe once you get more time on your hands you could go back into it?Wow! Indecisively.me is looking incredible! It’s a shame you don’t have o1s anymore, because you had it so long, but I definately prefer this name and extension! I’ve never really timed how many words I can type in a minute to be honest.. I’ll google it and see if there’s a website that does it for you..apparently it’s 80WPM Is that fast? Maybe, at least it only happened once, and it’s not something that keeps on happening! I hope she’s okay though, whatever it was Trains are definately more reliable! And that’s the reason! ahaha, are you sure it doesn’t look smaller now because you’ve grown? I think that I’ll miss high school, actually. I only have three/four months left. It’s gone so fast! Wahoo! Elbows are pretty easy after the first attempt: becca ;] see, my elbow can even do smiley faces xDI vaguely remember Vicky having type your name with your elbow as a Q on one of her blogs, now that you’ve mentioned it.. ^_^

  2. The trouble iss that this compromises the rest of the ride, which never
    loses intensity or speed. You will need a good computer thqt runss the way server
    experience resuime it should and the simple knowledge of
    how to work with maay be able to save good amount of time without any delay.
    This helps in decreasing the radiation from the computer that may be more server
    experience resume than yyou need.

    Here is my page sample of a cover letter for a resume

  3. Its such as you read my thoughts! You seem to grasp
    so much about this, such as you wrote the e-book in it or
    something. I feel that you just can do with some percent to force the message house a bit, but other than that, that is magnificent
    blog. An excellent read. I will certainly be back.

  4. Hi there! This is my first visit to your blog!
    We are a group of volunteers aand stafting a new
    project in a community in the same niche. Your blog provided us useful information to work on. You
    have done a wonderful job!

  5. I’ll let Becky, one of the veteran coconut oil users,
    explain this to you:. Tender coconut water increases glow and fairness of skin. If you don’t know,
    a pre-poo is a treatment you put on your hair before you shampoo it.

    1. he’s doing really well LOL. Well, both of your ierntests sound really cool. No doubt your parents are proud ;DHaha yeah! I told my dad about that 60 year old at your university, and my dad was like Yeah, people do study when they are older, because they missed out on the opportunity when they were younger That’s why I have to start early and not put it off ! Aww, maybe she needs some good old sleep . I hope she’s fine (:LOL. Ah, I haven’t been to the zoo since the summer. I went to Hershey Park, in Pennsylvania and they had like a zoo! It was really cool !Haha, I need to find a Viet place here! I’ve seen it where my sister is at college, but not here! But I’m sure I’ll find SOME place with it.LOL, you should go visit him, and be like DUDE WHAT THE HECK, MARRY HER LOLLL Haha Wahhh! I hope you can get things cleared with your phone. My sister once, got charge like $130 for texting fees. Meanwhile, she didn’t text! Turns out, something was like sending texts from her phone, every single second, to a number we’ve never seen. We got it fixed though, and they blocked her texting to prevent it from happening again.Aww sorry to hear about the whole dancing situation. That must stink, they should really have told you before! YAY for Indecisively! I love the name (: Haha xD

  6. It is still uncertain, but this too could be a hint that
    he is tied to Uzushiogakure somehow.EFT and Kujii Kiri booth tap into
    DNA ability to be programmed as it relates too the flow of Chi (life force).

    To make money with Facebook page, you nwed to have “fans” for
    your Fanpage.

    My blog post; ultimate ninja naruto

  7. You might have even looked at the postings in the
    personals section. Know for sure that the correct forms are being used.

    It truly is tough as a way to feel energy required genuine simple fact not having super-hero pics, diverse types of typography, needs besides as a result
    execute putting together your current reduce.

  8. Heya this is kind of of off topic but I was wondering if blogs
    use WYSIWYG editors or if you have to manually code with HTML.
    I’m starting a blog soon but have no coding experience
    so I wanted to get advice from someone with experience.
    Any help would be greatly appreciated!

    Here is my blog post … extofiles.Com

    1. 20th February 2010 at What a weird thing about the phone. Maybe the company stole your money or semothing. Its really weird. I read it that on Twitter too. This happened to me too one year ago I think. I lost around 30$. I was so pissed off. I hope that you hear from your company and somehow to get your money back!I’m sorry to hear that you won’t teach ballet, but it’s true that University is more important than ballet. I can’t wait to see your Photoblog. I think that it will be great. I want to make one for myself too! I really was and still am busy. Hahah! My Chemistry teacher yells a lot, but she’s really nice. Hahah! I know that it sounds weird. I love watching sports especially Figure Skating. But I got bored easily of Basket Ball because nothing interesting happened since we all the time gave shots. Its pretty interesting. I know a lot of people you are infected with it. I absolutely agree with you. He might do it again. Everything is possible, he should go to Psychiatrist.I know people who are really insensitive. How could the be? I really hate them when they say rude things. Ugh! Oh well, at least you had fun other day with James.

    2. 21st February 2010 at Ah, I’d rather have capret! With tile floors and cement walls and being the basement of the house, it gets very, VERY cold in my room in the winter. And while everybody else in their houses sleeps without blankets in the summer, I can still keep three or more on because it’s so cold!Ahaha, when I first started dabbling in HTML six or so years ago, I always used the web-safe colors. Some of them aren’t too bad, but there sure aren’t many options!Wow hm. Making your site look all right for the color blind I guess all that would really matter is that they can see the text. That still things like a hard thing to do. :/ Yeah, you certainly can’t cater to everybody. Still, I wish that I could look at my layout in either of my two computers and see the same thing. I just made a really cute base on my desktop, and now that it’s on my laptop the shade of pink is all off and everything looks a little weird. Ah, well. Such is the life of a webdesigner.

    1. Dear AriI would love to hear what Joyce is saying and I can barley hear Debra but your voice is as clear as a bell. Could you hold the mic near them when they are speaking. All joy to you and yours. Smiles

  9. You could certainly see your enthusiasm in the
    work you write. The sector hopes for more passionate writers like
    you who aren’t afraid to say how they believe. Always go after your
    heart.

  10. When he came out, he shot his 6-year-outdated friend in the head. Samuel Mills- (June three, 1959 – April 18, 2005, Neptune), NFL linebacker. Their most well-liked fashion is Cordones which are ideal for teenager ladies. xboter 2014

  11. Apply the guidance in this write-up and be on your way to making excellent travel plans. Tell your children what is going to occur when you get to the airport. Target even has a model or two for the tightest of budgets! xboter 2014

  12. There are multi-coloured designs obtainable and for more dressy moments they have also produced sequined sneakers. They also had to set up working water and electrical energy only to have it taken out when they were via. xboter 2014

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>