PhotoBlog Theme for WordPress

Times change.

This post appears to be over 14 years old – a long time on the internet. The content may be out of date.

If you want the information in english – please have a look on this this anchor.

It is well known that you can do more with WordPress than just a weblog in the sense of a diary. The possibility of displaying photos in the sense of a weblog has already been sufficiently demonstrated. However, the variety of themes that is available on the market is not that extensive, so I made my own to display some of my pictures.

In order to put the presentation of the photos in the foreground, I decided on simplicity and gave only a few details about the photos. The theme itself, however, is structured in such a way that you can also store content for the photo – the content from the well-known WordPress edit area.
The information (EXIF) of the photos should also be loaded if they are available.
The theme uses the JavaScript framework jQuery, which has been standard since WordPress version 2.1. The plugin uses this standard, so it does not have to be present in the theme. jQuery was chosen because of the very small data package (20kByte).

demo

You can view the PhotoBlog at bueltge.de/photos

installation

  1. Download the theme package and unpack it locally
  2. The complete content in the directory /wp-content/ copy, or:
    • the folder PhotoBlogFB copy incl. all content into the theme directory (/wp-content/themes/)
    • The plugin fb_meta.php copy to the plugin directory (/wp-content/plugins/)
  3. Activate the MetaKey plugin in the admin area –> Plugins of the weblog
  4. Activate the PhotoBlogFB theme in the theme area.

Hints

The theme is since version 1.3 for WordPress 2.3 optimized.

In order to be able to use the theme and all functions work, a few rules must be observed.

Optional

The CustomAdminCSS plugin, included in the package, can also be activated, which means that only the fields that are required are available in the edit area. This can also be adjusted using the css file in the plugin.

The package contains a .pot file, so the texts can be changed easily without interfering with the code of the templates. It is also possible to translate the theme into other languages.

In the footer of the theme there is a graphic and a link to my site, if you don’t like it, throw it out – just that footer.php edit and the html tag img ... href="https://bueltge.de" remove.

Tips and Tricks

After some questions that I received by mail, I want to briefly deposit the solutions that I think are relevant here, so that everyone can integrate them into their theme.

  • Close the galleries in the sidebar when you visit: header.php edit and search
    $("form").hide();add another line

    
    $("form").hide();
    $("ul").find(".categories").hide();
    
  • There should be a fade-in effect when loading the images.
    also edit the JS section in the header.php, search

    
    $("form").hide();
    

    and replace with

    
    $("form").hide();
    $(".entry").find("img").fadeIn('normal');
    
    $("a#ShrinkImg").click(function() {
    	$(".entry").find("img").fadeOut('normal');
    })
    $("p.postlink").click(function() {
    	$(".entry").find("img").fadeOut('normal');
    });
    

    For the value normal can also fast, slow or a value can be taken in ms, e.g. 500.

  • It is advisable to switch on the WordPress cache, as this can greatly reduce database queries, especially on the sitemap page.
    Simply expand the following value in wp-config.php:

    
    define('ENABLE_CACHE', true); // Cache on
    define('CACHE_EXPIRATION_TIME', 604800); // Cachetime in seconds
    

Downloads:

Isn’t the work worth 1 euro?
Every donation is gratefully accepted and enables further work on free software.
If you would like to donate more or otherwise, visit my wish list.

Download as a zip file (incl. en-language file, pot-file for other languages):
PhotoBlogFB.zip – 50k bytes

Download as a zip file (incl. en-language file, pot-file for other languages):
greyfoto.zip (PhotoBlogFB2, design controllable via widget, etc.) – 252 kByte
More information can be found in the article: PhotoBlog Theme for WordPress with widget customization

information

I’ve written a new version that makes posting images much easier. Please use the new version and leave the post about it.

history

  • V1.0 – An idea can be used.
  • V1.1 – Multilingualism expanded, English language file, error reporting of the EXIF ​​function. disabled
  • V1.2 – Change of multilingualism in header.php and style.css
  • V1.3 – WP 2.3 capable, small changes in JS, archive bug fixed
  • V2.0 – New structure, widget-capable and customizable layout incl. JS function, sidebar and footer completely controllable via widget. Tag support, small design adjustments, direct loading of jQuery, many code refinements
  • V2.2 – Changes in the function, see description, style switcher integrated, no maintenance of excerpt and user definition. fields necessary

In english

Thanks to Sadly for translation.

information

I have write a new version – it is so easy to use. Please use the new theme.

PhotoBlog Theme for WordPress

It’s well known that WordPress can go far beyond a “typical” weblog / online journal. The possibility of displaying pictures as part of a blog has itself already been amply demonstrated. Yet the number of themes available to do so is somewhat limited, which is why I designed one intended for this purpose.

Screenshot PhotoBlogFB

In order to place the display of photos center stage I’ve opted for a minimalist design and one that doesn’t overwhelm with information about the pictures displayed. The theme itself is nevertheless designed in such a way that one can provide such information about the photos – in the familiar WordPress editing page. EXIF data, if available, can also be retrieved. The theme uses the jQuery JavaScript framework, which has been included with the standard WordPress installation since version 2.1. The plugin uses the standard JS that is part of WordPress, meaning that it does not need to be installed separately. The decision to use jQuery was made on account of its very small file size (20KB).

demo

The PhotoBlog theme can be seen live here: https://bueltge.de/photos/

installation

  1. Download the theme and unzip the files on your computer.
    You may then proceed in one of two ways:
  2. Upload the unzipped folder/files into the /wp-content/ folder of your WordPress installation, OR:
    • Upload the PhotoBlogFB folder and all the files within it to the /wp-content/themes/ of your WordPress installation.
    • Upload the file fb_meta.php (MetaKey plugin) in the plugin directory (/wp-content/plugins/) of your WordPress installation.
  3. Activate the MetaKey plugin in WordPress.
  4. Activate the PhotoBlog theme in WordPress.

Advice

Since version 1.3, the theme has been optimized for WordPress 2.3.

A few things to note in order to ensure that the theme works properly:

Optional

The plugin CustomAdminCSS, included in the theme, can also be activated. This will make the fields needed available on the editing page. The theme’s CSS file can be used for further customization.

The package contains a .pot file which makes it possible to change the texts without having to edit the template’s code. This also makes it possible to translate the theme into another language.

The theme’s footer contains a small graphic and a link back to my blog; for those who dislike this, simply remove these by editing the footer.php file and the relevant HTML tag and the link to img ... href="https://bueltge.de".

Tips & Tricks

The following are answers to the most relevant questions I have received by email.

  • the values fast or slow can also replace normal above; a value in ms can also be entered: eg 500.
  • It is advisable to turn on the WordPress cache in order to significantly reduce the number of database queries that will be generated, especially through a Sitemap page. Modify the following value in the wp-config.php page:
    
    define('ENABLE_CACHE', true); // Cache on
    define('CACHE_EXPIRATION_TIME', 604800); // Cachetime in seconds
    
Previous post Total Commander Download » straightvisions GmbH
Next post Install WordPress locally – explained step by step