Galleria

Galleria, a gallery style child theme of Hybrid. Originally a child theme of Thematic, built by Chris Wallace, and release for Smashing Magazine.
I have taken the gallery theme, and ported it over to work with …

Galleria, a gallery style child theme of Hybrid. Originally a child theme of Thematic, built by Chris Wallace, and release for Smashing Magazine.

I have taken the gallery theme, and ported it over to work with the Hybrid theme framework. Since I am huge fan of Justin Tadlocks theme, and I really liked how simple the gallery theme was. Using the base jQuery and idea, I’ve changed the look and incorporated a few other features. into the admin area.

[table id=3 /]

Tutorials & Documentation

While I do encourage people to ask questions and participate in the support forums, it’s always a good idea to check here for your answer first. There’s loads of useful information about using the theme.

Features

  • dynamic image re-size on single page.
  • WordPress 2.7 compatible
  • Built on the Hybrid framework
  • jQuery hover effects
  • jQuery scrolling effects.
  • ‘Save to Delicious’ link
  • ‘Tweet This’ link
  • Flexible footer widget area

Supported Plugins

Galleria has built in template support for two additional plugins, both by Lester Chan. Plus support for BuySell Ads by Thaya Kareeson

  • WP-PostViews – link
  • WP-PostRatings – link
  • BuySellAds – link

I Suggest that you download and install the first two fore sure.

Admin Options

In the theme option’s page, you’ve got control over a few site properties.

Galleria Theme Options, Page Navigation Menu

Galleria Theme Options, Page Navigation Menu

As so you can see in the above picture, You can control what page’s are included in your header navigation and the depth of child pages that show.

Below these options you can choose to show your subscribe/feed link and twitter text. You can also enter your twitter user name.

Galleria, general theme options.

Galleria, general theme options.

The theme’s general options allows you to control the javascript site settings, and an option to turn off the designed by link ( please donate if turning off this feature :) )

Creating Posts

The theme has some extra meta boxes built specificly for the gallery style publications you’ll be doing!

Galleria, post meta boxes

Galleria, post meta boxes

Adding Gallery Items

To use the default options for the Gallery Theme, here are instructions for creating gallery entries:

  1. Upload a full sized image ( any size wider than 500px )
  2. Set WordPress to resize thumbnails to 118×110 ( more info )
  3. in the Image field enter the full sized (original file ) URL, for example http://mydomain.com/wp-content/uploads/design-name.jpg
  4. Next, in the “thumbnail” field enter the thumbnail URL, for example http://mydomain.com/wp-content/uploads/design-name-118×110.jpg
  5. If applicable, enter the URL and Designer, in the appropriate fields

Setting Up Star Ratings **

  1. Install the WP-Post Ratings plugin from WordPress.org. Activate both the plugin and the widgets.
  2. To switch the type of images to transparent .PNGs, open wp-content/plugins/wp-postratings/wp-postratings.php in your favorite text editor and change the following lines ( located at line 31 ):
    ### Define Image Extension
    define('RATINGS_IMG_EXT', 'gif');
    //define('RATINGS_IMG_EXT', 'png');

    to match this:

    ### Define Image Extension
    //define('RATINGS_IMG_EXT', 'gif');
    define('RATINGS_IMG_EXT', 'png');
  3. Then upload that file back into the plugins folder.
  4. In your WordPress admin panel, click the Ratings > Options link on the left sidebar.
  5. The transparent .PNG stars should be selected by default.
  6. Under ‘Ratings AJAX Style’ change ‘Show Loading Image With Text’ to ‘No’ and ‘Show Fading In And Fading Out Of Ratings’ to what ever your prefer.
  7. Click ‘Save Changes.’
  8. Now click the ‘Ratings Templates’ on the left sidebar.
  9. Replace the text in the ‘Ratings Vote Text’ box with the following code:%RATINGS_IMAGES_VOTE%
  10. Replace the text in the ‘Ratings Voted Text’ with the following code:%RATINGS_IMAGES%
  11. Click the ‘Save’ button.
  12. You should now see your star ratings show on the gallery single pages next to the title of the gallery item.